@charset "utf-8";
/*neirong 94.8%;*/
.neirong{width:100%; margin-left:auto; margin-right:auto}
/* CSS Document */
.banner{ overflow:hidden; width:100%; height:450px;}
.banner a{ display:block ; width:100%; height:450px; background:url(../images/banner.jpg) no-repeat center;}

/*搜索*/
.ss{ overflow:hidden; width:100%; height:75px;background-color: #f1f1f1;}
.ss .ssBox{ overflow:hidden;}
.ss .ssBox p{ line-height:75px; color:#362c24;  font-size:14px; float:left}
.ss .ssBox  p a{ color:#666; padding:0 8px;}
.ss .ssK{ overflow:hidden; float:right; background:url(../images/sskbg.png) no-repeat center; height:30px; width:260px; margin-top:20px}
.ss .ssK input{float:left;height:28px;line-height:28px;font-size:13px;padding: 0 13px; width:192px;outline:none;background:none;border:1px solid #d3d3d2; border-right:none; color:#333;}
.ss .ssK a{ display:block; float:right; background:url(../images/ssfdj.png) no-repeat center; width:41px; height:30px; margin-top:1px;}

/*标题*/
h2.btH2{ text-align:center; font-weight:normal; margin-top:50px; font-size:26px; color:#000000}
h2.btH2 a{ color:#000}
p.cjEn{ color:#666; text-align:center; font-size:20px; text-transform:uppercase; margin-top:10px; background:url(../images/pcjenbg.png) no-repeat center}


/*德国品质中国价格*/
.quality{ overflow:hidden; width:100%; background-color:#ffffff; margin-bottom:0px;}
.quality .qualityCon{ overflow:hidden; margin:45px 0;width:1000px; position:relative}
.quality .list{ overflow:hidden; width:105%}
.quality .list li{ float:left; width:250px; float:left;}
.quality .list li img{ display:block; border-right:1px solid #dcdcdc;}
.quality .list li h3{ text-align: center; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 50px; margin:10px 0 15px;}
.quality .list li h3 a{ color:#232323}
.quality .list li p{ line-height:20px; line-height:20px; height:40px; padding:0 20px; text-align:justify; font-size:13px; color:#333333; overflow:hidden}
.quality .list li a.more{ display:block; width:132px;  height:27px; line-height:27px; color:#fff; font-size:13px; margin:0 auto; text-align:center; background-color:#e5e5e5; margin-top:20px; text-decoration:none} 
.quality .list li.last img{ border-right:none}
.quality .list li:hover img{ opacity:0.85}
.quality .list li:hover a.more{ background-color:#017dbd}

/*欧恩产品中心*/
.pro{ overflow:hidden; width:100%; background-color:#f1f1f1; padding-bottom:60px; padding-top:60px;}
.pro .proBox{ overflow:hidden}
.pro .proLTt{ width:250px; float:left;}
.pro .protit{ overflow:hidden; background:url(../images/prolt-titbg.jpg) no-repeat center; width:250px; height:125px}
.pro .protit h2{ text-align:center; font-size:24px; font-weight:normal; margin-top:40px; color:#fff;}
.pro .protit h2 a{ color:#fff}
.pro .protit p{ text-align:center; color:#fff; font-size:18px; font-family:Arial; margin-top:1px;} 
.pro .proltBox{ overflow:hidden; background-color:#e5e5e5; padding:25px 0;}
.pro .menu{ overflow:hidden}
.pro .menu dt{ border-left:34px solid #017dbd; padding-left:18px; font-size:15px; line-height:16px; margin:12px 0;}
.pro .menu dt a{ color:#362c24}
.pro .menu dd{ margin-left:35px;}
.pro .menu dd a{ display:block;  height:25px; line-height:25px; background:url(../images/prolt-dd.png) no-repeat  15px center; padding-left:25px; text-decoration:none; margin:5px 0;}
.pro .menu dd a:hover{ background:#9e9e9e; color:#fff}
.pro .proRt{ width:720px; float:right;}
.pro .proTrt{ overflow:hidden; width:100%; background-color:#017dbd; height:40px;}
.pro .protitUl{ float:left; overflow:hidden; height:40px;}
.pro .protitUl li{ height:40px; line-height:40px;  float:left; width:140px; text-align:center; color:#fff; font-size:20px; cursor:pointer;}
.pro .protitUl li:hover,.pro .protitUl li.cur{ background-color:#545454}
.pro .proTrt a.pro-a{ float:right; display:block; margin-right:20px; margin-top:10px; color:#fff; font-size:14px}
.pro .prortBox {
    overflow: hidden;
    margin-top: 30px;
    width: 100%;
    height: 480px;
    position: relative;
}
.pro .prolist{ overflow:hidden; position:absolute; top:0; left:0; display:none}
.pro .prolist li{ width:229px; float:left; border:0px solid #c0c0c0; float:left; margin-right:16px; margin-bottom:20px;}
.pro .prolist li a{ text-decoration:none}
.pro .prolist li img{ display:block}
.pro .prolist li span{ border-top:1px solid #c0c0c0; height:33px; line-height:33px; background-color:#e9eaec; padding:0 20px; font-size:14px; color:#232323; display:block; text-align:center;}
.pro .prolist li:nth-child(3n) { margin-right:0;}
.pro .prolist li:hover img{ opacity:0.85; filter:alpha(opacity=85)}
.pro .prolist li:hover {border:0px solid #494949;}
.pro .progg{ overflow:hidden; background:url(../images/proggbg.png) no-repeat center; height:91px; margin-top:10px;}
.pro .progg h4{ font-size:18px; color:#000000; background:url(../images/prophone.png) no-repeat left center; line-height:41px; padding-left:50px; margin-left:90px; margin-top:20px;} 
.pro .progg h4 strong{ color:#d91b1b; font-size:24px;}
.pro .progg h4 a{ margin-left:30px; display:inline}


/*辉煌成果*/
.chgou{ overflow:hidden; height:280px;  margin-bottom:0px; background-color:#6f6f6f}
.chgou .neirong{ background:#017dbd url(../images/chgoubg.png) no-repeat center; overflow:hidden; height:280px;}
.chgou .chGouLt{ width:250px; height:280px; float:left; background-color:#e5e5e5;}
.chgou .cgHz{ margin:0 auto; width:119px; height:125px; border:1px solid #017dbd; margin-top:55px;}
.chgou .cgHz h2{ font-size:28px; color:#017dbd; font-weight:normal; text-align:center; margin-top:33px;}
.chgou .chGouLt h3{ text-align:center; font-size:15px; font-weight:normal; margin-top:15px; color:#017dbd;}
.chgou .chGouLt p{ text-align:center; text-transform:uppercase; font-size:13px; color:#017dbd; margin-top:14px;}
.chgou .chgouRt{ overflow:hidden; height:250px; width:750px; float:right;}
.chgou .list{margin-top:60px;margin-left:20px;overflow: hidden;} 
.chgou .list li{width:137px;float:left;margin: 0 26px;}
.chgou .list li p{ text-align:center; font-size:15px; color:#ffffff; margin-top:25px;}
.chgou .cgRtBox{ overflow:hidden; width:137px; height:137px; margin:0 auto; position:relative}
.chgou .cgRtBox i{ display:block; position:absolute; top:0; left:0; z-index:0; background:url(../images/chgou-libg.png) no-repeat center; height:137px; width:137px; animation:change 5s infinite;}
.chgou .cgRtBox h3{ font-weight:normal; text-align:center; margin-top:50px; font-size:32px; position:relative; z-index:1;    color: #017dbd;}
.chgou .list li.last{ margin-right:0}
@keyframes change{
	form{ transform:rotate(0deg)}
	to{ transform:rotate(360deg)}
	} 
/*优势*/
.ys{ overflow:hidden; width:100%;background:url(../images/ys.png) repeat ;}
.ys .ysTit{ overflow:hidden; width:100%; background:url(../images/ys-tit.jpg) no-repeat center; height:307px;}
.ys .ys01{ background:url(../images/ys_01.jpg) no-repeat center;}
.ys .ys02{ background:url(../images/ys_02.jpg) no-repeat center;}
.ys .ys03{ background:url(../images/ys_03.jpg) no-repeat center;}
.ys .ys04{ background:url(../images/ys_04.jpg) no-repeat center;}
.ys .ysBox{ height:460px; overflow:hidden;}
.ys .ysCon{ width:450px; overflow:hidden;}
.ys .ysCon h2{ font-size:22px; color:#017dbd; margin-top:155px;}
.ys .ysCon h2 strong{ font-size:36px}
.ys .ysCon span{ display:block; margin-top:5px; font-size:12px; color:#017dbd}
.ys .ysCon p{ line-height:20px; margin-top:20px; font-size:14px; color:#333; background:url(../images/ys-libg.png) no-repeat left 4px; padding-left:15px;}
.ys .ysCon h2.h2{ margin-top:195px;}
.ys .ysCon.last{ width:420px;}

/*小广告*/
.xGg{width:100%; background-color:#fff;}
.xGg .xhh{background:url(../images/centerggbg.jpg) no-repeat center; height:335px;width:100%}
.xGg .xGgCon{ position:relative;}
.xGg .phone{ float:right; margin-top:120px;}
.xGg .phone h3{ background:url(../images/prophone.png) no-repeat left center; padding-left:45px;}
.xGg .phone h3 p{ font-weight:normal; color:#000; font-size:14px;}
.xGg .phone h3  strong{font-size:24px; color:#ba1414; margin-top:2px;}
.xGg .phone a.more{ display:block; margin-top:10px; width:189px; height:40px; background:url(../images/centergg.png) no-repeat center; }
.xGg img.img01{ position:absolute; left:-50px; bottom:-334px; *bottom:-117px}

/*团队*/
.team{ overflow:hidden; width:100%; background-color:#fff}
.team p.cjEn{ background:url(../images/team-p.png) no-repeat center;}
.team dl{ overflow:hidden; width:100%; margin-top:20px; margin-bottom:10px;}
.team dt{ width:1000px; height:493px; overflow:hidden; }
.team dt img{ width:1000px; height:493px;}
.team dd{padding:0 50px; margin-top:15px;  overflow:hidden}
.team dd p{ line-height:28px; font-size:13px; color:#333; text-align:center}

/*客户*/
.kehus{ overflow:hidden; width:100%; background-color:#fff;}
.kehus .kehuBox{ overflow:hidden; margin:0 auto;}
.K_h{ overflow:hidden; width:1138px; height:385px; margin:40px auto; position:relative}
.K_h em{ display:block; position:absolute; top:150px; width:28px; height:78px; cursor:pointer}
.K_h em.zxlt{ background:url(../images/zxlt.png) no-repeat center; left:0;}
.K_h em.zxrt{ background:url(../images/zxrt.png) no-repeat center; right:0}
.kehus .kehuBox a.kehu-a{ display:block; margin:0 auto; width:65px; height:29px; margin-top:10px; background:url(../images/kehu-a.jpg) no-repeat center}
.kehus .kehuCon{ overflow:hidden; width:1000px; height:385px; position:relative; margin:0 auto;}
.kehus .list{ position:absolute; top:0; left:0; width:105%}
.kehus .list li{ float:left; width:235px; float:left; margin-right:20px; background-color:#fafafa; height:385px;}
.kehus .list li img{ display:block;}
.kehus .list li h3{ text-align: center; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px; margin:10px 0 15px;}
.kehus .list li h3 a{ color:#232323}
.kehus .list li p{ line-height:20px; line-height:20px; height:100px; padding:0 10px; text-align:justify; font-size:13px; color:#333333; overflow:hidden}
.kehus .list li a.more{ display:block; width:132px;  height:33px; line-height:33px; color:#fff; font-size:13px; margin:0 auto; text-align:center; background-color:#a1a1a1; margin-top:15px; } 

/*欧恩照明的尊贵客户*/
.zx{overflow:hidden; width:100%; background-color:#f1f1f1;}
.zx .zx-kj{ overflow:hidden; width:1138px; height:150px; margin:40px auto; position:relative}
.zx em{ display:block; position:absolute; top:30px; width:28px; height:78px; cursor:pointer}
.zx em.zxlt{ background:url(../images/zxlt.png) no-repeat center; left:0;}
.zx em.zxrt{ background:url(../images/zxrt.png) no-repeat center; right:0}
.zx .zxCon{ width:1000px; height:150px; overflow:hidden; position:relative; margin:0 auto}
.zx .list{ position:absolute; top:0; left:0}
.zx .list li{ width:231px; margin-right:24px; float:left; height:150px}
.zx .list li a{ text-decoration:none}
.zx .list li span{ display:block; text-align:center; font-size:14px; color:#333; margin-top:10px;}

/*关于*/
.about{ overflow:hidden; width:100%; background:#FFFFFF; padding:45px 0 45px;}
.about  dl{ overflow:hidden; width:100%; background-color:#eee}
.about dt{ width:502px; height:292px; overflow:hidden; float:left;}
.about dt img{ display:block; width:502px; height:292px;}
.about dd{ width:458px; padding:0 20px;  float:right;}
.about dd h2{ margin-top:30px;}
.about dd p.cjEn{ background:url(../images/about-p.png) no-repeat center}
.about dd p.p{line-height:25px;text-align:justify;font-size:13px; overflow:hidden; margin-top:15px;color:#333; margin-bottom: 10px;}
.about dd a.ckxqy{ color:#494949; margin-left:10px; font-size:15px; font-weight:bold}
.about .about-li{ overflow:hidden; width:100%; margin-top:30px; color:#333}
.about .about-li a{text-decoration:none;}
.about .about-li li{float:left;background:url(../images/about-xiaobg.png) no-repeat center;width:176px;height:124px;margin-right:30px; border-radius: 13px;}
.about .about-li li img{ display:block; margin:10px auto;}
.about .about-li li span{ display:block; text-align:center; font-size:20px; margin-top:10px; color:#fff}
.about .about-li li.last{ margin-right:0;}
.about .about-li li:hover{ background:#666;}

/*新闻*/
.news{ overflow:hidden;width:100%; background:url(../images/aboutbg.png) repeat ;padding:45px 0 50px; }
.news .newsHz{ width:277px; padding:0 20px; background-color:#eee; height:570px; float:left; margin-right:24px; position:relative}
.news .newsHz h2{ font-size:24px; margin-top:32px;}
.news .newsHz  p{ background:url(../images/newtit.png) no-repeat center; color:#000; font-size:17px;}
.news .newdl{ overflow:hidden; margin-top:20px;}
.news .newdl dt{ overflow:hidden; width:276px; height:175px;}
.news .newdl dd{overflow:hidden;padding: 10px 18px;}
.news .newdl dd a{display:block;background:url(../images/newalibg.png) no-repeat left center;padding-left: 20px;line-height: 33px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 13px;}
.news .newsHz i{display:block;width:277px;height:1px;background-color:#a1a1a1;position:absolute;bottom: 43px;left:20px;}
.news .newsHz.last{ margin-right:0;}
.news .newsHz a.ckgd{display:block;width:124px;height:35px;color:#fff;font-size:14px;background-color:#a1a1a1;line-height:35px;text-align:center;text-decoration:none;margin:0 auto;position: relative;z-index: 2;}
.news .newsHz a.ckgd:hover{ text-decoration:underline;}

/*fast*/
.fast{ overflow:hidden; width:100%; padding:40px 0px;}
.fast .fastBox{ overflow:hidden; background-color:#eee; height:322px}
.fast .fastLt{ background:url(../images/fastltbg.jpg) no-repeat center; height:322px; width:308px; float:left;}
.fast .fastLt h2{ font-size:48px; margin-top:120px; text-align:center; font-weight:normal}
.fast .fastLt h2 a{color:#fff;display: block;}
.fast .fastLt h2 span{font-size:18px;margin-top:5px;display: block;}
.fast .fastRt{ float:right; width:672px; height:322px; margin-top:2px;}
.fast .fastOne{overflow:hidden; width:100%; height:106px;}
.fast .fastOne a.more{ display:block; float:right; background:url(../images/fastmore.png) no-repeat center; width:20px; height:106px;}
.fast .fastTit{ float:left; margin-top:40px;}
.fast .fastTit li{float:left;margin-right:10px;border:1px solid #a1a1a1;width:148px;height:37px;line-height:37px;text-align:center;font-size:14px;color:#000;position:relative;background: #eeeeee;}
.fast .fastTit li a{ color:#000; text-decoration:none;}
.fast .fastTit li i{display:none;background:url(../images/fastxjx.png) no-repeat center;height:4px;width:7px;bottom:-4px;left: 68px; position:absolute}
.fast .fastTit li:hover,.fast .fastTit li.cur{ background-color:#4d4d4d}
.fast .fastTit li:hover a,.fast .fastTit li.cur a{ color:#fff}
.fast .fastTit li:hover i,.fast .fastTit li.cur i{ display:block}
.fast .fastshow{ overflow:hidden; width:672px; height:212px; position:relative} 
.fast .fastTwo{ overflow:hidden; width:100%; position:absolute; top:0; left:0; display:none}
.fast .dl{overflow:hidden;padding: 15px 0;border-top:1px solid #d6d6d6;width:100%;position:relative; height:75px}
.fast .dl dt{width: 150px;float:left;}
.fast .dl dt h3{font-weight:normal;font-size:18px;color:#000;margin-top:25px;}
.fast .dl dt a{ color:#000; text-decoration:none}
.fast .dl dt h3 span{ display:block; font-size:12px;  color:#666; margin-top:2px;}
.fast .dl dd{width: 152px;border-right:1px dotted #000;float:left;height:75px;margin-left: 7px;}
.fast .dl dd a{display:block;text-align:left;font-size:12px;color:#000;line-height: 25px; padding:0 8px;}
.fast .dl dd.last{  width:20px; height:106px; position:absolute; right:0; top:1px; border:none;}
.fast .dl dd.last a{ display:block;background:url(../images/fastmore.png) no-repeat; width:20px; height:106px}
.fast .dl dd.two{ border:none;}




/*link*/
.link{ overflow:hidden; width:100%; padding:10px 0; background-color:#676767;}
.link h3{ float:left; width:105px; font-size:16px; font-weight:normal; margin-top:3px;}
.link h3 a{ color:#fff}
.link h3  span{ font-size:14px; color:#a4a4a4; margin-left:5px;}
.link  ul{ float:right; width:890px;}
.link  ul li{ float:left; margin:5px 10px; font-size:13px;}
.link  ul li a{ color:#fff}


/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:450px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:2; bottom:25px; left: 50%;margin-left: -64px; padding:0px 6px;}
#flashs .btn span{ background:#252525; cursor: pointer;display: inline-block;margin:2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}
#flashs .btn span.cur{  background:#494949;}


/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}