@media (max-width:1200px) {
  .home-banner .swiper-slide{height:43vw}
  .product-list figure img{height:17vw}
  .home-about article{flex:0 0 51%;padding-top:0}
  .home-about h3{font-size:25px}
}
@media (max-width:1024px){
  .home-box {padding:30px 0}
  .main-title span{font-size: 23px}
  .footer .text{flex:0 0 68%}
  .footer .copyright{margin-top:5px}
  .footer .qrcode{flex:0 0 30%}
  .home-news li{flex: 0 0 49%;width:49%;margin-bottom:25px}

}
@media (max-width:768px){
  body:before{content: '';display:block;height:65px}
  .header{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:35px}
  .nav-btn{display:block;padding-top:15px}
  .nav-btn:before{content:'\e63e';font-family:iconfont;font-size:2rem;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;box-shadow:3px 0 10px 3px rgba(0,0,0,.1)}
  .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 {justify-content: center}
  .nav li > a:after{display:none}
  .nav li.active a{font-weight: 600;color:#ee0a24}
  .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}
  .article-detail h1{margin-top:20px;font-size:17px}
  .article-detail .neighbor div{flex:0 0 100%;margin-bottom:9px}
  .main-title {padding-bottom:15px}
  .main-title span{font-size: 18px}
  .main-title:after{height:3px}
  .footer .text,
  .footer .qrcode{flex:0 0 100%;text-align: center}
  .footer .logo img{max-height:28px;margin:0 auto 6px}
  .footer .logo span,
  .footer .copyright{font-size:12px}
  .footer .qrcode{justify-content: center;margin-top:15px}
  .product-list li{flex:0 0 48.5%}
  .product-list figure img{height:35vw}
  .main-more {margin-top:20px}
  .main-more a{padding:4px 20px;font-size:12px}
  .home-about figure{flex:0 0 100%;height:45vw;overflow: hidden}
  .home-about figure img{transform: translateY(-10vw)}
  .home-about article{flex:0 0 100%;padding-top:15px}
  .home-about h3{font-size:18px}
  .home-news dt{font-size:30px}
  .home-news article{width:calc(100% - 75px)}
  .home-news article a{font-size:16px}
  .home-news article p {font-size:12px}
  .page-box h1{padding:20px;font-size:20px}
  .content .item{flex:0 0 100%;margin-bottom:30px}
  .page-case-table dd{font-size:12px}
}
@media (max-width:512px) {
  .home-box {padding:20px 0}
  .main-title {padding-bottom:15px}
  .main-title span{font-size: 16px}
  .main-title:after{height:3px}
  .home-about h3{font-size:16px;padding-bottom:30px}
  .home-about h3:after{bottom:12px}
  .home-about p{font-size:12px}
  .banner-page {height:140px}
  .footer {padding:20px 0}
  .footer .logo img{max-height:22px}
  .footer .qrcode li{flex:0 0 25%}
  .product-list{margin-top:20px}
  .product-list li{margin-bottom:15px;padding:8px}
  .product-list a.name{font-size:12px}
  .home-news ul{margin-top:20px}
  .home-news li{flex: 0 0 100%;width:100%;margin-bottom:18px}
  .home-news dt{font-size:28px}
  .home-news article a{font-size:14px}
  .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-box h1{padding:20px;font-size:17px}
  .page-box p{font-size:12px}
  .content {margin:30px 0 10px}
  .content .item{border-bottom:solid 1px #eee;padding-bottom:15px}
  .content .item:last-child{margin-bottom:0}
  .content .item:before{width:46px;height:46px}
  .content .item h5{font-size:14px}
  .content .item span{font-size:12px}
}
@media (max-width:414px) {

}