.banner{padding:13.2% 0%;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1.5s linear;transition:all 1.5s linear;position:relative;text-align:center}
.move{max-width:50%;}
.banner.active{filter:alpha(opacity=100);opacity:1;}
.banner.active .move{-webkit-animation: bounceIn 1s 0.5s ease-in-out both;animation: bounceIn  1s  0.5s ease-in-out both;}
  @-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);}
  20% {  -webkit-transform: scale3d(1.1, 1.1, 1.1);}
  40% { -webkit-transform: scale3d(.9, .9, .9); }
  60% {opacity: 1;  -webkit-transform: scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform: scale3d(.97, .97, .97);}
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);  }}  
  @keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  20% {  transform: scale3d(1.1, 1.1, 1.1);}
  40% { transform: scale3d(.9, .9, .9); }
  60% {opacity: 1;  transform: scale3d(1.03, 1.03, 1.03);}
  80% {transform: scale3d(.97, .97, .97);}
  100% { opacity: 1; transform: scale3d(1, 1, 1);  }}
.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;}
.brand{width:36%;float:left;background:url(../img/hao.jpg) no-repeat bottom left;background-size:cover;position:relative;padding-bottom:47.5%}
.brand.sp{padding-bottom:44%;float:right;}
.zli{width:64%;float:right;}
.zli li{width:43%;margin-right:7%;float:left;}
.zli li>img{width:100%;display:block;}
.zli li dd{font-size:20px;line-height:30px;text-align:center;padding-top:5%}
.cai{width:64%;float:right;}
.cai li{float:left;width:48%;margin-left:2%;padding-bottom:36%;margin-bottom:2%}
.cai li:first-child{padding-bottom:74%}
.free{position:absolute;left:10%;width:80%; top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%); }
.free>h4{font-size:60px;color:#dadada;line-height:1;font-family:arial;letter-spacing:-2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.free>h5{font-size:32px; }
.free>dt{margin-bottom:24%;margin-top:3%}
.free>dd{font-size:26px;margin-bottom:5px }
.free>p{font-size:14px;color:#999999 }
.contact{text-align:center;line-height:1.5;margin-bottom:3%}
.contact dt{font-size:30px;color:#222;}
.contact h3{font-size:46px;color:#50331b;font-style:italic;}
.contact dd{font-size:18px;color:#222;padding:10px 0}
.contact dd img{margin-right:10px}
.contact dd:hover{color:#50331b}
.code{margin:10px 0}
.during{font-size:0;letter-spacing:-5px;text-align:center;width:1232px;margin-left:-16px}
.during li{width:102px;border:1px solid #fff;border-radius:50%;display:inline-block;letter-spacing:normal;margin:1.2% 25px;}
.rect{padding-bottom:100%;position:relative;}
.rect span{position:absolute;top:50%;left:0;width:100%;text-align:center;font-size:18px;color:#fff;padding-bottom:14px;background:url(../img/ss.jpg) no-repeat bottom center;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.phone{margin:0 7%;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:2% 0;font-size:0;letter-spacing:-5px}
.phone li{width:50%;display:inline-block;vertical-align:middle;text-align:center;font-size:18px;color:#222;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:normal;}
.phone li:first-child{border-right:1px solid #eaeaea;}
.phone li:hover{color:#50331b}
.type{padding:8px 0;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;text-align:center;margin-bottom:30px}
.type a{font-size:14px;line-height:26px;min-width:76px;display:inline-block;vertical-align:top;margin:0 36px;color:#444;padding:0 10px;position:relative;}
.type a::after{height:100%;width:1px;content:"";background:url(../img/xz.png) no-repeat center center;position:absolute;top:0;left:-36px}
.type a:first-child::after{display:none}
.type a.active,.type a:hover{background:#50331b;color:#fff}
.hot{position:relative;padding-right:34%;margin-bottom:4%}
.tcover{width:33.3%;position:absolute;top:0;right:0;height:100%;display:block;box-shadow:0 0 5px 2px rgba(0,0,0,.2)}
.paper{padding:4% 10.5% 6%;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.1)}
.paper p{font-size:16px;line-height:30px;color:#222;height:90px;overflow:hidden;margin-bottom:3.5%;}
.paper dt a{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;vertical-align:top;font-weight:bold;}
.paper dd{font-size:14px;color:#b6b6b6;padding-left:24px;background:url(../img/time.png) no-repeat left center;margin-bottom:5%;margin-top:5px}
a.more{font-size:14px;color:#50331b; }
.duct{font-size:0;letter-spacing:-5px}
.duct .label{width:65%;padding-bottom:46.5%;display:inline-block;vertical-align:middle}
.info{padding:0 5.5%;width:24%;display:inline-block;letter-spacing:normal;font-size:14px;line-height:1.5;color:#555;vertical-align:middle}
.info dt{font-size:35px;font-weight:bold;color:#222}
.info dd{font-size:12px}
.br{height:3px;padding:16% 0;background:url(../img/dian.png) no-repeat left center}
.quote{margin-bottom:8%}
.info p{color:#444;padding:5px 0}
a.mm{font-size:14px;line-height:45px;border:1px solid #030000;color:#030000;width:172px;display:inline-block;text-align:center;margin-top:20%}
a.mm:hover{background:#030000;color:#fff}
#duct .owl-dots{width:65%}
#duct .owl-dot span{width:55px;background:#fff;filter:alpha(opacity=50);opacity:.5;margin:0 8px}
#duct .owl-dot.active  span{background:#fff;filter:alpha(opacity=100);opacity:1;}
.kind{padding:4px 0;width:100%;text-align:center;border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;margin-bottom:3%}
.kind li{min-width:26%;text-align:center;display:inline-block;margin:4px 0;}
.kind li a{display:inline-block;font-size:14px;line-height:26px;padding:0 17px;color:#444444}
.kind li.active a,.kind li a:hover{background:#50331b;color:#fff;}
.list li{width:30%;float:left;margin-bottom:4%}
.list li:nth-child(3n-1){margin-left:5%;margin-right:5%}
.list li dd{position:relative;margin:0 5%;font-size:14px;line-height:4;background:#50331b;color:#fff;padding-left:5%;margin-top:-5.5%;z-index:200;box-shadow:0 0 6px 2px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:70px;cursor:pointer;filter:alpha(opacity=0);opacity:0;top:7%}
.list li dd span{padding:0 6%;color:#333;background:#fff;position:absolute;top:0;right:0} 
.list li.ac dd{filter:alpha(opacity=100);opacity:1;top:0}
.list::after{clear:both;content:"";display:block;}
.list li .label::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.list li.ac .label::after{background:rgba(0,0,0,.5)}
.about{width:60%}
.plam{padding:3% 7.5% 7.5%;background:#50331b;position:relative;}
.cctv{position:relative;padding-bottom:64%;overflow:hidden;}
.cctv .vr{position:absolute;left:0;top:0;height:100%;width:100%;filter:alpha(opacity=0);opacity:0; }
.cctv .vr.active{filter:alpha(opacity=100);opacity:1;}
.plam dd{font-size:14px;color:#fff;line-height:2.5}
.profile{background:#fff;padding:4% 4.5%;box-shadow:0 0 8px 2px rgba(0,0,0,.1)}
.profile dd{font-size:14px;line-height:25px;color:#555555;padding-top:10%;margin-bottom:9%;padding-bottom:9%;border-bottom:1px solid #d2d2d2}
.profile p a{color:#50331b;font-size:12px}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:4000;display:none;}
.uza{width:740px;background:#fff;box-sizing:border-box;border-radius:10px;max-height:80%;position:absolute;left:50%;margin-left:-360px;top:10%;padding:3% 4%;overflow-y:auto;overflow-x:hidden;}
.uza h3{font-size:24px;text-align:center;margin-bottom:3%}
.ky{font-size:14px;line-height:26px;color:#555}
.ky img{display:block;margin:10px auto;max-width:100%;}
.close{position:fixed;top:10%;left:50%;margin-left:390px;display:block;}
.shop{position:relative;margin-bottom:3.5%}
.shop li{width:34%;margin-left:0.5%;padding-bottom:42.5%;float:left;position:relative;overflow:hidden;}
.shop li:first-child{width:31%;margin-left:0;padding-bottom:21%}
.shop li:first-child+li+li+li{width:31%;left:-0.5%;padding-bottom:21%;bottom:0;position:absolute;}
.name{position:absolute;top:0;width:100%;height:100%;background:rgba(80,51,27,.9);left:-100%}
.name::after{top:5%;bottom:5%;left:5%;right:5%;border:1px solid #fff;content:"";display:block;position:absolute;}
.name dd{position:absolute;top:50%;left:10%;width:80%;text-align:center;color:#fff;font-size:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.shop li:hover .name{left:0}
.play li{width:32.6%;float:left;margin-bottom:3%;border-bottom:1px dashed #cac1ba;}
.play li:nth-child(3n-1){margin-left:1.1%;margin-right:1.1%}
.play li dd,.mmd dd{font-size:14px;color:#444444;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:5%;padding-bottom:6%}
.mmd{position:absolute;right:0;bottom:0%;width:32.6%;margin-bottom:3% }
.mmd a{padding-bottom:75%;background:#50331b;background:rgba(80,51,27,.5);position:relative;display:block;margin-bottom:1px}
.mmd a span{position:absolute;left:0;width:100%;text-align:center;top:50%;font-size:24px;line-height:30px;margin-top:-15px;display:block;color:#fff}
.mmd a:hover{background:#50331b}
#duct::after{width:87px;height:147px;background-position:top right;background-repeat:no-repeat;background-image:url(../img/new.png);content:"";z-index:300;position:absolute;top:0;left:6%}
.ding{padding:3% 0 2% 25%;background:#fbfbfb;position:relative;}
.supp{padding:0 2%;background:#fff;position:relative;box-shadow:0 0 8px 2px rgba(0,0,0,.2);z-index:200}
.sun{padding-left:17.2%;padding-right:5%}
.should{position:absolute;top:0;left:0;width:34.3%;height:100%;}
.should li{position:absolute;top:0;left:0;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;}
.should li.active{filter:alpha(opacity=100);opacity:1;}
.txt{font-size:14px;line-height:26px;color:#555;padding:4% 0}
.now>h3{font-size:20px;padding-bottom:12px;border-bottom:1px solid #eeeeee}
.now>h3 label{font-size:16px;font-weight:normal;color:#999;float:right;}
.door{height:40px;line-height:40px;text-align:center;margin-bottom:10px}
.supp li{width:14.28%;float:left;padding:35px 0;font-size:14px;text-align:center;cursor:pointer;}
.door img.sp{display:none}
.supp li.active{background:#50331b;color:#fff}
.supp li.ac .door img{display:none;}
.supp li.ac .door img.sp{display:inline;}
.oa li{width:23.5%;float:left;margin-right:2%;margin-bottom:6%;}
.text{padding-bottom:56.3%;background:url(../img/mask.png) no-repeat center center;background-size:cover;position:relative;filter:alpha(opacity=0);opacity:0;}
.text dd{font-size:18px;color:#fff;position:absolute;left:0;width:100%;top:50%;line-height:20px;margin-top:-10px;text-align:center;}
.oa li:nth-child(4n){margin-right:0}
.oa li.ac .text{filter:alpha(opacity=100);opacity:1;} 
.text2{padding-bottom:56.3%;background:#fff;position:relative; } 
.text2 dd{font-size:18px;position:absolute;left:0;width:100%;top:50%;line-height:20px;margin-top:-10px;text-align:center;}
.oa li.active .text2{background:#50331b;color:#fff} 
.oa li.active .text2 a{color:#fff}
.oa::after{clear:both;content:"";display:block;}
.req li{width:23.5%;float:left;margin-right:2%;margin-bottom:2%}
.req li:nth-child(4n){margin-right:0}
.req li dd{font-size:16px;line-height:3;text-align:center;color:#50331b;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.req li.ac dd{background:#50331b;color:#fff}
.coco li{width:18.6%;float:left;margin-right:1.75%;margin-bottom:1.75%;}
.coco li:nth-child(5n){margin-right:0}
.coco li img{width:100%}
.coco li dd{font-size:16px;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:4%}
.coco li.ac dd{color:#50331b}
.ai{position:relative;}
.dl{float:left;width:100%;position:absolute;top:0;left:0;display:none;}
.dl.active{display:block;position:relative;}
.dl li{width:42%;float:left;margin-right:1%}
.dl li:first-child{margin-bottom:1%}
.dl li:first-child+li{width:56%}
.dl li:last-child{position:absolute;bottom:0;left:0}
.dl li:first-child+li .box{padding-bottom:114%}
.box{padding-bottom:75%;background-repeat:no-repeat;background-position:center center;width:100%;background-size:cover;}
.bag{width:66%;position:relative;}
.din{position:absolute;right:17px;bottom:17px;z-index:200;margin-right:1%}
.din a{width:4px;height:4px;border-radius:50%;border:1px solid #65635e;display:inline-block;margin-left:5px}
.din a.active{background:#50331b;border-color:#50331b}
.mine{background:#fff;position:absolute;top:0;right:0;height:100%;width:34%}
.mine::after{width:20%;padding-bottom:20%;content:"";background:url(../img/sio.png) no-repeat top right;background-size:100%;position:absolute;top:0;right:0}
.mcall{position:absolute;left:12%;width:76%;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);}
.mcall dd{font-size:14px;line-height:26px;color:#666;margin-top:9%;margin-bottom:20%}
.mcall a{font-size:12px;line-height:28px;width:108px;border:1px solid #474747;color:#474747;text-align:center;display:inline-block;}
.step li{float:left;width:150px;border-bottom:1px solid #b5b5b5;margin-bottom:3%}
.step li img{max-width:96%;display:block;margin-bottom:-6px}
.step li img:hover{-webkit-animation: shake 0.5s 0s ease-in-out both;animation: shake  0.5s  0s ease-in-out both}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}
10%,50%,90%{-webkit-transform:translateX(-10px)}
20%,60%{-webkit-transform:translateX(10px)}}
@keyframes shake{0%,100%{-moz-transform:translateX(0)}
30%{-moz-transform:translateX(-10px)}
60%{-moz-transform:translateX(10px)}}
.input{width:22%;float:left;margin-left:4%;margin-bottom:3%}
.note>.input:first-child{margin-left:0}
.input>label{font-size:16px;line-height:37px;float:left;color:#50331b;}
.input>dd{margin-left:60px}
.input>dd input{border:1px solid #50331b;width:100%;height:37px;line-height:35px;padding-left:10px;font-size:16px;background:none;}
.input>dd textarea{border:1px solid #50331b;width:100%;height:128px;line-height:25px;padding:5px 10px;font-size:16px;background:none;resize:none}
.sure{text-align:right;clear:both;}
.sure button{height:37px;line-height:35px;width:85px;color:#644a35;border:1px solid #644a35;display:inline-block;text-align:center;font-size:16px;background:none;}
.input>dd input:focus,.input>dd textarea:focus{box-shadow:0 0 5px #05e1fa;border-color:#0000ff}

 @media screen and (max-width: 1200px) {
.during{width:100%;margin-left:0}
 

 } 
 
 
 @media screen and (max-width: 1000px) {
.info{padding:0 2%;width:31%}
.info dt{font-size:24px}
.rong{left:5%;width:90%}
.exp{padding-top:5%;padding-bottom:8%}
.free>h4{font-size:30px; }
.free>h5{font-size:24px; }
.free>dd{font-size:20px }
.zli li dd{font-size:16px;line-height:24px}
 }
 
 
 @media screen and (max-width: 800px) {
#duct::after{width:12%;background-size:100%;}
.br{padding:5% 0}
a.mm{margin-top:8%}
.list li dd{top:0;filter:alpha(opacity=100);opacity:1;}
.brand{width:100%;padding-bottom:0!important}
.free{position:static;-webkit-transform:none;transform:none;padding:5%}
.free > dt{margin-top:2%;margin-bottom:5%}
.cai{width:98%;padding-right:2%;margin-top:2%}
.profile dd{font-size:12px;line-height:1.5;}
.uza{width:90%;left:5%;margin-left:0}
.close{left:auto;right:5%;margin-top:-40px}
.xin{padding:0 2%;width:35.5%}
.xin dt{font-size:20px}
.txt{font-size:12px;line-height:18px}
.supp{padding:0}
.supp li{padding:3% 0}
.zli{float:none;width:100%;clear:both;padding-top:2%}
.zli li{width:48%;margin-left:1%;margin-right:1%}
 } 
 
 @media screen and (max-width: 640px) {
.fall img{margin:15px auto}
.offer a{max-width:100%; }
.offer a:first-child+a{float:left;margin-top:2%}
.ahead dt,.uza h3{font-size:18px}
.quote{display:none;}
.info{font-size:12px}
.info p{padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.info dt{font-size:15px}
.info dd{display:none;}
a.mm{font-size:12px;line-height:30px;width:100px}
.kind li{min-width:30%}
.kind li a{padding:0 10px}
.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 dd{font-size:12px;line-height:3;margin:0;padding-right:50px}
.pswp__button{background-size:18px!important}
.about{display:block;width:100%;}
.profile{display:block;}
.profile dd{margin-bottom:4%;padding-bottom:4%;padding-top:4%}
.type a{margin:0 2%}
.type a::after,.so td dd{display:none;}
name dd,.play li dd, .mmd dd,.paper dd{font-size:12px}
.mmd a span{font-size:18px}
.contact h3,.contact dt{font-size:20px}
.contact dd{font-size:14px;padding:5px 0;text-align:left;}
.phone{margin:0}
.phone li{width:100%;font-size:14px;}
.phone li:first-child{border-right:none;margin-bottom:2%}
.paper{padding:3% 4% 4%}
.paper p{font-size:12px;line-height:18px;height:54px;overflow:hidden;}
.paper dt a{font-size:16px}
.should,.free > p{display:none;}
.ding{padding:3% 0}
.sun{padding-left:5%}
.now > h3{font-size:16px;padding-bottom:5px}
.supp li{width:25%;font-size:12px;}
.door{height:30px;line-height:30px;margin-bottom:2px}
.door img{height:20px}
.oa li{width:32%}
.oa li:nth-child(4n){margin-right:2%}
.oa li:nth-child(3n){margin-right:0}
.text{font-size:12px;filter:alpha(opacity=50);opacity:.5;}
.req li{width:49%;margin-right:2%;margin-bottom:2%}
.req li:nth-child(2n){margin-right:0}
.req li dd{font-size:13px}
.coco li{width:32%;margin-right:2%}
.coco li:nth-child(5n){margin-right:2%}
.coco li:nth-child(3n){margin-right:0}
.coco li dd{font-size:12px}
.step li{width:25%}
.note{padding:0 4%}
.input{width:100%;margin-left:0}
.free>h4{font-size:20px; }
.free>h5{font-size:16px; }
.free>dd{font-size:14px }
.zli li dd{font-size:12px;line-height:16px}
.during li{width:70px;margin-left:2%;margin-right:2%}
.rect span{font-size:12px;padding-bottom:0;background:none}
.mine{position:relative;width:100%;clear:both;}
.mcall{position:static;padding:5%;width:90%;-webkit-transform:none;transform:none;}
.mcall dd{font-size:13px;line-height:18px;margin-top:5%;margin-bottom:8%}
.mcall dt img{width:60%}
.bag{width:100%;margin-bottom:1%}
 }