blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} abbr,acronym,fieldset,img{border:0} ol,ul{list-style:none} caption,th{text-align:left} q:after,q:before{content:''} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .col-c,.col-l,.col_c,.col_l,.l{float:left} .col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right} .c{clear:both} .n,em{font-weight:400;font-style:normal} .b{font-weight:700} .i{font-style:italic} .fa{font-family:Arial} .fg{font-family:Georgia} .ft{font-family:Tahoma} .fl{font-family:Lucida Console} .fs{font-family:'宋体'} .fw{font-family:'微软雅黑'} .tc{text-align:center} .tr{text-align:right} .tl{text-align:left} .tdu{text-decoration:underline} .tdn,.tdn:hover,a.tdl:hover{text-decoration:none} .fc0{color:#000} .fc3{color:#333} .fc6{color:#666} .fc9{color:#999} .fcr{color:red} .fcw{color:#fff} .fcwi{color:#fff !important} .fcb{color:#00f} .fcg{color:green} .f0{font-size:0} .f10{font-size:10px} .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14px} .f16{font-size:16px} .f20{font-size:20px} .f24{font-size:24px} .vm{vertical-align:middle} .vtb{vertical-align:text-bottom} .vt{vertical-align:top} .vn{vertical-align:-2px} .vimg{margin-bottom:-3px} .m0{margin:0} .ml0{margin-left:0} .ml5{margin-left:5px} .ml10{margin-left:10px} .ml20{margin-left:20px} .mr0{margin-right:0} .mr5{margin-right:5px} .mr10{margin-right:10px} .mr20{margin-right:20px} .mt5{margin-top:5px} .mt10{margin-top:10px} .mt20{margin-top:20px} .mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb20{margin-bottom:20px} .ml-1{margin-left:-1px} .mt-1{margin-top:-1px} .p1{padding:1px} .pl5{padding-left:5px} .p5{padding:5px} .pt5{padding-top:5px} .pr5{padding-right:5px} .pb5{padding-bottom:5px} .p10{padding:10px} .pl10{padding-left:10px} .pt10{padding-top:10px} .pr10{padding-right:10px} .pb10{padding-bottom:10px} .p20{padding:20px} .pl20{padding-left:20px} .pt20{padding-top:20px} .pr20{padding-right:20px} .pb20{padding-bottom:20px} .pr,.rel{position:relative} .abs,.pa{position:absolute} .dn{display:none} .db{display:block} .dib{-moz-inline-stack:inline-block;display:inline-block} .di{display:inline} .ovh{overflow:hidden} .ovs{overflow:scroll} .vh{visibility:hidden} .vv{visibility:visible} .lh14{line-height:14px} .lh16{line-height:16px} .lh18{line-height:18px} .lh20{line-height:20px} .lh22{line-height:22px} .lh24{line-height:24px} .fix{*zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} .z{_zoom:1} .h1{height:1px} .h5{height:5px} .h,.h10{height:10px} .h15{height:15px} .h20{height:20px} .h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both} body{font:12px/1.5 "微软雅黑","Microsoft Yahei";color:#444;background-color:#fff;overflow-x:hidden;overflow-y:auto} a{text-decoration:none;color:#444;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} a:hover{color:#f60} img{max-width:100%} input,select,textarea{font-size:12px;color:#444;font-family:"微软雅黑","Microsoft Yahei";outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:rgba(51,51,51,.6)} ::-moz-placeholder{color:rgba(51,51,51,.6)} ::-ms-input-placeholder{color:rgba(51,51,51,.6)} select::-ms-expand{display:none} input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none} .ani{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .wp{width:95%;max-width:1200px;margin:0 auto} .h50{height:50px;clear:both;overflow:hidden} .h100{height:100px;clear:both;overflow:hidden} *{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} .bd_weixin_popup{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box} .header:after,.nav .pattern2:after,.nav:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0} .header{background-color:#fff;z-index:20;padding:0 50px;position:relative} .header .logo{height:60px;line-height:60px;overflow:hidden;float:left;font-size:0;position:relative;z-index:5} .header .logo a{display:block} .header .logo img{display:inline-block;vertical-align:middle;height:32px} .nav{overflow:hidden;position:absolute;top:0;left:0;width:100%;z-index:2;padding-left:60px;text-align:center;font-size:0} .nav li{display:inline-block;vertical-align:middle;padding-right:24px} .nav .v1{display:block;color:#333;font-size:14px;padding:0 9px;height:60px;line-height:60px;position:relative} .nav .v1:after{content:"";background-color:#00afb4;height:3px;position:absolute;bottom:0;left:0;width:100%;display:none} .nav .v1:hover:after,.nav li.on .v1:after{display:block} .nav .down{position:fixed;height: auto !important;top:60px;left:0;width:100% !important;display:none;background-color:#fff;z-index:20;border-top:1px solid #eaeaea} .nav .down .top{overflow:hidden;height:100%} .nav .down dl{width:100%;height:100%} .ul-concerning{overflow:hidden;margin:33px -12px} .ul-concerning li{width:16.66%;float:left;padding:0 12px} .ul-concerning .con{overflow:hidden;display:block} .ul-concerning .pic{padding-top:78.770949%;height:0;overflow:hidden;position:relative;margin-bottom:12px} .ul-concerning .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-concerning .txt{font-size:16px;color:#333;line-height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .ul-concerning .con:hover .pic img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08)} .nav .pattern1{width:100%;overflow:hidden} .nav .pattern1 dd{width:33.33%;float:left;position:relative} .nav .pattern1 dd .pic{padding-top:65.5625%;overflow:hidden;position:relative;height:0} .nav .pattern1 dd .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .nav .pattern1 dd:hover .pic img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08)} .nav .pattern1 .s1{display:block;font-size:30px;color:#fff;line-height:1.5em;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .nav .pattern2{overflow:hidden} .nav .pattern2 .top{height:auto;background-color:#f8f8f8} .nav .pattern2 .top dl{text-align:center;font-size:0} .nav .pattern2 .top dd{display:inline-block;vertical-align:middle;margin-right:50px} .nav .pattern2 .top dd:last-child{margin-right:0} .nav .pattern2 .top .s1{display:block;height:58px;line-height:58px;font-size:14px;color:#333;padding-left:20px;position:relative} .nav .pattern2 .top .s1:after{content:"";position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-4px;border-radius:50%;border:2px solid #adadad} .nav .pattern2 .top dd .s1:hover:after,.nav .pattern2 .top dd.ok .s1:after{background-color:#00afb4;border-color:#00afb4} .nav .pattern2 .fully{overflow:hidden;height:100%;background-color:#fff;padding-bottom:61px} .nav .pattern2 .fully .box{padding:62px 0 63px;height:100%;overflow:hidden} .nav .down .more{font-size:16px;color:#00afb4;text-align:center;display:block;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .nav .down .more i{display:inline-block;vertical-align:middle;width:11px;height:11px;background:url(../images/iconl3.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 0 0 10px} .nav .down .more:hover{opacity:.7} .nav .pattern2 .fully .left{width:171px;float:left} .nav .pattern2 .fully .right{overflow:hidden;padding-left:60px} .ul-leftl1{overflow:hidden;width:100%;border-right:2px solid #eaeaea;min-height:161px} .ul-leftl1 li{overflow:hidden;margin-bottom:31px;display:block;padding:0} .ul-leftl1 li a{display:block;font-size:14px;color:#333;line-height:1.21em;padding-left:27px;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left} .ul-leftl1 li a:after{content:"";position:absolute;top:0;left:0;width:3px;border-radius:2px;background-color:#48bad9;height:100%;display:none} .ul-leftl1 li.onn a:after{display:block} .ul-listl1{overflow:hidden} .ul-listl1 li{float:left;width:50%;padding-right:20px;height:206px;margin-bottom:45px;border-bottom:2px solid #eaeaea} .ul-listl1 li.last{border-bottom:none} .ul-listl1 .con{overflow:hidden} .ul-listl1 .pic{width:180px;height:180px;line-height:180px;font-size:0;float:left;text-align:center;background-color:#fafafa} .ul-listl1 .pic img{display:inline-block;vertical-align:middle;max-width:80%;max-height:80%} .ul-listl1 .txt{overflow:hidden;padding-left:29px;text-align:left} .ul-listl1 .tit{font-size:16px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;margin-bottom:2px} .ul-listl1 .info{font-size:12px;color:rgba(61,61,61,.6);line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:27px} .ul-listl1 .stit{font-size:16px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:13px} .ul-listl1 .desc{overflow:hidden} .ul-listl1 .desc a{display:block;font-size:14px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:7px} .ul-listl1 .desc.d2{margin-top:47px} .ul-listl1 .desc.d2 .box{float:left;margin-right:76px} .ul-listl1 .desc a:hover{text-decoration:underline} .ul-rightl1{overflow:hidden;margin:0 -55px} .ul-rightl1 li{width:25%;float:left;padding:0 55px} .ul-rightl1 .con{overflow:hidden} .ul-rightl1 .con .pic{padding-top:100%;position:relative;overflow:hidden;height:0;background-color:#fafafa} .ul-rightl1 .con .pic img{position:absolute;top:50%;left:50%;max-height:95%;max-width:95%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .ul-rightl1 .con .txt{overflow:hidden;padding:19px 0} .ul-rightl1 .con .txt .tit{font-size:16px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;font-weight:400;margin-bottom:5px} .ul-rightl1 .con .txt .desc{font-size:14px;line-height:1.5em;color:rgba(51,51,51,.6);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center} .nav .pattern4{padding:33px 0 49px} .ul-choosel{overflow:hidden;margin:0 0 49px;font-size:0;text-align:center} .ul-choosel li{width:20%;display:inline-block;vertical-align:middle;padding:0 19px} .ul-choosel .con{display:block;overflow:hidden;padding:39px 10px 36px;background-color:#f6f6f6} .ul-choosel .con .icon{display:block;margin:0 auto 13px;width:36px;height:33px;line-height:33px;font-size:0;overflow:hidden;text-align:center} .ul-choosel .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-choosel .con .icon .imgl2{display:none} .ul-choosel .con .txt{font-size:14px;color:#333;line-height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-choosel .con:hover .icon .imgl2{display:inline-block} .ul-choosel .con:hover .icon .imgl1{display:none} .ul-choosel .con:hover .txt{color:#0eb3b8} .nav .pattern3{padding-bottom:50px} .nav .pattern3 .top{background-color:#f8f8f8;height: auto;margin-bottom:48px} .ul-commerciall{overflow:hidden;margin:0 -10px} .ul-commerciall li{float:left;width:14.28571428%;padding:0 10px} .ul-commerciall .con{font-size:14px;line-height:58px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#333} .ul-commerciall .con:hover{color:#00afb4} .three-m{padding-left:35px;display:none} .three-m a{display:block;height:47px;line-height:47px;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .hd-r .rr{float:right;position:relative;z-index:5} .hd-r .language{float:right;position:relative} .hd-r .language a{color:#333;font-size:14px;text-transform:uppercase;line-height:60px} .hd-r .language .a1 i{display:inline-block;vertical-align:middle;width:10px;height:5px;margin:-2px 0 0 8px;background:url(../images/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .hd-r .language dl{position:absolute;top:60px;display:none;width:66px;left:50%;margin-left:-33px;background-color:#fff;z-index:5;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-ms-box-shadow:0 0 5px rgba(0,0,0,.1);-o-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)} .hd-r .language dd:hover{background-color:#f5f5f5} .hd-r .language dd a{display:block;height:36px;line-height:36px;padding:0 5px;color:#333;text-align:center} .m-so{float:left;width:214px;height:30px;line-height:30px;border-radius:17px;background-color:#f5f5f5;margin-top:15px;position:relative;margin-right:28px;padding-right:80px} .m-so .inp{overflow:hidden;position:relative} .m-so .inp .inp1{display:block;width:100%;height:30px;line-height:30px;color:#333;font-size:14px;padding:0 20px 0 36px;border:none;background-color:transparent} .m-so .inp .btn1{position:absolute;left:15px;top:0;bottom:0;width:17px;background:url(../images/iconl2.png) center center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;font-size:0;border:none} .header .abtn-m,.m-so .abtn{position:absolute;top:0;right:0;height:30px;line-height:30px;border-radius:17px;background-color:#00c9cd;text-align:center;width:70px;font-size:14px;color:#fff;z-index:6} .header .abtn-m{display:none} .m-search{position:fixed;top:0;width:100%;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;background-color:rgba(0,0,0,.5);z-index:2;display:none} .m-search .top{background-color:#fff;height:60px;padding-top:15px;border-bottom:1px solid #eaeaea} .m-search .top .box{width:532px;margin:0 auto;position:relative;background-color:#f5f5f5;border-radius:17px;height:30px} .m-search .close{position:absolute;right:50px;top:15px;width:30px;height:30px;display:block;background:url(../images/close1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .m-search .top .box .inp1{display:block;width:100%;height:30px;line-height:30px;color:#333;font-size:16px;padding:0 20px 0 36px;border:none;background-color:transparent} .m-search .top .box .btn1{position:absolute;left:15px;top:0;bottom:0;width:17px;background:url(../images/iconl2.png) center center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;font-size:0;border:none} .m-search .down{background-color:#fff;overflow:hidden} .m-search .down dl{width:532px;margin:51px auto 50px} .m-search .down dl dd{overflow:hidden;margin-bottom:10px} .m-search .down dl .tit{font-size:16px;color:#000;line-height:31px;float:left;width:129px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .m-search .down dl .desc{font-size:14px;line-height:31px;color:rgba(0,0,0,.6)} .m-search .down dl .btn{display:block;float:right;width:95px;height:31px;line-height:29px;border-radius:15px;overflow:hidden;font-size:14px;color:#00afb4;text-align:center;border:1px solid #00afb4;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-search .down dl .btn:hover{background-color:#00afb4;color:#fff} .header.fixed{-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-ms-box-shadow:0 0 5px rgba(0,0,0,.1);-o-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)} .menuBtn{width:30px;cursor:pointer;position:absolute;left:10px;top:50%;z-index:9;padding-top:4px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:none} .menuBtn b{display:block;height:2px;background-color:#333;margin-bottom:7px;border-radius:2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn.open b{display:none;margin:0;position:absolute;left:0;top:50%;width:30px} .menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)} .menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} #banner{overflow:hidden;position:relative} #banner .slick-list,#banner .slick-slide,#banner .slick-slider,#banner .slick-track{height:100%} #banner .slick-slide{outline:0;position:relative;background-position:center center;background-repeat:no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover} #banner .slick-next,#banner .slick-prev{position:absolute;top:50%;margin-top:-25px;overflow:hidden;width:45px;height:50px;font-size:0;line-height:0;z-index:9;background-repeat:no-repeat;background-position:center center;-o-background-size:auto 50px;-ms-background-size:auto 50px;-moz-background-size:auto 50px;-webkit-background-size:auto 50px;background-size:auto 50px} #banner .slick-prev{left:50%;margin-left:-645px;background-image:url(../images/arr-l.png)} #banner .slick-next{right:50%;margin-right:-645px;background-image:url(../images/arr-r.png)} #banner .slick-dots{position:absolute;left:0;bottom:30px;width:100%;text-align:center;z-index:9} #banner .slick-dots li{display:inline-block;margin:0 2px} #banner .slick-dots li button{display:block;width:24px;height:24px;font-size:0;line-height:0;text-indent:999px;background-color:#fff;border-radius:50%} #banner .slick-dots li.slick-active button{background-color:#000} .banner{overflow:hidden;height:980px;min-height:260px} .banner .item{height:980px;min-height:260px;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative} .banner .item .video{width:100%;height:100%;position:relative;z-index:-2} .banner .item .video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:1} .banner .item video{display:block;width:100%;height:auto} .banner .item .txt{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;z-index:2} .banner .item .txt .stit{font-size:18px;color:rgba(255,255,255,.5);line-height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;margin-bottom:8px} .banner .item .txt .tit{font-size:40px;text-align:center;font-weight:700;line-height:1.2em;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px} .banner .item .desc{font-size:20px;line-height:1.5em;color:rgba(255,255,255,.9);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:55px} .banner .item .btn{display:block;width:180px;height:55px;line-height:51px;text-align:center;font-size:18px;color:#fff;margin:0 auto;border:2px solid rgba(255,255,255,.5)} .banner .item .btn i{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(../images/iconl14.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 0 0 10px} .banl1 .slick-dots,.banner .slick-dots{position:absolute;left:0;width:100%;bottom:51px;text-align:center;z-index:9} .banl1 .slick-dots li,.banner .slick-dots li{display:inline-block;margin:0 5px} .banl1 .slick-dots li button,.banner .slick-dots li button{display:block;width:8px;height:8px;font-size:0;color:#fff;background:rgba(255,255,255,.4);border-radius:4px;text-align:center;border:none;cursor:pointer;overflow:hidden;padding:0} .banl1 .slick-dots li.slick-active button,.banner .slick-dots li.slick-active button{background:#fff;width:18px} .banner .item .btn,.banner .item .desc,.banner .item .txt .stit,.banner .item .txt .tit{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)} .banner .item.slick-current .txt .stit{-webkit-animation:.5s forwards draw1;-moz-animation:.5s draw1;-ms-animation:draw1 .5s;-o-animation:.5s draw1;animation:.5s forwards draw1} .banner .item.slick-current .txt .tit{-webkit-animation:.5s .2s forwards draw1;-moz-animation:.5s draw1;-ms-animation:draw1 .5s;-o-animation:.5s .2s draw1;animation:.5s .2s forwards draw1} .banner .item.slick-current .desc{-webkit-animation:.5s .4s forwards draw1;-moz-animation:.5s draw1;-ms-animation:draw1 .5s;-o-animation:.5s .4s draw1;animation:.5s .4s forwards draw1} .banner .item.slick-current .btn{-webkit-animation:.5s .6s forwards draw1;-moz-animation:.5s draw1;-ms-animation:draw1 .5s;-o-animation:.5s .6s draw1;animation:.5s .6s forwards draw1} @keyframes draw1{ 0%{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)} 100%{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } @-moz-keyframes draw1{ 0%{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)} 100%{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } @-ms-keyframes draw1{ 0%{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)} 100%{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } @-webkit-keyframes draw1{ 0%{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)} 100%{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } @-o-keyframes draw1{ 0%{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)} 100%{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } .footer{background-color:#272727;overflow:hidden} .foot{overflow:hidden;padding:83px 0 35px} .foot .top{overflow:hidden;margin-bottom:50px} .foot .item{float:left;width:14.285714%;overflow:hidden} .foot .item .tit{font-size:16px;color:rgba(255,255,255,.8);line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:22px} .foot .item dd{margin-bottom:7px} .foot .item dd a{display:block;font-size:14px;line-height:1.5em;color:rgba(255,255,255,.4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .foot .item dd a:hover{color:#fff} .footer .contact:after{content: '';display: block;clear:both;visibility: hidden;width: 100%;height: 0;} .footer .contact .ll{font-size:24px;color:#fff;line-height:1.5em;overflow:hidden;float:left} .footer .contact .rr{float:right} .footer .contact .tel{float:left;font-size:24px;color:#fff;font-weight:700;line-height:1.5em;margin-right:38px} .footer .contact .tel i{display:inline-block;vertical-align:middle;width:22px;height:22px;background:url(../images/icon-dianhua.svg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 15px 0 0} .footer .contact .bdsharebuttonbox{float: left;margin-top:9px} .footer .contact .bdsharebuttonbox a{width:24px;height:24px;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;margin:0 0 0 35px;padding:0;position: relative;} .footer .contact .bdsharebuttonbox a .box{display: none;background-color: #fff;border-radius: 5px;width: 140px;padding: 10px 0;position: absolute;left: 50%;bottom: 32px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .footer .contact .bdsharebuttonbox a .pic{width: 113px;height: 113px;overflow: hidden;margin: 0 auto 8px;} .footer .contact .bdsharebuttonbox a .pic img{display: block;width: 100%;height: 100%;} .footer .contact .bdsharebuttonbox a .txt{font-size: 14px;line-height: 1.5em;text-align: center;color: rgba(0,0,0,.8);overflow: hidden;} .footer .contact .bdsharebuttonbox .bds_weixin{background-image:url(../images/icon-wechat.svg)} .footer .contact .bdsharebuttonbox .zhi{background-image:url(../images/icon-zhihu.svg)} .footer .contact .bdsharebuttonbox .bds_tsina{background-image:url(../images/icon-weibo.svg)} .footer .contact .bdsharebuttonbox .douyin{background-image:url(../images/icon-douyin.svg)} .footer .contact .bdsharebuttonbox .xiaohongshu{background-image:url(../images/icon-xiaohongshu.svg);stroke: white;} .footer .copy{overflow:hidden;border-top:1px solid rgba(255,255,255,.2);padding:22px 0} .footer .copy .ll{float:left} .footer .copy .ll img{display:block;height:36px;width:auto} .footer .copy .rr{float:right;font-size:14px;line-height:2.57em;color:rgba(255,255,255,.3)} .footer .copy .rr span{padding-left:18px} .footer .copy .rr span em{text-decoration:underline;padding-left:50px} .g-right{position:fixed;top:50%;right:0;z-index:5;display:none} .ul-right{background-color:#fff;border-bottom:1px solid #d6d6d6} .ul-right .con:after,.ul-right:after{content:"";display:block;clear:both;visibility:hidden;width:100%;height:0} .ul-right .con{display:block;width:45px;border:1px solid #d6d6d6;border-bottom:none;border-right:none;position:relative;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-right .con:before{content:"";position:absolute;top:50%;right:0;width:1px;height:14px;background-color:rgba(255,255,255,.3);display:none;margin-top:-7px} .ul-right .con .ma{position:absolute;top:50%;right:55px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border-radius:5px;padding:10px;background-color:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-ms-box-shadow:0 0 5px rgba(0,0,0,.1);-o-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1);display:none} .ul-right .con:hover .ma{display:block} .ul-right .con .ma:before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fff;position:absolute;top:50%;right:-6px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-right .con .ma .pic{width:113px;height:113px;overflow:hidden;margin-bottom:8px} .ul-right .con .ma .pic img{display:block;width:100%;height:100%;max-width:100%;max-height:100%} .ul-right .con .pic{display:block;width:100%;height:44px;line-height:44px;font-size:0;text-align:center} .ul-right .con .pic img{display:inline-block;vertical-align:middle;max-height:80%;max-width:80%} .ul-right .con .pic .img2{display:none} .ul-right .con:hover{border-color:#00acb0;background-color:#00acb0} .ul-right .con:hover .pic .img2{display:inline-block} .ul-right .con:hover .pic .img1{display:none} .ul-right .con .txt{font-size:14px;line-height:1.5em;text-align:center;color:rgba(0,0,0,.8);overflow:hidden} .row-a1{overflow:hidden;padding-top:19px} .ul-listl2{overflow:hidden;margin:0 -10px} .ul-listl2 li{width:50%;float:left;padding:0 10px;margin-bottom:20px} .ul-listl2 .con{overflow:hidden;position:relative} .ul-listl2 .con .pic{padding-top:71.50368%;overflow:hidden;position:relative;height:0} .ul-listl2 .con .pic-m{display:none} .ul-listl2 .con .pic img{position:absolute;top:0;left:0;width:100%;height:100%} .ul-listl2 .con .txt{position:absolute;top:61px;left:0;width:100%;text-align:center;padding:0 10px} .ul-listl2 .con .tit{font-size:40px;color:#333;font-weight:700;line-height:1.25em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px} .ul-listl2 .con .desc{font-size:20px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:31px} .ul-listl2 .con .btn{font-size:18px;color:#00afb4;line-height:1.5em;overflow:hidden;padding:0 27px} .ul-listl2 .con .btn i,.ul-listl3 .con .btn i{display:inline-block;vertical-align:middle;width:11px;height:11px;margin:-2px 0 0 10px;background:url(../images/iconl15.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listl2 .con .btn:hover{text-decoration:underline} .ul-listl2 li.l1{width:auto;float:none} .ul-listl2 li.l1 .con .tit{margin-bottom:11px} .ul-listl2 li.l1 .pic{padding-top:35.416667%} .ul-listl2 li.l1 .con .desc{margin-bottom:28px} .row-a2{overflow:hidden;padding:78px 0 94px} .ul-listl3{overflow:hidden;margin:0 -120px} .ul-listl3 li{width:33.33%;float:left} .ul-listl3 .con{display:block;overflow:hidden;position:relative;padding:0 120px} .ul-listl3 .con:after{content:'';position:absolute;top:50%;right:0;width:2px;height:65px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#e6e6e6} .ul-listl3 li:last-child .con:after{display:none} .ul-listl3 .con .icon{width:63px;height:56px;overflow:hidden;line-height:56px;float:left;text-align:center;font-size:0} .ul-listl3 .con .icon img{display:inline-block;vertical-align:middle;max-height:100%;max-width:100%} .ul-listl3 .con .txt{overflow:hidden;padding-left:28px} .ul-listl3 .con .txt .tit{font-size:24px;color:#000;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:6px} .ul-listl3 .con .txt .btn{color:#00afb4;font-size:14px;line-height:1.5em;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listl3 .con .txt .btn:hover{text-decoration:underline} /*!02关于365体育app官方版下载-01365体育app官方版下载页*/ .ban{height:600px;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ban-m, .banl1-m{display:none;height:auto} .ban-m img, .banl1-m img{display:block;width:100%;height:auto} .g-boxl1{overflow:hidden;position:relative} .ul-leftl{position:absolute;left:50px;top:76px;z-index:10} .ul-leftl .tit{font-size:22px;color:#333;line-height:56px;position:relative;overflow:hidden;padding:0 22px;border-bottom:1px solid #dedede;display:none} .ul-leftl .tit:after{position:absolute;content:"";width:12px;height:12px;top:50%;background:url(../images/iconl19.png) center center no-repeat;border-radius:0;margin-top:-6px;left:auto;right:22px;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-leftl li{margin-bottom:27px} .ul-leftl .con{display:block;font-size:16px;color:#333;line-height:1.5em;overflow:hidden;padding-left:40px;position:relative} .ul-leftl .con:after{content:"";position:absolute;width:4px;height:20px;background-color:#48bad9;border-radius:2px;left:0;top:50%;margin-top:-10px;display:none} .ul-leftl .con:hover:after,.ul-leftl li.on .con:after{display:block} .m-details{overflow:hidden;padding:71px 0 122px;border-bottom:2px solid #eaeaea} .m-details .title{font-size:40px;color:#333;line-height:1.5em;text-align:center;overflow:hidden;margin-bottom:39px} .m-details .text{font-size:16px;color:#333;line-height:2.25em} .m-servicel{overflow:hidden;padding:87px 0 131px;border-bottom:2px solid #eaeaea} .g-titl2{overflow:hidden;font-size:36px;color:#333;text-align:center} .ul-listl4{overflow:hidden;margin:44px -15px 0} .ul-listl4 li{width:33.33%;float:left;padding:0 15px} .ul-listl4 .con{overflow:hidden;position:relative} .ul-listl4 .con .pic{padding-top:126.19047%;position:relative;height:0;overflow:hidden} .ul-listl4 .con .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listl4 .con:hover .pic img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08)} .ul-listl4 .con .pic.ls .imgm{display:none} .ul-listl4 .con .txt{position:absolute;top:0;left:0;width:100%;z-index:2;padding:49px 0px} .ul-listl4 .con .tit{font-size:28px;color:#fff;line-height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px} .ul-listl4 .con .desc{font-size:14px;color:rgba(255,255,255,.8);line-height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:21px} .ul-listl4 .con .abtn{text-align:center;overflow:hidden} .ul-listl4 .con .btn{font-size:18px;color:#fff;line-height:1.5em;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;overflow:hidden} .ul-listl4 .con .btn i{display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../images/iconl20.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 0 0 5px} .ul-listl4 .con .btn:hover{text-decoration:underline} .row-a2.ls{padding:98px 0 93px} /*!02关于365体育app官方版下载-02品牌发展史02-02*/ .g-boxl1.l1{border-top:2px solid #eaeaea} .ul-listl4.black .con .btn,.ul-listl4.black .con .tit{color:#333} .ul-listl4.black .con .desc{color:rgba(51,51,51,.8)} .ul-listl4.black .con .btn i{background-image:url(../images/iconl20-1.png)} .m-proficientl{overflow:hidden;padding-top:69px;padding-bottom:55px} .m-proficientl .top{overflow:hidden} .m-proficientl .top .pic{width:258px;height:auto;overflow:hidden;margin:0 auto} .m-proficientl .top .pic img{display:block;width:100%} .ul-listl5{overflow:hidden;margin:14px 0 0} .ul-listl5 li{width:33.33%;float:left;padding:0 110px;margin-bottom:15px;border-bottom:2px solid #eaeaea} .ul-listl5 .con{display:block;overflow:hidden;padding:44px 0} .ul-listl5 .pic{width:68px;height:62px;font-size:0;overflow:hidden;margin-bottom:15px} .ul-listl5 .pic img{display:inline-block;vertical-align:middle;max-height:100%;max-width:100%} .ul-listl5 .txt{overflow:hidden} .ul-listl5 .txt .desc{font-size:14px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:2px} .ul-listl5 .txt .num{font-size:24px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .ul-listl5 .txt .num span{font-size:40px;color:#333;line-height:1.5em;overflow:hidden;font-weight:700} .ul-listl5 li.last{border-bottom:none} .m-burgeonl{overflow:hidden;background-color:#f8f8f8;background-position:center bottom;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;padding:96px 0 133px} .g-titl3{font-size:40px;color:#000;line-height:1.5em;text-align:center;overflow:hidden} .m-slickl4{overflow:hidden;padding:105px 175px} .m-slickl4 .item{overflow:hidden;padding:0 57px 0 48px;position:relative;margin-top:32px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl4 .item:after{content:"";position:absolute;top:20px;left:0;width:19px;height:134px;background:url(../images/bgl4.png) top center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto} .m-slickl4 .num{font-size:36px;color:#333;line-height:1.5em;overflow:hidden;font-family:Arial #000;font-weight:700} .m-slickl4 .txt{font-size:14px;color:rgba(51,51,51,.6);line-height:2.14em;height:6.42em;overflow:hidden} .m-slickl4 .txt p{position:relative;padding-left:18px} .m-slickl4 .txt p:after{content:"";position:absolute;top:13px;left:0;width:4px;height:4px;background-color:#828282;border-radius:50%} .m-slickl4 .item.slick-current{margin-top:0} .m-slickl4 .item.slick-current .num{color:#00afb4} .m-slickl4 .slick-arrow{position:absolute;width:26px;height:49px;top:50%;margin-top:-25px;font-size:0;border:none;outline:0;z-index:8;cursor:pointer;background-color:transparent;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center} .m-slickl4 .slick-prev{left:-95px;background-image:url(../images/iconl27.png)} .m-slickl4 .slick-next{right:-95px;background-image:url(../images/iconl28.png)} .m-servicel.l2{padding:163px 0 174px} /*!02关于365体育app官方版下载-03品牌理念*/ .m-details.l1 .item{overflow:hidden;margin-bottom:183px} .m-details.l1 .item:last-child{margin-bottom:27px} .m-details.l1 .item .title{margin-bottom:11px} .m-details.l1 .item .txt{text-align:center;font-size:18px} .ul-listl6{overflow:hidden;margin:46px 0} .ul-listl6 li{width:25%;float:left} .ul-listl6 .con{overflow:hidden;text-align:center;position:relative} .ul-listl6 li:last-child .con:after{display:none} .ul-listl6 .con:after{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:50px;background-color:#ccc} .ul-listl6 .con .stit{font-size:36px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:17px} .ul-listl6 .con .info{font-size:16px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .ul-listl4.l1 li{width:50%;float:left} .ul-listl4.l1 .con .pic{padding-top:82.05128%} .ul-listl4.l1 .con .txt{padding-top:76px} /*!02关于365体育app官方版下载-04品牌专利*/ .ban{position:relative} .ban .txt{position:absolute;left:0;top:50%;width:100%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden} .ban .txt .tit{font-size:40px;color:#fff;line-height:1.5em;margin-bottom:6px;overflow:hidden} .ban .txt .desc{font-size:20px;color:#fff;line-height:1.5em;overflow:hidden;margin-bottom:57px} .ban .txt .btn{display:block;margin:0 auto;width:180px;height:55px;line-height:51px;font-size:18px;color:#fff;overflow:hidden;border:2px solid rgba(255,255,255,.5);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ban .txt .btn:hover{color:#00c9cd;border-color:#00c9cd} .ban .txt .btn:hover i{background-image:url(../images/iconl25-1.png)} .ban .txt .btn i,.banl1 .con .txt .btn i{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(../images/iconl25.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 0 0 15px} .m-details.l2 .stit{font-size:20px;text-align:center;overflow:hidden;font-weight:400;line-height:1.5em;color:#333;margin-bottom:54px} .m-details.l2 .title{margin-bottom:10px} .m-details.l2 .item{overflow:hidden;margin-bottom:73px} .m-details.l2 .item:last-child{margin-bottom:0} .m-honor{overflow:hidden;padding:86px 0 90px;border-bottom:2px solid #eaeaea} .m-honor .tit{font-size:40px;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;margin-bottom:60px} .m-honor .table{height:0;overflow:hidden} .m-honor .table.hide{height:auto} .ul-txtl1{overflow:hidden;text-align:center;font-size:0;margin-bottom:41px} .ul-txtl1 li{display:inline-block;vertical-align:middle;margin-right:52px} .ul-txtl1 li:last-child{margin-right:0} .ul-txtl1 .con{font-size:18px;color:#333;line-height:1.5em;padding-left:23px;position:relative} .ul-txtl1 .con:after{content:"";position:absolute;top:50%;left:0;width:10px;height:10px;border:2px solid #b1b1b1;border-radius:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-txtl1 li.on .con:after{background-color:#00afb4;border-color:#00afb4} .m-slickl2{margin:0 -15px} .m-slickl2 .item{overflow:hidden;padding:0 15px} .m-slickl2 .con{display:block;overflow:hidden} .m-slickl2 .con .pic{padding-top:78.947368%;position:relative;height:0;overflow:hidden;background-color:#f6f6f6;margin-bottom:24px} .m-slickl2 .con .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0} .m-slickl2 .con .txt{overflow:hidden} .m-slickl2 .con .txt .stit{font-size:20px;color:#333;line-height:1.5em;font-weight:400;overflow:hidden;max-height:4.5em;margin-bottom:3px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl2 .con:hover .txt .stit{color:#00afb4} .m-slickl2 .con .txt span{font-size:14px;color:#333;line-height:1.5em;overflow:hidden} .m-slickl2 .con .txt span i{display:inline-block;vertical-align:middle;width:9px;height:9px;margin:-2px 0 0 5px;background:url(../images/iconl24.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .m-slickl2 .slick-next,.m-slickl2 .slick-prev{position:absolute;top:50%;margin-top:-35px;overflow:hidden;width:70px;height:70px;font-size:0;line-height:0;z-index:2;border:none;background:center center no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;cursor:pointer;padding:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl2 .slick-prev{left:-258px;background-image:url(../images/iconq2.png)} .m-slickl2 .slick-next{right:-258px;background-image:url(../images/iconq3.png)} .m-slickl2 .slick-next:hover,.m-slickl2 .slick-prev:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-honor.l1{padding-bottom:128px} /*!02关于365体育app官方版下载-05合作伙伴页*/ .ban.ls .txt{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-imgl1{overflow:hidden;margin:0 auto;width:auto} .ul-imgl1 li{width:25%;float:left;padding:0 7px;margin-bottom:14px} .ul-imgl1 .con{display:block;overflow:hidden;opacity:.8;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-imgl1 .con:hover{opacity:.6} .ul-imgl1 .con .pic{padding-top:48.91228%;overflow:hidden;height:0;position:relative} .ul-imgl1 .con .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0} /*!02关于365体育app官方版下载-06社会责任页*/ .m-details.l3{border-bottom:none;padding-bottom:87px} .m-details.l3 .stit{font-size:28px;color:#333;line-height:1.5em;overflow:hidden;margin-bottom:17px} .m-details.l3 .text{margin-bottom:35px} .m-reviewl{overflow:hidden;position: relative;z-index: 11;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:110px 0} .m-reviewl .tit{font-size:40px;color:#fff;line-height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:67px} .m-slickl3{overflow:hidden} .m-slickl3 .slick-list,.m-slickl3-num .slick-list{padding:0 333px} .m-slickl3 .item{padding:0 26px;position:relative;overflow:hidden} .m-slickl3 .item .con{display:block;overflow:hidden;position:relative} .m-slickl3 .con:after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;margin-left:-5px;background-color:#fff;border-radius:50%;z-index:2;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl3 .con .pic{padding-top:61.65644%;overflow:hidden;height:0;position:relative} .m-slickl3 .con .box{background-color:#fff;overflow:hidden;display:block;-webkit-transform:scale(.9,.9);-moz-transform:scale(.9,.9);-ms-transform:scale(.9,.9);-o-transform:scale(.9,.9);transform:scale(.9,.9);position:relative;margin-bottom:70px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl3 .con .box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.4);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl3 .con .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0} .m-slickl3 .con .txt{overflow:hidden;padding:25px 29px 67px} .m-slickl3 .con .txt .date{font-size:16px;line-height:1.5em;overflow:hidden;color:#333;margin-bottom:14px} .m-slickl3 .con .txt .stit{font-size:18px;color:#333;line-height:1.5em;overflow:hidden;height:5.8em} .m-slickl3-num .item{overflow:hidden} .m-slickl3-num .con{cursor:pointer} .m-slickl3-num .con .num{font-size:16px;color:#fff;line-height:45px;text-align:center;padding-bottom:33px} .m-slickl3 .item:after{content:"";position:absolute;left:0;width:100%;bottom:5px;height:1px;background-color:#fff} .m-slickl3 .item.slick-current .con .box{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .m-slickl3 .item.slick-current .con .box:after{background-color:transparent} .m-slickl3-num .item.slick-current .con .num{font-size:30px} .m-slickl3 .item.slick-current .con:after{background-color:#00afb4} .m-servicel.l1{padding:116px 0 122px} /*!03家用净水-01列表页*/ .m-information.ls{background-color:#f8f8f8} .m-titl1{overflow:hidden;font-size:17px;color:#333;line-height:1.5em;font-weight:400;display:none} .ul-txtl2{overflow:hidden;font-size:0;text-align:center} .ul-txtl2 li{display:inline-block;vertical-align:middle;margin-right:48px} .ul-txtl2 li:last-child{margin-right:0} .ul-txtl2 .con{font-size:18px;color:#333;line-height:1.5em;padding-left:22px;position:relative} .ul-txtl2 .con:after{content:"";position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;border:2px solid #adadad} .ul-txtl2 li .con:hover:after,.ul-txtl2 li.on .con:after{background-color:#00afb4;border-color:#00afb4} .banl1{overflow:hidden} .banl1 .con{display:block;overflow:hidden;height:600px;min-height:200px;position:relative;background-size:cover;} .banl1 .con .txt{position:absolute;left:0;width:100%;top:41.5%} .banl1 .con .txt .tit{font-size:40px;color:#fff;line-height:1.5em;margin-bottom:4px;overflow:hidden} .banl1 .con .txt .desc{font-size:20px;color:#fff;line-height:1.5em;overflow:hidden} .banl1 .con .txt .btn{width:120px;height:36px;line-height:34px;border:1px solid rgba(255,255,255,.4);text-align:center;font-size:13px;color:#fff;margin:0 auto;display:none} .m-kitchenl{overflow:hidden;padding:70px 0 50px;border-bottom:2px solid rgba(51,51,51,.1)} .m-kitchenl .item{margin-bottom:39px} .m-kitchenl .item:last-child{margin-bottom:0} .m-kitchenl .kitchenl{overflow:hidden} .m-kitchenl .tit{font-size:36px;color:#333;line-height:1.5em;text-align:center;overflow:hidden;margin-bottom:52px} .m-kitchenl .stit{font-size:28px;color:#333;line-height:1.5em;overflow:hidden} .m-kitchenl .ul-imgtxtq2{margin-top:23px;margin-bottom:0} .m-leftl{position:absolute;left:50px;top:180px;z-index:10;width:210px} .m-leftl .top{overflow:hidden;padding-bottom:23px;border-bottom:2px solid #efefef} .m-leftl .top .btn{display:block;float:left;font-size:14px;color:rgba(51,51,51,.4);line-height:1.5em;padding-right:20px;margin-right:20px;position:relative} .m-leftl .top .btn:after{content:"";position:absolute;right:0;top:50%;width:2px;height:12px;margin-top:-6px;background-color:#efefef} .m-leftl .top .btn:last-child{margin-right:0;padding-right:0} .m-leftl .top .btn:last-child:after{display:none} .m-leftl .top .btn i{display:inline-block;vertical-align:middle;width:18px;height:18px;background:url(../images/iconl26.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 12px 0 0} .m-leftl .top .btn.on{color:#333} .m-leftl.fixed{position:fixed} .ul-txtl3{overflow:hidden} .ul-txtl3 .con{display:block;height:40px;line-height:38px;font-size:16px;color:#333;border-bottom:2px solid #efefef} .ul-txtl3 .con em{float:right} .ban.black .txt .tit{color:#333} .ban.black .txt .desc{color:rgba(51,51,51,.9)} .ul-leftl.fixed{position:fixed;top:140px} .ul-leftl.fff .con{color:#fff} .m-missionl{overflow:hidden;position:relative;margin-bottom:20px} .m-missionl .pic{display:block;width:100%;overflow:hidden;height:auto} .m-missionl .pic img{display:block;width:100%} .m-missionl .pic .img-m{display:none} .m-missionl .txt{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-missionl .txt .tit{font-size:40px;color:#fff;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center} .m-missionl .txt .desc{font-size:20px;color:#fff;line-height:1.5em;overflow:hidden;text-align:center} .m-sensel{overflow:hidden;padding:97px 0 72px;position:relative;z-index:12} .m-sensel .tit{font-size:40px;color:#333;line-height:1.5em;overflow:hidden;text-align:center} .ul-listl7{overflow:hidden;margin:61px -8px 0} .ul-listl7 li{width:20%;float:left;overflow:hidden;padding:0 8px} .ul-listl7 .con{overflow:hidden;display:block;position:relative} .ul-listl7 .pic{padding-top:183.2884097%;overflow:hidden;position:relative;height:0} .ul-listl7 .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listl7 .con:hover .pic img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08)} .ul-listl7 .pic .img-m{display:none} .ul-listl7 .txt{position:absolute;top:50%;left:0;width:100%;font-size:28px;line-height:1.5em;color:#fff;padding:0 5px;text-align:center;overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-servicel.l3{padding-bottom:121px} .ul-listq1.ul-m{display:none} /*!02关于365体育app官方版下载-07爱业动态内页*/ .m-tabulationl{overflow:hidden;background-color:#f8f8f8;border:2px solid #eaeaea;border-right:none;border-left:none} .m-tabulationl .tit{display:none;position:relative} .m-tabulationl .tit:after{position:absolute;content:"";width:12px;height:12px;top:50%;background:url(../images/iconl19.png) center center no-repeat;border-radius:0;margin-top:-6px;left:auto;right:22px;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-tabulationl{overflow:hidden;padding:78px 0 76px} .ul-tabulationl li{width:25%;float:left} .ul-tabulationl .con{overflow:hidden;display:block;position:relative} .ul-tabulationl .con:after{content:"";position:absolute;top:50%;height:66px;width:2px;right:0;background-color:#e4e4e4;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-tabulationl li:last-child .con:after{display:none} .ul-tabulationl .pic{width:59px;height:59px;font-size:0;line-height:59px;overflow:hidden;margin:0 auto 16px;text-align:center} .ul-tabulationl .pic img{display:inline-block;vertical-align:middle;max-height:100%;max-width:100%} .ul-tabulationl .pic .imgl2{display:none} .ul-tabulationl .txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;color:#333;line-height:1.5em;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-tabulationl .con:hover .pic .imgl2,.ul-tabulationl li.on .con .pic .imgl2{display:inline-block} .ul-tabulationl .con:hover .pic .imgl1,.ul-tabulationl li.on .con .pic .imgl1{display:none} .ul-tabulationl .con:hover .txt,.ul-tabulationl li.on .con .txt{color:#00afb4} .m-textq1.ls .txt{margin-bottom:0} .m-textq1.ls{padding-bottom:25px;border-bottom:2px solid #eaeaea} .m-textq1.ls h3{font-size:18px} .m-brandl{overflow:hidden;padding:89px 0 101px;border-bottom:2px solid #eaeaea} .m-slickl5{padding:48px 0 60px;overflow:hidden} .m-slickl5 .slick-list{padding:0 168px} .m-slickl5 .item{overflow:hidden;padding:0 15px} .m-slickl5 .con{display:block;width:100%;overflow:hidden;opacity:.6;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl5 .con .pic{height:230px;width:100%;overflow:hidden;margin-bottom:19px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl5 .con .pic img{display:block;min-height:100%;max-width:none;min-width:100%} .m-slickl5 .con .txt{overflow:hidden} .m-slickl5 .con .date{font-size:16px;color:#333;line-height:1.5em;overflow:hidden;margin-bottom:14px} .m-slickl5 .con .tit{font-size:18px;color:#333;font-weight:400;line-height:1.5em;overflow:hidden;height:3em;margin-bottom:13px} .m-slickl5 .con .desc{font-size:14px;line-height:1.5em;overflow:hidden;color:rgba(0,0,0,.4);height:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-slickl5 .con:hover{opacity:1} .m-slickl5 .con:hover .pic{height:173px} .m-slickl5 .con:hover .desc{height:3em} .m-slickl5 .slick-arrow{position:absolute;width:12px;height:22px;bottom:0;font-size:0;border:none;outline:0;z-index:8;cursor:pointer;background-color:transparent;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center} .m-slickl5 .slick-prev{left:46.5%;background-image:url(../images/iconl33.png)} .m-slickl5 .slick-next{right:46.5%;background-image:url(../images/iconl34.png)} .m-query .form .sub-btn2{display:none} /*!公用*/ .g-titq1{text-align:center;overflow:hidden} .g-titq1 h3{font-size:54px;color:#333;line-height:1.3em;font-weight:500;overflow:hidden} .g-more{display:block;width:182px;font-size:18px;color:#333;line-height:54px;text-align:center;border:2px solid rgba(51,51,51,.5);border-radius:28px;margin:0 auto;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .g-more:hover{color:#fff;border-color:#00afb4;background-color:#00afb4} /*!03家用净水-02详情页*/ .m-information{border-top:2px solid rgba(51,51,51,.1);padding:33px 0} .m-information:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .m-information .cont{position:relative;padding:0 145px 0 115px} .m-information span{display:block;font-size:16px;color:rgba(51,51,51,.6);line-height:34px;position:absolute;left:0;top:0;padding-right:16px;margin-right:17px;overflow:hidden} .m-information span:after{content:'';width:2px;height:14px;background-color:rgba(51,51,51,.1);position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-information .pur{display:none;width:110px;font-size:16px;color:#fff;line-height:34px;text-align:center;background:linear-gradient(0deg,#00afb4 0,#00d8db 96%);border-radius:17px;position:absolute;right:0;top:0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-information .pur:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-information .box:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .m-information .box .tit{float:left;font-size:16px;color:#333;line-height:34px;overflow:hidden} .m-information .box dl{float:right;overflow:hidden} .m-information .box dd{float:left;margin-left:30px;overflow:hidden} .m-information .box dd a{display:block;font-size:16px;color:#333;line-height:34px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-information .box dd a:hover{color:#00afb4} .m-information .breadcrumb{display:flex; flex-wrap:wrap; font-size:16px;color:rgba(51,51,51,.6);line-height:34px;padding-right:16px;margin-right:17px;overflow:hidden} .m-information .breadcrumb .item{position:relative;font-size:16px;color:rgba(51,51,51,.6);line-height:34px;padding-right:16px;overflow:hidden} .m-information .breadcrumb .item.category{margin-right:17px;} .m-information .breadcrumb .item.category:after{content:'';width:2px;height:14px;background-color:rgba(51,51,51,.1);position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-information .breadcrumb .item.product{font-size:16px;color:#333;line-height:34px;} .banq1{position:relative;overflow:hidden} .banq1 .pic{width:100%;height:auto;overflow:hidden} .banq1 .pic-m{display:none} .banq1 .pic img{display:block;width:100%;height:auto} .banq1 .txt{position:absolute;top:10.8%;left:0;right:0;text-align:center;overflow:hidden} .banq1 .txt h3{font-size:54px;color:#333;line-height:1.3em;font-weight:500;margin-bottom:8px;overflow:hidden} .banq1 .txt span{display:block;font-size:24px;color:#333;line-height:1.3em;font-weight:500;overflow:hidden} .m-video{margin-top:78px;overflow:hidden} .m-video .video{position:relative;overflow:hidden} .m-video .video video{display:block;width:100%;height:auto} .m-video .video .play{display:block;width:88px;height:88px;border-radius:50%;background:url(../images/iconq1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-video .video .play:hover{ opacity:.8; filter:alpha(opacity=80); filter:alpha(Opacity=80); -ms-filter:; 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; -webkit-filter:alpha(Opacity=80); } .m-sliderq2{padding:102px 0 174px;overflow:hidden} .m-sliderq2 .left{float:left;width:584px;margin-right:61px;overflow:hidden} .m-sliderq2 .slider-for{margin-bottom:6px;overflow:hidden} .m-sliderq2 .slider-for .con{display:block;overflow:hidden} .m-sliderq2 .slider-for .pic{height:548px;line-height:548px;font-size:0;text-align:center;overflow:hidden} .m-sliderq2 .slider-for .pic img{display:inline-block;vertical-align:middle;max-width:98%;max-height:98%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-sliderq2 .slider-for a:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .m-sliderq2 .slick-next,.m-sliderq2 .slick-prev{position:absolute;top:50%;margin-top:-35px;overflow:hidden;width:70px;height:70px;font-size:0;line-height:0;z-index:2;border:none;background:center center no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;cursor:pointer;padding:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-sliderq2 .slick-prev{left:-258px;background-image:url(../images/iconq2.png)} .m-sliderq2 .slick-next{right:-258px;background-image:url(../images/iconq3.png)} .m-sliderq2 .slick-next:hover,.m-sliderq2 .slick-prev:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-sliderq2 .slider-nav{margin:0 62px;overflow:hidden} .m-sliderq2 .slider-nav .item{margin:0 4px} .m-sliderq2 .slider-nav .pic{height:69px;line-height:63px;font-size:0;text-align:center;border:3px solid transparent;margin:0 auto;cursor:pointer;overflow:hidden} .m-sliderq2 .slider-nav .slick-current .pic{border-color:#48bad9} .m-sliderq2 .slider-nav .pic img{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%} .m-sliderq2 .right{padding-top:191px;overflow:hidden} .ul-txtq2{margin-bottom:15px;overflow:hidden} .ul-txtq2 li{float:left;margin-right:23px;overflow:hidden} .ul-txtq2 span{display:block;font-size:14px;color:rgba(51,51,51,.7);line-height:30px;background-color:#f8f8f8;padding:0 18px;overflow:hidden} .m-sliderq2 .right .txt{overflow:hidden} .m-sliderq2 .right h3{font-size:48px;color:#333;line-height:1.5em;margin-bottom:8px;overflow:hidden} .m-sliderq2 .right .desc{font-size:20px;color:rgba(51,51,51,.7);line-height:1.3em;overflow:hidden} .m-sliderq2 .right a{display:block;width:151px;font-size:20px;color:#fff;line-height:47px;text-align:center;border-radius:23px;background:linear-gradient(0deg,#00afb4 0,#00d8db 96%);margin-top:57px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-sliderq2 .right a:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .ul-txtq3{position:relative;overflow:hidden} .ul-txtq3:after{content:'';height:2px;background-color:rgba(51,51,51,.1);position:absolute;left:0;right:0;bottom:0;z-index:-1} .ul-txtq3 li{float:left;width:25%;overflow:hidden} .ul-txtq3.qm li{width:33.33%} .ul-txtq3 li a{display:block;font-size:16px;color:#333;line-height:1.5em;text-align:center;position:relative;padding:40px 0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-txtq3 li.on a,.ul-txtq3 li:hover a{color:#00afb4} .ul-txtq3 li a:after{content:'';height:2px;background-color:transparent;position:absolute;left:0;right:0;bottom:0} .ul-txtq3 li.on a:after,.ul-txtq3 li:hover a:after{background-color:#00afb4} .ul-imgtxtq1{margin-top:20px;overflow:hidden} .ul-imgtxtq1.qm{margin-top:79px} .ul-imgtxtq1 li{margin-bottom:20px;overflow:hidden} .ul-imgtxtq1 .con{position:relative;overflow:hidden} .ul-imgtxtq1 .pic{float:left;width:50%;height:auto;overflow:hidden} .ul-imgtxtq1 li:nth-child(even) .pic{float:right} .ul-imgtxtq1 .pic img{display:block;width:100%;height:auto} .ul-imgtxtq1 .pic .img2{display:none} .ul-imgtxtq1 .box{position:absolute;top:0;right:0;bottom:0;width:50%;background-color:#fafafa;overflow:hidden} .ul-imgtxtq1 li:nth-child(even) .box{left:0;right:auto} .ul-imgtxtq1 .txt{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding:0 62px;overflow:hidden} .ul-imgtxtq1 h3{font-size:36px;line-height:1.3em;font-weight:500;margin-bottom:35px;overflow:hidden} .ul-imgtxtq1 .desc{font-size:18px;color:rgba(51,51,51,.75);line-height:1.5em;font-weight:500;letter-spacing:-.4px;overflow:hidden} .m-parameters{padding:130px 0 30px;overflow:hidden} .ul-txtq1{margin-top:71px;overflow:hidden} .ul-txtq1 li{overflow:hidden} .ul-txtq1 .con{padding:12px 20px 12px 41px;overflow:hidden} .ul-txtq1 li:nth-child(odd) .con{background-color:#f6f6f6} .ul-txtq1 h3{float:left;width:27.75%;font-size:16px;color:#333;line-height:1.5em;font-weight:500;overflow:hidden} .ul-txtq1 span{display:block;font-size:16px;color:#333;line-height:1.5em;overflow:hidden} .m-related{border-bottom:2px solid rgba(51,51,51,.1);padding:146px 0 133px;overflow:hidden} .ul-imgtxtq2{display:flex;justify-content:left;flex-wrap:wrap;margin:71px -15px 17px;overflow:hidden} .ul-imgtxtq2.product-detail{justify-content:center;} .ul-imgtxtq2 li{/*float:left;*/width:33.33%;padding:0 15px;margin-bottom:78px;overflow:hidden} .ul-imgtxtq2 li.product-detail{float:none;} .ul-imgtxtq2 li .con{display:block;overflow:hidden} .ul-imgtxtq2 .pic{height:300px;line-height:300px;text-align:center;background-color:rgba(232,232,232,.4);margin-bottom:25px;overflow:hidden} .ul-imgtxtq2 .pic img{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-imgtxtq2 a:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .ul-imgtxtq2 .txt{overflow:hidden} .ul-imgtxtq2 h3{font-size:20px;color:#333;line-height:1.3em;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-imgtxtq2 span{display:block;font-size:14px;color:rgba(51,51,51,.6);line-height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /*!07365体育app官方版下载-04优秀加盟案例*/ .g-titq2{text-align:center;overflow:hidden} .g-titq2 h3{font-size:40px;color:#333;line-height:1.5em;overflow:hidden} .g-titq2.white h3{color:#fff} .ul-listq1{background-color:rgba(220,220,220,.2);overflow:hidden} .ul-listq1 .tit{display:none;font-size:22px;color:rgba(51,51,51,.9);line-height:2.6em;border-bottom:1px solid #dedede;background:url(../images/iq2.png) 95% 50% no-repeat;-webkit-background-size:10px auto;-moz-background-size:10px auto;-ms-background-size:10px auto;-o-background-size:10px auto;background-size:10px auto;padding:0 42px 0 22px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-listq1 .tit.on{background-image:url(../images/iq2-1.png)} .ul-listq1 ul{font-size:0;text-align:center;overflow:hidden} .ul-listq1 li{display:inline-block;vertical-align:middle;position:relative;padding:0 40px} .ul-listq1 li a{display:block;font-size:14px;color:#333;line-height:4.29em;background:url(../images/iq1.png) left center no-repeat;padding-left:20px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq1 li.on a,.ul-listq1 li:hover a{background-image:url(../images/iq1-1.png)} .m-digger{border-bottom:2px solid rgba(51,51,51,.1);padding:65px 0 124px;overflow:hidden} .m-digger .tit{font-size:30px;color:#333;line-height:1.5em;text-align:center;margin-top:42px;overflow:hidden} .ul-listq2{margin-top:64px;overflow:hidden} .ul-listq2 li{margin-bottom:47px;overflow:hidden} .ul-listq2 .con{display:block;overflow:hidden} .ul-listq2 .pic{float:left;width:236px;height:auto;background-color:#f0f0f0;margin-right:112px;overflow:hidden} .ul-listq2 .pic img{display:block;width:100%;height:auto;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq2 a:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .ul-listq2 .txt{padding-top:4px;overflow:hidden} .ul-listq2 h3{font-size:28px;color:#333;line-height:1.5em;font-weight:400;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq2 a:hover h3{color:#00afb4} .ul-listq2 span{display:block;font-size:16px;color:#333;line-height:1.5em;margin-bottom:12px;overflow:hidden} .ul-listq2 .desc{max-height:6em;font-size:14px;color:rgba(51,51,51,.6);line-height:1.5em;overflow:hidden} .ul-listq3{margin:100px -15px 133px;overflow:hidden} .ul-listq3 li{float:left;width:33.33%;padding:0 15px;margin-bottom:35px;overflow:hidden} .ul-listq3 .con{display:block;overflow:hidden} .ul-listq3 .pic{position:relative;height:0;padding-top:77.89%;margin-bottom:36px;overflow:hidden} .ul-listq3 .pic img{display:block;width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq3 a:hover .pic img{-webkit-transform:translate(-50%,-50%) scale(1.08);-moz-transform:translate(-50%,-50%) scale(1.08);-ms-transform:translate(-50%,-50%) scale(1.08);-o-transform:translate(-50%,-50%) scale(1.08);transform:translate(-50%,-50%) scale(1.08)} .ul-listq3 .txt{overflow:hidden} .ul-listq3 h3{font-size:18px;color:#333;line-height:1.5em;font-weight:400;margin-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq3 a:hover h3{color:#00afb4} .ul-listq3 span{display:block;font-size:14px;color:rgba(51,51,51,.6);line-height:1.5em;overflow:hidden} .m-franchise{border-top:2px solid rgba(51,51,51,.1);padding:85px 0 44px;overflow:hidden} .m-franchise .box{margin-top:32px;overflow:hidden} .m-franchise .item{margin-bottom:85px;overflow:hidden} .m-franchise .tit{font-size:28px;color:#333;line-height:1.5em;text-align:center;overflow:hidden} .ul-listq4{font-size:0;text-align:center;margin-top:37px;overflow:hidden} .ul-listq4 li{display:inline-block;vertical-align:middle;width:278px;position:relative;overflow:hidden} .ul-listq4 li:after{content:'';width:2px;height:74px;background-color:rgba(51,51,51,.1);position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-listq4 li:last-child:after{display:none} .ul-listq4 .con{display:block;overflow:hidden} .ul-listq4 .pic{width:80px;height:80px;margin:0 auto 8px;overflow:hidden} .ul-listq4 .pic img{display:block;width:100%;height:100%} .ul-listq4 h3{font-size:18px;color:#333;line-height:1.5em;font-weight:400;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-listq4::-webkit-scrollbar{width:0} .m-process{padding:86px 0 156px;overflow:hidden} .ul-listq5{margin:66px -90px 0;overflow:hidden} .ul-listq5 li{float:left;width:25%;position:relative;padding:0 90px} .ul-listq5 li:after{content:'';width:30px;height:30px;background:url(../images/iq17.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:30%;right:-15px} .ul-listq5 li:last-child:after{display:none} .ul-listq5 .pic{position:relative;height:0;padding-top:100%;margin:0 auto 32px;overflow:hidden} .ul-listq5 .pic img{display:block;width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .ul-listq5 h3{font-size:20px;color:#333;line-height:1.5em;font-weight:400;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-listq5::-webkit-scrollbar{width:0} .m-apply{border-bottom:2px solid rgba(51,51,51,.1);padding:122px 0 133px;overflow:hidden} .m-formq1{margin-top:30px;overflow:hidden} .m-formq1 .item{margin-bottom:53px;overflow:hidden} .m-formq1 .left{display:block;float:left;width:110px;font-size:18px;color:#333;line-height:53px;margin-right:10px;overflow:hidden} .m-formq1 .right{overflow:hidden} .m-formq1 .inp{display:block;width:100%;height:53px;font-size:18px;color:#333;line-height:53px;background-color:#f8f8f8;border:none;padding:0 22px;overflow:hidden} .m-formq1 .code{position:relative;padding-right:238px;overflow:hidden} .m-formq1 .but{display:block;width:206px;height:53px;font-size:18px;color:#fffefe;line-height:53px;text-align:center;background-color:#00afb4;border:none;position:absolute;top:0;right:0;padding:0 10px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-formq1 .but:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-formq1 #distpicker{margin-right:-31px;overflow:hidden} .m-formq1 #distpicker select{display:block;float:left;width:30.54%;height:53px;font-size:18px;color:#333;line-height:53px;border:none;background:url(../images/iq18.png) 94.5% 50% no-repeat #f8f8f8;margin-right:2.79%;padding:0 42px 0 22px;overflow:hidden} .m-formq1 .bot{margin-top:63px;overflow:hidden} .m-formq1 .bot .top{font-size:0;text-align:center;margin-bottom:45px;overflow:hidden} .m-formq1 .bot .top .sub-btn{display:inline-block;vertical-align:top;width:180px;height:56px;font-size:18px;color:#fff;line-height:56px;background-color:#00afb4;border-radius:28px;border:none;margin:0 23px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-formq1 .bot .top .sub-btn:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-formq1 .bot .top a{display:inline-block;vertical-align:top;font-size:16px;color:rgba(51,51,51,.6);line-height:1.5em;margin:0 23px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-formq1 .bot .top a:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-formq1 .bot .top a i{display:block;width:66px;height:56px;background:url(../images/iq19.png) center center no-repeat #00afb4;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:15px;margin:0 auto 12px;overflow:hidden} .m-formq1 .tips{font-size:14px;color:rgba(51,51,51,.6);line-height:1.5em;text-align:center;overflow:hidden} /*!07365体育app官方版下载-03为何现在加入*/ .m-digger .join{position:relative;margin-top:50px;margin-bottom:9px;overflow:hidden} .m-digger .join .pic{width:100%;height:auto;overflow:hidden} .m-digger .join .pic img{display:block;width:100%;height:auto} .m-digger .join .pic .img2{display:none} .m-digger .join .txt{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center;padding:0 22px;overflow:hidden} .m-digger .join .desc{font-size:20px;color:#fff;line-height:1.5em;overflow:hidden} .m-digger .join dl{font-size:0;text-align:center;margin-top:40px;overflow:hidden} .m-digger .join dd{display:inline-block;vertical-align:middle;position:relative;padding:0 85px} .m-digger .join dd:after{content:'';width:3px;height:30px;background-color:rgba(255,255,255,.5);position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-digger .join dd:last-child:after{display:none} .m-digger .join dd span{display:block;font-size:24px;color:#fff;line-height:2.08em;font-weight:500;overflow:hidden} .m-digger .join dd span em{display:inline-block;vertical-align:middle;font-size:40px;line-height:1.25em;margin-top:-14px} .m-policy{padding:65px 0 197px;overflow:hidden} .m-policy .slider{margin:51px -15px 0} .m-policy .item{margin:0 15px} .m-policy .con{background-color:#f8f8f8;padding:76px 0 74px;overflow:hidden} .m-policy .pic{width:90px;height:90px;margin:0 auto 18px;overflow:hidden} .m-policy .pic img{display:block;width:100%;height:100%} .m-policy .slider h3{font-size:20px;color:#333;line-height:2em;font-weight:400;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .m-policy .slider h3 em{display:inline-block;vertical-align:middle;font-size:30px;color:#00afb4;line-height:1.33em;font-weight:500;margin-right:10px} .m-policy .slider .slick-next,.m-policy .slider .slick-prev{position:absolute;top:50%;margin-top:-40px;overflow:hidden;width:80px;height:80px;font-size:0;line-height:0;z-index:2;border:none;background:center center no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;cursor:pointer;padding:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-policy .slider .slick-prev{left:-204px;background-image:url(../images/iq23.png)} .m-policy .slider .slick-next{right:-204px;background-image:url(../images/iq24.png)} .m-policy .slider .slick-next:hover,.m-policy .slider .slick-prev:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} /*!07365体育app官方版下载-02为何选择365体育app官方版下载*/ .m-angel{border-bottom:2px solid rgba(51,51,51,.1);padding:65px 0 124px;overflow:hidden} .ul-listq6{margin:52px -13px -21px;overflow:hidden} .ul-listq6 li{float:left;width:33.33%;padding:0 13px;margin-bottom:28px;overflow:hidden} .ul-listq6 .li4{width:66.66%} .ul-listq6 .con{position:relative;overflow:hidden} .ul-listq6 .img{width:100%;height:auto;position:relative;overflow:hidden} .ul-listq6 .img:after{content:'';background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;right:0;bottom:0} .ul-listq6 .img img{display:block;width:100%;height:auto} .ul-listq6 .img .img2{display:none} .ul-listq6 .title{font-size:26px;color:#fff;line-height:1.2em;font-weight:400;position:absolute;left:0;right:0;bottom:36px;padding:0 38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq6 li.on .title{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'} .ul-listq6 i{display:block;width:20px;height:20px;background:url(../images/iq25.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;right:36px;bottom:39px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq6 li.on i{background-image:url(../images/iq25-1.png)} .ul-listq6 .txt{position:absolute;left:0;right:0;bottom:-100%;max-height:80.5%;padding:44px 38px 0;overflow:hidden;overflow-y:auto;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s} .ul-listq6 .li1 .txt{max-height:90%} .ul-listq6 li.on .txt{bottom:97px} .ul-listq6 .txt::-webkit-scrollbar{width:5px;background:#333} .ul-listq6 .txt::-webkit-scrollbar-track{background:0 0} .ul-listq6 .txt::-webkit-scrollbar-thumb{background:#00afb4} .ul-listq6 .txt::-webkit-scrollbar-thumb:window-inactive{background:#00afb4} .ul-listq6 .tt{font-size:30px;color:#fff;line-height:1.2em;font-weight:400;margin-bottom:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-listq6 .li4 .tt{font-size:26px} .ul-listq6 .cont{overflow:hidden} .ul-listq6 .tit{font-size:16px;color:#fff;line-height:1.75em;position:relative;padding-left:18px;overflow:hidden} .ul-listq6 .tit:after{content:'';width:4px;height:4px;background-color:#00afb4;border-radius:50%;position:absolute;top:12px;left:0} .ul-listq6 dl{margin:3px -6px 0;overflow:hidden} .ul-listq6 dd{float:left;width:50%;padding:0 6px;margin-bottom:6px;overflow:hidden} .ul-listq6 dd:nth-child(odd){clear:both} .ul-listq6 dd .pic{width:100%;height:73px;line-height:73px;text-align:center;background-color:#fff;margin-bottom:6px;overflow:hidden} .ul-listq6 dd .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%} .ul-listq6 dd span{display:block;font-size:14px;color:#fff;line-height:1.9em;position:relative;padding-left:20px;overflow:hidden} .ul-listq6 dd span:after{content:"";width:4px;height:4px;background-color:#fff;border-radius:50%;position:absolute;top:12px;left:0} .ul-listq6 dd h3{font-size:14px;color:#fff;line-height:1.9em;font-weight:300;overflow:hidden} /*!07365体育app官方版下载-01为何选择净水*/ .m-purification{border-bottom:2px solid rgba(51,51,51,.1);padding:65px 0 132px;overflow:hidden} .m-purification .tit{font-size:20px;color:rgba(51,51,51,.9);line-height:1.5em;font-weight:500;text-align:center;margin-top:5px;overflow:hidden} .m-purification .img{width:100%;height:auto;margin-top:54px;overflow:hidden} .m-purification .img img{display:block;width:100%;height:auto} .m-purification .slider{margin-top:50px} .m-purification .txt{text-align:center;margin-bottom:79px;overflow:hidden} .m-purification .txt h3{font-size:27px;color:#333;line-height:1.5em;margin-bottom:24px;overflow:hidden} .m-purification .txt .desc{font-size:16px;color:rgba(51,51,51,.7);line-height:2em;overflow:hidden} .m-purification .slider .pic{overflow:hidden} .m-purification .slider .pic img{display:block;margin:0 auto} .m-purification .slider .slick-next,.m-purification .slider .slick-prev{position:absolute;top:50%;margin-top:-30px;overflow:hidden;width:60px;height:60px;font-size:0;line-height:0;z-index:2;border:none;background:center center no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;cursor:pointer;padding:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-purification .slider .slick-prev{left:-210px;background-image:url(../images/iq26.png)} .m-purification .slider .slick-next{right:-210px;background-image:url(../images/iq27.png)} .m-purification .slider .slick-disabled{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'} .m-purification .slider .slick-next:hover,.m-purification .slider .slick-prev:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-purification .slider .slick-disabled:hover{opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'} .m-purification .slider .slick-dots{position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:2} .m-purification .slider .slick-dots li{display:inline-block;margin:0 3px} .m-purification .slider .slick-dots li button{display:block;width:4px;height:4px;font-size:0;line-height:0;text-indent:999px;border:none;background-color:rgba(255,255,255,.4);border-radius:2px;padding:0;cursor:pointer} .m-purification .slider .slick-dots li.slick-active button{width:9px;background-color:#fff} .m-purification-m{display:none;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:54px 0 25px} .m-purification-m .g-titq2 h3{color:#fff} .m-purification-m .tit{font-size:14px;color:#fff;margin-top:6px} .m-purification-m .slider{padding-bottom:51px;margin-top:34px} .m-purification-m .txt{margin-bottom:44px} .m-purification-m .txt h3{font-size:18px;color:#fff;margin-bottom:23px} .m-purification-m .txt .desc{font-size:12px;color:rgba(255,255,255,.7);line-height:1.5em;letter-spacing:-.2px} .m-purification-m .slider .pic{width:244px;margin:0 auto} /*!06365体育app官方版下载-03在线咨询*/ .g-boxl1.qm{border-top:2px solid #eaeaea} .m-online{border-bottom:2px solid rgba(51,51,51,.1);padding:96px 0 125px;overflow:hidden} .m-online .box{margin:0 -45px 37px;overflow:hidden} .m-online .item{float:left;width:50%;padding:0 45px;margin-bottom:30px;overflow:hidden} .m-online .tit{font-size:28px;color:#333;line-height:2em;font-weight:500;text-align:center;background-color:#f8f8f8;padding:30px 0 35px;overflow:hidden} .ul-listq7{margin-top:33px;overflow:hidden} .ul-listq7 li{margin-bottom:2px;overflow:hidden} .ul-listq7 li a{display:block;font-size:18px;color:#333;line-height:5.11em;border-bottom:2px solid rgba(51,51,51,.2);background:url(../images/iq28.png) 97.5% 50% no-repeat;position:relative;padding:0 40px 0 25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq7 li a:after{content:"";width:9px;height:9px;background-color:#00afb4;border-radius:50%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-listq7 li:hover a{color:#00afb4} .m-online .more{display:block;width:182px;height:58px;font-size:18px;color:#333;line-height:54px;text-align:center;border:2px solid rgba(51,51,51,.5);border-radius:28px;margin:0 auto;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-online .more:hover{color:#fff;background-color:#00afb4;border-color:#00afb4} .m-online .more i{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/iq29.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:-2px;margin-left:10px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-online .more:hover i{background-image:url(../images/iq29-1.png)} .m-online .item .more{display:none} /*!06365体育app官方版下载-02品牌服务-02配件价格表*/ .ban .txt em{display:block;font-size:16px;color:#fff;line-height:1.5em;overflow:hidden} .ul-listq1.qm li:after{content:"";width:2px;height:16px;background-color:rgba(173,173,173,.3);position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-listq1.qm li:last-child:after{display:none} .m-parts{overflow:hidden} .m-parts .item{border-bottom:2px solid rgba(51,51,51,.1);padding:65px 0 132px;overflow:hidden} .m-parts .table{margin:71px 0 0;overflow:hidden} .m-parts .table table{width:100%} .m-parts .table th{font-size:16px;color:#333;line-height:1.5em;background-color:#f6f6f6;padding:13px 10px 11px 41px;overflow:hidden} .m-parts .table tbody tr:nth-child(even){background-color:#f6f6f6} .m-parts .table td{font-size:16px;color:#333;line-height:1.5em;padding:13px 10px 11px 41px;overflow:hidden} .m-parts .table-m{display:none;height:auto;overflow:hidden} .m-parts .table-m img{display:block;width:100%;height:auto} .m-parts .item .more{display:block;width:182px;height:58px;font-size:18px;color:#333;line-height:54px;text-align:center;border:2px solid rgba(51,51,51,.5);border-radius:28px;margin:117px auto 0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-parts .item .more:hover{color:#fff;background-color:#00afb4;border-color:#00afb4} .m-parts .cont{margin-top:42px;margin-bottom:54px;overflow:hidden} .m-parts .box{margin-bottom:26px;overflow:hidden} .m-parts .box h3{font-size:28px;color:#333;line-height:1.5em;margin-bottom:18px;overflow:hidden} .m-parts .box span{display:block;font-size:16px;color:#333;line-height:2.13em;margin-bottom:5px;overflow:hidden} .m-parts .box .desc{font-size:16px;color:#333;line-height:1.5em;overflow:hidden} .m-parts .box .desc p{position:relative;padding-left:22px;margin-bottom:10px} .m-parts .box .desc p:after{content:"";width:9px;height:9px;background-color:#00afb4;border-radius:50%;position:absolute;top:7px;left:0} .m-parts .down{display:block;width:453px;height:56px;font-size:18px;color:#fff;line-height:56px;text-align:center;background-color:#00afb4;border-radius:28px;margin:0 auto;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-parts .down:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} /*!06365体育app官方版下载-02品牌服务-01关于品牌服务*/ .m-srevice{padding:86px 0 91px;overflow:hidden} .ul-listq8{margin:51px -33px 0;overflow:hidden} .ul-listq8 li{float:left;width:33.33%;padding:0 33px;margin-bottom:23px;overflow:hidden} .ul-listq8 .con{border-top:1px solid rgba(40,45,51,.5);padding-top:16px;overflow:hidden} .ul-listq8 h3{font-size:30px;color:#333;line-height:1.5em;margin-bottom:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-listq8 .desc{height:9em;font-size:16px;color:rgba(51,51,51,.6);line-height:1.5em;overflow:hidden} .ul-listq8 .desc p{position:relative;padding-left:23px} .ul-listq8 .desc p:after{content:'';width:7px;height:7px;background-color:#00afb4;border-radius:50%;position:absolute;top:8px;left:0} .m-install{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:260px 0 266px;overflow:hidden} .ul-listq9{margin:46px -28px 74px;overflow:hidden} .ul-listq9 li{float:left;width:20%;padding:0 28px;margin-bottom:25px;overflow:hidden} .ul-listq9 span{display:block;font-size:18px;color:rgba(255,255,255,.8);line-height:1.5em;position:relative;padding-left:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-listq9 span:after{content:'';width:6px;height:6px;background-color:rgba(255,255,255,.8);border-radius:50%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-install .down{display:block;font-size:16px;color:rgba(255,255,255,.8);line-height:1.5em;text-align:center;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-install .down i{display:block;width:160px;height:50px;background:url(../images/iq30.png) center center no-repeat #00afb4;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;border-radius:25px;margin:0 auto 17px;overflow:hidden} .m-install .down:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} /*!06365体育app官方版下载-02品牌服务*/ .m-brand{border-bottom:2px solid rgba(51,51,51,.1);padding:134px 0 133px;overflow:hidden} .ul-listq10{font-size:0;text-align:center;overflow:hidden} .ul-listq10 li{display:inline-block;vertical-align:middle;width:380px;margin:0 15px} .ul-listq10 .con{display:block;background-color:rgba(232,232,232,.65);padding:77px 0 80px;overflow:hidden} .ul-listq10 .pic{width:100px;height:100px;margin:0 auto 16px;overflow:hidden} .ul-listq10 .pic img{display:block;width:100%;height:100%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq10 .pic .img2,.ul-listq10 li.on .pic .img1,.ul-listq10 li:hover .pic .img1{display:none} .ul-listq10 li.on .pic .img2,.ul-listq10 li:hover .pic .img2{display:block} .ul-listq10 h3{font-size:18px;color:#333;line-height:1.5em;font-weight:400;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} /*!06365体育app官方版下载-01我的滤芯服务-03如何保养答案页*/ .cur{font-size:16px;color:rgba(89,87,87,.4);line-height:1.9em;position:relative;padding-left:19px;margin-top:69px;margin-left:-6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .cur:after{content:'';width:20px;height:20px;background:url(../images/iq31.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:5px;left:-2px} .cur a{display:inline-block;color:#333;margin:0 25px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .cur a:first-child{margin-left:0} .cur a:hover,.cur span{color:#00afb4} .m-textq1{border-bottom:2px solid rgba(51,51,51,.1);padding:70px 0 161px;overflow:hidden} .m-textq1 h1{font-size:40px;color:#333;line-height:1.5em;text-align:center;margin-bottom:12px;overflow:hidden} .m-textq1 .info{font-size:16px;color:rgba(51,51,51,.8);line-height:1.5em;text-align:center;border-bottom:2px solid rgba(51,51,51,.1);padding-bottom:22px;overflow:hidden} .m-textq1 .info span{display:inline-block;vertical-align:middle;margin:-2px 28px 0} .m-textq1 .txt{font-size:16px;color:#333;line-height:1.75em;margin-top:74px;margin-bottom:105px;overflow:hidden} .m-textq1 .more{display:block;width:182px;height:58px;font-size:18px;color:#333;line-height:54px;text-align:center;border:2px solid rgba(51,51,51,.5);border-radius:28px;margin:0 auto;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-textq1 .more:hover{color:#fff;border-color:#00afb4;background-color:#00afb4} /*!06365体育app官方版下载-01我的滤芯服务-03如何保养*/ .m-online.qm{padding:65px 0 135px} .ul-listq7.qm{margin:25px -45px 67px} .ul-listq7.qm li{float:left;width:50%;padding:0 45px} /*!06365体育app官方版下载-01我的滤芯服务-02更换滤芯*/ .m-replace{border-bottom:2px solid rgba(51,51,51,.1);padding:66px 0 138px;overflow:hidden} .m-replace .form{width:850px;margin:60px auto 114px;overflow:hidden} .m-replace .form .item{margin-bottom:53px;overflow:hidden} .m-replace .form .left{display:block;float:left;width:70px;font-size:18px;color:#333;line-height:53px;margin-right:10px;overflow:hidden} .m-replace .form .right{position:relative;overflow:hidden} .m-replace .form .inp{display:block;width:100%;height:53px;border:none;font-size:18px;color:#333;line-height:53px;background-color:#f8f8f8;padding:0 22px;overflow:hidden} .m-replace .form #distpicker{padding-right:374px;overflow:hidden} .m-replace .form #distpicker select{display:block;float:left;width:28.28%;height:53px;font-size:18px;color:#333;line-height:53px;border:none;background:url(../images/iq18.png) 82% 50% no-repeat #f8f8f8;margin-right:5.05%;padding:0 40px 0 22px;overflow:hidden} .m-replace .form .inp2{width:374px;position:absolute;top:0;right:0} .m-replace .form textarea{display:block;width:100%;height:180px;font-size:18px;color:#333;line-height:53px;background-color:#f8f8f8;border:none;resize:none;padding:0 22px;overflow:hidden} .m-replace .form .sub-btn{display:block;width:180px;height:56px;font-size:18px;color:#fff;line-height:56px;text-align:center;background-color:#00afb4;border-radius:28px;border:none;margin:114px auto 0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-replace .form .sub-btn:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-replace .pic{width:100%;height:auto;position:relative;overflow:hidden} .m-replace .pic a{display:block;overflow:hidden} .m-replace .pic img{display:block;width:100%;height:auto;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-replace .pic .img2{display:none} .m-replace .pic a:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .m-replace .txt{position:absolute;top:39.5%;left:0;right:0;padding:0 124px;overflow:hidden} .m-replace .txt h3{font-size:40px;color:#fff;line-height:1.5em;margin-bottom:8px;overflow:hidden} .m-replace .txt h3 i{display:inline-block;vertical-align:bottom;width:20px;height:20px;background:url(../images/iq32.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-left:30px;margin-bottom:5px;overflow:hidden} .m-replace .txt span{display:block;font-size:20px;color:#fff;line-height:1.5em;overflow:hidden} /*!06365体育app官方版下载-01我的滤芯服务*/ .ul-listq10.qm{font-style:normal;margin:0 -11px} .ul-listq10.qm li{display:block;float:left;width:25%;padding:0 11px;margin:0} .ul-listq10.qm li.on h3,.ul-listq10.qm li:hover h3{color:#00afb4} /*!05365体育app官方版下载-05净水常识*/ .ul-listq11{background-color:#f8f8f8;border-top:2px solid rgba(51,51,51,.1);border-bottom:2px solid rgba(51,51,51,.1);overflow:hidden} .ul-listq11 .tit{display:none;border-bottom:1px solid #dedede;background:url(../images/iq2.png) 95% 50% no-repeat #f8f8f8;-webkit-background-size:10px auto;-moz-background-size:10px auto;-ms-background-size:10px auto;-o-background-size:10px auto;background-size:10px auto;padding:0 42px 0 15px;overflow:hidden} .ul-listq11 .tit.on{background-image:url(../images/iq2-1.png)} .ul-listq11 .tit .pic{float:left;width:50px;height:50px;margin-right:10px;overflow:hidden} .ul-listq11 .tit .pic img{display:block;width:100%;height:100%} .ul-listq11 .tit h3{font-size:17px;color:#333;line-height:50px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-listq11 ul{margin:66px -26px 76px;overflow:hidden} .ul-listq11 ul li{float:left;width:14.28%;position:relative;padding:0 26px} .ul-listq11 ul li:after{content:'';width:2px;height:66px;background-color:rgba(51,51,51,.1);position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ul-listq11 ul li:last-child:after{display:none} .ul-listq11 ul .con{display:block;overflow:hidden} .ul-listq11 ul .pic{width:80px;height:80px;margin:0 auto 5px;overflow:hidden} .ul-listq11 ul .pic img{display:block;width:100%;height:100%} .ul-listq11 ul .pic .imgl2{display:none} .ul-listq11 ul li.on .pic .imgl2,.ul-listq11 ul li:hover .pic .imgl2{display:block} .ul-listq11 ul li.on .pic .imgl1,.ul-listq11 ul li:hover .pic .imgl1{display:none} .ul-listq11 ul h3{font-size:16px;color:#333;line-height:1.5em;font-weight:400;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq11 ul li.on h3,.ul-listq11 ul li:hover h3{color:#00afb4} .m-online.qm2{padding:38px 0 68px} .m-guide{border-bottom:2px solid rgba(51,51,51,.1);padding:86px 0 116px;overflow:hidden} .m-imgtxtq1{margin:45px -15px 0} .m-imgtxtq1 .item{margin:0 15px} .m-imgtxtq1 .con{display:block;overflow:hidden} .m-imgtxtq1 .pic{position:relative;height:0;padding-top:78.95%;margin-bottom:25px;overflow:hidden} .m-imgtxtq1 .pic img{display:block;width:100%;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-imgtxtq1 a:hover .pic img{-webkit-transform:translate(-50%,-50%) scale(1.08);-moz-transform:translate(-50%,-50%) scale(1.08);-ms-transform:translate(-50%,-50%) scale(1.08);-o-transform:translate(-50%,-50%) scale(1.08);transform:translate(-50%,-50%) scale(1.08)} .m-imgtxtq1 h3{height:3em;font-size:18px;color:#333;line-height:1.5em;font-weight:400;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-imgtxtq1 a:hover h3{color:#00afb4} .m-imgtxtq1 .slick-next,.m-imgtxtq1 .slick-prev{position:absolute;top:50%;margin-top:-40px;overflow:hidden;width:80px;height:80px;font-size:0;line-height:0;z-index:2;border:none;background:center center no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;cursor:pointer;padding:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-imgtxtq1 .slick-prev{left:-204px;background-image:url(../images/iq23.png)} .m-imgtxtq1 .slick-next{right:-204px;background-image:url(../images/iq24.png)} .m-imgtxtq1 .slick-next:hover,.m-imgtxtq1 .slick-prev:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} /*!05365体育app官方版下载-04查找线下店*/ .m-tit{display:none;background-color:#fff;position:fixed;top:0;left:0;right:0;z-index:25;overflow:hidden} .m-tit h3{font-size:14px;color:#333;line-height:50px;padding-right:50px;overflow:hidden} .m-tit a{display:block;width:50px;height:50px;background:url(../images/iq41.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:0;right:6px} .m-query{border-top:2px solid rgba(51,51,51,.1);border-bottom:2px solid rgba(51,51,51,.1);padding:85px 0 136px;overflow:hidden} .m-query .queryform{overflow:hidden} .m-query .form{position:relative;margin-top:62px;padding-bottom:53px} .m-query .form:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .m-query .form a{display:block;width:185px;font-size:16px;color:#00afb4;line-height:53px;text-align:right;position:absolute;top:0;left:100%;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-query .form a i{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/iq33.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:-2px;margin-left:2px} .m-query .form a:hover{text-decoration:underline} .m-query .form .item{margin-bottom:53px;overflow:hidden} .m-query .form .left{display:block;float:left;width:313px;font-size:18px;color:#333;line-height:53px;margin-right:10px;overflow:hidden} .m-query .form .right{position:relative;overflow:hidden} .m-query .form .inp{display:block;width:100%;height:53px;font-size:18px;color:#333;line-height:53px;border:none;background-color:#f8f8f8;padding:0 75px 0 22px;overflow:hidden} .m-query .form .sub-btn{display:block;width:53px;height:53px;border:none;background:url(../images/iq34.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:0;right:0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-query .form .sub-btn:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-query .form #distpicker{margin-right:-28px;overflow:hidden} .m-query .form #distpicker select{display:block;float:left;width:273px;height:53px;font-size:18px;color:#333;line-height:53px;background:url(../images/iq35.png) 95% 50% no-repeat #f8f8f8;border:none;margin-right:28px;padding:0 42px 0 22px;overflow:hidden} .m-query .map{position:relative;margin-bottom:120px;overflow:hidden} .m-query .map #allmap{height:900px;overflow:hidden} .m-query .map #allmap .anchorBL{display:none} .m-query .map .cont{position:absolute;top:77px;left:97px;bottom:76px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-query .map .cont i{display:block;width:20px;height:20px;background:url(../images/iq42-1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:0 auto 3px;cursor:pointer;overflow:hidden} .m-query .map .box{width:332px;height:100%;background-color:#fff;padding-bottom:81px;overflow:hidden;overflow-y:auto} .m-query .map .page{position:absolute;left:0;right:0;bottom:0;border-top:2px solid rgba(51,51,51,.1);padding:22px 0 39px;overflow:hidden} .m-query .map .page ul{float:left;margin:0 18px;overflow:hidden} .m-query .map .page .rr{float:right;margin:0 5px} .m-query .map .page li{float:left;margin:0 8px} .m-query .map .page li a,.m-query .map .page li span{display:block;font-size:16px;color:#595757;line-height:20px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-query .map .page li.on a,.m-query .map .page li:hover a{color:#00afb4} .m-query .map .page .rr li{margin:0 14px} .m-query .map .page .rr li a{width:20px;height:20px} .m-query .map .page .rr .page-prev a{background-image:url(../images/iq37.png)} .m-query .map .page .rr .page-next a{background-image:url(../images/iq38.png)} .m-query .map .page .rr .page-prev.on a,.m-query .map .page .rr .page-prev:hover a{background-image:url(../images/iq37-1.png)} .m-query .map .page .rr .page-next.on a,.m-query .map .page .rr .page-next:hover a{background-image:url(../images/iq38-1.png)} .ul-listq12,.ul-listq12 li{overflow:hidden} .ul-listq12 .con{display:block;border-bottom:2px solid rgba(51,51,51,.1);padding:21px 34px 22px 28px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq12 li.on,.ul-listq12 li:hover{background-color:#f8f8f8} .ul-listq12 h3{font-size:24px;color:#333;line-height:1.5em;margin-bottom:-1px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq12 li.on h3,.ul-listq12 li:hover h3{color:#00afb4} .ul-listq12 .bot{overflow:hidden} .ul-listq12 .bot span{display:block;float:left;font-size:18px;color:rgba(51,51,51,.6);line-height:1.5em;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq12 li.on .bot span,.ul-listq12 li:hover .bot span{color:#00afb4} .ul-listq12 .bot em{display:block;float:right;font-size:18px;color:#00afb4;line-height:1.5em;overflow:hidden} .m-query .map .not{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:2;overflow:hidden} .m-query .map .not h3{font-size:24px;color:#fff;line-height:1.5em;text-align:center;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding:0 22px;overflow:hidden} .m-query .map .not h3 a{color:#00afb4;text-decoration:underline;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-query .map .not h3 a:hover{text-decoration:none} .m-query .map .look{display:block;position:absolute;left:22px;right:22px;bottom:0;overflow:hidden} .m-query .map .look i{display:block;width:20px;height:20px;background:url(../images/iq42.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:0 auto 3px;overflow:hidden} .m-query .map .look span{display:block;font-size:14px;color:#333;line-height:42px;text-align:center;background-color:#fff;overflow:hidden} .m-query .link{overflow:hidden} .ul-listq13{margin:47px -26px 55px;overflow:hidden} .ul-listq13 li{float:left;width:50%;padding:0 26px;overflow:hidden} .ul-listq13 .con{height:121px;font-size:0;line-height:121px;text-align:center;background-color:#f8f8f8;overflow:hidden} .ul-listq13 .pic{display:inline-block;vertical-align:middle;width:67px;height:67px;background-color:rgba(51,51,51,.56);border-radius:50%;margin-right:36px;overflow:hidden} .ul-listq13 .pic img{display:block;width:100%;height:100%} .ul-listq13 .txt{display:inline-block;vertical-align:middle;text-align:left;overflow:hidden} .ul-listq13 h3{font-size:24px;color:#333;line-height:1.5em;margin-bottom:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-listq13 span{display:block;font-size:18px;color:rgba(51,51,51,.6);line-height:1.5em;font-weight:500;overflow:hidden} .m-query .share{font-size:0;text-align:center;overflow:hidden} .m-query .share span{display:inline-block;vertical-align:middle;font-size:24px;color:#333;line-height:32px;margin:0 40px;overflow:hidden} .m-query .share .bdsharebuttonbox{display:inline-block;vertical-align:middle} .m-query .share .bdsharebuttonbox a{display:block;width:32px;height:32px;background-color:rgba(51,51,51,.6);background-repeat:no-repeat;background-position:center center;border-radius:50%;margin:0 9px;padding:0;overflow:hidden} .m-query .share .bdsharebuttonbox .bds_weixin{background-image:url(../images/icon-wechat.svg)} .m-query .share .bdsharebuttonbox .zhi{background-image:url(../images/icon-zhihu.svg)} .m-query .share .bdsharebuttonbox .bds_tsina{background-image:url(../images/icon-weibo.svg)} .m-query .share .bdsharebuttonbox .douyin{background-image:url(../images/icon-douyin.svg)} .m-query .share .bdsharebuttonbox .xiaohongshu{background-image:url(../images/icon-xiaohongshu.svg)} /*!05365体育app官方版下载-03水质监测预约*/ .m-replace.qm .form{margin-bottom:0} .m-replace.qm{padding-bottom:113px} .m-replace.qm2{padding-top:84px} .m-replace .tit{font-size:18px;color:#333;line-height:1.5em;font-weight:500;text-align:center;margin-top:12px;overflow:hidden} .m-replace .mabox{margin-top:89px;overflow:hidden} .m-replace .ma{width:208px;height:auto;margin:0 auto 22px;overflow:hidden} .m-replace .ma img{display:block;width:100%;height:auto} .m-replace .mabox span{display:block;font-size:14px;color:rgba(51,51,51,.6);line-height:1.5em;text-align:center;overflow:hidden} /*!05365体育app官方版下载-02水质查询结果*/ .m-water{border-top:2px solid rgba(51,51,51,.1);border-bottom:2px solid rgba(51,51,51,.1);padding:64px 0 149px;overflow:hidden} .m-water .table{margin-top:61px;overflow:hidden} .m-water table{width:100%} .m-water th{font-size:18px;color:#333;line-height:69px;font-weight:400;border:1px solid rgba(51,51,51,.2);background-color:rgba(232,232,232,.65);padding:0 20px;overflow:hidden} .m-water td{font-size:18px;color:#333;line-height:69px;font-weight:400;border:1px solid rgba(51,51,51,.2);padding:0 20px;overflow:hidden} .m-water .txt{margin-top:61px;overflow:hidden} .m-water .txt h3{font-size:20px;color:#333;line-height:1.5em;font-weight:400;margin-bottom:24px;overflow:hidden} .m-water .txt h3 a{color:#00afb4;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-water .txt h3 a:hover{text-decoration:underline} .m-water .txt .desc{font-size:16px;color:rgba(51,51,51,.6);line-height:1.5em;overflow:hidden} .m-optimization{border-bottom:2px solid rgba(51,51,51,.1);padding:89px 0 56px;overflow:hidden} .m-optimization .tit{font-size:20px;color:#333;line-height:1.5em;text-align:center;margin-top:55px;overflow:hidden} .m-optimization .ul-imgtxtq2{margin-top:67px} .m-customized{border-bottom:2px solid rgba(51,51,51,.1);padding:89px 0 137px;overflow:hidden} .m-customized .form{width:698px;margin:61px auto 0;overflow:hidden} .m-customized .form .item{position:relative;padding-right:199px;overflow:hidden} .m-customized .form .inp{display:block;width:100%;height:53px;font-size:18px;color:#333;line-height:53px;background-color:#f8f8f8;border:none;padding:0 21px;overflow:hidden} .m-customized .form .sub-btn{display:block;width:155px;height:53px;font-size:18px;color:#fffefe;line-height:53px;text-align:center;background-color:#00afb4;border:none;position:absolute;top:0;right:0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-customized .form .sub-btn:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} /*!05365体育app官方版下载-02水质查询*/ .m-inquiry{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:20px;padding:86px 0 91px;overflow:hidden} .m-inquiry .tit{font-size:18px;color:rgba(51,51,51,.9);line-height:1.5em;text-align:center;margin-top:12px;overflow:hidden} .m-inquiry .pic{width:274px;height:auto;position:relative;margin:42px auto 0;overflow:hidden} .m-inquiry .pic img{display:block;width:100%;height:auto} .m-inquiry .pic h3{font-size:28px;color:#fff;line-height:1.5em;text-align:center;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden} .m-inquiry .pic h3 em{font-size:48px;font-weight:700;margin-right:10px} .m-inquiry .form{width:580px;margin:62px auto 0;overflow:hidden} .m-inquiry .form .item{margin-bottom:25px;overflow:hidden} .m-inquiry .form #distpicker{margin:0 -15px;overflow:hidden} .m-inquiry .form select{float:left;display:block;width:275px;height:53px;font-size:18px;color:#333;line-height:53px;border:none;background:url(../images/iq43.png) 93% 50% no-repeat #e8e8e8;margin:0 15px;padding:0 42px 0 22px;overflow:hidden} .m-inquiry .form .inp{display:block;width:100%;height:53px;font-size:18px;color:#333;line-height:53px;border:none;background:url(../images/iq43.png) 96.7% 50% no-repeat #e8e8e8;padding:0 42px 0 22px;overflow:hidden} .m-inquiry .form .sub-btn{display:block;width:180px;height:55px;font-size:18px;color:#fff;line-height:55px;text-align:center;border:none;background:linear-gradient(0deg,#00afb4 0,#00d8db 96%);border-radius:28px;margin:62px auto 0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-inquiry .form .sub-btn:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} /*!05365体育app官方版下载-01购买建议结果*/ .m-advice{border-bottom:2px solid rgba(51,51,51,.1);padding:89px 0 112px;overflow:hidden} .ul-listq14{margin-top:51px;overflow:hidden} .ul-listq14 li{margin-bottom:20px;overflow:hidden} .ul-listq14 .con{display:block;overflow:hidden} .ul-listq14 .pic{float:left;width:310px;height:234px;font-size:0;line-height:234px;text-align:center;background-color:#f0f0f0;margin-right:82px;overflow:hidden} .ul-listq14 .pic img{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq14 a:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .ul-listq14 .txt{padding-top:12px;overflow:hidden} .ul-listq14 h3{font-size:28px;color:#333;line-height:1.5em;font-weight:400;margin-bottom:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq14 a:hover h3{color:#00afb4} .ul-listq14 .desc{height:6em;font-size:18px;color:rgba(51,51,51,.7);line-height:1.5em;overflow:hidden} .ul-listq14 span{display:block;font-size:20px;color:#00afb4;line-height:1.5em;margin-top:7px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-listq14 a:hover span{text-decoration:underline} .ul-listq14 span i{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/iq45.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:-2px;margin-left:17px} .m-replace.qm3{padding-top:97px} .m-replace .txt.black h3{color:#333} .m-replace .txt.black h3 i{background-image:url(../images/iq44.png)} .m-replace .txt.black span{color:rgba(51,51,51,.7)} /*!05365体育app官方版下载-01购买建议*/ .m-advice .form{padding:49px 0 21px;overflow:hidden} .m-advice .form .item{margin-bottom:22px;overflow:hidden} .m-advice .form .tit{font-size:18px;color:#333;line-height:1.5em;background-color:#f8f8f8;position:relative;padding:12px 10px 14px 84px;overflow:hidden} .m-advice .form .tit em{display:block;font-size:20px;color:#00afb4;line-height:1.5em;font-weight:700;position:absolute;top:11px;left:41px;overflow:hidden} .m-advice .form .bot{padding:0 10px 0 84px;overflow:hidden} .m-advice .form .bot #distpicker{margin-top:-3px;margin-bottom:18px;overflow:hidden} .m-advice .form select{float:left;width:237px;font-size:18px;color:#333;line-height:56px;border:none;border-bottom:1px solid rgba(51,51,51,.7);background:url(../images/iq46.png) 98% 50% no-repeat;margin-right:115px;overflow:hidden} .m-advice .form label{display:block;float:left;width:147px;font-size:18px;color:#333;line-height:52px;background:url(../images/iq47.png) left center no-repeat;position:relative;margin-right:40px;padding-left:23px;cursor:pointer;overflow:hidden} .m-advice .form label input{position:absolute;left:-99999px} .m-advice .form label.checked{background-image:url(../images/iq47-1.png)} .m-advice .form .sub-btn{display:block;width:180px;height:56px;font-size:18px;color:#fff;line-height:56px;text-align:center;background-color:#00afb4;border:none;border-radius:28px;margin:82px auto 0;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-advice .form .sub-btn:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} /*!03家用净水-04饮水机*/ /*!02关于365体育app官方版下载-08加入我们*/ .ul-imgtxtq3{border-top:2px solid rgba(51,51,51,.1);border-bottom:2px solid rgba(51,51,51,.1);padding:69px 0 86px;overflow:hidden} .ul-imgtxtq3 ul{overflow:hidden} .ul-imgtxtq3 li{margin-bottom:50px;overflow:hidden} .ul-imgtxtq3 .con{position:relative;overflow:hidden} .ul-imgtxtq3 .pic{width:100%;height:auto;overflow:hidden} .ul-imgtxtq3 .pic img{display:block;width:100%;height:auto;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-imgtxtq3 .con:hover .pic img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08)} .ul-imgtxtq3 .pic .img2{display:none} .ul-imgtxtq3 .txt{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center;padding:0 22px;overflow:hidden} .ul-imgtxtq3 .txt h3{font-size:40px;color:#fff;line-height:1.5em;margin-bottom:4px;overflow:hidden} .ul-imgtxtq3 .txt span{display:block;font-size:20px;color:#fff;line-height:1.5em;overflow:hidden} /*!02关于365体育app官方版下载-07企业动态*/ .m-tabulationl.qm{background-color:#fff;border-top:none;padding-bottom:2px} .ul-imgtxtq4{border-bottom:2px solid rgba(51,51,51,.1);padding:100px 0 131px;overflow:hidden} .ul-imgtxtq4 ul{margin-bottom:19px;overflow:hidden} .ul-imgtxtq4 li{margin-bottom:80px;overflow:hidden} .ul-imgtxtq4 .con{display:block;overflow:hidden} .ul-imgtxtq4 .pic{float:left;width:266px;height:auto;margin-right:82px;overflow:hidden} .ul-imgtxtq4 .pic img{display:block;width:100%;height:auto;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-imgtxtq4 a:hover .pic img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)} .ul-imgtxtq4 .txt{padding-top:5px;overflow:hidden} .ul-imgtxtq4 h3{max-height:3em;font-size:30px;color:#333;line-height:1.5em;font-weight:400;margin-bottom:16px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-imgtxtq4 a:hover h3{color:#00afb4} .ul-imgtxtq4 span{display:block;font-size:16px;color:rgba(51,51,51,.8);line-height:1.5em;margin-bottom:15px;overflow:hidden} .ul-imgtxtq4 .desc{height:3em;font-size:16px;color:rgba(51,51,51,.6);line-height:1.5em;overflow:hidden} .ul-imgtxtq4 .more{display:block;width:182px;height:58px;font-size:18px;color:#333;line-height:54px;text-align:center;border:2px solid rgba(51,51,51,.5);border-radius:28px;margin:0 auto;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ul-imgtxtq4 .more:hover{color:#fff;border-color:#00afb4;background-color:#00afb4} .m-pop{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; cursor: auto; display: none; z-index: 40; } .m-pop .pop-bg{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; background: rgba(0,0,0,.7); } .m-pop .inner { overflow: hidden; } .m-win{ position: absolute; left: 50%; top: 50%; width: 1200px; max-height: 80%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background-color: #fff; overflow: hidden; text-align: center; } .m-win video{ display: block; width: 100%; height: 100%; } .m-pop .close{ position: absolute; width: 42px; height: 42px; right: 0; top: 0; z-index: 10; background: #00afb4 url(../images/close.png) no-repeat center; } .m-pop.open{ display: block; } @media only screen and (max-width:1920px){ .banner,.banner .item{height:51.0416667vw} .banner .item .txt .tit,.m-details .title,.ul-listl2 .con .tit{font-size:2.08333vw} .ban{height:31.25vw} .g-titl2{font-size:1.875vw} .slider-forl .con .num{font-size:6.25vw} .slider-forl .con .pic{width:51.75%} .m-slickl4 .num,.ul-listl6 .con .stit{font-size:1.875vw} .ban .txt .tit{font-size:2.08333vw} /* .ul-imgl1{width:67.5%} */ .banl1 .con{height:31.25vw} .banl1 .con .txt .tit,.g-titl3,.m-missionl .txt .tit,.m-reviewl .tit,.m-sensel .tit,.ul-listl5 .txt .num span{font-size:2.08333vw} .ban.l2{height:35.41667vw} .banq1 .txt h3,.g-titq1 h3{font-size:2.8125vw} .ul-imgtxtq1 h3{font-size:1.875vw} .g-titq2 h3,.m-digger .join dd span em{font-size:2.08333vw} .m-install{padding:13.541667vw 0 13.8541667vw} .m-replace .txt h3,.m-textq1 h1{font-size:2.08333vw} .m-inquiry .pic h3 em,.m-sliderq2 .right h3{font-size:2.5vw} .ul-imgtxtq3 .txt h3{font-size:2.08333vw} } @media only screen and (max-width:1750px){ .m-slickl2 .slick-prev{left:-50px} .m-slickl2 .slick-next{right:-50px} .m-leftl{width:160px;left:30px} .m-kitchenl .kitchenl{margin-left:0} .m-sliderq2 .slick-prev{left:-50px} .m-sliderq2 .slick-next{right:-50px} .m-policy .slider .slick-prev{left:-80px} .m-policy .slider .slick-next{right:-80px} .m-purification .slider .slick-prev{left:-60px} .m-purification .slider .slick-next{right:-60px} .m-imgtxtq1 .slick-prev{left:-80px} .m-imgtxtq1 .slick-next{right:-80px} } @media only screen and (max-width:1600px){ .m-kitchenl .kitchenl{margin-left:50px} .ul-listl5 li{padding:0 50px} .ul-listl5 .txt .num{font-size:20px} .m-query .form a{width:132px} .m-query .form a i{margin-left:0;width:15px;height:15px} } @media only screen and (max-width:1440px){ .g-boxl1 .wp{max-width:1000px} .ul-leftl{left:20px} .ul-leftl .con{padding-left:20px;font-size:14px} .ul-leftl .con:after{width:2px;height:16px;margin-top:-8px} .ul-leftl li{margin-bottom:10px} .ul-listl4 .con .btn{font-size:16px} .g-boxl1 .ul-listl3 .con{padding:0 60px} .g-boxl1 .ul-listl3{margin:0 -60px} .slider-forl .con,.slider-forl .con1{padding:60px 0} .slider-forl .con1 .tit{margin-bottom:20px} .m-details.l1 .item .txt{font-size:16px} .m-details.l2 .stit{font-size:24px} .m-slickl2 .slick-prev{left:0} .m-slickl2 .slick-next{right:0} .m-slickl3 .item{padding:0 19px} .m-slickl3 .slick-list,.m-slickl3-num .slick-list{padding:0 100px} .m-kitchenl .kitchenl{margin-left:100px} .m-proficientl{padding:47px 0 49px} .ul-listl5 .txt .num{font-size:18px} .ul-tabulationl{padding:60px 0} .wp{width:auto;max-width:1180px} .banq1 .txt h3,.g-titq1 h3{font-size:40px} .banq1 .txt span,.ul-imgtxtq1 span{font-size:18px} .m-sliderq2 .slick-prev{left:0} .m-sliderq2 .slick-next{right:0} .m-sliderq2 .right h3{font-size:36px} .ul-imgtxtq1 h3{font-size:27px} .g-more{font-size:16px} .ul-listq1 li{padding:0 20px} .g-titq2 h3{font-size:30px} .m-digger .tit{font-size:24px} .m-franchise .tit,.ul-listq2 h3{font-size:22px} .m-digger .join .desc{font-size:18px} .m-digger .join dd span{font-size:20px} .m-digger .join dd span em{font-size:30px;margin-top:-6px} .m-policy .slider h3{font-size:18px} .m-policy .slider h3 em{font-size:24px} .m-policy .slider .slick-next,.m-policy .slider .slick-prev{width:60px;height:60px;margin-top:-30px} .m-policy .slider .slick-prev{left:0} .m-policy .slider .slick-next{right:0} .m-purification .slider .slick-prev{left:0} .m-purification .slider .slick-next{right:0} .m-online .tit{font-size:22px} .m-online .more,.ul-listq7 li a{font-size:16px} .g-boxl1.qm .wp{max-width:1180px} .m-parts .box h3{font-size:24px} .ul-listq8{margin:51px -18px 0} .ul-listq8 li{padding:0 18px} .ul-listq8 h3{font-size:24px} .ul-listq9{margin:46px -10px 74px} .ul-listq9 li{padding:0 10px} .m-textq1 h1{font-size:30px} .ul-listq7.qm{margin:25px -15px 67px} .ul-listq7.qm li{padding:0 15px} .m-replace .txt h3{font-size:30px} .m-imgtxtq1 .slick-prev{left:0} .m-imgtxtq1 .slick-next{right:0} .ul-listq11 ul{margin:66px -10px 76px} .ul-listq11 ul li{padding:0 10px} .m-imgtxtq1{margin:45px -10px 0} .m-imgtxtq1 .item{margin:0 10px} .m-query .form .left{width:295px} .m-query .form a{display:none} .m-query .map .not h3,.m-query .share span,.ul-listq12 h3,.ul-listq13 h3{font-size:20px} .m-inquiry .pic h3{font-size:24px} .m-inquiry .pic h3 em{font-size:36px} .ul-listq14 h3{font-size:22px} .ul-imgtxtq3 .txt h3{font-size:30px} .ul-imgtxtq3 .txt span{font-size:16px} .m-win{width: 80%;} } @media only screen and (max-width:1199px){ .g-boxl1 .wp,.wp{width:auto;max-width:none;padding:0 22px} body{padding:70px 0 44px} .menuBtn{display:block} .header{position:fixed;top:0;left:0;width:100%;z-index:20;padding:0 10px;text-align:center;height:70px} .header .abtn-m{display:block;margin-top:18px;right:10px} .header .hd-r{position:fixed;top:70px;left:0;width:100%;bottom:0;padding-bottom:26px;background-color:#fff;display:none} .header .logo{height:70px;line-height:70px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} .nav{float:none;padding:0;position:static} .nav li{float:none;display:block;text-align:left;overflow:hidden;padding:0} .nav .v1{height:50px;line-height:50px;font-size:17px;position:relative;padding:0 22px;overflow:hidden} .nav li .v1:before{content:"";position:absolute;left:22px;right:22px;bottom:0;border-bottom:1px solid #d0d0d0} .nav .down .s1:after,.nav .pattern2 .top .s1:after,.nav li .v1:after{content:"";width:18px;height:100%;position:absolute;bottom:0;right:22px;left:auto;top:0;background:url(../images/iconl4.png) center center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;display:block} .nav .down{position:relative;left:auto;top:auto} .nav .down:after{content:"";position:absolute;bottom:0;left:22px;right:22px;border-bottom:1px solid #d0d0d0} .nav .pattern1 dd .pic{display:none} .nav .down .s1{position:relative;-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);padding:0 22px 0 55px;font-size:17px;color:#333;height:50px;line-height:50px;left:auto} .nav .down dd{width:auto;float:none;background-color:#fff} .nav .down dd.ok{background-color:#e9e9e9} .nav li.on .v1{background-color:#f4f4f4} .nav .down dd.ok .s1:after,.nav li.on .v1:after{background-image:url(../images/iconl4-1.png)} .nav .down .top{background-color:transparent;height:auto;overflow:hidden;margin-bottom:0} .nav .down .top dd{display:block;margin:0} .nav .pattern2 .top .s1:after{border-radius:0;border:none} .nav .pattern2 .top dd .s1:hover:after,.nav .pattern2 .top dd.ok .s1:after{background-color:transparent} .nav .pattern2 .top .s1{height:50px;line-height:50px;text-align:left;padding:0 22px 0 55px} .nav .pattern2 .fully{display:none} .three-m a{height:47px;line-height:47px;text-align:left;padding-left:67px} .m-so .abtn{display:none} .hd-r .rr{float:none;padding:100px 22px 0;overflow:hidden} .m-so{margin:0;padding-right:0} .hd-r .language a{display:none} .hd-r .language dl{position:static;display:block;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;overflow:hidden;width:auto;margin:0} .hd-r .language dl dd{float:left} .hd-r .language dd a{height:34px;line-height:34px;padding:0 15px;position:relative} .hd-r .language dd a:after{content:"";position:absolute;right:0;height:13px;width:2px;background-color:#999;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .hd-r .language dd:last-child a:after{display:none} .m-search{display:none!important} .header .hd-r{overflow-y:auto;overflow-x:hidden} .ul-choosel,.ul-concerning{margin:0 -6px} .ul-choosel li,.ul-concerning li{float:left;padding:0 6px} .ul-concerning{margin:0 -6px} .ul-concerning .con{position:relative} .ul-concerning .txt{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:17px;color:#fff} .nav .pattern1{padding:16px 0 0} .ul-concerning .pic{margin-bottom:0} .ul-choosel .con{padding:31px 5px} .ul-choosel{margin-bottom:40px} .nav .pattern4{padding:16px 0 40px} .ul-commerciall{display:none} .nav .pattern3{padding:47px 0} .footer .wp{padding:0} .foot{padding:16px 0 0} .foot .item{float:none;width:auto} .foot .item dd a{line-height:47px} .foot .item .tit{font-size:14px;height:48px;line-height:47px;border-bottom:1px solid #4c4c4c;position:relative;margin:0 22px} .foot .item .tit:after{content:"";position:absolute;top:50%;right:0;width:10px;height:10px;background:url(../images/iconl10.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .foot .item dl{display:none;padding:20px 0;background-color:#353535} .foot .item dd{height:47px;line-height:47px;margin:0;padding-left:58px} .footer .contact{padding:0 22px} .footer .contact .ll,.footer .contact .rr{float:none} .footer .contact .ll{font-size:17px;line-height:1.2em} .foot .top{margin-bottom:24px} .footer .contact .tel i{width:17px;height:17px;margin-right:14px} .footer .contact .tel{font-size:22px;line-height:1.5em;margin-right:0} .footer .contact .bdsharebuttonbox{float:right} .footer .contact .bdsharebuttonbox a{width:20px;height:20px;margin-left:21px} .footer .copy{border-top:none;padding:12px 22px 39px} .footer .copy .ll{display:none} .footer .copy .rr{float:none;font-size:11px;line-height:1.5em} .footer .copy .rr span{display:block;line-height:2.14em;padding-left:0} .g-right{top:auto;left:0;bottom:0;width:100%;display:block} .ul-right{background-color:#272727;border-bottom:none} .ul-right li{width:33.33%;float:left} .ul-right .con{border:none;width:100%} .ul-right .con:before{display:block} .ul-right li:last-child .con:before{display:none} .ul-right .con .pic .img2{display:inline-block} .ul-right .con .pic .img1{display:none} .banner .item .desc{font-size:20px} .banner .item .txt .stit,.ul-listl2 .con .stit{font-size:16px} .banner .item .btn,.ul-listl2 .con .btn{font-size:18px} .ul-listl2 .con .desc{font-size:20px} .ul-listl2 li.l1 .con .txt{top:40px} .ul-listl2 .con .txt{top:30px} .ul-listl3 .con .txt .tit{font-size:17px} .ul-listl3 .con .txt .btn{font-size:14px} .ul-listl3 .con{padding:0 60px} .ul-listl3{margin:0 -60px} .row-a2,.row-a2.ls{padding:60px 0} .ul-leftl,.ul-leftl.fixed{position:static} .ul-leftl ul{display:none;background-color:#f8f8f8} .ul-leftl .con:after,.ul-leftl .con:hover:after,.ul-leftl li.on .con:after{display:none} .ul-leftl .con{font-size:18px;font-weight:700;color:rgba(51,51,51,.9);padding:24px 22px;border-bottom:2px solid #dedede} .ul-leftl .tit{display:block} .g-titl2{font-size:28px} .m-servicel{padding:60px 0 43px} .ul-listl4 .con .tit{font-size:24px;margin-bottom:7px} .ul-listl4{margin:31px -10px 0} .ul-listl4 li{padding:0 10px} .ul-listl4 .con .desc{margin-bottom:17px} .slider-forl .con1 .tit{width:200px} .slider-forl .con1 .pic{width:300px} .slider-forl .con,.slider-forl .con1{padding:30px 0} .m-details.l1 .item .txt{font-size:14px;line-height:1.79em} .m-details.l1 .item .title{margin-bottom:16px} .m-details.l1 .item{margin-bottom:59px} .ul-listl6 .con .stit{font-size:24px;margin-bottom:2px} .ul-listl6 .con .info{font-size:14px} .m-details.l1 .item:last-child{margin-bottom:0} .ul-listl6{margin:12px 0 0} .m-details.l2 .stit{font-size:16px;font-weight:400;margin-bottom:26px} .m-details .text{font-size:14px;line-height:1.8em} .m-honor .tit{font-size:30px;margin-bottom:23px} .m-slickl2 .item{padding:0 7px} .m-slickl2{margin:0 -7px} .m-details.l2 .item{margin-bottom:32px} .m-details.l2 .title{margin-bottom:0} .m-details.l2{padding-bottom:43px} .m-honor{padding:62px 0 39px} .m-honor.l1{padding:38px 0 45px} .ban .txt{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .ban .txt .tit{font-size:28px} .ban .txt .desc{font-size:14px;margin-bottom:28px} .ban .txt .btn{width:120px;height:36px;line-height:34px;border-width:1px;font-size:13px} .m-details.l3 .stit{font-size:18px;margin-bottom:13px} .m-details.l3 .text{margin-bottom:25px} .m-details.l3{padding-bottom:36px} .m-reviewl .tit{font-size:30px;margin-bottom:30px} .m-slickl3 .con .txt .date{font-size:11px;margin-bottom:11px} .m-slickl3 .con .txt .stit{font-size:14px} .m-slickl3-num .item.slick-current .con .num{font-size:18px} .m-slickl3-num .con .num{font-size:12px;line-height:27px;padding-bottom:18px} .m-slickl3 .con .box{margin-bottom:31px} .m-reviewl{padding:57px 0 60px} .m-slickl3 .con .txt{padding:14px 18px 44px} .m-servicel.l1{padding:57px 0 29px} .banl1 .con .txt .tit{font-size:28px;margin-bottom:-2px} .banl1 .con .txt .desc{font-size:14px} .banl1 .con .txt{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center} .ul-txtl2{display:none} .m-titl1{display:block} .m-information.ls{display:none} .m-leftl{top:0;left:auto;right:22px;width:auto} .m-leftl .top{padding-bottom:0;border-bottom:none} .m-leftl .top .btn{font-size:13px;padding-right:11px;margin-right:11px;line-height:57px} .m-kitchenl .kitchenl{padding-left:0;border-left:none;margin:0} .ul-txtl3{display:none} .m-kitchenl{padding:0 0 25px} .m-kitchenl .tit{font-size:22px;text-align:left;height:58px;line-height:57px;border-bottom:1px solid #dedede;margin-bottom:12px} .m-kitchenl .stit{font-size:18px} .m-kitchenl .ul-imgtxtq2{margin-top:13px} .ul-listl5 .txt .num span{font-size:26px} .m-proficientl .top .pic{width:163px} .ul-listl5 .pic{width:57px;height:52px;margin-bottom:9px} .ul-listl5 .con{padding:16px 0} .ul-listl5{margin-top:33px} .g-titl3{font-size:28px} .m-slickl4 .num{font-size:23px;margin-bottom:14px} .m-slickl4 .item{margin-top:17px;padding:0 40px 0 25px} .m-slickl4 .txt{font-size:12px;line-height:1.5em;height:6em} .m-slickl4 .txt p:after{top:7px} .m-slickl4 .txt p{padding-left:12px} .m-slickl4{padding:48px 10px} .m-burgeonl{padding:60px 0 49px} .m-slickl4 .item:after{width:11px;top:10px} .m-servicel.l2{padding:60px 0 44px} .ul-listl5 li{padding:0 30px} .m-missionl{margin-top:0} .m-missionl .txt .desc{font-size:14px} .m-sensel{padding:66px 0 0} .ul-listl7{margin-top:32px} .ul-listl7 .txt{font-size:22px} .m-servicel.l3{padding-bottom:59px} .m-missionl .txt .tit,.m-sensel .tit{font-size:26px} .m-missionl .txt .tit{margin-bottom:8px} .m-details.l3 .title{font-size:30px} .ul-listq1.ul-m{display:block} .m-slickl5 .item{padding:0 6px} .m-tabulationl{padding:0} .m-tabulationl .tit{display:block} .m-tabulationl .wp{padding:0} .m-tabulationl .con{padding:7px 22px;display:block} .m-tabulationl .pic{width:35px;height:35px;line-height:35px;float:left;margin-right:16px;margin-bottom:0} .m-tabulationl .txt{font-size:17px;line-height:35px;color:#333} .ul-tabulationl{padding:0;border-top:1px solid #dadada;display:none} .ul-tabulationl li{width:auto;float:none;border-bottom:1px solid #dadada} .ul-tabulationl li:last-child{border-bottom:none} .ul-tabulationl .con:after{display:none} .ul-tabulationl .txt{text-align:left} .m-textq1.ls h3{font-size:16px} .m-textq1.ls{padding-bottom:22px} .m-brandl{padding:64px 0} .m-slickl5 .con .date{font-size:14px} .m-slickl5 .con .tit{font-size:16px} .m-slickl5 .con .desc{font-size:12px} .ul-tabulationl li.m{display:none} .m-slickl5 .item.slick-current .con{opacity:1} .m-slickl5 .item.slick-current .con .pic{height:173px} .m-slickl5 .item.slick-current .con .desc{height:3em} .banq1 .txt h3,.g-titq1 h3{font-size:28px} .banq1 .txt span,.ul-txtq1 h3,.ul-txtq1 span{font-size:14px} .ul-txtq1 .con{padding:6px 10px 6px 22px} .ul-imgtxtq2 h3{font-size:14px} .ul-imgtxtq2 span{font-size:11px} .m-information{padding:10px 0} .m-video{margin-top:36px} .m-sliderq2{padding:112px 0 47px} .m-sliderq2 .left{float:none;width:auto;margin-right:0} .m-sliderq2 .slider-for{margin-bottom:45px} .m-sliderq2 .right{padding-top:74px} .m-sliderq2 .right h3{font-size:28px} .m-sliderq2 .right .desc{font-size:16px} .ul-imgtxtq1.qm{margin-top:37px} .ul-imgtxtq1 .txt{padding:0 30px} .ul-imgtxtq1 h3{font-size:24px;margin-bottom:20px} .ul-imgtxtq1 .desc{font-size:16px} .m-parameters{padding:42px 0 30px} .ul-txtq1{margin-top:28px} .m-related{padding:12px 0 53px} .ul-imgtxtq2{margin:29px -10px 10px} .ul-imgtxtq2 li{padding:0 10px;margin-bottom:34px} .ul-imgtxtq2 .pic{margin-bottom:15px} .g-titq2 h3{font-size:28px} .m-digger .tit{font-size:18px;margin-top:16px} .ul-listq2 .pic{margin-right:30px} .ul-listq2{margin-top:24px} .ul-listq2 h3{font-size:19px} .m-digger{padding:65px 0 26px;border-width:1px} .ul-listq3{margin:71px -7px 9px} .ul-listq3 li{padding:0 7px} .m-franchise{padding:63px 0 33px} .m-franchise .box{margin-top:17px} .m-franchise .item{margin-bottom:18px} .m-franchise .tit{font-size:18px} .ul-listq4{overflow-x:auto;white-space:nowrap;margin-top:20px} .ul-listq4 li{width:190px} .ul-listq4 .pic{width:70px;height:70px;margin-bottom:5px} .ul-listq4 h3{font-size:14px} .ul-listq4 li:after{width:1px} .m-process{padding:64px 0 50px} .ul-listq5{margin:25px -40px 0} .ul-listq5 li{padding:0 40px} .ul-listq5 .pic{margin-bottom:20px} .ul-listq5 h3{font-size:14px} .m-apply{padding:65px 0 49px} .m-formq1{margin-top:36px} .m-formq1 .bot{margin-top:54px} .m-formq1 .bot .top{margin-bottom:28px} .m-digger .join .desc{font-size:16px} .m-digger .join dd{padding:0 40px} .m-digger .join dd span{font-size:19px} .m-policy{padding:62px 0 39px} .m-policy .slider{margin:29px -22px 0} .m-policy .item{margin:0 7px} .m-policy .slider h3{font-size:15px} .m-policy .slider h3 em{margin-right:5px} .m-angel{padding:63px 0 30px} .ul-listq6{margin:30px -10px 0} .ul-listq6 li{padding:0 10px;margin-bottom:20px} .ul-listq6 .title{padding:0 38px 0 28px;font-size:22px;bottom:23px} .ul-listq6 i{bottom:24px;right:24px} .ul-listq6 .txt{padding:20px 28px 0} .ul-listq6 .tt{font-size:24px;margin-bottom:10px} .ul-listq6 .tit{font-size:14px;padding-left:10px} .ul-listq6 li.on .txt{bottom:74px} .ul-listq6 .tit br{display:none} .ul-listq6 .tit:after{top:10px} .ul-listq6 dd .pic{height:60px;line-height:60px} .ul-listq6 dd span{padding-left:10px;font-size:12px} .ul-listq6 dd span:after{top:9px} .ul-listq6 dd h3{font-size:12px} .m-purification .tit{font-size:16px} .m-purification .txt h3{font-size:22px} .m-purification .txt .desc{font-size:14px} .m-purification{padding:54px 0 40px} .m-online{padding:47px 0 60px} .m-online .tit{font-size:18px;padding:18px 0} .m-online .more,.ul-listq7 li a{font-size:14px} .m-online .box{margin:0 -10px} .m-online .item{padding:0 10px} .m-parts .item{padding:38px 0 71px} .m-parts .table{margin:30px -22px 0} .m-parts .item .more{margin-top:72px} .m-parts .cont{margin:22px 0 39px} .m-parts .box{margin-bottom:29px} .m-srevice{padding:62px 0 34px} .ul-listq8{margin-top:39px} .ul-listq8 .con{padding-top:10px} .ul-listq8 h3{font-size:18px;margin-bottom:15px} .ul-listq8 .desc{font-size:14px} .m-install{padding:82px 0 90px} .ul-listq9{margin:35px -10px 39px} .ul-listq9 li{width:25%;margin-bottom:14px} .ul-listq9 span{font-size:16px} .m-install .down{font-size:14px} .m-install .down i{margin-bottom:13px} .m-brand{padding:48px 0 58px} .ul-listq10 li{width:320px;margin:0 10px} .ul-listq10 .con{padding:60px 0} .cur{margin-top:43px} .m-textq1{padding:34px 0 71px} .m-textq1 h1{line-height:1.4em;margin-bottom:8px} .m-textq1 .info{padding-bottom:13px} .m-textq1 .txt{line-height:2.2em;margin-top:37px;margin-bottom:63px} .m-online.qm{padding:39px 0 72px} .ul-listq7.qm{margin:5px 0 52px} .m-replace .form{width:auto;margin:40px 0 48px} .m-replace .form #distpicker{padding-right:300px} .m-replace .form .inp2{width:300px} .m-replace .txt{padding:0 80px} .m-replace{padding:38px 0 70px} .m-replace .form .item{margin-bottom:23px} .m-replace .form .sub-btn{margin-top:54px} .m-guide{padding:64px 0 56px} .m-imgtxtq1{margin-top:28px} .m-imgtxtq1 .pic{margin-bottom:13px} .m-query{padding:56px 0 72px} .m-query .form .left{width:260px} .m-query .form #distpicker{margin-right:-10px} .m-query .form #distpicker select{width:30.5%;margin-right:3.33%} .m-query .form #distpicker select:last-child{margin-right:0} .m-query .map #allmap{height:650px} .m-query .map .not h3{font-size:16px} .m-query .map .box{top:40px;left:20px;bottom:40px;width:250px} .ul-listq12 .con{padding:20px} .ul-listq12 h3{font-size:16px;margin-bottom:0} .ul-listq12 .bot em,.ul-listq12 .bot span{font-size:14px} .m-query .map .page{padding:16px 0} .m-query .map .page ul{float:none;text-align:center;margin-bottom:5px} .m-query .map .page .rr{float:none;text-align:center} .m-query .map .page li{float:none;display:inline-block;vertical-align:middle} .m-query .map{margin-bottom:30px} .ul-listq13{margin:30px -10px} .ul-listq13 li{padding:0 10px} .m-replace.qm{padding-bottom:48px} .m-replace.qm2{padding-top:61px} .m-replace .tit{margin-top:8px} .m-replace .mabox{margin-top:38px} .m-replace .ma{margin-bottom:19px} .m-water{padding:38px 0 72px} .m-water .table{margin-top:29px} .m-water td,.m-water th{font-size:16px} .m-water .txt{margin-top:28px} .m-water .txt h3{margin-bottom:17px;font-size:18px} .m-water .txt .desc{font-size:14px} .m-optimization{padding:63px 0 30px} .m-optimization .tit{margin-top:24px;font-size:18px} .m-optimization .ul-imgtxtq2{margin-top:25px} .m-customized{padding:62px 0 71px} .m-customized .form{margin-top:29px} .m-customized .form .inp,.m-customized .form .sub-btn{font-size:16px} .m-inquiry{margin-top:5px;padding:56px 0 65px} .m-inquiry .tit{font-size:16px;margin-top:8px} .m-inquiry .pic{margin-top:34px} .m-inquiry .pic h3{font-size:22px} .m-inquiry .pic h3 em{font-size:30px} .m-inquiry .form,.m-inquiry .form .sub-btn{margin-top:38px} .m-inquiry .form .inp,.m-inquiry .form .sub-btn,.m-inquiry .form select{font-size:16px} .ul-listq14 .pic{margin-right:40px} .ul-listq14 h3{font-size:19px;margin-bottom:10px} .ul-listq14 .desc{font-size:14px} .ul-listq14 span{font-size:15px} .ul-listq14 span i{margin-left:10px} .m-advice{padding:40px 0 48px} .ul-listq14{margin-top:27px} .m-replace.qm3{padding-top:71px} .m-advice .form{padding:28px 0 23px} .m-advice .form .item{margin-bottom:26px} .m-advice .form .bot #distpicker{margin-bottom:0} .m-advice .form .sub-btn{margin-top:62px} .ul-listq1.qm2{display:none} .ul-imgtxtq3{padding:50px 0} .ul-imgtxtq3 li{margin-bottom:30px} .ul-imgtxtq4{padding:47px 0} .ul-imgtxtq4 li{margin-bottom:35px} .ul-imgtxtq4 h3{font-size:20px} .ul-right .con .ma{top: auto;bottom: 50px;right: auto;left: 50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);} .ul-right .con .ma:before{display: none;} } @media only screen and (max-width:959px){ .ul-choosel li,.ul-concerning li{width:33.33%;margin-bottom:12px} .ul-listl7 li{width:33.33%;margin-bottom:15px} .m-servicel.l3{padding:43px 0 29px} .ul-listq6 .txt{max-height:75%} .ul-listq6 .li1 .txt{max-height:87%} .ul-listq9 li{width:33.33%} } @media only screen and (max-width:767px){ body{padding:50px 0 44px} .header{height:50px;border-bottom:1px solid #dedede} .header .logo{height:50px;line-height:50px} .header .logo img{height:25px} .header .abtn-m{height:21px;margin-top:14.5px;line-height:21px;width:49px;font-size:12px;border-radius:11px} .header .hd-r{top:50px} .ul-choosel li,.ul-concerning li{width:50%} .banner .item video{width:auto;height:100%} .banner,.banner .item{height:128.5333vw} .banner .item .txt .tit{font-size:28px;font-weight:400} .banner .item .desc{font-size:13px;margin-bottom:30px} .banner .item .btn{font-size:13px;width:120px;height:36px;line-height:34px;border-width:1px} .banner .item .btn i{width:7px;height:7px} .banl1 .slick-dots,.banner .slick-dots{bottom:28px} .banl1 .slick-dots li button,.banner .slick-dots li button{height:4px;width:4px} .banl1 .slick-dots li.slick-active button,.banner .slick-dots li.slick-active button{width:9px} .banl1 .slick-dots li,.banner .slick-dots li{margin:0 3px} .foot .item dl{padding:10px 0} .row-a1{padding-top:5px} .ul-listl2 li{width:auto;float:none;margin-bottom:5px} .ul-listl2 .con .pic,.ul-listl2 li.l1 .pic{padding-top:120%;display:none} .ul-listl2 .con .pic-m,.ul-listl2 li.l1 .pic-m{display:block} .ul-listl2 .con .stit,.ul-listl2 li.l1 .con .stit{display:none} .ul-listl2 .con .tit{font-size:28px} .ul-listl2 .con .btn,.ul-listl2 .con .desc{font-size:13px} .ul-listl2 .con .tit,.ul-listl2 li.l1 .con .tit{margin-bottom:3px} .ul-listl2 .con .txt,.ul-listl2 li.l1 .con .txt{top:43px} .ul-listl2 .con .desc{margin-bottom:17px} .ul-listl3 li{width:auto;float:none} .ul-listl3 .con .icon{width:37px;height:37px;line-height:37px} .ul-listl3 .con .txt .btn{display:none} .ul-listl3 .con .txt .tit{margin-bottom:0;line-height:37px;position:relative} .ul-listl3 .con .txt .tit:after{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:10px;height:10px;background:url(../images/iconl19.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listl3 .con:after{display:none} .g-boxl1 .ul-listl3 .con,.ul-listl3 .con{padding:20px 0;border-bottom:1px solid #d6d6d6} .ul-listl3 li:last-child .con{border:none} .g-boxl1 .ul-listl3,.ul-listl3{margin:0} .ul-listl3{border-top:1px solid #d6d6d6;padding:7px 0 11px} .ul-listl3.line{border-top:none} .row-a2,.row-a2.ls{padding:0} .ul-leftl .con{font-size:18px;padding:12px 22px;border-width:1px} .ul-leftl .tit{font-size:18px} .ul-leftl .con:after{width:11px;height:11px;margin-top:-5px} .m-details .title{font-size:26px;margin-bottom:16px} .m-details{padding:38px 0 67px;border-width:1px} .m-details .text{font-size:14px;line-height:1.8em} .ul-listl4 li{width:auto;float:none;margin-bottom:15px} .ul-listl4 .con .txt{padding:40px 0px} .ban, .banl1{display:none} .ban-m, .banl1-m{display:block;height:auto} .m-slickl1{display:none} .m-slickl1-m{display:block} .ul-listl6 li{width:auto;float:none} .ul-listl6 .con{padding-bottom:26px;margin-bottom:22px} .ul-listl6 .con:after{left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);bottom:0;width:176px;height:1px;background-color:#d6d6d6;top:auto} .m-details.l1{padding-bottom:18px} .ul-listl4.l1 li{width:auto;float:none;margin-bottom:30px} .ul-listl4.l1 .con .txt{padding-top:39px} .ul-listl4.l1 .con .pic{padding-top:126.283987%} .ul-listl4 .con .pic.ls img{display:none} .ul-listl4 .con .pic.ls .imgm{display:block} .m-slickl2 .slick-list{padding:0 200px} .m-slickl2 .con{opacity:.4} .m-slickl2 .item.slick-current .con{opacity:1} .ul-txtl1 .con{font-size:14px;padding-left:14px} .ul-txtl1 .con:after{width:7px;height:7px} .ul-txtl1 li{margin-right:20px} .m-slickl2 .con .txt .stit{font-size:14px;margin-bottom:0} .m-slickl2 .con .txt span{font-size:11px} .m-honor .wp,.m-honor.l1 .wp{padding:0} .m-slickl2 .con .pic{margin-bottom:12px} .ul-txtl1{margin-bottom:29px} .ul-imgl1{width:auto;margin:0 -6px} .ul-imgl1 li{padding:0 3px;margin-bottom:6px} .m-slickl3 .slick-list,.m-slickl3-num .slick-list{padding:0 70px} .m-slickl3 .item{padding:0 15px} .banl1 .con{height:120vw} .banl1 .con .txt .btn{display:block} .banl1 .con .txt .desc{margin-bottom:30px} .m-kitchenl .ul-imgtxtq2 li{width:50%;padding:0 6px;margin-bottom:33px} .m-kitchenl .ul-imgtxtq2 li .con{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .m-kitchenl .ul-imgtxtq2{margin:13px -6px 10px} .m-kitchenl .item{margin-bottom:0} .ul-listl5 li{padding-left:0;width:50%} .ul-listl5 li.last{border-bottom:2px solid #eaeaea} .ul-listl7 .pic{padding-top:100%} .ul-listl7 li{width:50%} .m-missionl .pic .img-m,.ul-listl7 .pic .img-m{display:block} .m-kitchenl .tit,.m-missionl .pic .img-pc,.ul-listl7 .pic .img-pc{display:none} .m-kitchenl .kitchenl{margin:13px 0 0} .m-slickl5 .con .pic{height:41.066vw;margin-bottom:14px} .m-slickl5 .con:hover .pic,.m-slickl5 .item.slick-current .con .pic{height:30.8vw} .m-slickl5 .con .date{font-size:11px;margin-bottom:5px} .m-slickl5 .con .tit{font-size:14px;margin-bottom:10px} .m-slickl5 .con .desc{font-size:10px} .m-slickl5 .slick-next{right:30%;background-image:url(../images/iconl34-1.png)} .m-slickl5 .slick-prev{left:30%;background-image:url(../images/iconl33-1.png)} .m-slickl5{padding:28px 0 53px} .m-textq1.ls h1{font-size:28px} .m-slickl5 .slick-arrow{width:10px;height:18px} .m-apply,.m-brand.qm,.m-customized,.m-guide,.m-kitchenl,.m-online,.m-online.qm,.m-parts .item:last-child,.m-query,.m-related,.m-replace,.m-servicel,.m-textq1{border-bottom:none} .m-information{position:fixed;top:50px;left:0;right:0;z-index:6;border-width:1px;padding:12px 0;background-color:#fff} .m-information .cont{padding-left:0;padding-right:90px} .m-information span{position:static;float:left;font-size:14px;line-height:27px} .m-information .pur{display:block;width:87px;font-size:14px;line-height:27px} .m-information .box .tit{font-size:14px;line-height:27px} .m-information .box dl{float:none;position:fixed;top:101px;left:0;right:0;bottom:0;z-index:2;background-color:rgba(0,0,0,.8);display:none} .m-information .box dd{float:none;margin-left:0} .m-information .box dd a{background-color:#e9e9e9;padding:0 20px 0 55px;font-size:17px;line-height:50px} .banq1{margin-top:51px} .banq1 .pic{display:none} .banq1 .pic-m{display:block} .m-video .video .play{width:44px;height:44px} .m-sliderq2 .slider-for .pic{height:280px;line-height:280px} .m-sliderq2 .slider-nav{margin:0 6px} .m-sliderq2 .slider-nav .pic{height:46px;line-height:44px;border-width:1px} .m-sliderq2 .slider-nav .pic img{max-width:50%;max-height:50%} .ul-imgtxtq1{margin:5px -22px 0} .ul-imgtxtq1 li{float:none;width:auto;padding:0;margin-bottom:5px} .ul-imgtxtq1 .pic .img1{display:none} .ul-imgtxtq1 .pic .img2{display:block} .m-parameters{border-bottom:1px solid rgba(51,51,51,.1);padding-bottom:73px} .ul-txtq1{margin:28px -22px 0} .ul-txtq1 h3{width:164px} .ul-txtq2{margin-bottom:8px} .ul-txtq2 span{font-size:11px;padding:0 11px;line-height:17px} .m-sliderq2 .right h3{margin-bottom:7px} .m-sliderq2 .right .desc{font-size:14px} .m-sliderq2 .right a{display:none} .ul-txtq3 li a{font-size:14px;padding:17px 0} .ul-imgtxtq1 .pic{float:none;width:auto} .ul-imgtxtq1 li:nth-child(even) .pic{float:none} .ul-imgtxtq1 .box{background:0 0;width:auto;left:0} .ul-imgtxtq1 li:nth-child(even) .box{right:0} .ul-imgtxtq1 .txt{top:13.4%;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);text-align:center} .ul-imgtxtq1 h3{font-size:28px} .ul-imgtxtq1 .desc{font-size:12px} .ul-imgtxtq1 li:nth-child(3) .desc,.ul-imgtxtq1 li:nth-child(4) .desc{text-align:left} .ul-imgtxtq1 .txt.white h3{color:#fff} .ul-imgtxtq1 .txt.white .desc{color:rgba(255,255,255,.9)} .m-related{padding-top:65px} .ul-imgtxtq2{margin:29px -22px 10px} .ul-imgtxtq2 .pic{height:125px;line-height:125px} .ul-imgtxtq2 .pic img{max-width:70%;max-height:70%} .ul-imgtxtq2 li{padding:0;margin-bottom:20px} .ul-imgtxtq2 li .con{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)} .ul-imgtxtq2 .slick-current .con{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .g-more{width:104px;line-height:31px;border-width:1px;font-size:14px} .ul-listq1{background-color:#fff} .ul-listq1 .tit{display:block;font-size:18px} .ul-listq1 ul{display:none;margin:0 -22px;text-align:left;background-color:#f8f8f8} .ul-listq1 li{display:block;padding:0;border-bottom:1px solid #dedede} .ul-listq1 li a{padding:0 22px;background:0 0;font-size:18px;font-weight:700;line-height:2.6em} .ul-listq1 li.on a,.ul-listq1 li:hover a{background:0 0} .ul-listq1 li:hover a{color:#00afb4} .ul-listq2 li{margin-bottom:40px} .ul-listq2 .pic{float:none;width:auto;margin-right:0;margin-bottom:8px} .ul-listq2 h3{margin-bottom:4px} .ul-listq2 span{font-size:15px;margin-bottom:7px} .ul-listq2 .desc{max-height:none} .ul-listq3 li{width:50%} .ul-listq3 .pic{margin-bottom:12px} .ul-listq3 h3{font-size:14px;white-space:normal;height:3em;margin-bottom:2px} .ul-listq3 span{font-size:11px} .ul-listq4{text-align:left} .ul-listq5{margin:25px -33px 0;overflow-x:auto;white-space:nowrap;text-align:left} .ul-listq5 li{float:none;display:inline-block;vertical-align:middle;width:184px;padding:0 33px} .m-formq1 .item{margin-bottom:22px} .m-formq1 .left{font-size:14px;width:58px;line-height:31px;margin-right:6px} .m-formq1 .inp{font-size:12px;padding:0 11px;height:31px;line-height:31px} .m-formq1 .code{padding-right:127px} .m-formq1 .but{width:106px;height:31px;line-height:31px;font-size:12px} .m-formq1 #distpicker select{height:31px;line-height:31px;font-size:12px;padding:0 21px 0 11px;-webkit-background-size:10px auto;-moz-background-size:10px auto;-ms-background-size:10px auto;-o-background-size:10px auto;background-size:10px auto} .m-formq1 .bot .top .sub-btn{margin:0 7px;width:103px;height:32px;line-height:32px;font-size:14px} .m-formq1 .bot .top a{margin:0 7px;font-size:12px} .m-formq1 .bot .top a i{width:38px;height:32px;border-radius:7px;margin-bottom:9px} .m-formq1 .tips{font-size:12px} .m-digger .join .pic .img1{display:none} .m-digger .join .pic .img2{display:block} .m-digger.qm,.m-digger.qm .wp{padding:0} .m-digger.qm .g-titq2{display:none} .m-digger .join{margin-top:0;margin-bottom:0} .m-policy .con{padding:0;background:0 0} .m-policy .pic{width:100%;height:125px;line-height:125px;text-align:center;background-color:#f6f6f6} .m-policy .pic img{display:inline-block;vertical-align:middle;width:auto;height:64px} .ul-listq6{margin:30px 0 0} .ul-listq6 li{padding:0;float:none;width:auto;margin-bottom:16px} .ul-listq6 .li4{width:auto} .ul-listq6 .img .img1{display:none} .ul-listq6 .img .img2{display:block} .ul-listq6 li.on .txt{bottom:43px} .ul-listq6 .txt{max-height:87%} .m-purification{display:none;padding:54px 0 26px} .m-purification-m{display:block} .m-purification .txt h3{font-size:18px} .m-purification .txt .desc{font-size:12px} .m-online{padding-bottom:18px} .m-online .box{margin:0} .m-online .item{float:none;width:auto;margin-bottom:54px} .ul-listq7{margin-top:13px;margin-bottom:53px} .ul-listq7 li{border-width:1px;margin-bottom:0} .ul-listq7 li a{line-height:4.2em;padding-left:18px;padding-right:30px;border-width:1px} .ul-listq7 li a:after{width:4px;height:4px} .m-online .more{display:none;width:123px;height:32px;line-height:30px;border-width:1px} .m-online .item .more{display:block} .m-online .more i{margin-left:5px} .ban .txt em{font-size:14px} .ul-listq1.qm li:after{display:none} .m-parts .table td,.m-parts .table th{font-size:14px;padding:5px 5px 8px 13px} .m-parts .item .more{width:103px;height:32px;line-height:30px;border-width:1px;font-size:14px} .m-parts .item .more-m,.m-parts .table.qm{display:none} .m-parts .table-m{display:block} .m-parts .box h3{font-size:18px;margin-bottom:14px} .m-parts .box span{font-size:14px;line-height:1.5em;margin-bottom:1px} .m-parts .box .desc{font-size:14px} .m-parts .box .desc p{margin-bottom:0;padding-left:18px} .m-parts .box .desc p:after{width:5px;height:5px;top:8px} .m-parts .down{width:294px;height:32px;line-height:32px;font-size:14px} .ul-listq8 li{width:50%;margin-bottom:33px} .ul-listq8 li:nth-child(odd){clear:both} .ul-listq8 .desc{font-size:12px;height:auto} .ul-listq8 .desc p{padding-left:18px} .ul-listq8 .desc p:after{width:4px;height:4px;top:7px} .ul-listq9 li{width:50%} .ul-listq9 span{font-size:14px;padding-left:20px} .m-install .down i{width:103px;height:32px} .m-install .down{font-size:12px} .ul-listq10{margin:0 -6px;font-style:normal} .ul-listq10 li{display:block;float:left;width:50%;padding:0 6px;margin:0} .ul-listq10 .con{padding:19px 0 20px} .ul-listq10 .pic{width:61px;height:61px;margin-bottom:5px} .ul-listq10 h3{font-size:14px} .cur{font-size:11px;line-height:1.7em} .cur:after{top:0} .cur a{margin:0 12px} .m-textq1 .info{font-size:11px} .m-textq1 .info span{margin:-2px 20px 0} .m-textq1 .txt{font-size:14px} .m-textq1 .more{font-size:14px;width:103px;height:33px;line-height:31px;border-width:1px} .ul-listq7.qm{margin:5px 0 52px} .ul-listq7.qm li{float:none;width:auto;padding:0} .m-online.qm .more{display:block} .m-replace .form .left{font-size:14px;width:52px;line-height:31px} .m-replace .form .inp{font-size:12px;padding:0 12px;height:31px;line-height:31px} .m-replace .form #distpicker{padding-right:0;margin-bottom:23px} .m-replace .form #distpicker select{font-size:12px;height:31px;line-height:31px;padding:0 30px 0 10px;-webkit-background-size:14px auto;-moz-background-size:14px auto;-ms-background-size:14px auto;-o-background-size:14px auto;background-size:14px auto} .m-replace .form .inp2{position:static} .m-replace .form textarea{font-size:12px;height:93px;padding:0 12px;line-height:31px} .m-replace .form .sub-btn{width:103px;height:32px;line-height:32px;font-size:14px} .m-replace .pic .img1{display:none} .m-replace .pic .img2{display:block} .m-replace .txt{padding:0 29px} .m-replace .txt h3{font-size:19px;margin-bottom:2px} .m-replace .txt h3 i{width:15px;height:15px;margin-left:15px;margin-bottom:2px} .m-replace .txt span{font-size:12px} .m-brand.qm{padding-bottom:21px} .ul-listq10.qm{margin:0 -6px} .ul-listq10.qm li{width:50%;margin-bottom:36px;padding:0 6px} .ul-listq11 .tit{display:block} .ul-listq11{background-color:#fff;border-bottom:none;border-width:1px} .ul-listq11 ul{display:none;margin:0 -22px} .ul-listq11 ul li{float:none;width:auto;padding:0 42px 0 18px;border-bottom:1px solid #dedede;background:url(../images/iq2.png) 95% 50% no-repeat;-webkit-background-size:10px auto;-moz-background-size:10px auto;-ms-background-size:10px auto;-o-background-size:10px auto;background-size:10px auto} .ul-listq11 ul li:after{display:none} .ul-listq11 ul .pic{float:left;width:44px;height:44px;margin-right:14px} .ul-listq11 ul h3{text-align:left;line-height:44px} .m-online.qm2{padding:18px 0 70px} .m-online.qm2 .more{display:block} .m-imgtxtq1{margin:28px -6px 0} .m-imgtxtq1 .item{margin:0 6px} .m-imgtxtq1 h3{font-size:14px} .m-imgtxtq1 h3 br{display:none} .m-query{border-top:none;padding:62px 0 55px} .m-query .form a{display:block;position:static;margin:0 auto 19px} .m-query .form .sub-btn2{display:block;height:32px;line-height:32px;width:103px;border-radius:18px;background-color:#00afb4;text-align:center;font-size:14px;color:#fff;border:none;margin:54px auto 0} .m-query .form{margin-top:8px;border-bottom:1px solid #dedede;padding-bottom:48px} .m-query .queryform{margin-bottom:60px} .m-query .form .left,.m-query .map .not{display:none} .m-query .form #distpicker select,.m-query .form .inp{height:31px;line-height:31px;font-size:12px;padding:0 26px 0 12px} .m-query .form .item{margin-bottom:22px} .m-query .form .sub-btn{height:31px;width:31px} .m-query .map #allmap{height:618px} .m-query .map{position:absolute;height:auto;top:-100%;left:0;width:100%;z-index:10;margin-bottom:12px} .ul-listq13{margin:32px 0 0} .ul-listq13 li{float:none;width:auto;padding:0;margin-bottom:22px} .ul-listq13 .con{text-align:left;padding:14px 17px;overflow:hidden;height:auto;line-height:none} .ul-listq13 .pic{width:37px;height:37px;margin-right:20px;display:block;float:left} .ul-listq13 .txt{overflow:hidden;display:block} .ul-listq13 h3{font-size:16px;margin-bottom:5px} .ul-listq13 span{font-size:12px} .m-query .share{display:none} .m-query .map .cont{left:22px;right:22px;bottom:0;top:100%} .m-query .map .box{padding-bottom:0;width:auto} .m-query .map .page{display:none} .m-replace .tit{font-size:14px} .m-replace .ma{width:149px} .m-replace .mabox span{font-size:11px} .m-water td,.m-water th{font-size:14px;padding:0 11px;line-height:33px} .m-water .txt h3{font-size:14px} .m-water .txt .desc{font-size:12px} .m-optimization .tit{font-size:14px;letter-spacing:-1px} .m-optimization .ul-imgtxtq2{margin:25px -6px 10px} .m-optimization .ul-imgtxtq2 li{width:50%;padding:0 6px;margin-bottom:33px} .m-optimization .ul-imgtxtq2 li .con{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .m-customized .form{width:auto} .m-customized .form .item{padding-right:92px} .m-customized .form .inp{height:31px;line-height:31px;font-size:12px;padding:0 12px} .m-customized .form .sub-btn{width:70px;height:31px;line-height:31px;font-size:12px} .m-inquiry{background:#ededed!important} .m-inquiry .tit{font-size:14px} .m-inquiry .pic{width:163px} .m-inquiry .pic h3{font-size:18px} .m-inquiry .pic h3 em{font-size:28px;margin-right:5px} .m-inquiry .form{width:auto} .m-inquiry .form #distpicker{margin:0 -2.58%} .m-inquiry .form select{margin:0 2.58%;width:44%;font-size:12px;height:31px;line-height:31px;padding:0 32px 0 11px;background-color:#f8f8f8} .m-inquiry .form .inp{height:31px;line-height:31px;padding:0 32px 0 11px;font-size:12px;background-color:#f8f8f8} .m-inquiry .form .sub-btn{width:103px;height:32px;line-height:32px;border-radius:16px;font-size:14px} .ul-listq14 .pic{float:none;margin:0 auto 13px} .ul-listq14 .txt{padding-top:0} .ul-listq14 .desc{height:auto} .ul-listq14 span{margin-top:30px} .m-advice .form .tit{font-size:14px;padding:5px 10px 8px 34px} .m-advice .form .tit em{font-size:12px;left:11px;top:8px} .m-advice .form .bot{padding:0 10px 0 34px;margin-right:-10px} .m-advice .form select{width:114px;margin-right:28px;font-size:14px;line-height:33px} .m-advice .form .bot #distpicker{margin-top:0} .m-advice .form label{font-size:14px;width:33.33%;margin-right:0;padding-left:16px;-webkit-background-size:6px auto;-moz-background-size:6px auto;-ms-background-size:6px auto;-o-background-size:6px auto;background-size:6px auto;line-height:33px} .m-advice .form .sub-btn{width:103px;height:32px;line-height:32px;font-size:14px} .ul-imgtxtq3{padding:0;border:none} .ul-imgtxtq3 .wp{padding:0} .ul-imgtxtq3 li{margin-bottom:5px} .ul-imgtxtq3 li:last-child{margin-bottom:0} .ul-imgtxtq3 .pic .img1{display:none} .ul-imgtxtq3 .pic .img2{display:block} .ul-imgtxtq3 .txt h3{font-size:28px} .ul-imgtxtq3 .txt span{font-size:13px} .ul-imgtxtq3 .txt span br{display:none} .ul-imgtxtq4 .pic{width:135px;margin-right:28px} .ul-imgtxtq4 .txt{padding-top:1px} .ul-imgtxtq4 h3{font-size:14px;margin-bottom:6px} .ul-imgtxtq4 span{font-size:11px;margin-bottom:5px} .ul-imgtxtq4 .desc{font-size:11px} .ul-imgtxtq4 .more{width:103px;height:32px;line-height:30px;border-width:1px;font-size:14px} .m-tit{display:none} .footer .contact .bdsharebuttonbox a .box{width: 60px;} .footer .contact .bdsharebuttonbox a .pic{width: 50px;height: 50px;} .footer .contact .bdsharebuttonbox a .txt{font-size: 10px;} } @media only screen and (max-width:479px){ .m-slickl1-m .item .down.ls .pic{width:auto} .m-slickl2 .slick-list{padding:0 107px} .m-slickl4 .slick-list{padding-right:88px} .m-slickl4{padding-left:10px;padding-right:0} .ul-listl7 li{width:auto;float:none} .ul-listq14 .pic{width:auto;height:249px;line-height:249px} .ul-listq14 h3{margin-bottom:3px} } @media only screen and (max-width:400px){ .m-so{width:auto;float:none;margin-bottom:10px} .hd-r .language{float:left} .footer .contact .bdsharebuttonbox,.footer .contact .tel{float:none} .footer .contact .bdsharebuttonbox a:first-child{margin-left:0} .banner .item .txt .tit,.ul-listl2 .con .tit{font-size:22px} .banner .item .desc{font-size:12px} .ul-txtl1 li{margin-right:15px} } @media only screen and (max-width:374px){ .ul-listq13 h3{font-size:13px} .ul-listq13 .con{padding:10px} .ul-listq13 .pic{margin-right:10px} .m-digger .join dd{padding:0 20px} .m-parts .down{width:100%} .m-advice .form select{margin-right:15px} .m-advice .form label{width:50%} .ul-imgtxtq4 .pic{margin-right:15px} }