@charset "utf-8";
@media screen and (min-width:1921px){
  
}
@media screen and (max-width:1680px){
  
}
@media screen and (max-width:1440px){
  
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
  .wrapper-title{ height: 50vw;}
  .wrapper-title .slogan .cn{ font-size: 1.75rem; letter-spacing: 0;}
  .wrapper-title .slogan .en{ letter-spacing: 0;}
  .wrapper-title .title .cn{ font-size: 1.5rem;}
  .wrapper-title .title .en{ font-size: 1rem;}
  .wrapper-location{ padding: 2.5vw 5vw; font-size: 1.125rem}
  .wrapper-location a{ font-size: 1.125rem;}
  .wrapper-content{ grid-gap: 5vw; padding: 5vw;}
  .map{ height: 50vw;}
  .list-contact{ grid-template-columns: repeat(1,1fr); grid-gap: 2.5vw;}
  .list-contact .itm:after{ display: none !important;}
  .list-contact .itm i{ font-size: 4rem;}
  .list-contact .itm .en{ font-size: 1.5rem;}
  .list-contact .itm .cn{ font-size: 1.5rem;}
  .list-qrcode{ grid-template-columns: repeat(1,1fr); grid-gap: 5vw;}
  .list-qrcode .itm span{ font-size: 1.5rem;}
  .list-qrcode .itm span br{ display: none;}

  .list-album{ grid-template-columns: repeat(2,1fr); grid-gap: 5vw; }
  
  .topic-news .list .itm{ grid-template-columns: repeat(1,1fr);}
  .topic-news .list .itm .info{ padding: 5vw 5vw 15vw;}
  .topic-news .list .itm .info .detail{ bottom: 5vw; left: 5vw;}
  .topic-news .list .slick-prev{ left: 0;}

  .list-news{ grid-template-columns: repeat(1,1fr); grid-gap: 5vw;}
  .list-news .itm .info{ grid-gap: 2.5vw; padding: 5vw;}

  .list-news .button{ flex-flow: row-reverse nowrap; font-size: 1.5rem;}
  .list-news .button .next, .list-news .button .prev{ width: 50%; height: 100%; padding: 2.5vw;}
  .list-news .button .next:after, .list-news .button .prev:after{ display: none;}

  .article-wrap{ grid-gap: 5vw; padding: 5vw;}
  .article-wrap .article-arrow{ grid-template-columns: repeat(1,1fr);}

  .products-column{ grid-template-columns: repeat(1,1fr); grid-template-areas: 'a';}
  .products-column .title{ grid-area:auto!important; height: auto; padding: 5vw 0; color: var(--primary); background: none;}
  .products-column .title .ico{ left: auto; right: 0;}
  .products-column .title .ico i{ font-size: 4.5rem; line-height: 1;}
  .products-column .content{ grid-area: auto!important; grid-template-columns: repeat(1,1fr); grid-template-areas: 'a'; grid-gap: 2.5vw;}
  .products-column .content .category{ grid-area: auto; justify-content: center!important;}
  .products-column .content .category a{ margin: 0 2rem!important; font-size: 1.25rem; font-weight: 700; color: var(--secondary)}
  .products-column .content .list{ grid-area: auto; grid-template-columns: repeat(1,1fr);}
  .products-column .content .itm{ grid-column: auto;}
  .products-column .content .itm .info .tit{ font-size: 1.5rem;}
  .products-column .content .itm .info .price{ font-size: 1.5rem;}
  .products-column .content .more{ grid-area: auto!important; writing-mode: horizontal-tb; font-size: 1.25rem;}
  .products-column .content .more:before,
  .products-column .content .more:after{ display: none;}

  .list-product{ grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}

  .list-category{ flex-flow: row wrap;}
  .list-category a{ margin: 0 .25em}

  .commodity-wrap{ grid-template-columns: repeat(1,1fr);}
    
  .about-profile{ grid-template-columns: repeat(1,1fr); padding: 5vw;}
  .about-profile .title,
  .about-profile .content a.more{ text-align: center;}
  .about-profile .title,
  .about-profile .content{ grid-column: auto;}
  .about-profile .content h1{ font-size: 2.25rem; text-align: center;}
  .about-profile .flag,
  .about-profile:after{ display: none;}

  .about-data{ padding: 0 5vw;}
  .about-data .thumb{ width: 100%;}
  .about-data .info{ grid-column: span 12; padding: 5vw 5vw 2.5vw;}
  .about-data .info:after{ display: none;}
  .about-data .info .caption{ display: none;}
  .about-data .info .list{ grid-column: span 7;}
  .about-data .info .list .itm .num{ font-size: 2rem;}

  .about-culture{ padding: 5vw;}
  .about-culture:after{ display: none;}
  .about-culture .title{ text-align: center;}
  .about-culture .info{ grid-column: span 12;}
  .about-culture .info .itm{ margin-top: 5vw;}
  .about-culture .thumb{ display: none;}
  
  .about-qual{ padding: 5vw;}
  .about-qual .title{ grid-column: span 12;}
  .about-qual .content{ grid-column: span 12; grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}
  .about-qual .content:before{ display: none;}
  .about-qual .content .itm{ grid-column: auto;}

  .about-envir{ padding: 5vw; grid-gap: 5vw;}
  .about-envir .title{ grid-column: span 12; grid-template-columns: repeat(1,1fr); justify-items: center;}
  .about-envir .title .cn,
  .about-envir .title .en{ writing-mode: horizontal-tb;}
  .about-envir .title .cn{ font-size: 2rem;}
  .about-envir .title .en{ font-size: 1rem;}
  .about-envir .content{ grid-column: span 12; grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}
  .about-envir .content .itm{ grid-column: auto;}

  .about-join{ padding: 5vw}
  .about-join .title{ grid-column: span 12;}
  .about-join .title .en{ font-size: 2rem;}
  .about-join .title .cn{ font-size: 2rem;}
  .about-join .content{ grid-column: span 12; padding: 5vw; font-size: 1.25rem; text-align: justify;}
  .about-join .content img{ height: 50vw; margin-bottom: 5vw;}
  .about-join .content br{ display: none;}
}