*{margin:0;padding:0;}
html{overflow-x:hidden;} 
body{background:#fff;-webkit-text-size-adjust:none;overflow-x:hidden;font-family: '微软雅黑','microsoft yahei','',sans-serif;outline:none;color:#222;font-size:14px }
img{vertical-align:middle;border:none;}
button,input,optgroup,select,textarea {font: inherit;color: inherit;}
button {overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;background:none}
input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box;  padding: 0;margin-right:5px;width:auto;max-height:16px;max-width:16px;position:relative;top:1px}
textarea {overflow: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}
option{padding:5px 0;display:block;line-height:20px;text-indent:10px;}
table { border-spacing: 0;border-collapse: collapse;width:100%}
td,th {padding: 0;}
b,i,em,span{color:inherit}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a{text-decoration: none;border: 0;color:inherit;-webkit-transition:color 0.5s ease;transition:color 0.5s ease;}
a:active,a:hover{ outline: 0;outline:none;color:#df052f} 
hr {border: none;height:0;}
p {margin: 0;display:block;color:inherit;}
.nowrap{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
input::placeholder,textarea::placeholder{ color: #666;}
ul,ol,dl { padding:0;margin:0;}
li{list-style:none;padding:0;margin:0;}
dt,dd {font-weight:normal;display:block;color:inherit;}
table { background-color: transparent;width:100%;}
caption { padding-top: 8px;padding-bottom: 8px;color: #777; text-align: left;}
th {text-align: left;}
input[type="file"] {display: block;}
input[type="range"] {display: block;width: 100%;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline:none}
output {display: block;font-size:14px; line-height: 14px;color: #333333;}
input[type="radio"],input[type="checkbox"]{width:14px;outline:none;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled { cursor: not-allowed;}
button{border:none}
.pager {text-align:center;clear:both;padding-top:4%;line-height:50px;font-size:18px;color:#929292;}
.pager a,.pager .current{width:50px;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;display: inline-block;vertical-align:top;letter-spacing:normal;border-radius:50%;margin:0 10px;border:1px solid #e3e3e3; }
.pager  a:hover,.pager a:focus,.pager .current {background:#df052f;color:#fff; border-color:#df052f}
select{padding:0 0 0 10px;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;}
.clear:after{clear:both;display:block;content:""}
.label{position:relative;display:block;padding-bottom:75%;overflow:hidden;width:100%;background:#333}
.label>img,.label>iframe{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-object-fit:cover;object-fit:cover;display:block}
.label:hover>img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.cont{width:1200px;margin:0 auto;position:relative;}
.bg>.cont{padding:80px 0}
.bg>.cont:after{clear:both;content:'';display:block;}
.bg{clear:both;position:relative;overflow:hidden;}
.vr{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.long{padding-bottom:80px;clear:both;display:block;}
.flex{display:block;display:-webkit-box;display: flex;-webkit-box-pack:justify;justify-content: space-between;}
.flex>img{height:100%;}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1607770288621'); /* IE9 */
  src: url('iconfont.eot?t=1607770288621#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.ttf?t=1607770288621') format('truetype')
}
.icon{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
@font-face {font-family: "bold";
src: url('bold.ttf');}
.icon-right{margin-right:10px}
.icon-left{margin-left:10px}
.foot{clear:both;background:url(../img/foot.jpg) no-repeat center center;background-size:cover;}
.head{height:100px;line-height:100px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;z-index:20;position:fixed;left:0;top:0;z-index:3000;width:100%;display:none} 
#ads,.ban{margin-top:100px;}
.lead{visibility:hidden;position:absolute;top:100%;left:0;width:100%;background:rgba(0,0,0,.4);font-size:16px;line-height:34px;text-align:center;color:#fff;overflow-x:auto;white-space:nowrap;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.lead a{margin:0 2%}
.lead a:hover,.lead a.active{font-weight:bold;color:#fff }
.fl{float:left;}
.fr{float:right}
.head>.cont{position:static;}
.guide{float:right;}
.guide{text-align:right;color:#444444}
.guide>li{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;float:left;z-index:20;font-size:16px;margin-left:40px;}
.guide>li>a{display:block;position:relative;}
.guide>li>a:after{height:3px;width:100%;content:'';display:block;position:absolute;left:50%;bottom:-1px;width:0%;background:#df052f;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.guide>li.active>a{color:#df052f}
.guide>li.active>a:after{width:100%;left:0}
.guide>li:hover>.lead{filter:alpha(opacity=100);opacity:1;visibility:visible;}
a.logo{height:100px;line-height:100px;float:left;margin-right:-100px}
.jssorb01 {position: absolute;left:50%;bottom:0px;-webkit-transform:translateX(-50%);transform:translateX(-50%);right:auto!important;width:auto!important;margin-bottom:3%}
.jssorb01 div{width:30px;height:4px;background:#fff;cursor: pointer; display:inline-block; margin:0 11px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;vertical-align:middle;position:static!important;border:1px solid rgba(255,255,255,0) }
.jssorb01 .av {background:#df052f;width:80px}
 .caption{max-width:30%;top:0%;left:55%;margin-top:10%;margin-left:-600px;position:absolute;max-height:70%}
.jssora05l, .jssora05r {display: block;position: absolute;width:50px;height:50px;z-index:20;line-height:50px;color:#fff;cursor: pointer;top:50%!important;margin-top:-25px!important;font-size:30px;text-align:center;}
.jssora05l {left:10% }
.jssora05r { right:10% }
.jssora05l:hover,.jssora05r:hover{color:#df052f }
.home{line-height:1;margin-bottom:4%;text-align:center;}
.h2{font-size:30px;color:#000}
.h3{font-size:20px;color:#666666;padding-top:10px}
.h2 span{margin-left:20px;font-weight:200;text-transform:uppercase;}
.about{width:520px}
.exp{font-size:18px;line-height:35px;color:#666666;margin:48px 0;text-align:justify}
.sum li{font-size:16px;float:left;text-align:center;}
.sum li h3{font-size:64px;color:#df052f;font-family:bold;line-height:1}
.cover>img{display:block;width:100%;}
.cover{position:relative;margin-bottom:2.5%}
.lab{font-size:50px;color:#fff;position:absolute;bottom:0%;left:7%;margin-bottom:3%;z-index:20;text-shadow:2px 2px 4px rgba(0,0,0,0.6)}
.thumb p{font-size:16px;padding-top:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.thumb .label{padding-bottom:50%}
.thumb .label:after{border:4px solid  rgba(0,0,0,0);position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;content:'';display:block;z-index:30}
.thumb.active  .label:after{border:4px solid  #df052f;}
.ducts{padding:0 80px}
#duct .owl-prev{left:-80px;margin-top:-37px;}
#duct .owl-next{right:-80px;margin-top:-37px;}
.rom{width:50%;height:100%;background:url(../img/rom.jpg) no-repeat center center;background-size:cover;position:absolute;top:0;left:0}
.qual{padding:2% 10% 5%;margin-left:50%}
.qual .home{text-align:left;}
.wood{font-size:36px;line-height:48px;padding:11% 0 17%}
.more{font-size:16px;line-height:40px;width:160px;color:#999999;border:1px solid #999999;display:inline-block;text-align:center;border-radius:21px;vertical-align:top}
.more:hover{color:#fff;background:#df052f;border-color:#df052f}
.more .icon{font-size:120%}
.use{padding:3% 13%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);position:relative;z-index:30;margin-bottom:-2%;-webkit-box-align:center;align-items:center}
.use li{width:80px;height:80px;border:1px dashed #999999;border-radius:50%;position:relative;font-size:16px;color:#666666}
.use li.spl{height:60px;background:url(../img/sd.png) no-repeat center center;width:1px;border:none;border-radius:none;}
.ym{position:absolute;left:0;width:100%;text-align:center;bottom:50%;transform:translateY(50%)}
.ym img.sp{display:none}
.ym p{margin-top:4px}
.use li:hover .ym img{display:none}
.use li:hover .ym img.sp{display:inline}
.use li:hover{background:#df052f;border-color:#df052f;color:#fff}
.ninfo{padding:9% 7%;background:#fff}
.ndt{font-size:20px;line-height:25px;height:50px;overflow:hidden;margin-bottom:7%}
.ninfo .flex{font-size:14px;color:#999999}
.ninfo .flex a{font-size:140%}
.text{font-size:24px;padding-top:2%}
.wrap{-webkit-box-lines:multiple;flex-wrap:wrap}
.join li{padding:1% 1% 0;width:22%;background:#f7f7f7;margin-bottom:2%}
.join.sp li{background:#fff}
.sup{font-size:20px;line-height:54px;text-align:center}
.sup img{margin-right:7px}
.sup img.sp{display:none}
.join li:hover .sup img{display:none}
.join li:hover .sup img.sp{display:inline}
.join li:hover{background:#df052f;color:#fff}
.mm{text-align:center;padding:3% 0 5%;clear:both;}
.mm2{text-align:center;padding:5% 0 5%;clear:both;border-top:1px solid #e8e8e8;background:#f7f7f7}
.mm2 a{font-size:26px;line-height:70px;width:280px;border-radius:36px}
.foot{background:#333333;font-size:14px;line-height:32px;color:#fff;border-top:6px solid #df052f}
.sdt{font-size:18px;margin-bottom:10px}
.web{width:70%}
.web td{vertical-align:top}
.cod{max-width:140px}
.copy{padding:20px 0;background:url(../img/ss.png) no-repeat top center; }
.copy span{margin-left:20px}
.side{width:60px;background:#fff;z-index:1000;box-shadow:0 0 8px rgba(0,0,0,.1);position:fixed;right:0;bottom:30%}
.side li{position:relative;}
.side a{display:block;padding:8px 0;font-size:14px;color:#666666;text-align:center;}
.side a .icon{font-size:20px;color:#df052f;margin-bottom:2px}
.side li:hover a{background:#df052f;color:#fff} 
.side li:hover a .icon{color:#fff}
.zao{position:absolute;top:0;right:200%;height:100%;background:#df052f;color:#fff;padding:0 34px;border-radius:40px 0 0  40px;-webkit-box-align:center;align-items:center;filter:alpha(opacity=0);opacity:0;visibility:hidden;}
.zao strong{font-size:18px;display:block;}
.side li:hover .zao{right:100%;filter:alpha(opacity=100);opacity:1;visibility:visible;}
.copy img{margin-right:4px;margin-left:10px}
.ban{overflow:hidden;width:100%;position:relative;}
.ban>img{width:100%;}
.kind{background:#f7f7f7;padding:8px 2%;margin-bottom:4%;text-align:center}
.kind a{font-size:18px;line-height:34px;padding:0 3%;display:inline-block;vertical-align:top;margin:1% 3%;border-radius:17px}
.kind a.active,.kind a:hover{background:#df052f;color:#fff}
.nlist{-webkit-box-pack:left;justify-content: flex-start;}
.nlist li{width:31.4%;float:left;margin-bottom:2.5%;}
.nlist li:nth-child(3n-1){margin-left: 2.9%;margin-right: 2.9%;}
.nlist li .ninfo{background:#f7f7f7}
.video li{width:21%;float:left;margin-left:2%;margin-bottom:1.5%;position:relative;}
.nam{font-size:20px;line-height:44px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .video li:first-child{width:54%;margin-left:0;}
.video li .label{padding-bottom:57.3%}
 .video li:first-child  .label{padding-bottom:59%}
.gall li{width:21.5%;float:left;position:relative;}
.gall li:after, .video li:after{width:100%;height:100%;content:'';display:block;position:absolute;top:0;left:0;z-index:20}
.gall li .label{padding-bottom:174%}
.tword{position:absolute;left:0;width:100%;text-align:center;top:35px;margin-top:4%}
.timg{width:60.5%;}
.type li{margin-top:5%;background:#f7f7f7;-webkit-box-align:center;align-items:center}
.type li:first-child{margin-top:0} 
.pro{width:39.5%;text-align:center}
.pro>div{display:inline-block;text-align:left}
.pdd{font-size:20px;line-height:35px;color:#666666;padding:35px 0 45px}
.pnam{font-size:48px}
.pnam:after{width:59px;height:5px;content:'';display:block;background:#df052f;margin-top:25px}
.list li{width:32%;float:left;width:32.5%;margin-bottom:1.5%}
.list li:nth-child(3n-1){margin-left:1.25%;margin-right:1.25%}
.list li .label{padding-bottom:68%}
.list li p{font-size:18px;line-height:60px;text-align:center;border:1px solid #dcdcdc;border-top:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list li:hover p{color:#fff;background:#df052f;border-color:#df052f}
.tells{padding:2.5%;background:#fff}
.map{width:52%;background:#ebebeb;position:relative;}
#map{position:absolute;top:0;left:0;width:100%;height:100%;}
.tell{padding:6% 5% 6% 3%}
.way dd{font-size:14px;padding:25px 0 25px 33px;border-bottom:1px solid #ececec;line-height:20px;position:relative;}
.way dd img{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.way dt{font-size:32px;margin-bottom:10px}
.cding{text-align:center;font-size:24px;margin-top:15%}
.cding img{max-width:90%;margin-bottom:3%}
.aimg{max-width:54%;margin-left:4%}
.art li{width:29%;margin-bottom:2.5%;background:#fff;padding:3.5% 1%;text-align:center;position:relative;}
.adt{font-size:26px}
.add{font-size:18px;color:#666666;margin-top:5%;margin-bottom:10%}
.adt:after{width:40px;height:2px;content:'';display:block;background:#df052f;margin:5% auto 0}
.imgs img.sp{display:none}
.art li:hover .imgs  img,.art li.ac .imgs  img{display:none}
.art li:hover .imgs  img.sp,.art li.ac .imgs  img.sp{display:inline}
.art li:hover,.art li.ac{background:#df052f;color:#fff}
 .art li:hover  .add,.art li.ac  .add{color:#fff}
.jshen{position:absolute;right:-20%;bottom:-3%;filter:alpha(opacity=0);opacity:0;}
.art li:hover .adt:after,.art li.ac .adt:after{background:#fff}
 .art li:hover .jshen,.art li.ac .jshen{filter:alpha(opacity=100);opacity:1;right:-5%}
.vi img{display:block;max-width:100%;margin:0 auto}
.shop{padding:5% 26%;overflow:hidden;}
.bases{position:relative;}
.base{padding:5% 20%;overflow:hidden;margin-top:2%;}
#shop .owl-stage-outer{overflow:visible}
#shop  .owl-item{-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease;}
#shop  .owl-item.active{-webkit-transform:scale(1.2);transform:scale(1.2);position:relative;z-index:20}
#shop .owl-prev{left:-25%} 
#shop .owl-next{right:-25%} 
.good{padding:3%;background:#f7f7f7}
.gmy {font-size:26px;text-align:center;padding:4% 0 2%}
.gmy p{font-size:18px;color:#666666;padding-top:5px}
.exp2{font-size:24px;line-height:34px;color:#666666;margin:48px 0;text-align:justify}
.about.sp{width:700px}
.pend{padding:4% 15% 4% 0}
.pend li{font-size:20px;line-height:24px;text-align:center;width:120px}
.round{width:78px;height:78px;line-height:78px;text-align:center;border-radius:50%;border:1px dashed #222222;margin-bottom:18px;display:inline-block;vertical-align:top}
.pend li:hover .round{background:#df052f;border-color:#df052f}
.pend li .round img.sp{display:none}
.pend li:hover .round img{display:none}
.pend li:hover .round img.sp{display:inline}
.pend li.you{width:1px;height:80px;line-height:80px} 
.pend li:hover{color:#df052f}   
.logos img{max-width:90%}
.step li{width:15%;background:url(../img/ty1.png) no-repeat center center;padding-bottom:20.5%;background-size:100%;position:relative;font-size:24px;line-height:28px;color:#444444;margin-left:13.33%;float:left;}
.step li:after{background:url(../img/ty2.png) no-repeat center center;width:100%;height:100%;content:'';display:block;background-size:100%;position:absolute;top:0;left:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;filter:alpha(opacity=0);opacity:0;}
.step li:hover:after{filter:alpha(opacity=100);opacity:1;}
.step li:hover{color:#fff}
.yb{position:absolute;top:20%;z-index:30;left:15%;width:70%;text-align:center;}
.yb img.sp{display:none}
.yb p{margin-top:8px}
.step li:hover .yb img{display:none}
.step li:hover .yb img.sp{display:inline}
.step li:first-child,.step li:last-child{margin-left:0}
.step li.sp{float:right;margin-top:3%}
.step li:before{width:90%;position:absolute;right:100%;top:0;height:68%;content:'';display:block;background:url(../img/xz.png) no-repeat center center;}
.step li.sp:before{background:url(../img/xz3.png) no-repeat center center;}
.step li:first-child:before,.step li:last-child:before{display:none}
.step li:hover:before{background:url(../img/xz2.png) no-repeat center center;}
.step li.sp:hover:before{background:url(../img/xz4.png) no-repeat center center;}
.inp{width:49%;float:left;margin-bottom:3%;position:relative;}
.post>.inp:nth-child(2n){margin-left:2%}
.inp input{width:100%;font-size:16px;line-height:58px;padding-left:66px;height:60px;border:1px solid #aaaaaa;}
.inp img{position:absolute;left:31px;top:24px}
.inp.sp{width:100%}
.inp textarea{width:100%;font-size:16px;line-height:58px;padding-left:66px;height:200px;border:1px solid #aaaaaa;}
.inp select{width:100%;font-size:16px;line-height:58px;padding-left:66px;height:60px;border:1px solid #aaaaaa;background:url(../img/sel.png) no-repeat 96% center;}
.sub{text-align:center;clear:both;}
.sub button{font-size:20px;line-height:60px;width:250px;color:#999999;background:#f3f3f3;border:none}
.sub button:hover{background:#df052f;color:#fff}
.inp textarea:focus,.inp select:focus,.inp input:focus{border-color:#df052f;outline:none}
.sum.sp{padding:0 14%}
.skill li{width:37.4%;float:left;position:relative;}
.skill li:first-child{width:60%;margin-right:2.6%}
.call{position:absolute;font-size:26px;color:#fff;background:rgba(0,0,0,.5);bottom:0;left:0;padding:3% 6%;right:0;line-height:1}
.call span{border-left:4px solid #df052f;padding-left:5%;display:inline-block;vertical-align:top}
.skill li .label{padding-bottom:60.4%}
.skill li:first-child+li{margin-bottom:2.5%} 
.skill li:first-child  .label{padding-bottom:79.5%}
.thing li{width:32%;background:#f7f7f7;margin-bottom:2.5%;float:left;} 
.some{padding:7% 2%;text-align:center;}
.s_dd{font-size:18px;line-height:22px;color:#666666;height:44px;overflow:hidden;}
.s_dt{font-size:26px;margin-bottom:5%}
.s_dt:after{width:46px;height:3px;background:#df052f;content:'';display:block;margin:5% auto 0;}
.thing li:hover{background:#df052f;color:#fff}
.thing li:hover .s_dd{color:#fff}
.thing li:hover .s_dt:after{background:#fff}
.ahead{text-align:center;padding:5% 0 2%;position:relative;}
.ahead::after{width:1920px;content:"";height:1px;background:#ccc;display:block;bottom:0;left:-360px;position:absolute;}
.ahead dt{font-size:24px;color:#333333;margin-bottom:1%;font-weight:bold;}
.ahead dd{font-size:12px;color:#666666;}
.fall{font-size:16px;line-height:36px;text-align:justify;margin-top:4%; }
.fall p{text-indent:2em;color:#333}
.fall  img{max-width:100%;display:block;margin:30px auto}
.offer{font-size:14px;color:#333;padding-top:15px;clear:both;position:relative; }
.offer::before{width:1920px;content:"";height:1px;background:#ccc;display:block;top:0;left:-360px;position:absolute;}
.offer a{float:left;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.offer a:first-child+a{float:right;}
.modal{position:fixed;top:0;left:0;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:4200;align-items:center;display:none;}
.modal>iframe{width:50%;position:fixed;height:60%;top:0%;left:0%;box-shadow:10px 10px 20px rgba(0,0,0,.5);filter:alpha(opacity=0);opacity:0; -webkit-transform: translateY(-80px);-webkit-transition:all 0.5s ease-out 0.2s;transform: translateY(-80px);transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;}
.modal.active>iframe{ -webkit-transform: translateY(0);transform: translateY(0);filter:alpha(opacity=100);opacity:1;}
a.close{width:50px;height:50px;background:url(../img/close.png) no-repeat center center;position:absolute;right:0px;top:0px;margin-top:-50px;margin-left:-50px}


 
 @media screen and (max-width: 1600px) {
.cont2{width:1200px}
 

 }

 @media screen and (max-width: 1200px) {
.cont{width:98%; }
.long{padding-bottom:6%} 
 .home{margin-bottom:5%}
.caption{left:10%;margin-left:0}
.jssora05l{left:2%}
.jssora05r{right:2%}
.bg > .cont{padding:6% 0}
.exp{margin:4% 0}
 }
 @media screen and (max-width: 1000px) { 
 .guide > li{margin-left:20px}
 .lab{font-size:30px}
.qual{padding:2% 3% 5%}
.nam{font-size:16px;line-height:30px}
.gall li{width:23.5%}
 }
 
 @media screen and (max-width: 800px) {  
a.logo{max-width:50%;height:80px;line-height:80px}
a.logo img{max-height:30px;}
.head{height:80px;line-height:80px;background:rgba(255,255,255,.4);width:100%;}
a.menu{position:fixed;z-index:4000;display:block;width:40px;height:40px;top:20px;right:2%;}
a.menu b{height:4px;display:block;background:#df052f;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-top:4px;}
a.menu b.sp{margin-top:10px;}
a.menu b.mi{margin-top:10px;}
a.menu.active b{margin-top:18px;margin-bottom:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:none}
a.menu.active b.sp{margin-top:-4px; }
a.menu.active b.mi{margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.guide{width:200px;background:rgba(255,255,255,.9);margin-top:0;position:fixed;top:0;top:80px;z-index:4000;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.03,1);transition:all 1.5s cubic-bezier(0.5,0,0.03,1);overflow-y:auto;right:-200px;max-height:calc(100% - 80px)}
.guide.active{right:0;box-shadow:0 0 14px rgba(0,0,0,.5)}
.guide > li{display:block;margin-left:0;float:none;position:relative;}
.guide > li>a{display:block;float:none;font-size:18px;line-height:3;width:100%;margin:0;padding:0; text-align:center;color:#222;font-weight:bold}  
 .sum li h3,.pnam{font-size:30px}
 .lead{position:static;filter:alpha(opacity=100);opacity:1;background:#f2f2f2;color:#555;visibility:visible;white-space:unset}
 .lead a{font-size:14px;line-height:24px;white-space:nowrap;}
 .lead a:hover, .lead a.active{color:#333}
.lab,.s_dt{font-size:20px}
.ban{margin-top:80px}
.about.sp{width:100%;}
.step li{font-size:14px;line-height:18px} 
 }
 @media screen and (max-width: 640px) { 
.head{height:50px;line-height:50px}
a.logo{height:50px;line-height:50px; }
a.logo img{height:20px}
.guide> li>a{font-size:16px; }
.guide{width:160px;right:-160px;top:50px}
a.menu{-webkit-transform:scale(0.8);transform:scale(0.8);top:5px}
.flex{-webkit-box-lines:single;flex-wrap:wrap;-webkit-box-align:top;align-items:top}
.h2{font-size:17px}
.h2 span{margin-left:7px}
 .jssora05l, .jssora05r{font-size:20px} 
 .h3{font-size:13px;padding-top:5px}
  .fall img{margin:15px auto}
.offer a{max-width:100%; }
.offer a:first-child+a{float:left;margin-top:2%}
.jssora05l, .jssora05r{width:30px;height:30px;margin-top:0px;line-height:30px}
 #ads{margin-top:50px}
.about{width:90%;margin-left:5%;text-align:center;}
.exp{font-size:14px;line-height:24px}
.sum{background:rgba(255,255,2552,.6)}
.sum li h3{font-size:20px}
.sum li, .lab{font-size:13px}
.wood{font-size:13px;line-height:18px;padding:4% 0 7%}
.more{font-size:13px;line-height:30px;width:120px}
.use{padding:3% 2%}
.use li{width:50px;height:50px;font-size:13px }
.ym img{display:none!Important}
.ducts{padding:0 40px}
#duct .owl-prev{left:-40px;margin-top:-30px}
#duct .owl-next{right:-40px;margin-top:-30px}
.thumb p{font-size:12px;padding-top:5px}
.ninfo{padding:4%}
.ndt{font-size:14px;line-height:18px;height:36px;margin-bottom:5%}
.text{font-size:12px}
.join li{width:30%}
.sup{font-size:13px;line-height:30px}
.sup img{display:none!Important}
.web{display:none}
.cod{margin:0 auto}
.copy{display:none}
.side{-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;}
.ban{margin-top:50px}
.lead a{ font-size:12px;line-height:20px }
.ban > img{width:140%;margin-left:-20%}
.pdd{font-size:12px;line-height:15px;padding:15px 0}
.pnam,.gmy{font-size:16px}
.pnam::after{display:none}
.kind a{font-size:14px;line-height:24px;margin:1%}
.list li{width:49%}
.list li:nth-child(3n-1){margin-left:0;margin-right:0}
.list li:nth-child(2n){margin-left:2%}
.list li p{font-size:14px;line-height:32px}
.pager a, .pager .current{width:30px;line-height:30px;height:30px;margin:0;font-size:12px}
.gmy p{font-size:12px;line-height:1.5}
.exp2{font-size:14px;line-height:24px;margin:4% 0}
.pend{padding:4% 0;background:rgba(255,255,255,.6)}
.pend li{width:70px;font-size:12px;line-height:1.5;}
.round{width:50px;height:50px;line-height:50px;margin-bottom:8px}
.pend li .round img{height:14px}
.step li{width:31%;padding-bottom:43%;margin-left:2%}
.step li:before{display:none}
.step li.sp{float:left}
.yb img{height:20px}
.inp{width:100%;}
.post > .inp:nth-child(2n){margin-left:0}
.post{padding:0 10%}
.inp input,.inp select{height:40px;line-height:38px;padding-left:30px}
.inp textarea{height:100px;line-height:30px;padding-left:30px}
.inp img{top:13px;left:11px}
.sub button{font-size:16px;width:200px;line-height:40px}
.map{width:100%;padding-bottom:50%}
.tell{padding:0;width:100%;margin-bottom:4%}
.way dd{padding-top:10px;padding-bottom:10px}
.way dt{font-size:18px}
.cding{font-size:14px;margin-top:4%}
.aimg{display:block;margin:5% auto 0}
.adt,.s_dt{font-size:15px}
.add{font-size:12px;margin-bottom:4%}
.imgs{display:none;}
.jshen{height:40%}
#shop .owl-prev{left:-50%}
#shop .owl-next{right:-50%}
.call{font-size:14px}
.thing li,.nlist li{width:49%}
.nlist li:nth-child(3n-1){margin-left:0%;margin-right: 0%;}
.nlist li:nth-child(2n){margin-left:2%; }
.s_dd{font-size:12px;line-height:18px}
.nam{font-size:12px;line-height:20px}
.video li{width:47%}
.video li:first-child{width:96%;margin-left:2%}
.rom{height:72%}
.mm2 a{font-size:14px;line-height:30px;width:140px;border-radius:16px}
 }