@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#1d1d1d;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#1d1d1d; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{position: fixed;width: 100%; left: 0; top: 0;background: #fff; z-index: 100;border-bottom:1px solid #bbbbbb;transition: .8s;}
.header.on1{height: 80px;}
.header.on1 .headerbox{height: 80px;width: 1650px;max-width: 94%;}
.header.on1 .logo{width: 150px;}
.header.on1 .sub1{top: 80px;}
.ppfw3 img{height: 50px;}
.headerbox{height: 122px;  margin: 0 auto; width: 1590px;max-width: 94%;display: flex;justify-content: space-between;align-items: center;transition: .5s;}
.logo{width: 173px;transition: .5s;}
.logo img{width: 100%;}
.nav ul{text-align: center;font-size: 0; }
.nav li{ display: inline-block;}
.nav h3 a{font-size: 1.14vw; padding: 0 1.82vw; line-height: 122px;}
.nav li.cur a{color: #178bcd;}
.nav li.on h3 a{color: #178bcd;}
.ssnr{position: relative;width: 166px; overflow: hidden;}
.ssbox{border:1px solid #1d1d1d;width: 100%;float: left; border: 1px  solid #1d1d1d;height: 26px;border-radius: 6px; position: relative;}
.wby1{width: 100%;height: 24px; line-height: 24px; padding: 0 10px;}
.btn1{background: url(../images/a_09.png);width: 15px;height: 15px;right: 6px;top: 50%;transform: translateY(-50%); cursor: pointer;position: absolute;border: none;}
.wp2{width:90%;max-width:1278px;margin:0 auto}
.box-dt1 .hd{padding-bottom:34px;border-bottom:1px solid #ddd}
.box-dt1 .hd .title{ padding: 80px 0 0 0;font-size:clamp(18px,2.0vw,20px);color:#333;font-weight:400;line-height:1.3;text-align:center;font-size: 32px;}
.box-dt1 .hd .info{margin-top:14px;font-size:clamp(14px,.94vw,16px);color:#333;line-height:1.5;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.box-dt1 .hd .info span{padding:0 16px;display:-webkit-flex;display:flex;align-items:center}
.box-dt1 .hd .info img{margin-right:10px;display:block;max-width:24px;flex-shrink:0}
.box-dt1 .cont{padding:46px 0 58px;font-size:clamp(14px,.94vw,16px);color:#333;line-height:1.88}
.box-dt1 .cont h4{font-weight:700;font-size:clamp(16px,1.04vw,18px)}
.box-dt1 .btns{display:-webkit-flex;display:flex;justify-content:center}
.box-dt1 .btns .return{font-family:HarmonyOS_Sans_SC_Bold;display:block;font-size:clamp(16px,1.35vw,24px);color:#007dc1;line-height:1.83;font-weight:700;display:-webkit-flex;display:flex;justify-content:center;align-items:center;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.box-dt1 .btns .return .icon-return{margin-left:10px;display:block;width:44px;height:44px;background:url(../images/icon-arrow25.png) center center no-repeat;-webkit-background-size:contain;background-size:contain;flex-shrink:0}
.box-dt1 .btns .return:hover{text-decoration:underline}

.sub1{width: 100%; position: absolute;left: 0; top: 123px;background: #fff;z-index: 999;overflow: hidden;display: none;}
.sub_top{background: #f4f4f4; padding: 24px 0;}
.sub_topbox dl{overflow: hidden;}
.sub_topbox dt{float: left;  width: 10%;   position: relative;}
.sub_topbox dt:before{position: absolute; content: "";border-right: 1px solid #dbdbdb; height: 86px; right: 0; top: 0;}
.sub_topbox dl dt:last-child{border: none;}
.sub_topbox  p{font-size: 17px;margin-top: 15px;color: #b4b4b4;}
.sub_topbox span{display: block; padding-top: 5px;cursor: pointer;}
.sub_topbox img{ margin: 0 auto;height: 64px;opacity: .5;}

.sub_topbox dt.cur p{color: #888888;}
.sub_topbox dt.cur img{opacity: 1;}
.sub_topbox{width: 1400px;margin: 0 auto;max-width: 100%;}
.sjdh{text-align: center; padding: 30px 0 10px;width: 1050px; margin: 0 auto;max-width: 94%;position: relative;z-index: 100;}
.sjdh dl{    overflow: hidden; margin-left: -20px; }
.sjdh dt{width: 16.66%; float: left; padding-left: 20px;}
.sjdh span{display: block; background: #eeeeee;border-radius: 10px;position: relative;transition: .5s;height: 220px; padding: 25px 0;}
.sjdh span img{height: 100%; margin: 0 auto;max-width: 100%;object-fit: cover;}
.sjdh p{font-size: 17px;color: #b4b4b4;line-height: 50px;}
.sjdh a:hover p{color: #178bcd;}
.sjdh a:hover span{background: #ddd;}
.sub_dw{width: 1400px; padding: 20px 0;margin: 0 auto;}
.sub_dw dl{float: left;}
.sub_dw dt{line-height: 30px; font-size: 17px;color: #b4b4b4;}

.ppfw{width:1040px; margin: 0 auto;max-width: 100%;}
.ppfw dl{overflow: hidden; position: relative;}
.ppfw dt{ width: 180px; position: relative;float: left; position: relative;}
.ppfw dt:before{position: absolute; content: "";border-right: 1px solid #dbdbdb;top: 0; right: 0;height: 85px;}
.ppfw dt:last-child:before{border: none;}
.ppfw a{display: block; position: relative;z-index: 10;}

.ppfw p{font-size: 17px; color: #b4b4b4; margin-top: 25px;text-align: center;}
.ppfw img{margin: 0 auto; opacity: .6;}
.ppfw a:hover img{opacity: 1;}
.ppfw a:hover p{color: #888;}
.ppfw dt.cur img{opacity: 1;}
.ppfw dt.cur p{color: #888;}
.ppfw dt:hover .sub3{display: block;}

.ppfw2{width:1040px; margin: 0 auto;text-align: right;max-width: 100%;}
.ppfw2 dl{overflow: hidden; position: relative;}
.ppfw2 dt{ width: 180px; position: relative;text-align: center;display: inline-block;}
.ppfw2 a{display: block; position: relative;z-index: 10;}
.ppfw2 dl dt:nth-child(1):before a{position: absolute;content: "";border-left: 1px solid #dbdbdb;height: 86px; left: 0; top: 0;}
.ppfw2 dt:before{position: absolute;content: "";border-right: 1px solid #dbdbdb;height: 86px; right: 0; top: 0;}
.ppfw2 p{font-size: 17px; color: #b4b4b4; margin-top: 25px;}
.ppfw2 img{margin: 0 auto; opacity: .6;}
.ppfw2 a:hover img{opacity: 1;}
.ppfw2 a:hover p{color: #888;}
.ppfw2 dt.cur img{opacity: 1;}
.ppfw2 dt.cur p{color: #888;}

.ppfw3{width:1040px; margin: 0 auto;text-align: right;max-width: 100%;}
.ppfw3 dl{overflow: hidden; position: relative;padding:5px 5px 0 0;}
.ppfw3 dt{display: inline-block; padding: 0 0 0 50px;}
.ppfw3 a{display: block; }
.ppfw3 p{font-size: 17px; color: #b4b4b4; margin-top: 5px;text-align: left;}
.ppfw3 img{margin: 0 auto;}
.ppfw3 a:hover img{ box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.ppfw3 a:hover p{color: #888;}

.ttom.on2{padding-bottom: 180px;}
.sub3{ width: 100%; left: 0; top:120px; padding-top: 30px; position: absolute;}
.sub1_bj:before{position: absolute; left: 0; width: 100%; background: #fff;top: 130px;content: ""; height: calc(100% - 130px);}
.sub3 ol{font-size: 17px; line-height: 32px;}
.sub3 ol a{color: #b4b4b4;}
.sub3 ol a:hover{color: #888;}
.sub_bottom{ width: 100%;padding: 40px 0 0 0;}
.sub_bottom ol{font-size: 17px; line-height: 1.8;}
.sub_bottom ol a{color: #b4b4b4 !important;}
.sub_bottom ol a:hover{color: #888 !important;}

.h122{height: 123px;}
.banner{position: relative; overflow: hidden;}
.bannerbox{height: calc(100vh - 122px);}
.bannerbox img{width: 100%;height: 100%;object-fit: cover;}
.bannerbox video{height: 100%; width: 100%; object-fit: cover;}
.banner .swiper-button-next{background: url(../images/a_18.png) no-repeat center rgba(255,255,255,.3);right: 4vw;width: 100px;height: 100px;border-radius: 50%; margin-top: -50px;transition: .5s;}
.banner .swiper-button-prev{background: url(../images/a_14.png) no-repeat center rgba(255,255,255,.3);left: 4vw;width: 100px;height: 100px;border-radius: 50%; margin-top: -50px; transition: .5s;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0;}
.banner .swiper-button-next:hover{background: url(../images/a_16.png) no-repeat center rgba(0,0,0,.3) ;}
.banner .swiper-button-prev:hover{background: url(../images/a_15.png) no-repeat center rgba(0,0,0,.3) ;}
.banner .swiper-pagination{width: 920px;background: #9b9b9b;left: 50%;transform: translateX(-50%);bottom: 30px;height: 8px;border-radius: 4px;font-size: 0; display: flex;justify-content: space-between;}
.banner .swiper-pagination-bullet{height: 8px;border-radius: 4px;background: #9b9b9b; opacity: 1;width: 25%;display: block; padding: 0; margin: 0 !important;}

.banner .swiper-pagination-bullet-active{background: #fff;}

.bj1{background: url(../images/a_01.jpg); position: relative;}
.jjwt{border-bottom: 1px solid #b8b8b8;}
.jjwtbox{width: 1590px;margin: 0 auto;max-width: 94%; padding: 50px 0; position: relative;}
.jjwt_left{width: 460px;border-right: 1px solid #b8b8b8; padding-right: 77px;}
.jjwt_left h2{ font-size: 38px;margin-bottom: 32px;color: #1d1d1d;}
.jjbox{overflow: hidden;}
.btn2{background: url(../images/a_23.jpg);width: 40px;height: 40px;cursor: pointer;border: none;float: right;background-size: 100% 100%;transition: .3s;display: block;}
.btn2:hover{background: url(../images/a_22.jpg);background-size: 40px 40px;}
.wby2{height: 40px; line-height: 38px; padding: 0 10px;border: 1px solid #b2b1b3;border-right: none;font-size: 20px;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;color: #999;display: block;width:calc(100% - 40px);box-sizing: border-box;float: left;background: none;}

.btn-3 {position: absolute;width: 180px;height: 52px; line-height: 50px; font-size: 24px;border:1px solid #707070;color: #707070;border-radius: 6px; right: 0;bottom: 25px;text-align: center;overflow: hidden;transition: .5s;}
.btn-3:hover{color: #fff;background: #178bcd;border: 1px solid #178bcd;}

.txyl{width: 1590px;margin: 0 auto;max-width: 94%;}
.txyl_title{text-align: center; padding: 120px 0 80px;}
.txyl_title h2{font-size: 60px; color: #191919; position: relative; background: -webkit-linear-gradient(45deg, #999, #191919, #999);
  background: linear-gradient(45deg, #999, #191919, #999);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;display: inline-block;}
.txyl_nr{overflow: hidden;}
.txylleft{float: left; width: 38%;padding-right: 7px; position: relative;}
.txylleft a{overflow: hidden; display: block;height: 739px; }
.txylleft img{width: 100%;transition: .5s;height: 100%; object-fit: cover;}
.txylleft:hover img{transform: scale(1.1);}
.txylleft p{font-size: 24px; line-height: 1.5;  position: absolute; width: 100%; left: 0;bottom: 30px;color: #fff; padding: 0 30px;}
.txylright{width: 62%; padding-left: 7px;float: right;}
.txylright ul{overflow: hidden; margin-left: -15px; }
.txylright li{float: left;width: 50%;padding: 0 0 15px 15px;}
.txylbox{position: relative;overflow: hidden;height:362px;}
.txylbox img{width: 100%;transition: .5s;height: 100%;object-fit: cover;}
.txyl_text{position: absolute; padding: 0  30px;bottom: 30px;left: 0; width: 100%;}
.txyl_text h2{font-size: 30px;color: #fff; margin-bottom: 25px;}
.txyl_text p{font-size: 15px;color: #fff;}
.txylright a:hover img{transform: scale(1.1);}

.cptj{width: 1590px;margin: 0 auto;max-width: 94%;}
.cptj_box{position: relative; overflow: hidden;}

.cptj_title{padding: 80px 0 70px;}
.cptj_title ul{overflow: hidden;}
.cptj_title li{float: left; padding-right: 45px;text-align: center;cursor: pointer;}
.cptj_title li span{display: block;margin: 0 auto;width: 72px;height: 72px;border: 1px solid  #d1d1d1;border-radius: 50%; position: relative;}
.cptj_title li img{display: block;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); opacity: .3;}
.cptj_title p{font-size: 16px; color: #606060;  line-height: 42px;}
.cptj_title li.cur span{border: 1px solid #fff;background: #fff;}
.cptj_title li.cur img{opacity: 1;}
.cptj_box{animation: fadeIn 1s 1;}
.cptj_box img{margin: 0 auto; width: auto; height:26vw; }
.cptj_box .swiper-slide img{ transform: scale(0.6); transition: 300ms;opacity: 0.7;}
.cptj_box .swiper-slide P{opacity: 0;}
.cptj_box .swiper-slide-active img{transform: scale(1); opacity: 1;}
.cptj_box p{text-align: center; font-size: 20px;color: #606060; line-height: 52px;}
.cptj_box .swiper-slide-active p{opacity: 1;}
.cptj_box .swiper-button-next{width: 62px;height: 62px;margin-top: -31px;border-radius: 50%;background:url(../images/rightbtn.png) no-repeat center #fff; color: #d7d7d8;transition: .5s;}

.cptj_box .swiper-button-prev{width: 62px;height: 62px;margin-top: -31px;border-radius: 50%;background:url(../images/leftbtn.png) no-repeat center #fff; color: #d7d7d8;transition: .5s;}
.cptj_box .swiper-button-next:hover{color: #fff;background:url(../images/rightbtn.png) no-repeat center #206BE7;}
.cptj_box .swiper-button-prev:hover{color: #fff;background:url(../images/leftbtn.png) no-repeat center #206BE7;}
.cptj_box a:hover p{color: #178bcd;}
.bj2{background: url(../images/a_02.jpg) no-repeat center;background-size: cover;}
.jsqd{width: 1590px;margin: 0 auto;max-width: 94%; padding-bottom: 80px;}
.jsqd_top{position: relative; padding: 70px  0 50px;}
.jsqd_top img{margin: 0 auto;max-width: 94%;}
.jsqd_text{position: absolute;top: 200px;left: 0;}
.jsqd_text h2{color: #fff; font-size: 60px; margin-bottom: 30px;}
.jsqd_text h3{color: #fff; font-size: 60px; margin-bottom: 40px;text-indent: 60px;}
.jsqd_text p{color: #fff; font-size: 30px;}
.jsqd_text p span{display: block; font-size: 20px;color: #fff; line-height: 1.8;}
.jsqd_bottom{width: 1200px;margin: 0 auto;max-width: 94%; display: flex;justify-content: space-between;align-items: center;}
.jsbox{width: calc(100% - 170px);}
.jsqh{animation: fadeIn 1s  1;}
.jsqh img{width: 100%;}
.jstitel{width: 170px;}
.jstitel li{font-size: 38px; line-height: 78px;text-align: right; padding: 70px 0;}
.jstitel li span{color: #fff;font-weight: bold; position: relative;cursor: pointer;transition: .5s;display: block;}
.jstitel li span:before{position: absolute;width: 0; content: "";border-bottom: 1px solid #fff; right: 0; bottom: 0;transition: .5s;}
.jstitel li.cur span{font-size: 52px;}
.jstitel li.cur span:before{width: 420px;}

.footer{background: #f8f7fb;}
.footertop{width: 1200px;max-width: 94%;  margin: 0 auto; padding: 120px 0 30px;}
.footertop ul{display: flex;justify-content: space-between;}
.footertop h2{font-size: 18px;color: #1d1d1d; position: relative; padding-bottom: 25px;font-weight: bold;}
.footertop h2:before{position: absolute; content: ""; border-bottom: 2px solid #1d1d1d;width: 38px;left: 0;bottom: 15px;}
.footertop dt{font-size: 14px; line-height: 30px;}
.footertop dt a{color: #333;}
.footertop dt a:hover{color: #178bcd;}
.gsxx{width: 1200px; margin: 0 auto;max-width: 94%; overflow: hidden;display: flex;justify-content: space-between;padding: 30px 0; border-top: 1px solid #c0bfc4;border-bottom: 1px solid #c0bfc4;}
.gsxx_left h2{font-size: 14px;color: #1d1d1d; position: relative; padding-bottom: 29px;}
.gsxx_left h2:before{position: absolute;content: ""; border-bottom: 1px solid #7a797c;padding-bottom: 15px;left: 0; bottom: 22px;width: 80px;}
.gsxx_left li span{font-size: 14px;color: #999;display: block; position: relative;line-height: 46px;cursor: pointer;}
.gsxx_left li span:before{position: absolute; border-bottom: 1px solid #333;width: 0;left: 0;bottom: 0;transition: .5s;content: "";}
.gsxx_left li.cur span{font-size: 16px;color: #000;}
.gsxx_left li.cur span:before{width: 100%;}
.gsxx_right{width: calc(100%  - 320px);}
.gsxxqh{display: flex;justify-content: space-between;animation:fadeIn 1s 1;align-items: center;}
.gsxx_right ul{overflow: hidden;width: calc(100% - 200px);}
.gsxx_right li{float: left;width: 60%; line-height: 38px;font-size: 14px;color: #1d1d1d;}
.gsxx_right li img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.gsxx_right ul li:nth-child(1){ width:40%;}
.gsxx_right ul li:nth-child(3){ width:40%;}
.bqxx{width: 1200px;margin: 0 auto;max-width: 94%; padding: 28px 0;}
.bqxx p{font-size: 12px;color: #1d1d1d; opacity: .5; line-height: 1.6;}

/*工业纯水解决方案*/
.jjfa{width: 1200px;max-width: 94%; margin: 0 auto;}
.ffja_text{padding: 80px 0 75px;}
.ffja_text h2{font-weight: bold; font-size: 30px;color: #1d1d1d; margin-bottom: 25px;}
.ffja_text p{font-size: 23px; line-height: 1.5; color: #1d1d1d;text-indent: 46px;}
.jjfa_tp{position: relative;}
.jjfa_tp img{width: 100%;}

.jjfa_zsnr{padding: 80px 0;}
.jjfa_zsnr img{width: 100%;}
.jjfa_cpcs{padding-top: 80px;}
.jjfa_cpcs img{width: 100%;}

/*家用净水解决方案*/
.jys_jjfa{position: relative; width: 17.2rem; margin: 0 auto;max-width: 94%; padding: .8rem 0 .85rem;}
.jys_jjfa img{width: 9.5rem; margin: 0 auto;}
.tcnr{position: absolute;width: .36rem;}
.tcnr span{display: block; width: .36rem;height: .36rem;border-radius: 50%; cursor: pointer;}
.tcnrbox{padding: .15rem .1rem 0 .1rem;border-radius: .1rem;border: 1px  solid #fff;background: rgba(255,255,255,.7); position: absolute;display: none;}
.tcnrbox li{display: inline-block; padding: 0 .1rem;}
.tcnrbox img{height: 1rem;width: auto;}  
.tcnrbox p{font-size: .14rem;text-align: center;color: #1d1d1d;line-height: .45rem;}
.tcnrbox a:hover p{color: #007AFF;}

.tcnr1{top: 2.15rem; right: 7.1rem;}
.tcnrbox1:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 4.5rem;top: 50%;transform: translateY(-50%);left:-4.5rem;}
.tcnr1 span.on1{background: url(../images/c31.png) !important;background-size: 100% 100% !important;}
.tcnr2 span.on1{background: url(../images/c31.png) !important;background-size: 100% 100% !important;}
.tcnr3 span.on1{background: url(../images/c32.png) !important;background-size: 100% 100% !important;}
.tcnr4 span.on1{background: url(../images/c32.png) !important;background-size: 100% 100% !important;}
.tcnr5a span.on1{background: url(../images/c31.png) !important;background-size: 100% 100% !important;}


.tcnrbox1{left:4.9rem;top: 50%;transform: translateY(-50%);}
.tcnr2{top: 3.3rem;right: 5.3rem;background: url(../images/c31.png);background-size: 100% 100%;}
.tcnrbox2{left:2.1rem;top: 50%;transform: translateY(-50%);width: 3.5rem;}
.tcnrbox2:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 1.8rem;top: 50%;transform: translateY(-50%);left:-1.8rem;}
.tcnr3{top: 3.2rem; left: 6.4rem;}
.tcnrbox3{width: 1.16rem; left: -4.25rem;top: 50%;transform: translateY(-50%);}
.tcnrbox3:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 3.1rem;top: 50%;transform: translateY(-50%);right:-3.1rem;}
.tcnr4{top:5.8rem; left: 6.5rem;}
.tcnrbox4{width: 1.16rem; left: -5.5rem;top: 50%;transform: translateY(-50%);width: 2.2rem;}
.tcnrbox4:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 3.3rem;top: 50%;transform: translateY(-50%);right:-3.3rem;}
.tcnr span{background: url(../images/c31a.png);background-size: 100% 100%; position: relative;z-index: 99;}

.tcnr5a{top: 4.3rem;right: 5.9rem;background: url(../images/c31.png);background-size: 100% 100%;}
.tcnrbox5a{right:-4.2rem;top: 50%;transform: translateY(-50%);width: 4.2rem;}
.tcnrbox5a:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 1.8rem;top: 50%;transform: translateY(-50%);left:-1.8rem;}

.ysjlb{width: 1200px; max-width: 94%; margin: 0 auto;background: rgba(255,255,255,.7);border-radius: 15px;border: 1px solid #fff; padding:25px 45px; box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.h100{height: 100px;}
.ysjbox{padding: 20px 0;}
.ysjbox p{font-size: 15px; margin-top: 25px;text-align: center; color: #333;}
.ysjbox img{height: 140px;margin: 0 auto;transition: .5s;}
.ysjbox a:hover img{transform: scale(1.1);}
.ysjbox a:hover p{color: #178bcd;}


/*企业文化*/
.banner2{overflow: hidden;position: relative;}
.banner2 img{width: 100%;}
.banner2 .swiper-pagination-bullet{opacity: 1;width: 40px;height: 5px;border-radius: 0;background: #fff;}
.banner2 .swiper-pagination-bullet-active{background: #178BCD;}
.banner2 .swiper-container { width: 100%; height: 100%;}
.banner2 .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner2 .swiper-slide-active img,.banner2 .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
.banner2 .swiper-slide-active{position: relative;z-index: 10;}


.gswh{width: 1200px;margin: 0 auto;max-width: 100%;}
.qyyj_title h2{font-size: 60px; text-align: center; padding: 120px 0 95px;}
.qyyj_nr{position: relative;}
.qyyj_nr img{width: 100%;}
.qyyj_text{text-align: center; position: absolute; width: 100%; left: 0;bottom: 110px;}
.qyyj_text h2{font-size: 60px; margin-bottom: 30px;}
.qyyj_text p{font-size: 24px; line-height: 40px;}

.qysm{position: relative; margin-top: 80px;}
.qysm img{width: 100%;}
.qysm_text{text-align: center; position: absolute; width: 100%; left: 0;bottom: 40px;}
.qysm_text h2{font-size: 60px; margin-bottom: 30px;color: #fff;}
.qysm_text p{font-size: 24px; line-height: 40px;color: #fff;}

.jzg_title h2{font-size: 60px; text-align: center; padding: 80px 0 30px;}
.jzgnr{padding-bottom: 80px;}
.jzgnr ul{overflow: hidden; margin-left: -20px;}
.jzgnr li{float: left;width: 25%; padding-left: 20px;}
.jzgtext{text-align: center; background: #e9e9e9; padding: 15px 0;}
.jzgtext p{font-size: 24px;color: #7b7b7b;line-height: 42px;}
.jzgtext p b{font-weight: bold; color: #178bcd;font-size: 35px;}
.jzgbox img{width: 100%;}

.leftnav{position: absolute; left: 4vw;top: 100px;}
.leftnav li {font-size: 20px; line-height: 82px;}
.leftnav li a{display: block; position: relative;}
.leftnav li a:before{position: absolute; content: ""; border-bottom: 2px solid #178bcd;width: 0;bottom: 25px;left: 0;transition: .5s;}
.leftnav li.cur a:before{width: 50px;}
.leftnav a:hover:before{width: 50px;}

/*企业文化_企业荣誉*/
.qyry_nr ul{overflow: hidden; padding-bottom: 90px;}
.qyry_nr li{float: left; width: 25%;text-align: center; }
.qyry_nr ul li img{margin: 0 auto;}
.qyry_nr h2{font-size: 20px;color: #606060;margin: 28px 0 5px;}
.qyry_nr h2 b{font-size: 40px;font-weight: bold; color: #178bcd;}
.qyry_nr p{color: #606060;font-size: 20px;}
.ryzs{padding-bottom: 80px;}
.ryzs img{width: 100%;}
/*企业文化_关于我们*/
.gywm_nr{padding: 0 100px 100px 100px;}
.gywm_nr li{font-size: 30px; line-height: 2;color: #606060;}

/*企业文化_公司资讯*/
.gyzx_nr{padding-bottom: 80px;}
.gyzx_nr ul{overflow: hidden; margin-left: -30px;}
.gyzx_nr li{float: left;width: 33.33%; padding: 0 0 75px 30px;}
.gszxbox span{display: block; overflow: hidden;height: 250px;}
.gszxbox img{width: 100%;height: 100%; object-fit: cover;transition: .5s;}
.gszxtext{padding: 30px 0 0 0;}
.gszxtext h3{font-size: 18px;color: #1d1d1d;}
.gszxtext h2{font-size: 32px;line-height: 72px;color: #1d1d1d;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.gszxtext p{font-size: 14px;color: #1d1d1d;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.gyzx_nr a:hover img{transform: scale(1.1);}
.btn6 {display: block; line-height: 48px;width: 140px;text-align: center; margin: 0 auto;font-size: 15px;color: #1d1d1d;border:1px solid #393d45; position: relative;transition: .5s;}
.btn6 b{display: inline-block;background: url(../images/a_10.png);width: 6px;height: 15px;vertical-align: middle; margin: -3px 0 0 8px;}
.btn6:hover{background: #178bcd;border:1px solid #178bcd;color: #fff;}
.btn6:hover b{background: url(../images/a_11.png);}

/*企业文化_发展历程*/
.fzlc{padding-bottom: 80px;}
.fzlc_box{display: flex;justify-content:space-between; align-items: center; padding-bottom: 60px;}
.fzlc_nr{padding: 80px 70px 55px 70px; overflow: hidden; position: relative;background: rgba(255,255,255,.8);border: 1px solid #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.fzlc_nr .slide_h{height: 215px;transition: 300ms;}
.fzlc_nr .mySwiper2{height: 215px;}
.fzlc_left{width: 340px; padding-left: 100px;}
.fzlc_left p{font-size: 20px; line-height: 35px;color: #1d1d1d;}
.fzlc_right h2{font-weight: bold; font-size: 152px;color: #1d1d1d;}
.fzlc_nr .mySwiper:before{border-bottom: 1px solid #1d1d1d; top: 12px;left: 0;width: 100%; position: absolute; content: "";}
.fzlc_nr .mySwiper p{font-size: 15px; line-height: 26px; position: relative; font-weight: bold; color: #1d1d1d;text-align: center;cursor: pointer;padding-top: 12px;}
.fzlc_nr .mySwiper .swiper-slide p:before{border-left: 1px solid #1d1d1d; height: 6px;right: 0; top: 6px;position: absolute;content: "";}
.fzlc_nr .mySwiper .swiper-slide-thumb-active p{color: #178bcd;font-size: 20px;}
.fzlc_nr .mySwiper .swiper-slide p:after{border-left: 1px solid #1d1d1d; height: 12px; top: 0;position: absolute;content: "";left: 50%;transform: translateX(-50%);}
.fzlc_nr .swiper-button-next:after,.fzlc_nr .swiper-button-prev:after{font-size: 30px;color: #606060;}

/*产品展示*/
.cpzs_mb{background: #f4f4f4;border-bottom:1px  solid #e7e7e7;}
.cpzsbox{width: 1400px;margin: 0 auto;max-width: 94%;}
.cpzsbox ul{overflow: hidden; padding: 20px 0 29px;}
.cpzsbox li{float: left;width: 10%;border-right:1px solid #dbdbdb;text-align: center;}
.cpzsbox ul li:last-child{border: none;}
.cpzsbox p{font-size: 16px; margin-top: 15px;color: #b4b4b4;}
.cpzsbox img{margin: 0 auto;height: 64px; margin-top: 17px; opacity: 0.3;}
.cpzsbox span{display: block; cursor: pointer;}
.cpzsbox li.cur img{opacity: 1;}
.cpzsbox li.cur p{color: #888;}

.glcp{width: 1200px; margin: 0 auto;max-width: 94%; overflow: hidden;}
.glcp_left{float: left; width: 280px; padding-top: 70px;}
.glcp_left ul{border-top: 1px solid #ccc;}
.glcp_left li{border-bottom: 1px solid #ccc;}

.glcp_left li:last-child {
    border: none; /* 最后一个li没有边框 */
}
.glcp_left h3{font-size: 14px;color: #1d1d1d;cursor: pointer; background: url(../images/a_12.png) no-repeat 95% center;line-height: 50px; padding-left: 15px;}
.glcp_left dt{font-size: 14px; line-height: 32px; padding-left: 28px;}
.glcp_left dl{padding-bottom: 10px;}
.glcp_left dt a{color: #1d1d1d;transition: .5s;}
.glcp_left dt a:hover{color: #178bcd;}
.sub{display: none;}
.glcp_left h3.on1{background: url(../images/a_13.png) no-repeat 95% center;}
.glcp_right{float: right;width: calc(100% - 320px);border-left: 1px solid #ccc; padding-left: 25px;}
.glcp_title ul{overflow: hidden;}
.glcp_title li{float: left; line-height: 72px; font-size: 20px; padding-right: 52px;}
.glcp_title li span{display: block; cursor: pointer; color: #1d1d1d; opacity: 0.4;font-weight: bold;}
.glcp_title li.cur span{opacity: 1;}
.glcp_qh ul{overflow: hidden; margin-left: -25px;padding: 5px;}
.glcp_qh li{float: left; width: 33.33%; padding: 0 0 70px 25px;}
.glcpbox span{display: block; position: relative; height: 315px;background: #f4f4f4;display: flex;align-items: center;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.glcpbox img{height: 70%; margin: 0 auto;transition: 1.2s;max-width: 100%;object-fit: cover;}
.glcpbox p{font-size: 16px;color: #292929; line-height: 64px;text-align: center;}
.glcp_qh{animation: fadeIn 1s 1;}
.glcp_qh a:hover img{transform: scale(1.1);}
.glcp_qh a:hover p{color: #178bcd;}
/*品牌服务-售后无忧服务-防伪查询*/
.fwcx{width: 1200px;margin: 0 auto;max-width: 94%; overflow: hidden;}
.fwcx_title h2{font-weight: bold; font-size: 45px; color: #1d1d1d; padding: 120px 0 77px;text-align: center;}
.fwcx_nr{display: flex;justify-content: space-between; padding-bottom: 50px;}
.fwbox{width: 50%; padding-right: 40px;}
.fwbox li{padding-bottom: 30px;}
.wby3{width: 100%; padding: 0 35px; font-weight: bold; font-size: 16px; line-height: 90px; height: 90px;background: #fff;border-radius: 10px;box-shadow:0 0 10px rgba(0, 0, 0, .05);  }
.btn3{width: 100%; height: 90px;border-radius: 8px;border: none; font-weight: bold; font-size: 16px;transition: .5s;cursor: pointer;background: #fff;color: #178bcd;box-shadow:0 0 10px rgba(0, 0, 0, .05);  }
.btn3:hover{background: #178bcd;color: #fff;}
.fwboxb{float: right;width: 50%; padding-left: 40px;}
.fwboxb h2{font-weight: bold; font-size: 18px;color: #1d1d1d; margin-bottom: 43px;}
.gjtx{border-radius: 8px;background: #fff; padding: 35px 55px; position: relative;box-shadow:0 0 10px rgba(0, 0, 0, .05);  }

.yangs {border-radius: 10px; overflow: hidden;
	width:100%;
	height:80px;
	font-size:26px;
	line-height:80px;
	text-align:center;
	position:relative;
	user-select:none;
	font-weight: bold;
	//文字不被选中;
}
canvas {
	position:absolute;
	left:0;
	top:0;
}
.yangs p{font-size: 18px;color: #fff; position: absolute; width: 100%;text-align: center; left:50%; top:50%; transform:translate(-50%,-50%);}
.yangs.on p{display: none;}
/*品牌服务-售后无忧服务-预约服务-预约安装*/
.yyfw{width: 1200px; margin: 0 auto;max-width: 94%;}
.yyfw_title{text-align: center;}
.yyfw_title h2{font-size:45px;color: #1d1d1d;text-align: center; padding: 120px 0 80px;font-weight: bold;}
.azfw_xx ul{overflow: hidden; padding-bottom: 50px;}
.azfw_xx li{float: left; padding-right: 35px;}
.azfw_xx li span{display: block; cursor: pointer; font-size: 35px;color: #1d1d1d; padding: 0 30px;border: 1px solid #1d1d1d; line-height: 67px;border-radius: 6px;}
.azfw_xx li.cur span{background: #1d1d1d;color: #fff;}

.yyfw_xq{animation: fadeIn 1s 1;}
.yyfw_xq h2{font-weight: bold; font-size: 20px;color: #1d1d1d; margin-bottom: 30px;}
.xzcp ul{overflow: hidden; padding-bottom: 45px;}
.xzcp li{float: left;border-right: 1px solid #e8e8e8;width: 12.5%;text-align: center;}
.xzcp ul li:last-child{border: none;}
.xzcp span{display: block; padding-top: 15px;cursor: pointer;}
.xzcp  p{font-size: 17px;color: #888888; margin-top: 15px;}
.xzcp img{margin: 0 auto; opacity: .4;}
.xzcp span:hover img{opacity: 1;}
.xzcp span:hover p{color: #333;}
.xzcp li.cur img{opacity: 1;}
.xzcp li.cur p{color: #333;}

.ryxx h3{font-weight: bold; font-size: 20px;color: #1d1d1d; margin-bottom: 30px;}
.ryxx li{padding-bottom: 30px;display: flex;justify-content: space-between;}
.ryxx span{font-size: 20px;color: #1d1d1d;line-height: 60px;}
.ryxx_right{width: calc(100% - 153px);  position: relative;}
.wby4{width: 100%; height: 60px; line-height: 60px; font-size: 20px;background:url(../images/a_17.png) no-repeat right center #fff; padding: 0 35px;color: #999;border: none;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;border-radius: 5px;box-shadow:0 0 10px rgba(0, 0, 0, .05);  }
.ligt1{ display: flex;justify-content: space-between;gap:18px;}
.ligt1 dt{width: calc(50% - 9px);}
.ligt2{overflow: hidden; margin-left: -18px;}
.ligt2 dt{float: left; width: 25%; padding: 0 0 30px 18px;}
.xzrq{position: relative;}
.xzrq h3{font-weight: 400; font-size: 20px;color: #999;}
.xzrq ul{box-shadow:0 0 10px rgba(0, 0, 0, .05); position: absolute;width: 100%; top:61px;border-radius: 6px;background: #fff; padding: 15px 0;z-index: 100;}
.xzrq li{font-size: 16px;line-height: 2;color: #666;font-size: 16px;font-weight: bold;cursor: pointer; padding: 0 35px;transition: .5s;}
.xzrq li:hover{color: #fff; background: #999;}
.xzrq li.noChose { cursor: no-drop; color:rgb(194,194,194);}
.wby5{width: 100%; height: 60px; font-size: 20px; padding: 0 35px;color: #999;background: #fff;border-radius: 5px;box-shadow:0 0 10px rgba(0, 0, 0, .05);  }
.ligt2 dt:last-child{width: 100%; padding-bottom: 0;}
.wby6{width: calc(100% - 205px); height: 60px; font-size: 20px; padding: 0 35px;color: #999;background: #fff;float: left;box-shadow:0 0 10px rgba(0, 0, 0, .05); border-radius: 5px; }
.yzm{float: right;font-size: 20px; color: #178bcd;line-height: 58px;text-align: center;width: 190px;cursor: pointer;}
.yzm img{width: 100%;height: 58px;}
.js_container{position: relative;width: calc(100% - 153px);}
.textarea{width: 100%;border: none;height: 80px; line-height: 40px; font-size: 20px; padding: 0 35px;background: #fff;color: #999;border-radius: 5px;box-shadow:0 0 10px rgba(0, 0, 0, .05);  }
.counter{position: absolute; right: 10px; bottom: 5px; font-size: 20px;color: #bfbfbf;}
.btn4{display: block; margin: 30px auto 0 auto; width: 185px; line-height: 58px;cursor: pointer; color: #178bcd;border: 1px solid #178bcd;transition: .5s;font-size: 20px;background: #fff;border-radius: 5px;}
.btn4:hover{color: #fff;background: #178bcd;}
#date{position: relative;}
#date2{position: relative;}
#date3{position: relative;}
#date4{position: relative;}

.dslx_title h2{font-size: 45px;font-weight: bold;text-align: center; color: #1d1d1d; padding:120px 0;}
.dslx_nr{padding: 0 90px 50px 90px;}
.dslx_nr ul{display: flex;justify-content: space-between;}
.dslx_nr h2{font-size: 25px;color: #1d1d1d;text-align: center;}
.zxbt{height: 90px;}
.zxbt h4{font-size: 14px;color: #1d1d1d; margin-top: 20px;}
.dslx_nr dt{padding-bottom: 33px;}
.dslx_nr dt h3{font-size: 14px;color: #1d1d1d;margin-bottom: 15px;}
.dslx_nr dt p{font-size: 25px;color: #1d1d1d;}
.dslx_nr img{margin: 0 auto;}
.dslx_nr a{display:block; width: 46px; margin:35px auto 0 auto;}

/*品牌服务-增值服务-换新服务*/
.hxfw_nr{padding-bottom: 130px;}
.hxfw_nr li{font-size: 20px;color: #1d1d1d; line-height: 50px;}
.hxfw_nr p{font-size: 20px;color: #1d1d1d; line-height: 50px; padding-left: 25px;}

/*品牌服务-增值服务-品质耗材*/
.pzhc_nr{padding-bottom: 80px;}
.pzhc_nr ul{overflow: hidden; margin-left: -25px; padding-bottom: 50px;}
.pzhc_nr li{float: left; width: 25%; padding: 0 0 25px 25px;}
.pzhcbox{background: #f6f6f6; padding-bottom: 40px;}
.pzhcbox h2{font-size: 20px;text-align: center; line-height: 1.6; padding: 45px 0;}
.pzhc_tp{width: 230px;height: 230px; margin: 0 auto;display: flex;align-items: center;}
.pzhc_tp img{width: 100%;height: 100%;object-fit: cover;}

/*品牌服务-增值服务-下载服务-说明书下载*/
.xzsms table{border-left: 1px solid #808080;border-top: 1px solid #808080;}
.xzsms td{border-right: 1px solid #808080;border-bottom: 1px solid #808080;font-size: 20px; line-height: 60px;color: #1d1d1d;text-align: center; padding: 0 20px;text-transform: uppercase;}
.xzsms{padding-bottom: 80px;}
.xzsms ul{text-align: center; }
.xzsms li{display: inline-block; padding: 0 75px;}
.xzsms p{font-size: 25px;color: #1d1d1d; margin-bottom: 25px;}
.xzsms img{margin: 0 auto;}

/*品牌服务-服务政策*/
.zcfw_nr{padding-bottom: 80px;}
.zcfw_nr p{font-size: 20px;color: #1d1d1d; line-height: 36px;}
.fwcs{padding: 25px 0;}
.fwcs table{border-left: 1px  solid #808080;border-top: 1px  solid #808080;}
.fwcs td{border-right: 1px  solid #808080;border-bottom: 1px  solid #808080;text-align: center; font-size: 20px; line-height: 30px; padding: 15px 10px;}

/*人才招聘-岗位详情*/
.gwxq{width: 1200px;max-width: 94%; margin: 0 auto;}
.gwxq_top{padding: 120px 0 35px;}
.gwxq_top a{font-size: 18px;color: #1d1d1d;}
.gwxq_top a:hover{text-decoration: underline;}
.gwxq_nr{overflow: hidden; padding-bottom: 80px;}
.gwxq_right{float: right;width: 375px;border-radius: 10px; padding: 0 37px 40px 37px;background: rgba(255,255,255,.7);}
.gwxq_right h2{font-weight: bold; font-size: 20px;color: #1d1d1d; padding: 55px 0 25px;}
.gwxq_right li{font-size: 15px; line-height: 28px;}
.gwxq_right li a{color: #888;}
.gwxq_right li a:hover{color: #007AFF;}
.gwxq_left{float: left;width: calc(100% - 400px);border-radius: 10px; padding: 0 37px 40px 37px;background: rgba(255,255,255,.7);}

.gwxq_title{padding: 53px 0 23px; border-bottom:1px solid #b4b4b4;}
.gwxq_title h2{font-size: 26px;color: #1d1d1d;}
.gwxq_title p{font-size: 15px; line-height: 76px;color: #888;}
.gwxq_title h3{font-size: 15px;color: #888;}
.gwxq_title h3 span{padding-right: 70px;}
.gwxq_box{padding-top: 43px;}
.gwxq_box h2{font-weight: bold; font-size: 20px;color: #1d1d1d;margin-bottom: 35px;}
.gwms{padding-bottom: 25px;}
.gwms h3{font-size: 20px;color: #333; margin-bottom: 5px;}
.gwms p{font-size: 15px; line-height: 34px;color: #999;}
.tdbtn{display: block; text-align: center; margin:40px auto 0 auto;font-size: 20px;color: #1d1d1d; width: 146px; line-height: 50px;border-radius: 8px;border:1px solid #888888;transition: .5s;}
.tdbtn:hover{color: #fff;background: #007AFF;border: 1px solid #007AFF;}

/*人才招聘-社会招聘*/
.xyzpnr{animation: fadeIn 1s 1;}
.xyzpnr ul{overflow: hidden; margin-left: -30px; padding-bottom: 60px;}
.xyzpnr li{float: left; width: 33.33%; padding: 0 0 30px 30px;}
.xyzpbox{border:1px solid #1d1d1d;border-radius: 25px 6px 25px 6px; padding: 35px 25px 22px 25px;background: url(../images/a_35.png) no-repeat 95% 21px;transition: .5s;}
.xyzpbox:hover{background: url(../images/a_35.png) no-repeat 95% 21px #fff;}
.xyzpbox h2{font-weight: bold; font-size: 18px;color: #1d1d1d; margin-bottom: 95px;line-height: 25px;height: 25px;}
.xyzpbox h2 b{width: 25px;line-height: 25px; color: #fff; text-align: center; border-radius: 6px;background: #178bcd;display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;}
.xyzpbox p{font-weight: bold; font-size: 15px;color: #1d1d1d;}

/*PF-01*/
.qzgl{width: 1200px; margin: 0 auto;max-width: 94%;}
.qzgl_title a{display: inline-block; font-size: 18px; line-height: 58px; padding-left: 25px;transition: .5s;background: url(../images/a_36.png) no-repeat left center;color: #1d1d1d;}
.qzgl_title a:hover{padding-left: 35px;color: #178bcd;}
.qzgl_nr{display: flex;justify-content: space-between; padding: 57px 0 52px;}
.qzgl_left{position: relative; overflow: hidden;width: 50%;}
.qztp{padding: 20px 0;}
.qztp img{height: 350px;margin: 0 auto;}
.qzgl_left .swiper-pagination-bullet{border-radius: 0;height: 3px;width: 16px;opacity: 1;background: #abaaaf;}
.qzgl_left .swiper-pagination-bullet-active{background: #000;}
.qzgl_right{width: 50%; padding:0 85px;}
.qzgl_right h2{font-size: 50px;color: #1c1c1c;}
.qzgl_right p{font-size: 62px;color: #1d1d1d; margin: 25px 0 80px;font-weight: 200;}
.qzgl_right h3{font-weight: bold; font-size: 52px;color: #2c2c2c;margin-bottom: 25px;}
.qzgl_right h3 b{font-size: 32px; }
.qzgl_right a{display: block; padding: 0 15px; border:1px solid #2c2c2c;color: #2c2c2c; font-size: 18px;transition: .5s;line-height: 68px;border-radius: 10px;}
.qzgl_right a:hover{background: #fff;}

.cpbox img{width: 100%;}
.gftp{width: 1200px; margin: 0 auto;max-width: 94%; padding: 95px 0 0 0;}
.gftp img{width: 100%;}
.qtcp{width: 1200px;max-width: 94%; margin: 0 auto; padding-bottom: 90px;}
.qtcp_title{padding: .9rem 0 .4rem;}
.qtcp_title h2{font-size: .62rem;color: #151515;}
.qtcp_nr ul{overflow: hidden; margin-left: -15px;}
.qtcp_nr li{float: left;width: 25%; padding-left: 15px;}
.qtcpbox{background: #f4f4f4;border-radius: 6px; padding: 60px 0 30px;text-align: center;}
.qtcpbox p{font-size: .24rem; margin-top: .65rem;color: #151515;}
.qtcpbox img{height: 1.89rem; margin: 0 auto;transition: .5s;}
.qtcp_nr a:hover img{transform: scale(1.1);}

/*右窗口*/
.rightfd{position: fixed;z-index: 50; right: 5px; top: 50%;transform: translateY(-50%);}
.rightfd li{padding: 14px 0; position: relative;}
.rightfd a{display: block; border-radius: 50%;width: 60px;height: 60px;box-shadow:0 0 10px rgba(0, 0, 0, .1); transition: .5s; position: relative;z-index: 10;}
.dhbtnom{position: absolute;width: 220px; top: 50%;transform: translateY(-50%);background: #fff;border-radius: 25px 0 0 25px; box-shadow:0 0 10px rgba(0, 0, 0, .1); left: 10px;transition: .5s; opacity: 0;}
.dhbtnom p{font-size: 20px; line-height: 50px;color: #333; padding-left: 20px;}
.dhbtnom p img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;width: 18px;}
.rightfd li:hover .dhbtnom{left: -200px;opacity: 1;} 

.fd1{background: url(../images/c17.png) no-repeat center #fff;}
.fd2{background: url(../images/c19.png) no-repeat center #fff;}
.fd3{background: url(../images/c21.png) no-repeat center #fff;}
.fd4{background: url(../images/c23.png) no-repeat center #fff;}
.fd1:hover{background: url(../images/c18.png) no-repeat center #178bcd;}
/*.fd2:hover{background: url(../images/c20.png) no-repeat center #178bcd;}*/
.fd3:hover{background: url(../images/c22.png) no-repeat center #178bcd;}
.fd4:hover{background: url(../images/c24.png) no-repeat center #178bcd;}

.bj3{background: #393d46;}
.zshz{width: 1200px;margin: 0 auto;max-width: 94%;}
.zshz img{width: 100%;}

/*商用净水解决方案*/
.tcnr5{top: 2.6rem;left: 7.8rem;}
.tcnrbox5{left: -5.2rem;top: 50%;transform: translateY(-50%);}
.tcnrbox5:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 4rem;top: 50%;transform: translateY(-50%);right:-4rem;}
.tcnr6{top: 3.4rem;left: 6.7rem;}
.tcnrbox6{left: -5.2rem;top: 50%;transform: translateY(-50%);}
.tcnrbox6:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 4rem;top: 50%;transform: translateY(-50%);right:-4rem;}
.tcnr6a{top: 4.2rem;left: 6rem;}
.tcnr7{top: 6.2rem;left: 8rem;}
.tcnrbox7{left: -5.2rem;top: 50%;transform: translateY(-50%);}
.tcnrbox7:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 4rem;top: 50%;transform: translateY(-50%);right:-4rem;}

.tcnr8{top: 3rem;right: 5.1rem;}
.tcnrbox8{right: -5.2rem;top: 50%;transform: translateY(-50%);}
.tcnrbox8:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 4.1rem;top: 50%;transform: translateY(-50%);left:-4.1rem;}
.tcnr8 span{background:url(../images/c31a.png);background-size: 100% 100%;}
.tcnr5 span.on1{background:url(../images/c32.png) !important;background-size: 100% 100% !important;}
.tcnr6 span.on1{background:url(../images/c32.png) !important;background-size: 100% 100% !important;}
.tcnr6a span.on1{background:url(../images/c32.png) !important;background-size: 100% 100% !important;}
.tcnr7 span.on1{background:url(../images/c32.png) !important;background-size: 100% 100% !important;}
.tcnr8 span.on1{background:url(../images/c31.png) !important;background-size: 100% 100% !important;}
.tcnr9 span.on1{background:url(../images/c31.png) !important;background-size: 100% 100% !important;}
.tcnr9{top: 4.8rem;right: 6.6rem;}
.tcnrbox9{right: -5.2rem;top: 50%;transform: translateY(-50%);}
.tcnrbox9:before{position: absolute;content: "";border-bottom: 1px dashed #178bcd;width: 4.1rem;top: 50%;transform: translateY(-50%);left:-4.1rem;}
.tcnr9 span{background:url(../images/c31a.png);background-size: 100% 100%;}


.wztp{width: 1200px; margin: 0 auto;overflow: hidden; padding-top: 80px;max-width: 94%; padding-bottom: 80px;}
.wztp_left{width: 30.9%; padding-right: 6px;float: left;}
.wztpbox{border-radius: 10px; overflow: hidden;}
.wztpbox img{overflow: hidden;transition: .5s;}
.wztpbox:hover img{transform: scale(1.06);}
.wztp_right{width: 69.1%; padding-left: 6px;float: right;}
.wztp_top{padding-bottom: 12px;}
.wztp_top ul{overflow: hidden; margin-left: -12px;}
.wztp_top li{float: left; padding-left: 12px;width: 59%;}
.wztp_top ul li:nth-child(2){ width:41%;}
.wztp_bottom ul{overflow: hidden; margin-left: -12px;}
.wztp_bottom li{float: left; width: 29.4%; padding-left: 12px;}
.wztp_bottom ul li:nth-child(1){ width:41.2%;}

@media only screen and (max-width:1679px){
	.box-dt1 .hd .info img{max-width:20px}
}

@media(max-width:1600px){
.leftnav{left: 15px;}
.leftnav li{line-height: 46px; font-size: 16px;}
.sjdh span{height: 200px;}
}

@media(max-width:1460px){
.txylleft a{height: 621px;}
.txylbox{height: 303px;}	
	.sjdh span{height: 180px;}
.jjwtbox{padding: 45px 0;}
.ppfw p{font-size: 14px;}
.sub_topbox p{font-size: 14px;}
.ppfw2 p{font-size: 14px;}
.ppfw3 p{font-size: 14px;}
.sub3 ol{font-size: 14px; line-height: 26px;}
.jjwt_left h2{font-size: 32px;margin-bottom: 30px;}
.txyl_title h2{font-size: 48px;}
.txyl_text h2{font-size: 20px;}
.txylleft p{font-size: 20px;}
.jsqd_text h2{font-size: 52px;margin-bottom: 30px;}
.jsqd_text h3{font-size: 52px;margin-bottom: 30px;}
.jsqd_text p{font-size: 24px;}
.jsqd_text p span{font-size: 16px;}
.jstitel li{padding: 40px 0;font-size: 30px;}
.jstitel li.cur span{font-size: 40px;}
.jstitel li.cur span:before{width: 300px;}
.gsxx_right{width: calc(100% - 180px);}
.gsxx_right li{width: 50%;}
.gsxx_right ul li:nth-child(3){width: 50%;}
.gsxx_right ul li:nth-child(1){width: 50%;}
.banner .swiper-button-next{height: 60px;width: 60px;background-size: 20px 33px;}
.banner .swiper-button-prev{height: 60px;width: 60px;background-size: 20px 33px;}
.banner .swiper-button-prev:hover{background-size: 20px 33px;}
.banner .swiper-button-next:hover{background-size: 20px 33px;}
.qzgl_right h2{font-size: 30px;}
.qzgl_right p{font-size: 45px; }

.cptj_box .swiper-button-next{width: 50px;height: 50px;}
.cptj_box .swiper-button-prev{width: 50px;height: 50px;}

.cpzsbox p{font-size: 14px;}
.cpzsbox{max-width: 100%;}
.glcp_qh li{width: 50%;}
.ffja_text h2{font-size: 24px;}
.ffja_text p{font-size: 18px;}
.gswh{padding: 0 120px;}
.leftnav li a:before{bottom: 10px;}
.qyyj_title h2{font-size: 36px;}
.qyyj_text h2{font-size: 36px;}
.qyyj_text p{font-size: 18px;line-height: 1.8;}
.qyyj_text{bottom: 60px;}
.qysm_text h2{font-size: 36px;}
.qysm_text p{font-size: 18px;line-height: 1.8;}
.jzgtext p{font-size: 18px;}
.jzgtext p b{font-size: 26px;}
.yyfw_title h2{font-size: 32px;}
.zcfw_nr p{font-size: 16px; line-height: 1.8;}
.fwcs td{font-size: 16px; line-height: 26px;}

.dslx_title h2{font-size: 36px;}
.dslx_nr h2{font-size: 20px;}
.dslx_nr{padding: 0 0 90px 0;}
.fwcx_title h2{font-size: 36px;}
.gjtx{padding: 35px ;}
.azfw_xx li span{font-size: 24px; line-height: 50px;}
.hxfw_nr li{font-size: 16px; line-height: 1.8;}
.hxfw_nr p{font-size: 16px; line-height: 1.8; padding-left: 17px;}
.pzhcbox h2{font-size: 16px;}
.xzsms td{font-size: 16px; line-height: 50px;}
.fzlc_left{padding-left: 0;}
.fzlc_left p{font-size: 16px; line-height: 26px;}
.fzlc_right h2{font-size: 80px;}
.gszxtext h2{font-size: 22px;}
.gyzx_nr li{width: 50%;}
.gszxbox span{height: 200px;}
.gywm_nr li{font-size: 16px;}
.gywm_nr{padding: 0 0 80px 0;}

.qyry_nr p{font-size: 16px;}
.qyry_nr h2{font-size: 16px;}
.qyry_nr h2 b{font-size: 26px;}
.qyry_nr ul li img{height: 50px;}

.ysjbox p{font-size: 14px;}
.ysjbox img{height: 100px;}
.fzlc_nr .slide_h{height: 110px;transition: 300ms;}
.fzlc_nr .mySwiper2{height: 110px;}
}
@media only screen and (max-width:1199px){
	.box-dt1 .hd{padding-bottom:30px}
.box-dt1 .cont{padding:40px 0}
.sjdh span{height: 160px;}
}
@media(max-width:1000px){
.txylleft a{height: auto;}
.txylbox{height: auto;}
.sjdh span{height: 100px;}	

.header{height: 60px;}
.headerbox{height: 60px;}
.h122{height: 60px;}
.header.on1 .headerbox{height: 60px;}
.ssbox{display: none;}
.header.on1{height: 60px;}
.header.on1 .logo{width: 120px;}
.logo{width: 120px;}
.dhbtn{background: url(../images/a_06.png) no-repeat center;width: 25px;height: 21px;cursor: pointer; position: absolute; right: 3%; top: 50%;transform: translateY(-50%);background-size: auto 100%;}
.dhbtn.on{background: url(../images/d2.png)no-repeat center;background-size: auto 100%;}
.banner .swiper-button-next{width: 40px;height: 40px;background-size: 10px auto;}
.banner .swiper-button-next:hover{background-size: 10px auto;}
.banner .swiper-button-prev{width: 40px;height: 40px;background-size: 10px auto;}
.banner .swiper-button-prev:hover{background-size: 10px auto;}
.banner .swiper-pagination{width: 90%;}
.nav{position: fixed;z-index: 100%;background: #fff; width: 100%;height: calc(100% - 60px); left: 0; top: 60px; overflow: auto;display: none;}
.nav li{display: block; text-align: center; }
.nav h3 a{line-height: 46px;font-size: 16px;}
.sub1{position: static;}
.ppfw dt:before{height: 50px;}
.ppfw dl::-webkit-scrollbar {width:0;height: 0;}
.ppfw dl{white-space: nowrap;overflow: auto;}
.ppfw dt{width: 25%;float: none;display: inline-block;}
.ppfw img{height: 25px;}
.ppfw p{margin-top: 10px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 0 5px;}
.sub_top{padding: 15px 0;overflow: auto;white-space: nowrap;}
.sub_topbox dl{max-width: 1000px;}
.sub_top::-webkit-scrollbar {width:0;height: 0;}
.sub_top1:before{display: none;}
.sub_topbox{max-width: 1000px;}
.sub_topbox img{height: 40px;}
.sjdh dl{margin-left: -10px;}
.sjdh dt{ padding-left: 10px;width: 25%;}
.sjdh p{font-size: 12px;}
.ppfw3 dl{text-align: center;}
.ppfw3 dt{padding: 0 10px;}
.ppfw3 p{text-align: center;}
.ppfw2 img{height: 25px;}
.ppfw2 p{margin-top: 10px;}
.ppfw2 dt{width: 100px;}
.ppfw2 dl{text-align: center;}

.jjwt_left h2{font-size: 24px; margin-bottom: 25px;}
.jjwtbox{padding: 30px 0;}
.jjwt_left{width:100%; padding: 0;border: none;}
.btn-3{width: 100px; font-size: 14px; line-height: 28px; top: 30px;height: 30px;}
.wby2{font-size: 16px;}
.txyl_title{padding: 50px 0 25px;}
.txyl_title h2{font-size: 24px;}
.txylleft{float: none; width: 100%; padding: 0 0 15px;}
.txylleft p{font-size: 14px; line-height: 1.8;}
.txylright{float: none;width: 100%; padding: 0;}
.txyl_text{padding: 0 10px;bottom: 15px;}
.txyl_text h2{font-size: 14px;margin-bottom: 10px;}
.txyl_text p{font-size: 12px;}
.cptj_box img{height: 150px;}
.cptj_box p{font-size: 14px;}
.cptj_box .swiper-button-next{width: 30px;height: 30px; right: 0;}
.cptj_box .swiper-button-next:after, .cptj_box .swiper-button-prev:after{font-size: 15px;}
.cptj_box .swiper-button-prev{width: 30px;height: 30px; left: 0;}
.cptj_title{padding: 40px 0 50px;}
.cptj_title p{font-size: 12px;}
.cptj_title ul{text-align: center;}
.cptj_title li{display: inline-block; float: none; padding-right: 30px;}
.cptj_title li span{width: 60px;height: 60px;}
.jsqd_text h2{font-size: 24px; margin-bottom: 10px;}
.jsqd_text h3{font-size: 24px;text-indent: 24px;}
.jsqd_text p{font-size: 16px;}
.jsqd_text p span{font-size: 12px;}
.jstitel li{padding: 10px 0;}
.jstitel li span{font-size: 16px; line-height: 1.6;}
.jstitel li.cur span{font-size: 20px;}
.jstitel{width: 70px;}
.jsbox{width: calc(100% - 70px);}
.jsqd_bottom{max-width: 100%; padding-top: 25px;}
.jstitel li.cur span:before{width: 140px;}
.jsqd_top{padding: 20px 0 120px;}
.jsqd{padding-bottom: 50px;}
.footertop{padding: 40px 0;display: none;}
.gsxx{display: block;border-top: none;}
.gsxx_left{text-align: center;}
.gsxx_left h2:before{left: 50%;transform: translateX(-50%);bottom: 12px;}
.gsxx_right{width: 100%; padding-top: 20px;display: block;}
.gsxx_right p img{margin: 0 auto;}
.gsxx_right ul{width: 100%;text-align: center; padding-top: 20px;}
.gsxx_right ul li:nth-child(1){width: 100%;}
.gsxx_right li{float: none; width: 100%;font-size: 12px; line-height: 1.8;}
.gsxx_right ul li:nth-child(3){width: 100%;}
.bqxx{padding: 15px 0;text-align: center;}

.qzgl_nr{display: block; padding: 25px 0 50px;}
.qzgl_left{margin: 0 auto;width: 100%;}
.qztp img{height: 200px;}
.qzgl_title a{font-size: 16px;}
.qzgl_right{padding:30px 0 0 0; width: 100%;}
.qzgl_right h2{font-size: 16px;}
.qzgl_right p{font-size: 32px; margin: 15px 0 30px;}
.qzgl_right h3{font-size: 24px;}
.qzgl_right h3 b{font-size: 14px; margin-bottom: 10px;}
.qzgl_right a{line-height: 38px; font-size: 14px;}
.gftp{padding-top: 30px;}
.qtcp_title{padding: 50px 0 25px;}
.qtcp_title h2{font-size: 24px;}
.qtcp_nr li{width: 50%; padding-bottom: 15px;}
.qtcpbox img{height: 150px;}
.qtcpbox{padding: 30px 0;}
.qtcp{padding-bottom: 50px;}
.cpzsbox{overflow: auto;}
.cpzsbox::-webkit-scrollbar {width:0;height: 0;}
.cpzsbox ul{overflow: auto; width: 1100px;}
.cpzsbox img{height: 40px;}

.glcp_left{float: none; width: 100%;}
.glcp_right{float: none; width: 100%;border: none;padding: 0;}
.glcp_title li{padding-right: 15px;}
.glcp_qh ul{margin-left: -15px;}
.glcpbox span{height: 200px;}
.glcpbox img{max-height: 35%;}
.glcp_qh li{padding: 0 0 15px 15px;}

.ffja_text{padding: 50px 0 25px;}
.ffja_text p{font-size: 16px;}
.jjfa_cpcs{padding-top: 40px;}
.jjfa_zsnr{padding: 40px 0;}

.banner2{height: 180px;}
.banner2 img{height: 100%;object-fit: cover;}
.leftnav{position: static;}
.leftnav{overflow: auto;white-space: nowrap;}
.leftnav::-webkit-scrollbar {width:0;height: 0;}
.leftnav li{display: inline-block; padding-left: 15px;}
.gswh{padding: 0 3%;}
.qyyj_title h2{padding: 50px 0 25px; font-size: 24px;}
.qyyj_text{bottom: 15px;}
.qyyj_text h2{font-size: 20px;margin-bottom: 10px;}
.qyyj_text p{font-size: 14px;}
.qysm_text p{font-size: 12px; padding: 0 10px;}
.qysm_text{bottom: 15px;}
.qysm_text h2{font-size: 20px;margin-bottom: 10px;}
.qysm{margin-top: 30px;}
.jzg_title h2{padding: 50px 0 25px; font-size: 24px;}
.jzgnr{padding: 0 3% 40px 3%;}
.jzgnr ul{margin-left: -15px;}
.jzgnr li{width: 50%; padding: 0 0 15px 15px;}

.yyfw_title h2{font-size: 24px;padding: 50px 0 25px;}
.fwcs td{padding: 5px; font-size: 12px;}
.zcfw_nr p{font-size: 14px;}
.zcfw_nr{padding-bottom: 30px;}
.dslx_title h2{font-size: 24px;padding: 30px 0;}
.dslx_nr ul{display: block;text-align: center;}
.zxbt{height: auto;}
.dslx_nr dt{padding: 15px 0;}
.dslx_nr li{padding-bottom: 20px;}
.dslx_nr h2{margin-bottom: 20px;}
.fwcx_title h2{font-size: 24px; padding: 50px 0 25px;}
.fwcx_nr{display: block;}
.fwbox{padding: 0; width: 100%;}
.fwbox li{padding-bottom: 20px;}
.wby3{height: 40px;line-height: 40px; font-size: 14px; padding: 0 15px;}
.btn3{height: 40px; font-size: 14px;}
.fwboxb{float: none; width: 100%; padding: 0 0 50px 0;}
.fwboxb h2{margin-bottom: 20px;}
.gjtx{padding: 15px;}
.azfw_xx li span{font-size: 14px; height: 40px; line-height: 38px;}
.azfw_xx li{padding-right: 20px;}
.azfw_xx ul{padding-bottom: 30px;}
.yyfw_xq h2{margin-bottom: 15px;}
.xzcp{overflow: auto;}
.xzcp::-webkit-scrollbar {width:0;height: 0;}
.xzcp ul{width: 1000px;}
.xzcp p{font-size: 14px; margin-top: 10px;}
.xzcp img{height: 50px;}
.ryxx li{display: block; padding-bottom: 20px;clear: both;}
.ryxx span{font-size: 14px;line-height: 30px;}
.ryxx_right{width: 100%;}
.wby4{padding-left: 15px; font-size: 14px;height: 40px;}
.ligt1{display: block;}
.ligt1 dt{width: 100%;}
.ligt1 dt:nth-child(2){margin-top: 10px;}
.ligt2 dt{float: none; width: 100%;padding-bottom: 10px;}
.wby5{padding: 0 15px;height: 40px; line-height: 40px; font-size: 14px;}
.ryxx .yzm{height: 40px; line-height: 38px; width: 120px; font-size: 14px;}
.ryxx .yzm img{height: 40px;width: 100%;}
.wby6{width: calc(100% - 130px);height: 40px; line-height: 40px; padding-left: 15px; font-size: 14px;clear: both;}
.js_container{width: 100%;}
.counter{font-size: 14px;}
.textarea{padding:10px 15px;font-size: 14px;line-height: 1.5;}
.yzmbox{overflow: hidden;}
.btn4{height: 40px; line-height: 38px; width: 120px;margin: 15px auto;}
.dslx_nr{padding-bottom: 40px;}
.hxfw_nr{padding-bottom: 50px;}
.pzhc_nr ul{margin-left: -15px;}
.pzhc_nr li{width: 50%; padding: 0 0 15px 15px;}
.btn6{width: 120px; line-height: 38px; font-size: 14px;}

.xzsms td{padding: 5px; font-size: 12px; line-height: 1.5;}
.xzsms{padding-bottom: 50px;}
.fzlc_box{display: block;padding-bottom: 30px;}
.fzlc_left{width: 100%;}
.fzlc_left p{font-size: 14px; line-height: 1.6;}
.fzlc_right h2{font-size: 36px;}
.fzlc_nr{padding: 40px 60px;}
.fzlc{padding-bottom: 50px;}
.gyzx_nr ul{margin-left: -15px;}
.gyzx_nr li{padding: 0 0 15px 15px;}
.gszxtext{padding-top: 10px;}
.gszxtext h2{font-size: 18px; line-height: 46px;}
.gszxtext h3{font-size: 14px;}
.gyzx_nr{padding-bottom: 50px;}
.btn6{margin-top: 30px;}
.gywm_nr{padding-bottom: 50px;}
.qyry_nr ul li img{height: 30px;}
.qyry_nr p{font-size: 12px;}
.qyry_nr h2{margin: 15px 0 8px;font-size: 14px;}
.qyry_nr ul{padding-bottom: 40px;}
.ryzs{padding-bottom: 40px;}
.gwxq_top{padding: 30px 0;}
.gwxq_top a{font-size: 14px;}
.gwxq_left{float: none; width: 100%;padding: 0 15px 30px 15px;}
.gwxq_title{padding: 40px 0 20px;}
.gwxq_title p{font-size: 14px; line-height: 40px;}
.gwxq_title h3{font-size: 14px;}
.gwxq_title h3 span{padding-right: 30px;}
.gwxq_box{padding-top: 20px;}
.gwxq_box h2{margin-bottom: 20px;}
.tdbtn{margin-top: 0;width: 120px; line-height: 38px; font-size: 14px;}
.gwxq_right{float: none; width: 100%; padding: 15px 20px; margin-top: 25px;}
.gwxq_right h2{padding: 20px 0;}
.gwxq_nr{padding-bottom: 50px;}

.xyzpnr li{width: 100%;padding-bottom: 20px;}
.xyzpnr ul{padding-bottom: 30px;}
.rightfd{display: none;}
.tcnrbox2{width: 3.7rem;}
.tcnrbox4{width: 2.4rem;}

.sub1_bj:before{display: none;}
.sub_bottom ol{font-size: 12px;}
.ppfw dt{position: relative;vertical-align: top;}
.sub_bottom{padding-top: 0;}
.ysjlb{padding: 10px 25px;}
.h100{height: 60px;}
.gsxxqh{display: block;}
.pzhc_tp{width: 90%;height: 120px;}
.pzhc_tp img{width: 100%;height: 100%;object-fit: cover;}

}

@media only screen and (max-width:767px){
.box-dt1 .hd{padding-bottom:15px}
.box-dt1 .hd .title{font-size:clamp(22px,2.6vw,48px)}
.box-dt1 .hd .info{margin-top:10px}
.box-dt1 .hd .info span{padding:0 10px}
.box-dt1 .hd .info img{max-width:16px}
.box-dt1 .cont{padding:20px 0}
.wztp_left{float: none; width: 100%; padding:0 0 12px 0;}
.wztp_right{float: none; width: 100%;}
.cptj_box .swiper-slide P{line-height: 1.5;}
}

.pages{text-align: center; padding: 35px 0 65px;}
.pages li{display: inline-block; padding: 0 7px;}
.pages a{display: block; font-size: 16px; line-height: 47px;color: #999;border: 1px solid #cccccc; padding: 0 18px;transition: All 0.4s ease-in-out;}
.pages span{display: block; font-size: 16px; line-height: 47px;color: #999;border: 1px solid #cccccc; padding: 0 18px;}
.pages li.cur a{color: #fff;background: #00a0e9;border: 1px solid #00a0e9;}
.pages a:hover{color: #fff;background: #00a0e9;border: 1px solid #00a0e9;}
.pages .active span {
  color: #fff;
  background: #00a0e9;
  border: 1px solid #00a0e9;
}