﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*正文开始*/
.banner a { background:url(Img/Index/banner.jpg) no-repeat center 0; height:640px; display:block;}

/*中国洗眼器领军品牌*/
.brand_bg{ background:url(Img/Index/brand_bg.gif) repeat-x;height: 582px; padding:68px 0 0;font-size: 0;overflow: hidden;}
.brand_bt{ background:url(Img/Index/brand_tbg.png) no-repeat;width: 750px;height: 75px;text-align: center;line-height: 75px;overflow: hidden; margin:0 auto;}
.brand_bt a{font-size: 26px;color: #363438; text-shadow:1px 1px 1px #cecece;}
.brand dl{ display:inline-block;width: 1200px; padding:50px 0 0;overflow: hidden;}
.brand dl dt{width: 600px;float: right;}
.brand dl dt img{width: 600px;height: 380px;}
.brand dl dd{width: 500px;float: left;}
.brand dl dd h5{ padding:30px 0 0;height: 30px;line-height: 30px;overflow: hidden;text-align: center;}
.brand dl dd h5 a{font-size: 24px;color: #c29357;}
.brand dl dd p{font-size: 14px;color: #333;height: 90px;line-height: 30px;overflow: hidden; padding:15px 0 0;}
.brand dl dd p a{font-size: 14px;color: #c29357;}
.brand ul{ display:inline-block;width: 500px; padding:15px 0 0;overflow: hidden;}
.brand ul li{height: 30px;line-height: 30px;width: 250px;float: left;overflow: hidden; background:url(Img/Index/brand_ico.gif) no-repeat 0 14px;}
.brand ul li a{font-size: 16px;color: #333; padding:0 0 0 18px;}

/*产品中心*/
.pro_bg{ background:url(Img/Index/pro_bg.jpg) no-repeat center 0;font-size: 0;height:1093px; padding:121px 0 0;overflow: hidden;}
.pro .brand_bt{ background:url(Img/Index/pro_tbg.png) no-repeat;width: 568px;height: 65px;line-height: 60px; padding:0 0 86px;}
.pro_l{ width:228px;height: 802px; border:#c2c2c2 1px solid; background:url(Img/Index/cp_lbg.gif) repeat-x;}
.pro_l h3{ height:50px; line-height:50px; overflow:hidden;background: #646464; margin:0 0 10px;}
.pro_l h3 a{ font-size:16px; color:#b89c79;font-weight: normal;}
.pro_l h3 a:hover{color: #fff;}
.pro_l h3 em{display: block;float: left;width: 26px; padding:12px 8px 0 40px;}
.pro_l h3 em img{width: 26px;height: 24px;}
.pro_l ul{ padding:0 0 30px;}
.pro_l ul li{ height:30px;width: 228px; overflow:hidden;}
.pro_l ul li a{ font-size:14px; color:#333; padding:0 0 0 42px;display: block;width: 186px;height: 30px;line-height: 30px;overflow: hidden;}
.pro_l ul li.cur a,.pro_l ul li a:hover{background: #bd9c73; color:#fff; text-decoration:none;}
.pro_l .pro_ul02{ display:inline-block;width: 228px;overflow: hidden;}
.pro_l .pro_ul02 li{width: 114px;float: left;text-align: center;}
.pro_l .pro_ul02 li a{ padding:0;width: 114px;}
.pro_r{ width:952px;}
.pro_rt{width: 952px; background:url(Img/Index/pro_rtbg.gif) repeat-x; height:50px; overflow:hidden; border:#c2c2c2 1px solid;}
.pro_rt ul li{ float:left;width: 238px;height: 50px; background:url(Img/Index/pro_bor.gif) no-repeat right 18px;}
.pro_rt ul li a{ font-size:14px; color:#333; display:block;float: left; width:238px; height:50px; text-align:center; line-height:50px;}
.pro_rt ul li.cur a,.pro_rt ul li a:hover{ background:#646464;color: #f8cf9b; text-decoration:none;}
.pro_rt .nobor{ background:none;}
.pro_rm{ padding:22px 0 0;}
.pro_rm p{width: 456px;float: left; _width:450px; overflow:hidden;}
.pro_rm p em{display: block;width: 456px;height: 689px;overflow: hidden;}
.pro_rm p img,.pro_rm ul li img{width: 456px;height: 689px;
webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_rm p img:hover,.pro_rm ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro_rm p span,.pro_rm ul li span{width:456px; display:block; text-align:center; height:40px; line-height:40px;font-size: 14px;color: #333; overflow:hidden; text-decoration:none;background: #fff;}
.pro_rm ul{ display:inline-block;width: 496px;overflow: hidden;}
.pro_rm ul li { float:left;width: 228px; padding:0 0 22px 20px;}
.pro_rm ul li em{display: block;overflow: hidden; width:228px; height:313px;}
.pro_rm ul li img{ width:228px; height:313px;}
.pro_rm ul li span{ width:228px;}

/*PK*/
.pk_bg{ background:url(Img/Index/pk_bg.jpg) no-repeat center 0;height: 626px;overflow: hidden;font-size: 0;}
.pk .brand_bt{height: 138px;}
.pk_l{ padding:0 0 0 60px;width: 400px;position: relative;}
.pk_l:before{ content:"";width: 1px;height: 235px;position: absolute;top: 100px;left: 70px; border-right:#d0d0d0 1px dashed;}
.pk_l h5{height: 60px;line-height: 60px;overflow: hidden;}
.pk_l h5 a{font-size: 26px;color: #333; padding:0 0 0 50px; text-shadow:1px 1px 1px #ececec;}
.pk_l p{ background:url(Img/Index/pk_ico01.gif) no-repeat 0 36px;height: 48px;line-height: 24px;overflow: hidden; padding:25px 0 0 52px;position: relative;z-index: 1;}
.pk_l p a{font-size: 16px;color: #333; text-shadow:1px 1px 1px #ececec;}
.pk_l p a:hover{font-weight: bold;}
.pk_c{width: 120px; padding:95px 20px 0 70px;}
.pk_c img{width: 120px;height: 164px;}
.pk_l p.pk_p01{line-height: 48px;}

/*优选材质，精湛工艺*/
.you_bg{ background:url(Img/Index/you_bg.jpg) no-repeat center 0;height: 680px; padding:65px 0 0;font-size: 0;overflow: hidden;}
.you .brand_bt{height: 124px;}
.you_l{width: 370px;}
.you_l p{width: 370px;height: 110px; padding:0 0 38px;overflow: hidden;}
.you_l p a{ background:url(Img/Index/you_k01.png) no-repeat;display: block;width: 370px;height: 115px;font-size: 16px;color: #333;}
.you_l p.cur a,.you_l p a:hover{ background:url(Img/Index/you_k02.png) no-repeat;font-weight: bold;}
.you_l p b{display: block;float: left;font-size: 18px;color: #c29357;font-weight: normal;width: 115px;height: 115px;text-align: center;line-height: 110px;overflow: hidden;}
.you_l p em{display: block;float: left;width: 240px; padding:30px 0 0 15px;overflow: hidden;height: 50px;line-height: 25px;text-shadow:1px 1px 1px #ececec;}
.you_l p .you_em01{height: 115px;line-height: 115px; padding-top:0;}
.you_l p .you_b01{line-height: 25px;height: 50px; padding:30px 0 0;}

/*自有工厂生产*/
.factory_bg{ background:url(Img/Index/factory_bg.jpg) no-repeat center 0;height: 815px; padding:25px 0 0;font-size: 0;overflow: hidden;}
.factory .brand_bt{ background:url(Img/Index/factory_tbg.gif) no-repeat;width: 760px;height: 126px;line-height: 90px;}
.fac_m{width: 1200px;height: 500px;position: relative;}
.fac_m img{width: 1200px;height: 500px;}
.fac_m .fac_l{ background:url(Img/Index/factory_lico01.png) no-repeat;display: block;width: 33px;height: 87px;position: absolute;top: 203px;left: 0; z-index:9;}
.fac_m .fac_l:hover{ background:url(Img/Index/factory_lico02.png) no-repeat;}
.fac_m .fac_r{ background:url(Img/Index/factory_rico01.png) no-repeat;display: block;width: 33px;height: 87px;position: absolute;top: 203px;right: 0;z-index:9;}
.fac_m .fac_r:hover{ background:url(Img/Index/factory_rico02.png) no-repeat;}
.fac_bot{ display:inline-block;width: 1200px; padding:25px 0 0;overflow: hidden;}
.fac_bot span{display: block;float: left;font-size: 16px;color: #444;height: 30px;line-height: 30px;width: 515px; padding:0 0 0 85px; background:url(Img/Index/factory_ico.gif) no-repeat 75px 12px;overflow: hidden;}

/*专业定制*/
.custom_bg{ background:url(Img/Index/custom_bg.jpg) no-repeat center 0;height: 775px;font-size: 0;overflow: hidden;}
.custom_t{ background:url(Img/Index/custom_tbg.png) no-repeat;width: 750px;text-align: center;height: 65px;line-height: 65px;overflow: hidden; margin:0 auto;}
.custom_t a{font-size: 26px;color: #363438;}
.custom_t a:hover{ color:#000;}
.custom b{display: block;text-align: center;height: 25px; padding:35px 0 68px;}
.custom b a{font-size: 22px;color: #4d4d4d;}
.cus_m{ background:url(Img/Index/custom_bg01.png) no-repeat;width: 870px;height: 265px; margin:0 auto;}
.cus_m p{float: left;}
.cus_m p a{font-size: 16px;color: #242424;display: block;}
.cus_m p.cus_p01,.cus_m p.cus_p01 a,.cus_m p.cus_p02,.cus_m p.cus_p02 a{width: 314px;height: 120px;text-align: center;}
.cus_m p.cus_p01{line-height: 28px; padding:0 30px 0 110px;}
.cus_m p.cus_p01 a,.cus_m p.cus_p02 a{ padding:40px 0 0 0;height: 80px;}
.cus_m p.cus_p02{line-height: 28px;}
.cus_m p.cus_p03,.cus_m p.cus_p03 a,.cus_m p.cus_p04,.cus_m p.cus_p04 a,.cus_m p.cus_p05,.cus_m p.cus_p05 a{width: 265px;height: 94px;text-align: center;line-height: 94px;}
.cus_m p.cus_p03{ padding:40px 0 0 14px;}
.cus_m p.cus_p04{ padding:40px 23px 0 27px;}
.cus_m p.cus_p05{ padding:40px 0 0;}
.cus_m p.cus_p01 a.cur{ background:url(Img/Index/custom_bg02.png) no-repeat -110px 0;}
.cus_m p.cus_p01 a:hover{ background:url(Img/Index/custom_bg02.png) no-repeat -110px 0;}
.cus_m p.cus_p02 a:hover{ background:url(Img/Index/custom_bg02.png) no-repeat -109px 0;}
.cus_m p.cus_p03 a:hover{ background:url(Img/Index/custom_bg02.png) no-repeat -14px -160px;}
.cus_m p.cus_p04 a:hover{ background:url(Img/Index/custom_bg02.png) no-repeat -14px -160px;}
.cus_m p.cus_p05 a:hover{ background:url(Img/Index/custom_bg02.png) no-repeat -14px -160px;}
.cus_bot{ padding:170px 0 0 332px;}
.cus_bot span{display: block;float: left;width: 120px;}
.cus_bot span a{display: block;float: left;width: 118px;height: 38px;text-align: center;line-height: 38px;overflow: hidden; border:#b89c79 1px solid;font-size: 14px;color: #b89c79;font-weight: bold;}
.cus_bot span a:hover{color: #333; border:#333 1px solid;}
.cus_bot em{display: block;float: left;font-size: 32px;color: #b89c79; padding:0 50px;}

/*合作客户*/
.partner_bg{ background:#fff;font-size: 0;height: 471px;overflow: hidden;}
.par_t{ background:url(Img/Index/partner_tbg.gif) no-repeat;width: 750px;text-align: center;height: 118px;line-height: 65px;overflow: hidden; margin:0 auto;}
.par_t a{font-size: 26px;color: #424242;}
.par_t a:hover{ color:#b89c79;}
.partner ul li{width: 175px;height: 80px;float: left;overflow: hidden; margin:0 25px 18px 0; display:inline-block; box-shadow:2px 5px 5px #8e8d8d;}
.partner ul li img{width: 175px;height: 80px;webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.partner ul li a:hover img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}
/*.partner ul li img{width: 175px;height: 80px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.partner ul li img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}*/

/*案例*/
.case_bg{ background:#fff;height: 395px;font-size: 0;overflow: hidden;}
.case dl{ width:580px; height:295px; float:left; box-shadow:2px 4px 6px #8e8d8d; display:inline-block;overflow: hidden;}
.case dt{ width:320px;height: 295px;overflow: hidden; float:left;}
.case dt img{ width:320px; height:295px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case dd{ float:left; width:215px; padding:0 22px; overflow:hidden;}
.case dd h5{line-height:30px; height:30px; padding:20px 0 0; overflow:hidden;}
.case dd h5 a{ font-size:20px; color:#333;}
.case dd h5 a:hover{ color:#b89c79;}
.case dd p{font-size: 14px; color:#666; line-height:30px; height:150px; overflow:hidden; padding-top:15px;}
.case .case_dl01{ margin:0 40px 0 0;}
.case .case_dl01 dt{float: right;}

/*完整售后服务系统*/
.service_bg{background: #fff;font-size: 0; padding:0 0 30px;}
.service_bt{ background:url(Img/Index/partner_tbg.gif) no-repeat;width: 750px;height: 148px;text-align: center;line-height: 60px;overflow: hidden; margin:0 auto;}
.service_bt a{font-size: 26px;color: #363438;}
.serv_m{ background:url(Img/Index/service_bg.gif) no-repeat; display:inline-block;width: 1200px;height: 305px;overflow: hidden;}
.serv_m ul li{width: 310px;height: 305px;float: left;}
.serv_m ul li a{display: block;width: 310px;height: 305px;float: left;font-size: 14px;color: #333;text-align: center;}
.serv_m ul li a:hover{color: #b1844b;}
.serv_m ul li span{display: block;height: 44px;line-height: 22px;overflow: hidden; padding:250px 0 0;}
.serv_m ul li.ser_li02{ padding:0 140px 0 130px;}
.serv_m ul li.ser_li01 a{ background:url(Img/Index/service_pic01.gif) no-repeat center 0;}
.serv_m ul li.ser_li01 a:hover{ background:url(Img/Index/service_pic04.gif) no-repeat center 0;}
.serv_m ul li.ser_li02 a{ background:url(Img/Index/service_pic02.gif) no-repeat center 0;}
.serv_m ul li.ser_li02 a:hover{ background:url(Img/Index/service_pic05.gif) no-repeat center 0;}
.serv_m ul li.ser_li03 a{ background:url(Img/Index/service_pic03.gif) no-repeat center 0;}
.serv_m ul li.ser_li03 a:hover{ background:url(Img/Index/service_pic06.gif) no-repeat center 0;}
.service b{display: block;width: 120px; margin:0 auto; padding:48px 0 0;}
.service b a,.sq_r a,.news dd span a{display: block;width: 118px;height: 38px;text-align: center;line-height: 38px;overflow: hidden; border:#b89c79 1px solid;font-size: 14px;color: #b89c79;font-weight: bold;}
.service b a:hover,.sq_r a:hover,.news dd span a:hover{color: #333; border:#333 1px solid;}

/*申请留言*/
.ly_bg{ background:url(Img/Index/ly_bg.jpg) no-repeat center 0;height: 530px;overflow: hidden;}
.sq{ width:750px; padding:140px 0 0;}
.sq_t{height: 60px;line-height: 50px;text-align: center;overflow: hidden;}
.sq_t a{font-size: 20px;color: #333;font-weight: normal;}
.sq ul li{ display:inline-block;height: 28px;width: 308px; border:#555 1px solid; position:relative; margin:0 0 15px 40px;overflow: hidden;}
.sq ul li span{display: block;float: left;width: 28px; border-right:#555 1px solid;}
.sq ul li span img{width: 28px;height: 28px;}
.sq ul li i{ display:block;font-size: 12px; color:#f00; position:absolute; top:8px; right:10px; width:5px;}
.sq .sq_inp01{font-family:"Microsoft YaHei";font-size: 14px;color: #333; background:none; width:265px; height:28px; line-height:28px; border:none; padding:0 4px 0 10px; float:left; outline:none;}
.sq .sq_inp02{font-family:"Microsoft YaHei";font-size: 14px;color: #333; background:none; width:625px; height:48px; border:none; padding:5px; float:left; resize:none; outline:none; overflow:hidden;}
.sq .sq_inp03{font-family:"Microsoft YaHei";font-size: 14px;color: #333; background:none; width:166px; height:28px; line-height:28px; border:none; padding:0 3px 0 10px; float:left; outline:none;}
.sq li.tj{width: 455px; border:none;height: 35px; padding:0 0 0 210px;}
.sq .ly_btn01{ float:left; width:100px; height:34px;}
.sq .ly_btn02{ float:left; margin-left:50px; width:100px; height:34px;} 
.sq .ly_li05{height: 58px;width: 665px;}
.sq .ly_li05 span{ border-bottom:#555 1px solid;}
.sq_r{font-size: 32px;color: #b89c79;width: 310px;text-align: center; padding:330px 0 0;}
.sq_r a{ margin:15px auto 0;}

/*常见问题*/
.faqs{ width:384px;}
.faqs h4{width: 384px;height: 50px;}
.faqs h4 a,.news_t ul li a{font-size: 16px;color: #333;font-weight: normal;display: block;width: 380px;height: 46px;text-align: center;line-height: 46px; border:#ccc 2px solid;overflow: hidden;}
.faqs h4 a:hover,.news_t ul li.cur a,.news_t ul li a:hover{ border:#b89c79 2px solid;color: #b89c79;font-weight: bold;}

.faqs dl{ width:384px; height:90px; padding:25px 0 0;}
.faqs dt{ background:url(Img/Index/wen.gif) no-repeat 0 3px; padding-left:40px; height:25px; line-height:25px; overflow:hidden;}
.faqs dt a{ font-size:14px; color:#333;}
.faqs dt a:hover,.news dd h5 a:hover,.news_m ul li a:hover{color: #b89c79;}
.faqs dd{ font-size:14px; color:#666; background:url(Img/Index/da.gif) no-repeat 0 10px; padding:5px 0 0 40px; line-height:25px; height:50px; overflow:hidden;}

/*博化动态*/
.news_bg{background: #fff; padding:70px 0 55px;font-size: 0;}
.news{ width:780px;}
.news_t{width: 780px;height: 50px;}
.news_t ul li{ float:left;width: 389px; padding:0 1px 0 0;height: 50px;overflow: hidden;}
.news_t ul li a{float: left;width: 385px;}
.news dl{ width:780px; padding:30px 0 20px; display:inline-block; overflow:hidden;}
.news dt{ width:270px;height: 180px;overflow: hidden; float:left;}
.news dt img{ width:270px; height:180px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news dd{ float:left; overflow:hidden; width:455px; padding:0 0 0 35px;}
.news dd h5{ height:40px; line-height:40px; overflow:hidden;}
.news dd h5 a{  font-size:18px; color:#333;}
.news dd p{ font-size:14px; color:#333; height:75px; line-height:25px; overflow: hidden; padding:10px 0 0;}
.news dd span{display: block;width: 120px; padding:15px 0 0;}
.news dd span a{height: 32px;line-height: 32px;}
.news_m ul{ width:780px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:36px; line-height:36px; overflow:hidden; width:370px; float:left; margin:0 20px 0 0; display:inline-block;}
.news_m ul li a{font-size:14px; color:#333;}

/*友情链接*/
.links_bg{ background:#fff; border-top:#e5e5e5 1px solid; padding:45px 0;}
.links_c{ height:30px; line-height:30px; overflow:hidden; width:1060px;}
.links_c a{font-size: 14px;color: #666; display:inline-block; padding:0 23px;}
.links_r{ height:30px; line-height:30px; overflow:hidden;width: 140px;}
.links_r a{font-size: 14px; color:#b89c79;}
