body{margin:0px auto;padding:0px;color:#5a5859;font-size:14px;font-family:Arial;line-height:20px;background-color:#f0f0f0;}
a:link{color:#5a5859;text-decoration:none;}        
a:visited{color:#5a5859;text-decoration:none;}
a:hover{color:#0072bb;text-decoration:none;}
img{border:none;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style:none; }
div,ul,li{display:block;}

/*iphone width
    iphone4: 320x480
    iphone5: 320x568
    iphone6: 375x667
    iphone6s:414x736
    */
.wrap{margin:0px auto;display:block;}
.clear{height:5px;margin:0px;padding:0px;clear:both;}
.l{float:left;display:block;}
.r{float:right;display:block;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:18px;}
.fb{font-weight:bold;}
.fl{font-weight:lighter;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}

.device{width:750px;margin:0px auto;background-color:#fff;}

.top{width:750px;height:60px;background:rgba(255,255,255,0.9);position:fixed;top:0px;left:50%;margin-left:-375px;z-index:9997;}
.top .logo{width:250px;position:fixed;top:0px;left:50%;margin-left:-125px;}
.top .logo img{width:100%;}

.lang_swicth{line-height:30px;font-size:20px;display:block;overflow:hidden;position:fixed;top:15px;left:50%;margin-left:230px;z-index:9999;}

/*目录开关*/
.p_menu_link{width:40px;height:34px;display:block;overflow:hidden;
                        position:fixed;top:15px;left:50%;margin-left:320px;z-index:9999;
                        transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;
}
.p_menu_link span{width:40px;height:3px;background-color:#222;display:block;position:absolute;
                  transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.p_menu_link.on{}
.p_menu_link.on span.i1{left:0px;top:4px;}
.p_menu_link.on span.i2{left:0px;top:14px;}
.p_menu_link.on span.i3{left:0px;top:24px;}
.p_menu_link.off{}
.p_menu_link.off span{background-color:#94c943;}
.p_menu_link.off span.i1{left:0px;top:14px;transform:rotate(-45deg);}
.p_menu_link.off span.i2{left:40px;top:14px;opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}
.p_menu_link.off span.i3{left:0px;top:14px;transform:rotate(45deg);}

/*手机版右侧目录*/
.phone_menu{position:fixed;height:100%;width:750px;margin:0px auto;top:0px;z-index:9990;display:none;}
.phone_menu .p_tm{position:absolute;width:100%;height:100%;top:0px;right:0px;z-index:1;background:rgba(0,0,0,0.2);}
.phone_menu .p_menu{position:absolute;width:180px;top:60px;right:15px;background:rgba(255,255,255,0.8);padding:10px 0px 10px 0px;z-index:20;}
.phone_menu .p_menu a{display:block;text-align:center;line-height:60px;font-size:26px;color:#000;}
/*目录end*/


.prdt_category{background-color:#94c943;overflow:hidden;}
.prdt_category div{overflow:hidden;}
.prdt_category .item{height:507px;background-position:center 0px;background-repeat:no-repeat;}
.prdt_category .item.toilet{background-image:url(/cnwap/images/banner/p_c_toilet.jpg);}
.prdt_category .item.module{background-image:url(/cnwap/images/banner/p_c_module.jpg);}
.prdt_category .item.mobile{background-image:url(/cnwap/images/banner/p_c_mobile.jpg);}
.prdt_category .item .link{margin:356px 0px 0px 0px;text-align:center;}
.prdt_category .item .link a{display:inline-block;width:154px;height:127px;text-align:center;overflow:hidden;font-size:20px;color:#000;
                             background-image:url(/cnwap/images/p_category_bg.png);margin:0px 5px 0px 5px;line-height:25px;}
.prdt_category .item .link a.green{background-position:0px 0px;}
.prdt_category .item .link a.white{background-position:-172px 0px;}
.prdt_category .item .link a .l1{padding:40px 0px 0px 0px;display:block;overflow:hidden;}
.prdt_category .item .link a .l2{padding:32px 0px 0px 0px;display:block;overflow:hidden;}
.prdt_category .item .link a .l3{padding:15px 0px 0px 0px;display:block;overflow:hidden;}
.prdt_category .item.toilet .link{padding-left:45px;}
.prdt_category .item.toilet .link a{float:left;}

.btm{background-color:#21282e;padding:40px 0px 40px 0px;color:#fff;}
.btm a{color:#fff;}
.btm .cn_info{padding:0px 0px 0px 100px;clear:both;}
.btm .cn_info .qrcode{float:left;padding:4px 0px 0px 0px;}
.btm .cn_info .qrcode img{width:124px;height:124px;border:solid 2px #93c842;}
.btm .cn_info .info{float:left;padding:0px 0px 0px 22px;width:370px;line-height:23px;font-size:16px;}
.btm .link{clear:both;padding:40px 0px 0px 0px;text-align:center;}
.btm .link a{width:42px;height:42px;margin:0px 10px 0px 10px;display:inline-block;overflow:hidden;background-position:center center;}
.btm .link a.qq{background-image:url(/cn/images/sns_qq.jpg);}
.btm .link a.wechat{background-image:url(/cn/images/sns_wechat.jpg);}
.btm .link a.email{background-image:url(/cn/images/sns_email.jpg);}
.btm .link a.tel{background-image:url(/cn/images/sns_tel.jpg);}
.btm .info2{padding:10px 0px 0px 0px;line-height:30px;font-size:16px;clear:both;width:485px;margin:0px auto;text-align:center;}

.float_qrcode{width:750px;height:100%;position:fixed;z-index:99999;left:50%;margin-left:-375px;top:0px;background:rgba(0,0,0,0.5);}
.float_qrcode .qrcode{width:200px;background-color:#fff;padding:20px 20px 10px 20px;line-height:20px;text-align:center;font-size:14px;
                      position:absolute;left:50%;top:40%;margin:-140px 0px 0px -120px;}
.float_qrcode .qrcode img{width:100%;}

.banner{overflow:hidden;clear:both;width:100%;}
.banner img{width:100%;float:left;}

.type_tle{height:50px;line-height:50px;text-align:center;font-size:22px;color:#000;font-weight:bold;background-color:#94c943;}
.type_tle.grey{background-color:#c2c2c2;}
.type_tle.srv{background-color:#383c55;color:#94c943;text-align:center;background-image:url(/cn/images/prdt_category_tle_bg_grey.png);background-repeat:no-repeat;background-position:right center;background-size:contain;}

.prdt_list{}
.prdt_list div{overflow:hidden;}
.prdt_list .item{padding:30px 60px 30px 60px;}
.prdt_list .item.bg{background-color:#e7e7e7;}
.prdt_list .item .face{float:left;width:275px;height:193px;position:relative;}
.prdt_list .item .face .mark{position:absolute;left:0px;top:0px;background-color:#94c943;line-height:30px;padding:0px 15px 0px 15px;color:#fff;font-size:18px;font-weight:bold;}
.prdt_list .item .face img{float:left;width:275px;height:193px;}
.prdt_list .item .dis{float:right;width:330px;line-height:16px;font-size:14px;}
.prdt_list .item .dis p{padding:0px 0px 10px 0px;}

.case_list{}
.case_list div{overflow:hidden;}
.case_list .item{padding:30px 60px 30px 60px;}
.case_list .item.bg{background-color:#e7e7e7;}
.case_list .item .photo{width:311px;height:169px; float:left;margin:0px 3px 3px 0px;}
.case_list .item .photo.up{width:311px;height:188px; }
.case_list .item .photo img{width:100%;height:100%; float:left;}
.case_list .item .info{width:300px;height:188px; margin:0px 3px 3px 0px;padding:0px 0px 0px 11px;overflow:hidden;}
.case_list .item .info .nm{line-height:20px;background-color:#94c943;color:#fff;font-size:16px;font-weight:bold;padding:3px 10px 3px 10px;margin:0px 0px 10px 0px;}
.case_list .item .info ul{clear:both;overflow:hidden;}
.case_list .item .info ul li{float:left;overflow:hidden;line-height:20px;padding:3px 0px 3px 0px;font-size:14px;}
.case_list .item .info ul li.a{width:73px;font-size:16px;}
.case_list .item .info ul li.b{width:215px;border-left:solid 2px #999;padding-left:10px;}

.bus_toilet_dis{padding:30px 60px 30px 60px;text-align:center;font-size:18px;line-height:40px;color:#000;}
.bus_toilet_dis.grey{background-color:#e7e7e7;}
.bus_toilet_dis div{overflow:hidden;}
.bus_toilet_dis .photo{text-align:center;}
.bus_toilet_dis .photo img{width:100%;height:100%; float:left;}
.bus_toilet_dis .nm{text-align:center;height:40px;line-height:40px;font-size:22px;color:#000;font-weight:bold;background-color:#94c943;margin:0px 0px 30px 0px;}

.container_house{width:626px;margin:30px auto 30px auto;overflow:hidden;}
.container_house div{overflow:hidden;}
.container_house .item{width:309px;position:relative;height:700px;background-color:#e7e7e7;margin:0px 0px 8px 0px;}
.container_house .item .mark{position:absolute;left:0px;top:0px;background-color:#94c943;line-height:30px;padding:0px 15px 0px 15px;color:#fff;font-size:18px;font-weight:bold;}
.container_house .item .dis{padding:10px 12px 10px 12px;font-size:14px;line-height:22px;}
.container_house .item .dis p{padding:0px 0px 12px 0px;}
.container_house .item .tedian{line-height:22px;font-size:16px;font-weight:bold;color:#fff;background-color:#222;width:100px;text-align:center;}

.case_list2{overflow:hidden;}
.case_list2 div{overflow:hidden;}
.case_list2 .item{padding:30px 60px 30px 60px;}
.case_list2 .item.bg{background-color:#e7e7e7;}
.case_list2 .item .nm{background-color:#94c943;line-height:30px;padding:0px 15px 0px 15px;color:#fff;font-size:18px;font-weight:bold;}
.case_list2 .item .dis{line-height:20px;padding:10px 0px 10px 0px;}
.case_list2 .item .dis .attr{border-left:solid 1px #666;padding:0px 0px 0px 3px;float:left;width:130px;}
.case_list2 .item .dis .l{width:283px;padding:0px 0px 0px 3px;}
.case_list2 .item .dis .r{width:340px;}
.case_list2 .item .dis .r .attr{width:330px;height:122px;}
.case_list2 .item .dis .k{font-weight:bold;}

.mobile_list{padding:20px 0px 50px 0px;overflow:hidden;}
.mobile_list div{overflow:hidden;}
.mobile_list .item{padding:20px 0px 20px 58px;}
.mobile_list .item.bg{background-color:#e7e7e7;}
.mobile_list .item img{width:311px;height:234px;float:left;margin:0px 0px 0px 4px;}

/*企业概况*/
.about_section{width:750px;position:relative;background-position:center 0px;background-repeat:no-repeat;background-size:cover;}

.profile{height:424px;background-image:url(/cnwap/images/about_profile.jpg);}
.profile .about_info{line-height:25px;color:#fff;font-size:16px;text-align:justify;text-justify:inter-ideograph;margin:50px 50px 0px 50px;}

.about_tle{position:absolute;top:0px;left:0px;width:100%;background:rgba(0,0,0,0.8);text-align:center;background-image:url(/cn/images/prdt_category_tle_bg_grey.png);background-repeat:no-repeat;background-position:right center;background-size:contain;}
.about_tle h2{height:40px;line-height:40px;font-size:26px;color:#94c943;font-weight:lighter;padding:10px 0px 5px 0px;}
.about_tle h2 .ten{width:43px;height:40px;display:inline-block;background:url(/cn/images/10.png) no-repeat center center;overflow:hidden;}
.about_tle .arrow_down{height:40px;text-align:center;color:#92ca43;font-size:16px;line-height:20px;background:url(/cn/images/arrow_down.png) no-repeat center 25px;}

.history{height:844px;background-image:url(/cnwap/images/about_history.jpg);background-size:cover;}
.history .step{width:661px;margin:0px auto 0px auto;}
.history .step .item{width:207px;height:772px;float:left;margin:0px 0px 0px 10px;position:relative;}
.history .step .item .ico{width:60px;height:68px;background:url(/cn/images/ico_step.png) no-repeat 0px -67px;background-size:60px auto;
                          line-height:68px;text-align:center;font-size:12px;color:#fff;font-weight:bold;
                          position:absolute;bottom:0px;left:73.5px;}
.history .step .item .hvr{width:207px;bottom:34px;position:absolute; background:rgba(147,201,66,0.85);color:#000;display:block;}
.history .step .item .hvr .qiname{width:200px;height:25px;line-height:25px;background-color:#fff;clear:both;}
.history .step .item .hvr .qiname .l{margin-left:5px;font-size:18px;}
.history .step .item .hvr .qiname .r{margin-right:5px;font-size:12px;}
.history .step .item .hvr .info{padding:2px 10px 0px 10px;text-align:justify;text-justify:inter-ideograph;line-height:19px;font-size:13px;clear:both;}
.history .step .item .hvr .year{height:13px;background-color:#3b3b4e;font-size:12px;line-height:13px;color:#fff;margin:10px 0px 0px 0px;float:left;padding:0px 10px 0px 10px;}

.concept{background-image:url(/cnwap/images/about_concept.jpg);background-position:center 55px;height:610px;background-size:contain;}
.concept .wrap{width:560px;overflow:hidden;}
.concept h1{text-align:center;font-size:35px;line-height:40px;color:#fff;}
.concept .box{text-align:center;color:#fff;font-size:18px;line-height:30px;}
.concept .box h1{font-weight:lighter;}
.concept .box.l{width:266px;height:150px;}
.concept .box.r{width:266px;height:150px;}

.certificate{background-image:url(/cnwap/images/about_certificate.jpg);height:776px;}

.advantage{background-image:url(/cnwap/images/about_advantage.jpg);height:2000px;}
.advantage .adv_pnl{width:432px;margin:0px auto;}
.advantage .adv_pnl .item{width:432px;height:188px;float:left;position:relative;}
.advantage .adv_pnl .item .box{width:216px;height:188px;float:left;background:rgba(255,255,255,0.9);line-height:20px;font-size:14px;}
.advantage .adv_pnl .item .box img{width:216px;height:188px;}
.advantage .adv_pnl .item .box .p{font-size:16px;color:#93c942;font-weight:bold;height:40px;line-height:40px;}
.advantage .adv_pnl .item .box .p .num{font-size:36px;font-family:Arial;font-weight:lighter;}
.advantage .adv_pnl .item .arrow{width:20px;height:32px;position:absolute;background-image:url(/cn/images/arrow.png);z-index:99;}
.advantage .adv_pnl .item .arrow.left{background-position:-9px -16px;left:196px;top:78px;}
.advantage .adv_pnl .item .arrow.right{background-position:-31px -16px;left:216px;top:78px;}

.customer{clear:both;width:680px;margin:30px auto 0px auto;overflow:hidden;}
.customer ul{}
.customer ul li{width:170px;float:left;text-align:center;line-height:20px;height:210px;font-size:15px;}
.customer ul li img{width:170px;height:170px;background-repeat:no-repeat;background-position:center center;background-size:cover;/*border-left:solid 1px #b5b6b1;*/}

.cus_logo{width:680px; clear:both;margin:20px auto 0px auto;border-top:solid 1px #e8e8e8;border-left:solid 1px #e8e8e8;overflow:hidden;}
.cus_logo li{width:169px;height:95px; border-bottom:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8;background-color:#000;float:left;}
.cus_logo li img{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}

.service_step{overflow:hidden;}
.service_step .item{width:680px;margin:0px auto;padding:30px 0px 30px 0px;overflow:hidden;}
.service_step .item .step{width:139px;padding:0px 15px 0px 15px;float:left;line-height:22px;color:#222;font-size:16px;}
.service_step .item .step .p{font-size:36px;color:#ccc;line-height:40px;text-align:center;padding:0px 0px 15px 0px;}
.service_step .item .line{width:1px;height:150px;background-color:#e8e8e8;margin:0px 0px 0px 0px;float:left;}

.process{width:680px;margin:10px auto 30px auto;overflow:hidden;}
.process .item{width:680px;height:108px;margin:0px 0px 17px 0px;}
.process .item .info{background-color:#222842;padding:0px 0px 0px 122px;background-position:30px center;font-size:14px;color:#fff;background-repeat:no-repeat;height:96px;}
.process .item .info .t{padding:20px 0px 5px 0px;font-size:20px;font-weight:bold;}
.process .item .info .link{width:29px;height:29px;display:block;overflow:hidden;background:url(/cn/images/ico_link.png);float:right;margin:35px 55px 0px 0px;}
.process .item .sanjiao{width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid #222842;margin:0px 0px 0px 600px;}
.process .item.green .info{background-color:#93c942;}
.process .item.green .sanjiao{border-top: 12px solid #93c942;}
.process .item .info.i1{background-image:url(/cn/images/process_1.png);}
.process .item .info.i2{background-image:url(/cn/images/process_2.png);}
.process .item .info.i3{background-image:url(/cn/images/process_3.png);}
.process .item .info.i4{background-image:url(/cn/images/process_4.png);}

.contact_pnl{width:680px;margin:40px auto 30px auto;overflow:hidden;color:#383c54;text-align:center;}
.contact_pnl .bsize{font-size:54px;font-weight:bold;line-height:60px;}
.contact_pnl .citem{height:40px;padding:40px 0px 0px 0px;line-height:30px;font-size:20px;color:#222;text-align:center;
                          background-size:30px 30px;background-position:center 0px;background-repeat:no-repeat;}
.contact_pnl .citem.phone{background-image:url(/cn/images/ico_phone.png);}
.contact_pnl .citem.email{background-image:url(/cn/images/ico_email.png);}
.contact_pnl .citem.address{background-image:url(/cn/images/ico_address.png);}
.contact_pnl .dis{font-size:16px;line-height:30px;}

.btm_float{height:80px;width:100%;max-width:750px;margin:0px auto;position:fixed;bottom:0px;z-index:9999;overflow:hidden;background-color:#fff;}
.btm_float a.item{width:33.3333333%;height:80px;float:left;line-height:80px;text-align:center;font-size:24px;color:#333;font-weight:bold;}
.btm_float a.item span{display:inline-block;background-position:0px center;background-repeat:no-repeat;background-size:60px 60px;padding:0px 0px 0px 70px;overflow:hidden;}
.btm_float a.item.blogo span{background-image:url(/cnwap/images/ico_logo.png);}
.btm_float a.item.chat{background-color:#ea8d47;color:#fff;}
.btm_float a.item.chat span{background-image:url(/cnwap/images/ico_chat.png);}
.btm_float a.item.phone{background-color:#5cc745;color:#fff;}
.btm_float a.item.phone span{background-image:url(/cnwap/images/ico_phone.png);}