@media (max-width:1024px) {
    .head-box .pc-head { padding-left: 2.5%; padding-right: 2.5%; }
    .head-box .pc-head .nav { display: none; }
    .head-box .pc-head .rg_btn .global { display: none; }
    .head-box .pc-head .rg_btn .btn { display: none; }
    .head-box .pc-head .rg_btn .mobile-menu { display: block; }
    .head-box .mb-head { z-index: 199; position: fixed; }
    .footer { padding: 1rem 2.5% 0.5rem; }
    .footer .cont1 .logo { width: 2rem; }
    .footer .cont2 { flex-direction: column; align-items: flex-start; gap: 0.1rem; }
    .footer .cont2 .f_16 { font-size: 10px; }
    .footer .cont2 a.f-500 { font-weight: 400; }

    /* 公共 */
    .banner { position: relative; height: 100vh; min-height: 100vh; }
    .banner img { width: 100%; height: 100%; object-fit: cover; }
    .banner .txt { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; }
    .banner .txt .p1 { width: 100%; font-size: 12px; }
    .w1640 { width: 95%; }

    /* esg */
    .esg1 .cont { width: 80%; padding: 0.2rem; }
    .esg1 .cont .title { text-align: center; }
    .esg1 .cont .p1 { height: 3rem; font-size: 12px; overflow-y: auto; padding-right: 0.1rem; }
    .esg1 .cont .p1::-webkit-scrollbar { 
        width: 2px;
        height: 2px;
        background: #e3e3e3;
    }
    .esg1 .cont .p1::-webkit-scrollbar-thumb {
        background: var(--vi);
    }
    .esg1 .cont .p1::-webkit-scrollbar-track {
        background: #e3e3e3;
    }
    .esg1 img { height: 5rem; object-fit: cover; }
    .esg2 .title p { width: 95%; font-size: 12px; }
    .esg2 .swiper-box .swiper .swiper-slide .box { width: 100%; flex-direction: column; flex-wrap: wrap; padding: 0 2.5%; }
    .esg2 .swiper-box .swiper .swiper-slide.swiper-slide-active .box { width: 100%; }
    .esg2 .swiper-box .swiper .swiper-slide .box .cont { position: unset; width: 100%; padding-left: 2.5%; padding-right: 2.5%; }
    .esg2 .swiper-box .swiper .swiper-slide .box .cont p { width: 100%; font-size: 12px; }
    .esg2 .swiper-box .swiper .swiper-slide .box .pic { width: 100%; height: auto; aspect-ratio: 897 / 550; overflow: hidden; }
    .esg2 .swiper-box .swiper .swiper-slide .box .pic img { width: 100%; height: 100%; object-fit: cover; }
    .esg2 .swiper-box .swiper .swiper-slide .box .cont svg { width: 20%; height: auto; aspect-ratio: 344 / 58; }
    .esg-btn-box { margin-right: 2.5%; }
    .esg3 { padding-left: 2.5%; padding-right: 2.5%; }
    .esg3 .cont { flex-direction: column !important; gap: 0.5rem; }
    .esg3 .cont .pic { width: 100%; }
    .esg3 .cont .txt p { width: 100%; font-size: 12px; }
    .esg4 { padding-bottom: 3.4rem; }
    .esg4 img { height: 5rem; object-fit: cover; }
    .esg4 .txt { height: auto; width: 95%; top: 2.5rem; left: 50%; transform: translate(-50%, -50%); }
    .esg4 .txt p { width: 100%; font-size: 12px; }

    /* 产品列表 */
    .pro1 { flex-direction: column; padding-top: 0; }
    .pro1 .f_15 { font-size: 12px; }
    .pro1 .f_16 { font-size: 12px; }
    .pro1 .rg { width: 95%; margin: 0.2rem auto; }
    .pro1 .rg .list .item a { padding: 0.1rem 2.5%; }
    .pro1 .rg .list .item a .pic { width: 20%; height: auto; aspect-ratio: 1 / 1; }
    .pro1 .rg .swiper-box .swiper .swiper-slide { padding: 0.2rem; }
    .pro1 .rg .swiper-box .swiper .swiper-slide .txt { height: 100%; justify-content: center;  }
    .pro1 .rg .swiper-box .swiper .swiper-slide .img1 { right: 0.5rem; }
    .pro1 .rg .list .item a .more { flex-shrink: 0; }
    .pro_dl1 .cont { flex-direction: column; width: 95%; margin: 0 auto; }
    .pro_dl1 .cont .pic-box { width: 100%; height: auto; aspect-ratio: 75 / 40; }
    .pro_dl1 .cont .txt .p1 { font-size: 12px; }
    .pro_dl1 .cont .txt .info { width: 100%; }
    .pro_dl1 .cont .txt .info .item { font-size: 12px; }
    .pro_dl1 .cont .txt .back { margin-top: 0.59rem; }
    .pro_dl1 .pro_box .swiper .btn { display: none; }
    .pro_dl1 .other .other_nav { padding-bottom: 0.32rem;}
    .pro_dl1 .other .other_nav.swiper { overflow: hidden; }
    .pro_dl1 .pro_box .swiper .swiper-slide .list { flex-direction: column; }

    /* 新闻 */
    .news1 .main .top { flex-direction: column; }
    .news1 .main .top .cont { width: 100%; margin-right: 0; }
    .news1 .main .top .pic { width: 100%; margin-top: 0.2rem; }
    .news1 .main .list { flex-direction: column; gap: 0.32rem; }
    .news1 .main .list .item { width: 100%; }
    .news1 .main .list .item a .txt .h1 { line-height: 1.2; height: 0.6rem; overflow: hidden; }
    .news1 .main .list .item a .txt .p1 { font-size: 12px; }
    .new_detail .main-box { padding: 2.5%;}
    .new_detail .main-box .location .f_14 { font-size: 12px; }
    .new_detail .main-box .main .date { flex-direction: column; align-items: flex-start; gap: 0.1rem; }
    .new_detail .main-box .main .p { font-size: 12px; }

    /* 联系我们 */
    .contact1 .main { flex-direction: column; }
    .contact1 .lf { width: 100%; }
    .contact1 .lf .lf_txt { transform: translateX(-50%); }
    .contact1 .lf .lf_txt .item .f_16 { font-size: 12px; }
    .contact1 .rg { margin-left: 0; }
    .contact1 .rg .pic { width: 100%; }

    /* 关于我们 */
    .ab1 { padding-left: 2.5%; padding-right: 2.5%; flex-direction: column; gap: 0.4rem; }
    .ab2 { padding-left: 2.5%; padding-right: 2.5%; justify-content: space-around; }
    .ab2 .bgImg { height: 100%; object-fit: cover; }
    .ab2 .list { align-items: stretch; }
    .ab2 .list .item { padding: 0.1rem 0.2rem; flex-direction: column; }
    .ab2 .list .item .cont p { height: auto; }
    .ab3 { padding-left: 2.5%; padding-right: 2.5%; }
    .ab3 .main .lf { display: none; }
    .ab3 .main .rg { width: 100%; padding-left: 0; padding-right: 0; }
    .ab3 .main .rg .checked-box { width: 100%; top: 15%; }
    .ab3 .main .rg .swiper-box .swiper .swiper-slide .p1 { max-width: 25%; font-size: 12px; line-height: 1.2; }
    .ab3 .main .rg .swiper-box .swiper .swiper-slide .p2 { max-width: 48%; font-size: 12px; line-height: 1.2; }
    .ab4 { padding-left: 2.5%; padding-right: 2.5%; }
    .ab4 .main { flex-direction: column; gap: 0.4rem; }
    .ab4 .main .pic { width: 100%; }
    .ab4 .main .cont .list .item { width: 100%; }
    .ab4 .main .cont { width: 100%; max-width: 100%; }
    .ab4 .main .cont .list { width: 100%; height: auto; }
    .ab5 > img { min-height: 5rem; }
    .ab5 .main { padding-left: 2.5%; padding-right: 2.5%; }
    .ab5 .main .cont .list.swiper { overflow: hidden; }
    .ab5 .main .cont .list .swiper-wrapper { display: flex; }
    .ab5 .main .cont .list .swiper-slide { width: auto; flex-shrink: 0; }
    .ab5 .main .cont .list .swiper-slide .item { width: 100%; }
}