@media (max-width:1200px) {
  .home-banner .swiper-slide{height:45vw}
  .page-banner{height:35vw}
  .product-list figure{height:17vw}
  .page-img-list li figure{height:19vw}
}
@media (max-width:1024px){
  .p-contact li{flex:0 0 49%;margin-bottom:12px;}
  .page-title:before{height:28px;}
  .page-title strong{font-size: 30px;}
  .page-title small{font-size: 14px}
}
@media (max-width:768px){
  body:before{content: '';display:block;height:70px}
  .header{padding:15px 0;position:fixed;top:0;right:0;z-index:922;background: #fff}
  .header:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-1;box-shadow:0 0 5px 5px rgba(0,0,0,.1)}
  .header .logo img{max-height:39px}
  .nav-btn{display:block;padding-top:7px}
  .nav-btn:before{content:'\e63e';font-family:iconfont;font-size:1.8rem;line-height:1;color:#333}
  .nav-btn.open:before{content:'\e61e'}
  .nav{display:block;overflow:auto;padding:82px 12px 12px;position:fixed;top:0;left:100%;z-index:-2;width:100%;height:100vh;background:#fff;transition-duration:.2s}
  .nav.open{left:0;transition-duration:.3s}
  .nav ul{display:block}
  .nav li{border-right:0;display: block;text-align: center;width:60%;margin:0 auto;padding:13px 0;border-bottom:solid 1px #eee}
  .nav li > a,
  .nav li.active > a,
  .nav li > a:hover{border-bottom:0;}
  .nav li.extend dl {position:static;top:auto;left:auto;width:100%;padding:6px 0 0;box-shadow:0 0 0 rgba(0,0,0,0);opacity: 1;visibility:visible;margin-top:12px;border-top:dashed 1px #eee;}
  .nav li.extend dl:before,
  .nav li.extend:after {display:none}
  .nav li.extend dd a {font-size:12px}
  .footer .text{flex-basis: 100%}
  .footer {margin-top:20px;padding-top:25px;padding-bottom:20px}
  .footer .qrcode{display:none}
  .footer .text .link{word-spacing:5px;font-size:14px;}
  .article-detail h1{margin-top:20px;font-size:17px;}
  .article-detail .neighbor div{flex:0 0 100%;margin-bottom:9px;}
  .fixed-r{right:12px;bottom:12px}
  .fixed-r li{width:36px;height:36px;line-height:34px}
  .fixed-r li:before{font-size:18px}
  .page-txt p{font-size:14px}
  .page-title:before{height:25px;}
  .page-title strong{font-size: 26px;}
  .page-title small{font-size: 14px}
  .page-title1{margin:10px 0 20px}
  .page-title2{margin:20px 0}
  .page-title2:before{margin-left:-30px;width:60px}
  .page-title1 span,
  .page-title2 span{font-size:23px;}
  .product-list ul{margin-top:30px}
  .product-list li{flex:0 0 48%;margin-bottom:15px}
  .product-list figure{height:35vw}
  .page-sidebar,
  .page-content{flex:0 0 100%;width:100%}
  .page-sidebar .title{padding:12px;}
  .page-sidebar .title span{font-size:14px}
  .page-side-kind{padding:9px 5px;display:flex;flex-wrap: wrap;justify-content: space-between}
  .page-side-kind dl{border-bottom:0;flex:0 0 25%}
  .page-side-kind dt{padding:6px;text-align: center}
  .page-side-kind dt a{font-size:12px;}
  .page-side-kind dd{padding:5px 0 5px 0}
  .page-img-list{margin-top:20px}
  .page-img-list li{flex:0 0 49%;margin-bottom:15px;}
  .page-img-list li figure{height:38vw}
}
@media (max-width:512px) {
  .footer .text .link{font-size:12px;padding-bottom:10px}
  .footer .text .contact{font-size:12px;}
  .page-title:before{height:17px;top:6px;}
  .page-title strong{font-size: 18px;margin:0 12px;}
  .page-title small{font-size: 14px}
  .page-title2{padding-bottom:10px}
  .page-title2:before{margin-left:-25px;width:50px}
  .page-title1 span,
  .page-title2 span{font-size:18px;}
  .page-title2{padding-bottom:10px}
  .page-title2:before{margin-left:-25px;width:50px}
  .page-title1 span,
  .page-title2 span{font-size:18px;}
  .product-list ul{margin-top:20px}
  .product-list li p{font-size:12px}
  .p-contact{margin:10px auto 30px;}
  .p-contact li{text-align:left;flex:0 0 100%;position:relative;padding: 0 0 12px 60px;border-bottom:dashed 1px #eee;}
  .p-contact li:before{font-size:1.6rem;position:absolute;top:12px;left:20px;}
  .article-list dl{flex:0 0 80px;width:80px;height:100%;padding:12px 0}
  .article-list dt{font-size:20px}
  .article-list dd{font-size:12px}
  .article-list article a {font-size:15px}
  .article-list article p{font-size:12px;}
  .page-side-kind dl{flex:0 0 33%}
  .page-img-list article{font-size:12px}
}
@media (max-width:414px) {
  
}