@media (min-width:1601px) {
    html {
        font-size: 16px;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:640px) and (max-width:1399px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:481px) and (max-width:639px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:329px) and (max-width:480px) {
    html {
        font-size: 13px;
    }
}


@media (max-width: 1800px) {
    #banner .slide-inner {
        background-size: cover !important;
    }
}

@media (max-width: 1200px) {
    body {
        padding-top: 4.5rem;
    }

    #header {
        display: none;
    }

    #m_header {
        display: block;
    }

    #nav_btn_box {
        display: block;
    }
}


/* --- 响应式适配 (移动端优先或针对小屏幕做折叠) --- */
@media (max-width: 768px) {
.s_hd{ flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem;}
.s_hd ul{ width: 100%; margin-top: 1.5rem;}
.s_hd ul li{ flex-grow: 1;}
.s_hd ul li a{ width: 100%;}
.news01 ul{ gap: 10px;}
.s_news .bd .gridbox{ grid-template-columns: 1fr;}
.index_news,.index_contact{ padding: 20px 0;}
.about_map{ display: none;}
.about_fl h3,.hz_tit{ font-size: 18px; text-align:center;}
.about_fl .desc{ font-size: 14px; margin: 20px 0;text-align:center;}
.about_btnwarp{text-align:center;}
.about_btnwarp a{ height: 34px; margin-right: 10px; line-height: 30px; width: 120px; font-size: 14px; border-width:1px;}
.index_contact .z-container{ padding-bottom: 0;}
.index_hz{ padding: 30px 0;}
.foot_nav{ display: none;}
#foot .box02{ flex-direction: column; margin-top: 2rem; gap: 0;}
.foot_lianxi dl dd{ line-height: 1.5rem;}
.foot_lianxi dl dt{ align-self: center;}
.foot_logo{ display: none;}
.foot_lianxi{ margin-bottom: 2rem;}
#foot{ padding-top: 2.5rem;}
.quicklink i{ margin: 0 5px;}
.foot_ewm{ justify-content: center;}
    .solve_box,
    .solve_swiper {
        width: 100%;
    }

    .solve_box {
        padding: 30px 15px;
        height: auto;
    }

    .solve_tab_li li:last-child {
        margin-bottom: 0;
    }

    .solve_tit {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
    }

    .solve_tab_li li.on h3 {
        font-size: 16px;
    }

    .solve_tab_li li.on .solve_down {
        padding: 10px 0 20px;
    }

    .solve_tab_li li .index_more {
        height: 34px;
        line-height: 30px;
        width: 110px;
        margin: 10px 0;
    }

    .solve_tab_li li h3 {
        font-size: 14px;
    }

    .solve_swiper {
        height: 250px;
    }

    .solve_num .index {
        font-size: 30px;
    }

    .index_pro {
        padding: 20px 0;
        overflow: hidden;
    }

    .index_about .about_img {
        width: 100%;
        height: 200px;
    }

    .about_desc {
        width: 100%;
        padding: 30px 15px;
    }

    .about_desc h3 {
        font-size: 18px;
        margin: 0;
        text-align: center;
        line-height: normal
    }

    .about_desc .desc {
        margin: 10px 0;
        max-height: 120px;
        font-size: 14px;
    }

    .index_more {
        width: 120px;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        justify-content: center;
        height: 38px;
        line-height: 34px;
        font-size: 14px;
        border-width: 1px;
    }

    .about_desc .index_more {
        margin: 10px auto 0;
    }

    .about_desc {
        height: auto;
    }

    .custom-product-nav__row {
        flex-direction: column;
        /* 屏幕小的时候，左右排布变成上下排布 */
        padding: 12px 0;
    }

    .custom-product-nav__title {
        width: 100%;
        margin-bottom: 8px;
        padding-right: 0;
        color: #111;
    }

    .custom-product-nav__content {
        gap: 8px 16px;
        /* 移动端间距稍微缩小 */
    }
}

@media (max-width: 480px) {
    .m {
        padding: 0 15px;
    }

    .dotbox {
        display: none;
    }

    .pad_top {
        padding-top: 2rem !important;
    }

    .pad_bot {
        padding-bottom: 2rem !important;
    }

    .s_tt {
        margin-bottom: 2rem;
    }

    .s_tt p {
        font-size: 1.0625rem;
    }

    .s_tt h3 {
        font-size: 1.625rem;
    }

    .s_tt p {
        font-size: 1.0625rem;
    }
}