@media screen and (max-width:1024px){
  :root{
    font-size: 14px;
  }
  .logo img{ height: 3rem;}
  .telephone,
  .sociality{ display: none;}
  .scroll:after{}
  .menu{ right: 2.5vw; width: 3rem; height: 3rem; background: var(--secondary);}
  
  .font-bg{ display: none;}
  .index,
  .container-grid{ grid-template-columns: 1fr; height: auto;}
  nav{ grid-template-columns: 1fr;}
  nav .content{ grid-column: span 1; padding: 5vw; overflow: hidden; background:url('../img/ltwf.svg') right top no-repeat,url('../img/rbwf.svg') left bottom no-repeat var(--secondary); background-size: 80%, 80%;}
  nav .content .list{ grid-template-columns: repeat(3,1fr);}
  .home .slide .itm{ width: 100vw; height: 100vw;}
  .home .slide .itm .slide-inner{ grid-template-columns: 1fr;}
  .home .slide .itm .slide-inner .font{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .home .slide .itm .slide-inner .font .cn{ font-size: 1.5rem; color: white}
  .home .slide .itm .slide-inner .font .en{ font-size: 0.75rem;}
  .home .slide .itm .slide-inner .font a{ display: none;}
  .home .slide .itm .slide-inner .goods{ display: none;}
  .home .slide .itm .slide-inner .cover:after{ display: none;}

  .home .swiper-number{ left: auto; right: 2.5vw;}

  .column-font{ padding: 5vw; background: var(--dark);}
  .column-font .title{ margin-bottom: 5vw;}
  .column-font .title .en{ font-size: 2rem;}
  .column-font .title .cn{ font-size: 1.5rem;}
  
  .column-font .slogan .cn{ font-size: 1.5rem;}

  .about .column-font{ padding: 5vw; background: var(--primary);}
  .about .column-font .content{ grid-gap: 5vw;}
  .about .column-font .content .en{ display: none;}

  .about .column-font .number{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 5vw; margin-top: 5vw;}

  .product-cate{ display: none;}
  .product .column-font .pic,
  .product .column-font .after{ display: none;}
  .product .column-main{ padding: 5vw;}
  .product .column-main .content .itm{ display: grid; width: 100%;}
  .product .column-main .content .itm .thumb{ width: 90vw; height: 90vw;}
  .product .column-main .content .itm .font{ grid-gap: 2.5vw; width: 100%; margin: auto;}
  .product .column-main .content .itm .font .lo{ position: absolute; top: 0; right: 0; height: 3rem;}
  .product .column-main .content .itm .font .cap{ padding: 0;}
  .product .column-main .content .itm .font .cap .cn{ font-size: 1.5rem;}
  .product .column-main .content .itm .font .attr{ flex-flow: row nowrap; justify-content: space-between; font-size: 1rem;}
  .product .column-main .content .itm .font .price{ margin: 0; font-size: 1.5rem;}
  .product .column-main .background{ background: var(--dark);}
  .product .column-main .background img{ display: none;}

  .area .column-font{ background:url('../img/area.webp') center center no-repeat;}

  .area-list .itm{ padding: 5vw;}
  .area-list .itm .content{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .area-list .itm .content .ico{ display: none;}
  .area-list .itm .content .font .en{ display: none;}
  .area-list .itm .content .video{ width: 100%; height: calc(90vw / 16 * 9);}

  .news .column-font{ background: var(--primary);}
  .news .column-main{ grid-template-columns: 1fr;}
  .news .column-main .news-cover{ padding: 5vw; padding-top: 0;}
  .news .column-main .news-cover .itm{ padding-bottom: 5vw;}
  .news .column-main .news-cover .itm:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: white; opacity: 0.1;}
  .news .column-main .news-list{ display: grid; grid-gap: 5vw; padding: 5vw; padding-top: 0;}
  .news .column-main .news-list .itm{ padding: 0; padding-bottom: 5vw;}
  .news .column-main .news-list .itm:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: white; opacity: 0.1;}
  .news .column-main .background{ background: var(--primary);}
  .news .column-main .background img{ display: none;}
  
  .contact .column-font{ display: grid; grid-gap: 5vw;}
  .contact .column-font .title{ margin-bottom: 0;}
  .contact .column-font .copyright{ position: relative; right: auto; justify-content: flex-start; width: 100%; height: auto;}
  .contact .column-font .copyright .con{ white-space:normal; transform: rotate(0);}
  .contact .column-font .copyright .con br{ display: inline-block;}
  .contact .content dl dd:last-child{ }

  /* sub */
  .cpy{ bottom: 0; left: 0; width: 100%; padding: 2.5vw;}
  .cpy br{ display: inline-block;}
  .cpy:after{  position: absolute; top: 0; right: 2.5vw; bottom: 0; height: 0.75rem; font-size: 0.75rem; line-height: 1; margin: auto;}

  .container-about{ background-size: 80%, 80%, cover;}

  .about-col{ padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw);}
  .about-col .title .cap .en{ font-size: 2rem;}
  .about-col .title .cap .cn{ font-size: 1.5rem;}
  .about-col .title .slogan{ display: none;}
  .about-col .profiles{ grid-gap: 5vw;}
  .about-col .profiles .profiles-con{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .about-col .profiles .profiles-con .info h1{ margin-bottom: 1rem; font-size: 1.5rem;}
  .about-col .profiles .profiles-con .other{ grid-gap: 5vw;}
  .about-col .profiles .profiles-con .other .number{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}

  .about-col .area{ grid-template-columns: 1fr;}
  .about-col .area .itm .info{ grid-template-columns: 2fr 5fr; grid-gap: 5vw; padding: 5vw;}

  .culture{ grid-gap: 5vw;}
  .culture .content{ grid-template-columns: 1fr; grid-gap: 5vw;}
  .culture .content .itm .cap{ font-size: 1.25rem; font-weight: bold;}
  .culture .content .itm .cn{ font-size: 1.25rem;}
  .culture .content .itm .en{ font-size: 0.875rem;}

  .container-col{ display: block; background-size: 80%, 80%; background-attachment: fixed; overflow-y: scroll;}

  .contact-col{ height: auto; grid-template-columns: 1fr; grid-gap: 5vw; padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw);}
  .contact-col .title{ grid-column: span 1;}
  .contact-col .title .en{ font-size: 2rem; color: var(--secondary);}
  .contact-col .title .cn{ font-size: 1.5rem;}
  .contact-col .content{ grid-column: span 1; display: grid; grid-gap: 5vw;}
  .contact-col .cover{ position: relative; top: auto; left: auto; grid-column: span 1; width: 100%; height: 40vw;}
  .openmap{ position: relative; top: auto; right: auto; bottom: auto; width: 100%;}
  .openmap .font{ width: auto;}
  .openmap .font span{ transform: rotate(0);}
  .openmap i{ font-size: 1.5rem;}

  .list-qrcode{ display: none;}

  .col-title .en{ font-size: 2rem;}
  .col-title .cn{ font-size: 1.5rem;}
  .col-page{ justify-content: space-between;}
  .col-page span, .col-page a{ margin: 0;}

  .container-list{ display: block; background-size: 80%, 80%; background-attachment: fixed; overflow-y: scroll;}

  .container-list .column{ grid-template-columns: 1fr; grid-gap: 5vw; height: auto; padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw);}
  .container-list .column .column-l{ grid-column: span 1; display: grid; grid-template-columns: 1fr; grid-gap: 5vw; width: 100%; height: auto; padding: 0;}
  .container-list .column .column-m{ grid-column: span 1;}
  .container-list .column .col-news:before, .container-list .column .col-news:after{ display: none;}

  .list-news,
  .list-album{ grid-template-columns: 1fr; grid-gap: 5vw; padding: 0;}

  .pro-tit .en{ font-size: 2rem;}
  .pro-tit .cn{ font-size: 1.5rem;}
  .list-product{ grid-template-columns: 1fr; grid-gap: 5vw; padding: 5vw;}

  .container-article{ display: block; padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw); background-size: 80%, 80%; background-attachment: fixed; overflow-y: scroll;}

  .article{ grid-gap: 2.5vw; padding: 5vw;}
  .article .info{ font-size: 1rem;}
  .article .title h1{ font-size: 1.5rem;}
  .article .content{ font-size: 1rem;}
  .article .arrow{ grid-template-columns: 1fr;}
  .article .arrow a{ font-size: 0.875rem;}
  .article .arrow a.prev{ display: none;}

  .container-goods{ display: block; padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw); background-size: 80%, 80%; background-attachment: fixed; overflow-y: scroll;}
  .goods{ display: grid; grid-template-columns: 1fr; grid-gap: 5vw; height: auto; padding: 0;}
  .goods .cover{ width: 100%; height: 90vw;}
  .goods .content{ grid-gap: 5vw; height: auto;}
  .goods .related{ width: 100%; height: auto;}
  .goods .related .con{ grid-gap: 5vw;}

  /* .container-col{  display: block; padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw);} */

  .equip-col{ grid-template-columns: 1fr; grid-gap: 5vw; padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw);}
  .equip-col~.background{ display: none;}
  .equip-col .title{ grid-column: span 1;}
  .equip-col .title .en{ font-size: 2rem; color: var(--secondary);}
  .equip-col .title .cn{ font-size: 1.5rem;}
  .equip-col .slogan{ grid-column: span 1;}
  .equip-col .content{ grid-column: span 1; grid-row: span 1;}

  .factory-col{ position: relative; bottom: auto; grid-template-columns: 1fr; grid-gap: 5vw; padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw);}
  .factory-col~.background{ display: none;}
  .factory-col .slogan{ position: relative; top: auto; left: auto; grid-column: span 1;}
  .factory-col .title{ grid-column: span 1; align-items: flex-start;}
  .factory-col .title .en{ font-size: 2rem; color: var(--secondary);}
  .factory-col .title .cn{ font-size: 1.5rem;}
  .factory-col .list-factory-s{ grid-column: span 1;}
  .factory-col .list-factory-b{ grid-column: span 1;}
  .factory-col .swiper-button{ display: none;}

  .base-col{ grid-template-columns: 1fr; grid-gap: 5vw; padding: calc(3rem + 5vw) 5vw calc(1.5rem + 10vw);}
  .base-col~.background{ display: none;}
  .base-col .title .en{ font-size: 2rem; color: var(--secondary);}
  .base-col .title .cn{ font-size: 1.5rem;}
  .base-col .list-base{ left: auto; width: 100%;}
  .base-col .swiper-scrollbar{ width: calc( 100% - 12.5vw);}

  .phone-btn{ display: flex;}
}