@charset "utf-8";
@media screen and (max-width:1680px){

}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1280px){
  .header{ padding: 0 4vw;}

  .grid,
  .foot{ padding: 30px 4vw;}

  .flink{ padding: 10px 4vw;}

  .nav a{ padding: 0 1em;}

  .slide-news .itm .info p{ -webkit-line-clamp: 2;}
  
}
@media screen and (max-width:1024px){
  #nav-btn{ display: block;}
  .wrapper{ padding-top: 14vw;}
  .header{ position: fixed; top: 0; right: 0; width: 100vw; z-index: 99; padding: 0 2vw;}
  .head{ padding: 2vw 0;}
  .head .logo img{ width: auto; height: 10vw;}
  .head .search{ display: none;}

  .nav{ display: none;}
  
  .grid{ grid-gap: 4vw; padding: 4vw;}

  .slideshow{ width: 100vw; height: calc(100vw / 129 * 45);}
  .slide-news .dots{ left: 0; width: 100%; justify-content: center; grid-gap: 2vw;}

  .box{ grid-column: span 12;}

  .box .box-tit .ico{ width: 30px; height: 30px;}
  .box .box-tit .cn{ font-size: 20px;}
  .box .box-tit a.more{ font-size: 12px;}

  .xwdt{ grid-column: span 12;}

  .slide-news .itm{ grid-template-columns: repeat(3,1fr);}
  .slide-news .itm .info{ display: none;}

  .news-list a span{ font-size: 14px;}
  .news-list a i{ font-size: 12px;}

  .notice-list a{ grid-gap: 2vw;}
  .notice-list a b{ grid-gap: 5px; width: auto; height: auto; padding: 10px;}
  .notice-list a b em{ font-size: 12px;}
  .notice-list a span{ font-size: 14px;}

  .policy-list a{ grid-gap: 2vw;}
  .policy-list a i{ font-size: 12px;}
  .policy-list a span{ font-size: 14px;}

  .banner-list{ grid-template-columns: 1fr; grid-gap: 4vw;}

  .product-list{ grid-template-columns: 1fr;}
  .product-list a{ grid-gap: 4vw; padding: 4vw;}
  .product-list a b{ font-size: 16px;}
  .product-list a span{ font-size: 14px;}

  .footer::before{ top: 40px;}
  
  .flink{ grid-template-columns: 1fr; grid-gap: 2vw; }
  .flink .caption{ display: none;}
  .flink .box-con{ justify-content: center;}

  .foot{ justify-content: center; padding: 4vw;}
  .foot .cpy{ display: grid; text-align: center;}
  .foot .cpy p{ display: grid; text-align: center;}
  .foot .cpy p em{ height: 0;}
  .foot .qrcode{ display: none;}

  .banner-sub{ height: 40vw;}

  .column-l{ display: none;}
  .column-m{ grid-column: span 12; grid-gap: 4vw;}
  
  .location{ padding-bottom: 4vw;}
  .location span, .location a{ font-size: 14px;}

  .list-news{ grid-gap: 4vw;}
  .list-news a .thumb{ display: none;}

  .article{ grid-gap: 4vw;}
}