.banner{overflow:hidden;background:#000;transform:scale(1.2);filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1.5s ease-out;transition:all 1.5s ease-out;}
.banner img{max-width:92%}
.banner.active{-webkit-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);opacity:1}
.banner img{-webkit-animation:bounceOut  0.5s 1s ease-in-out both;animation:bounceOut  0.5s 1s ease-in-out both; }
.banner.active img{-webkit-animation:flipInY  1s 1.5s ease-in-out both;animation:flipInY  1s 1.5s ease-in-out both; }
.contacts{text-align:center;}
.code{width:355px;margin-right:10%;display:inline-block;vertical-align:middle;}
.info{display:inline-block;vertical-align:middle;text-align:left;}
.info p{font-size:20px; color:#686868;line-height:2}
.info h3{font-size:30px;color:#333333;margin-bottom:3px}
.info dd{font-size:14px;color:#333333;border-bottom:2px solid #085b51;padding-bottom:3%;margin-bottom:6%}
.info dt{font-size:20px;color:#a2a2a2;padding-bottom:1.5%;border-bottom:1px solid #a2a2a2;margin-top:12%}
.art img{width:100%;margin-bottom:4%}
.arts li{width:48%;float:left;}
.arts li:first-child{margin-right:4%}
 .arts li img{width:100%}
.arts li  dd{font-size:26px;color:#444444;text-align:center;margin-top:2%}
.stand{padding-top:3.33%;position:relative;margin-bottom:5%;}
.main{margin-left:33%;text-align:right;}
.main img{max-width:100%;}
.data{position:absolute;top:0;left:0;padding:5% 2%;background:#f1f1f1;width:36%;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.1)}
.data  dt{font-size:26px;color:#333333;padding-bottom:15px;background:url(../img/rect.png) no-repeat bottom center;margin-top:6%}
.data  dd{font-size:18px;color:#333333;line-height:1.6;padding:12% 5% 0}
.kind{text-align:center;margin-bottom:4%;}
.kind a{font-size:20px;color:#333;line-height:42px;min-width:135px;margin:0 15px 10px;display:inline-block;border:1px solid #333;border-radius:5px;}
.kind a.active,.kind a:hover{background:#085b51;color:#fff;font-weight:bold;border-color:#085b51}
.duct>a{width:23.5%;float:left;margin-right:2%;margin-bottom:2%;position:relative;overflow:hidden;}
.duct>a img{width:100%;}
.duct>a:nth-child(4n){margin-right:0} 
.duct>a dd{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:20;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;-webkit-transform:scale(1.5);transform:scale(1.5);}
.duct>a dd span{margin-top:-46px;padding-top:70px;font-size:22px;line-height:22px;color:#fff;position:absolute;top:50%;left:0;width:100%;text-align:center;background:url(../img/big.png) no-repeat top center}
.duct>a dd:hover{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.about{font-size:20px;color:#333333;line-height:1.6;}
.about img{max-width:100%;display:block;margin:30px auto}
.about p{text-indent:2em}
.shop a{width:32.4%;margin-right:1.4%;margin-bottom:1.4%;float:left;padding-bottom:24.3%;position:relative;overflow:hidden;}
.shop a:nth-child(3n){margin-right:0}
.shop a img{min-width:100%;position:absolute;top:0;left:0;height:100%;}
.plam a{width:32.4%;float:left;position:relative;margin-bottom:1%;overflow:hidden;padding-bottom:24.3%;}
.plam a:first-child{width:62%;margin-left:0%;padding-bottom:46.5%;margin-right:1%;}
.plam a:nth-child(3n-1){margin-right:1.4%;margin-left:1.4%}
.plam a:first-child+a,.plam a:first-child+a+a{width:37%;padding-bottom:22.7%;margin-left:0;margin-right:0;}
.plam a img{position:absolute;top:0;left:0;height:100%;min-width:100%;}
.plam a:first-child dd{font-size:20px}
.plam a:nth-child(3n-2){clear:both;}
.list li{float:left;width:48%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);margin-bottom:3%;position:relative;overflow:hidden;} 
.list>li:nth-child(2n){margin-left:4%}
.list li a.fi{width:48%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-transition:all 1.5s ease-out;-webkit-transform:scale(1);transition:all 1.5s ease-out;transform:scale(1);}
.list li:hover a.fi{-webkit-transform:scale(1.2);transform:scale(1.2);}
.article{margin-left:48%;padding:3% 3.5% 1%;position:relative;z-index:200;background:#fff}
.article dd{font-size:14px;color:#444444;line-height:26px;height:78px;overflow:hidden;margin:4% 0 12%}
.article dt a{display:block;font-size:18px;font-weight:bold;color:#085b51;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article  p{font-size:12px;line-height:2.2;color:#666666}
.article  p a{display:block;border-top:1px solid #999999}
.paper img{width:100%}
.ahead{text-align:center;padding:8% 0 3.5%;border-bottom:1px solid #085b51}
.ahead dt{font-size:24px;color:#333333;margin-bottom:1.5%;font-weight:bold;}
.ahead dd{font-size:12px;color:#666666;}
.news{font-size:16px;line-height:2;color:#333;text-align:justify;margin-top:4%}
.news p{text-indent:2em}
.news  img{max-width:100%;display:block;margin:30px auto}
.offer{font-size:14px;color:#333;padding-top:15px;border-top:1px solid #cccccc;clear:both; }
.offer a{float:left;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.offer a:first-child+a{float:right;}
.need img{max-width:100%}
.supp{font-size:0;letter-spacing:-5px;}
.supp li{display:inline-block;letter-spacing:normal;width:23.5%;margin-right:2%;margin-bottom:2%;text-align:center;color:#fff;-webkit-transition:color 0.5s ease;transition:color 0.5s ease;vertical-align:top}
.supp li h4{font-size:20px;}
.supp li p{font-size:12px;}
.supp li:hover{color:#ffbd49}
.supp li label{padding-bottom:62.4%;margin-bottom:8px;border-radius:12px;}
.supp li:nth-child(4n){margin-right:0}
.process{font-size:0;letter-spacing:-5px}
.process li{width:20%;display:inline-block;vertical-align:bottom;letter-spacing:normal;margin-bottom:3%}
.process li img{max-width:100%}
.process li dt{font-size:20px;color:#333333;font-weight:bold;text-align:center;margin-bottom:5%}
.process li:nth-child(6),.process li:nth-child(7),.process li:nth-child(8),.process li:nth-child(9){float:right;}
.order li{float:left;width:23.5%;margin-right:2%;margin-bottom:2%}
.order li dd{font-size:20px;color:#fff;text-align:center;padding-top:4%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.kuang{position:absolute;top:0;left:0;border:3px solid #ffbd49;right:0;bottom:0;display:none;}
.order li:nth-child(4n){margin-right:0}
.order li:hover .kuang{display:block;}
.order li:hover dd{color:#ffbd49;font-weight:bold}
.shop a span{display:none;}


 @media screen and (max-width: 1200px) {
.banner img{margin-left:4%!important;margin-right:4%!important}
 }
 
 @media screen and (max-width: 1000px) {
.data dt{font-size:20px;padding-bottom:10px;}
.data dd{font-size:16px;line-height:1.5;padding:6% 0 0}
.arts li dd{font-size:20px;}
.article dd{line-height:20px;height:60px;margin:4% 0}
 } 
 
 @media screen and (max-width: 800px) {
.data dd{font-size:14px}
.data dt{font-size:18px;}
.kind a{font-size:16px;line-height:36px;min-width:110px;margin:0 8px 10px; }
.duct>a{width:49%}
.duct>a:nth-child(2n){margin-right:0}
.arts li dd,.order li dd{font-size:15px;}
.code{display:block;margin:0 auto 20px;max-width:80%}
.about img,.news img{margin:20px auto}
.about,.supp li h4{font-size:18px}
.shop a{width:49%;margin-right:2%;margin-bottom:2%;padding-bottom:36.7%}
.shop a:nth-child(3n){margin-right:2%;}
.shop a:nth-child(2n){margin-right:0%;}
.ahead dt{font-size:20px}
.offer a{max-width:100%;font-size:16px;}
.offer a:first-child+a{float:left;margin-top:7px}
.article dd{line-height:16px;font-size:12px;height:48px;}
.supp li,.order li{width:32%}
.supp li:nth-child(3n),.order li:nth-child(3n){margin-right:0%}
.supp li:nth-child(4n),.order li:nth-child(4n){margin-right:2%}
.process li dt{font-size:18px;}
#need{-webkit-animation:bounceInLeft  1s 1s ease-in-out both!important;animation:bounceInLeft  1s 1s ease-in-out both!important;}
#art{-webkit-animation:bounceInLeft  1s 0.5s ease-out both!important;animation:bounceInLeft 1s  0.5s ease-out both!important;}
#about{-webkit-animation:fadeInUp  1s 0s ease-in-out both!important;animation:fadeInUp   1s 0s ease-in-out both!important;}
#list li{-webkit-animation:bounceInRight  0.8s .5s ease-in-out both!important;animation:bounceInRight  0.8s .5s ease-in-out both!important;}
 } 
 
 
 @media screen and (max-width: 640px) { 
 .main{margin-left:0; }
.data{position:relative;padding:3%;background:#f1f1f1;width:94%; }
.data img{display:none;}
.data dt{margin-top:0}
.data dd{padding:2% 0 0}
.kind a{font-size:16px;line-height:32px;min-width:90px;margin:0 2px 10px; }
.arts li{width:100%;margin-bottom:2%}
.info h3{font-size:18px}
.info p,.info dt,.order li dd{font-size:14px}
.about,.supp li h4{font-size:14px}
.about img,.news img{margin:10px auto}
.list li{width:49%}
.list > li:nth-child(2n){margin-left:2%}
.list li a.fi{display:block;padding-bottom:65%;position:relative;width:100%;height:0;}
.article dt a{font-size:14px;line-height:1.2}
.article{padding:2%;margin-left:0;}
.need{width:140%;margin-left:-20%}
.supp li p,.article p a{display:none;}
.process li{width:33.3%}
.process li:nth-child(6) img,.process li:nth-child(7) img,.process li:nth-child(8) img,.process li:nth-child(9) img{float:none!important;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.process li:nth-child(3n+1){clear:both;}
.process li dt{font-size:14px;line-height:1.2}
.article p{line-height:1.6}
 }