@charset "utf-8";

/* ==========================================================================
   全局响应式内外边距 (5~100, 步长5)
   采用 CSS 变量控制：PC端使用 rem 等比缩放，手机端使用 px 保底防止过小
   ========================================================================== */

/* 1. 定义间距变量 (默认 PC 端使用 rem) */
:root {
    --sp-5: 0.05rem;  --sp-10: 0.1rem;  --sp-15: 0.15rem; --sp-20: 0.2rem;
    --sp-25: 0.25rem; --sp-30: 0.3rem;  --sp-35: 0.35rem; --sp-40: 0.4rem;
    --sp-45: 0.45rem; --sp-50: 0.5rem;  --sp-55: 0.55rem; --sp-60: 0.6rem;
    --sp-65: 0.65rem; --sp-70: 0.7rem;  --sp-75: 0.75rem; --sp-80: 0.8rem;
    --sp-85: 0.85rem; --sp-90: 0.9rem;  --sp-95: 0.95rem; --sp-100: 1rem;
}

/* 2. 平板端适配 (<1200px)：适当减小大间距的 rem 比例 */
@media screen and (max-width: 1200px) {
    :root {
        --sp-100: 0.8rem;  --sp-95: 0.76rem; --sp-90: 0.72rem; --sp-85: 0.68rem;
        --sp-80: 0.64rem;  --sp-75: 0.6rem;  --sp-70: 0.56rem; --sp-65: 0.52rem;
        --sp-60: 0.48rem;  --sp-55: 0.44rem; --sp-50: 0.4rem;  --sp-45: 0.36rem;
        --sp-40: 0.32rem;  --sp-35: 0.28rem; --sp-30: 0.24rem;
        /* 30以下的间距保持原 rem 比例即可 */
    }
}

/* 3. 手机端适配 (<768px)：改用固定 px 作为保底，防止 rem 缩放导致间距缩成一条线 */
@media screen and (max-width: 768px) {
    :root {
        --sp-100: 50px; --sp-95: 48px; --sp-90: 45px; --sp-85: 42px;
        --sp-80: 40px;  --sp-75: 38px; --sp-70: 35px; --sp-65: 32px;
        --sp-60: 30px;  --sp-55: 28px; --sp-50: 25px; --sp-45: 22px;
        --sp-40: 20px;  --sp-35: 18px; --sp-30: 15px; --sp-25: 12px;
        --sp-20: 10px;  --sp-15: 8px;  --sp-10: 5px;  --sp-5: 3px;
    }
}

/* ==========================================================================
   生成具体的 Padding 和 Margin 类名
   ========================================================================== */

/* Padding (内边距) */
.p5 { padding: var(--sp-5); } .pt-5 { padding-top: var(--sp-5); } .pb-5 { padding-bottom: var(--sp-5); } .pl-5 { padding-left: var(--sp-5); } .pr-5 { padding-right: var(--sp-5); }
.p10 { padding: var(--sp-10); } .pt-10 { padding-top: var(--sp-10); } .pb-10 { padding-bottom: var(--sp-10); } .pl-10 { padding-left: var(--sp-10); } .pr-10 { padding-right: var(--sp-10); }
.p15 { padding: var(--sp-15); } .pt-15 { padding-top: var(--sp-15); } .pb-15 { padding-bottom: var(--sp-15); } .pl-15 { padding-left: var(--sp-15); } .pr-15 { padding-right: var(--sp-15); }
.p20 { padding: var(--sp-20); } .pt-20 { padding-top: var(--sp-20); } .pb-20 { padding-bottom: var(--sp-20); } .pl-20 { padding-left: var(--sp-20); } .pr-20 { padding-right: var(--sp-20); }
.p25 { padding: var(--sp-25); } .pt-25 { padding-top: var(--sp-25); } .pb-25 { padding-bottom: var(--sp-25); } .pl-25 { padding-left: var(--sp-25); } .pr-25 { padding-right: var(--sp-25); }
.p30 { padding: var(--sp-30); } .pt-30 { padding-top: var(--sp-30); } .pb-30 { padding-bottom: var(--sp-30); } .pl-30 { padding-left: var(--sp-30); } .pr-30 { padding-right: var(--sp-30); }
.p35 { padding: var(--sp-35); } .pt-35 { padding-top: var(--sp-35); } .pb-35 { padding-bottom: var(--sp-35); } .pl-35 { padding-left: var(--sp-35); } .pr-35 { padding-right: var(--sp-35); }
.p40 { padding: var(--sp-40); } .pt-40 { padding-top: var(--sp-40); } .pb-40 { padding-bottom: var(--sp-40); } .pl-40 { padding-left: var(--sp-40); } .pr-40 { padding-right: var(--sp-40); }
.p45 { padding: var(--sp-45); } .pt-45 { padding-top: var(--sp-45); } .pb-45 { padding-bottom: var(--sp-45); } .pl-45 { padding-left: var(--sp-45); } .pr-45 { padding-right: var(--sp-45); }
.p50 { padding: var(--sp-50); } .pt-50 { padding-top: var(--sp-50); } .pb-50 { padding-bottom: var(--sp-50); } .pl-50 { padding-left: var(--sp-50); } .pr-50 { padding-right: var(--sp-50); }
.p55 { padding: var(--sp-55); } .pt-55 { padding-top: var(--sp-55); } .pb-55 { padding-bottom: var(--sp-55); } .pl-55 { padding-left: var(--sp-55); } .pr-55 { padding-right: var(--sp-55); }
.p60 { padding: var(--sp-60); } .pt-60 { padding-top: var(--sp-60); } .pb-60 { padding-bottom: var(--sp-60); } .pl-60 { padding-left: var(--sp-60); } .pr-60 { padding-right: var(--sp-60); }
.p65 { padding: var(--sp-65); } .pt-65 { padding-top: var(--sp-65); } .pb-65 { padding-bottom: var(--sp-65); } .pl-65 { padding-left: var(--sp-65); } .pr-65 { padding-right: var(--sp-65); }
.p70 { padding: var(--sp-70); } .pt-70 { padding-top: var(--sp-70); } .pb-70 { padding-bottom: var(--sp-70); } .pl-70 { padding-left: var(--sp-70); } .pr-70 { padding-right: var(--sp-70); }
.p75 { padding: var(--sp-75); } .pt-75 { padding-top: var(--sp-75); } .pb-75 { padding-bottom: var(--sp-75); } .pl-75 { padding-left: var(--sp-75); } .pr-75 { padding-right: var(--sp-75); }
.p80 { padding: var(--sp-80); } .pt-80 { padding-top: var(--sp-80); } .pb-80 { padding-bottom: var(--sp-80); } .pl-80 { padding-left: var(--sp-80); } .pr-80 { padding-right: var(--sp-80); }
.p85 { padding: var(--sp-85); } .pt-85 { padding-top: var(--sp-85); } .pb-85 { padding-bottom: var(--sp-85); } .pl-85 { padding-left: var(--sp-85); } .pr-85 { padding-right: var(--sp-85); }
.p90 { padding: var(--sp-90); } .pt-90 { padding-top: var(--sp-90); } .pb-90 { padding-bottom: var(--sp-90); } .pl-90 { padding-left: var(--sp-90); } .pr-90 { padding-right: var(--sp-90); }
.p95 { padding: var(--sp-95); } .pt-95 { padding-top: var(--sp-95); } .pb-95 { padding-bottom: var(--sp-95); } .pl-95 { padding-left: var(--sp-95); } .pr-95 { padding-right: var(--sp-95); }
.p100 { padding: var(--sp-100); } .pt-100 { padding-top: var(--sp-100); } .pb-100 { padding-bottom: var(--sp-100); } .pl-100 { padding-left: var(--sp-100); } .pr-100 { padding-right: var(--sp-100); }

/* Margin (外边距) */
.m5 { margin: var(--sp-5); } .mt-5 { margin-top: var(--sp-5); } .mb-5 { margin-bottom: var(--sp-5); } .ml-5 { margin-left: var(--sp-5); } .mr-5 { margin-right: var(--sp-5); }
.m10 { margin: var(--sp-10); } .mt-10 { margin-top: var(--sp-10); } .mb-10 { margin-bottom: var(--sp-10); } .ml-10 { margin-left: var(--sp-10); } .mr-10 { margin-right: var(--sp-10); }
.m15 { margin: var(--sp-15); } .mt-15 { margin-top: var(--sp-15); } .mb-15 { margin-bottom: var(--sp-15); } .ml-15 { margin-left: var(--sp-15); } .mr-15 { margin-right: var(--sp-15); }
.m20 { margin: var(--sp-20); } .mt-20 { margin-top: var(--sp-20); } .mb-20 { margin-bottom: var(--sp-20); } .ml-20 { margin-left: var(--sp-20); } .mr-20 { margin-right: var(--sp-20); }
.m25 { margin: var(--sp-25); } .mt-25 { margin-top: var(--sp-25); } .mb-25 { margin-bottom: var(--sp-25); } .ml-25 { margin-left: var(--sp-25); } .mr-25 { margin-right: var(--sp-25); }
.m30 { margin: var(--sp-30); } .mt-30 { margin-top: var(--sp-30); } .mb-30 { margin-bottom: var(--sp-30); } .ml-30 { margin-left: var(--sp-30); } .mr-30 { margin-right: var(--sp-30); }
.m35 { margin: var(--sp-35); } .mt-35 { margin-top: var(--sp-35); } .mb-35 { margin-bottom: var(--sp-35); } .ml-35 { margin-left: var(--sp-35); } .mr-35 { margin-right: var(--sp-35); }
.m40 { margin: var(--sp-40); } .mt-40 { margin-top: var(--sp-40); } .mb-40 { margin-bottom: var(--sp-40); } .ml-40 { margin-left: var(--sp-40); } .mr-40 { margin-right: var(--sp-40); }
.m45 { margin: var(--sp-45); } .mt-45 { margin-top: var(--sp-45); } .mb-45 { margin-bottom: var(--sp-45); } .ml-45 { margin-left: var(--sp-45); } .mr-45 { margin-right: var(--sp-45); }
.m50 { margin: var(--sp-50); } .mt-50 { margin-top: var(--sp-50); } .mb-50 { margin-bottom: var(--sp-50); } .ml-50 { margin-left: var(--sp-50); } .mr-50 { margin-right: var(--sp-50); }
.m55 { margin: var(--sp-55); } .mt-55 { margin-top: var(--sp-55); } .mb-55 { margin-bottom: var(--sp-55); } .ml-55 { margin-left: var(--sp-55); } .mr-55 { margin-right: var(--sp-55); }
.m60 { margin: var(--sp-60); } .mt-60 { margin-top: var(--sp-60); } .mb-60 { margin-bottom: var(--sp-60); } .ml-60 { margin-left: var(--sp-60); } .mr-60 { margin-right: var(--sp-60); }
.m65 { margin: var(--sp-65); } .mt-65 { margin-top: var(--sp-65); } .mb-65 { margin-bottom: var(--sp-65); } .ml-65 { margin-left: var(--sp-65); } .mr-65 { margin-right: var(--sp-65); }
.m70 { margin: var(--sp-70); } .mt-70 { margin-top: var(--sp-70); } .mb-70 { margin-bottom: var(--sp-70); } .ml-70 { margin-left: var(--sp-70); } .mr-70 { margin-right: var(--sp-70); }
.m75 { margin: var(--sp-75); } .mt-75 { margin-top: var(--sp-75); } .mb-75 { margin-bottom: var(--sp-75); } .ml-75 { margin-left: var(--sp-75); } .mr-75 { margin-right: var(--sp-75); }
.m80 { margin: var(--sp-80); } .mt-80 { margin-top: var(--sp-80); } .mb-80 { margin-bottom: var(--sp-80); } .ml-80 { margin-left: var(--sp-80); } .mr-80 { margin-right: var(--sp-80); }
.m85 { margin: var(--sp-85); } .mt-85 { margin-top: var(--sp-85); } .mb-85 { margin-bottom: var(--sp-85); } .ml-85 { margin-left: var(--sp-85); } .mr-85 { margin-right: var(--sp-85); }
.m90 { margin: var(--sp-90); } .mt-90 { margin-top: var(--sp-90); } .mb-90 { margin-bottom: var(--sp-90); } .ml-90 { margin-left: var(--sp-90); } .mr-90 { margin-right: var(--sp-90); }
.m95 { margin: var(--sp-95); } .mt-95 { margin-top: var(--sp-95); } .mb-95 { margin-bottom: var(--sp-95); } .ml-95 { margin-left: var(--sp-95); } .mr-95 { margin-right: var(--sp-95); }
.m100 { margin: var(--sp-100); } .mt-100 { margin-top: var(--sp-100); } .mb-100 { margin-bottom: var(--sp-100); } .ml-100 { margin-left: var(--sp-100); } .mr-100 { margin-right: var(--sp-100); }

/* Bentong homepage additions */
@media screen and (max-width: 1440px) {
    .bentong-home-page .bentong-home-product-card {
        min-height: 5.55rem;
    }

    .bentong-home-page .bentong-home-solution-media {
        min-height: 5.7rem;
    }
}

@media screen and (max-width: 1200px) {
    .bentong-home-page .bentong-home-product-tabs {
        justify-content: flex-start;
        width: 100%;
    }

    .bentong-home-page .bentong-home-product-card {
        min-height: 5.35rem;
    }

    .bentong-home-page .bentong-home-solution-description {
        max-height: 1.2rem;
        margin-top: .12rem;
        opacity: 1;
    }

    .bentong-site-footer .bentong-site-footer-main {
        grid-template-columns: 1.4fr repeat(2, .8fr);
    }

    .bentong-site-footer .bentong-site-footer-contact-column {
        grid-column: 1 / -1;
    }

    .n_newslist ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 1000px) {
    .n_news .fl,
    .n_news .fr {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .n_news .fr {
        position: static;
        top: auto;
        margin-top: 24px;
    }

    .n_contact .fl,
    .n_contact .fr {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .n_contact .fr {
        margin-top: 36px;
    }
}

@media screen and (max-width: 767px) {
    /* 内页 banner：最小高度 + 上下内边距，避免内容溢出与过高留白 */
    .c_ban {
        height: auto;
        min-height: 168px;
        padding: 48px 0 40px;
        box-sizing: border-box;
    }

    .c_ban .ban_txt {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 92%;
        max-width: 92%;
        margin: 0 auto;
    }

    .c_ban .ban_txt h1.bentong-inner-banner-title,
    .c_ban .ban_txt .bentong-inner-banner-title {
        font-size: 28px;
        line-height: 1.25;
    }

    /* 产品列表、详情面包屑允许换行 */
    .bentong-product-list-banner .crumbs,
    .bentong-product-detail-page .crumbs {
        flex-wrap: wrap;
        align-items: flex-start;
        row-gap: 4px;
        height: auto;
        padding-left: 26px;
    }

    .bentong-product-list-banner .crumbs a,
    .bentong-product-detail-page .crumbs a {
        display: inline;
        max-width: 100%;
        white-space: normal;
        line-height: 1.45;
    }

    .bentong-product-list-banner .crumbs::before,
    .bentong-product-detail-page .crumbs::before {
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        width: 20px;
        height: calc(var(--f18) * 1.45);
        font-size: 18px;
        line-height: 1;
        transform: none;
    }

    .c_ban.bentong-solution-banner {
        background-position: 48% center;
    }

    .c_ban.bentong-solution-banner::before {
        background: linear-gradient(90deg, rgba(10, 24, 32, .64) 0%, rgba(10, 24, 32, .38) 62%, rgba(10, 24, 32, .12) 100%);
    }

    .c_ban.bentong-news-banner {
        background-position: 56% center;
    }

    .c_ban.bentong-news-banner::before {
        background: linear-gradient(90deg, rgba(8, 24, 20, .72) 0%, rgba(10, 27, 23, .48) 66%, rgba(10, 25, 22, .12) 100%);
    }

    .c_ban.bentong-product-banner {
        background-position: 18% center;
    }

    .c_ban.bentong-product-banner::before {
        background: linear-gradient(90deg, rgba(7, 18, 15, .66) 0%, rgba(8, 21, 17, .46) 72%, rgba(8, 20, 17, .16) 100%);
    }

    .Header-wrapper .bentong-site-header-quote {
        display: none;
    }

    /* 关于我们吸顶导航 */
    .bentong-about-nav {
        top: 60px;
    }

    .bentong-about-nav-inner {
        width: 100%;
        max-width: 100%;
        min-height: 52px;
        gap: 22px;
        padding: 0 4%;
        box-sizing: border-box;
    }

    .bentong-about-nav-link {
        height: 52px;
    }

    /* 页脚手风琴：一行一个 */
    .bentong-site-footer .bentong-site-footer-main {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding-top: 36px;
        padding-bottom: 28px;
    }

    .bentong-site-footer .bentong-site-footer-brand {
        width: 100%;
        padding-bottom: 18px;
    }

    .bentong-site-footer .bentong-site-footer-description {
        width: 100%;
        max-width: none;
    }

    .bentong-site-footer .bentong-footer-nav-group {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, .13);
    }

    .bentong-site-footer .bentong-footer-nav-title {
        min-height: 52px;
    }

    .bentong-site-footer .bentong-footer-nav-toggle {
        display: inline-flex;
    }

    .bentong-site-footer .bentong-site-footer-links,
    .bentong-site-footer .bentong-site-footer-contact {
        display: none;
        margin-top: 0;
        padding: 0 0 16px;
        gap: 8px;
    }

    .bentong-site-footer .bentong-footer-nav-group.is-open .bentong-site-footer-links,
    .bentong-site-footer .bentong-footer-nav-group.is-open .bentong-site-footer-contact {
        display: flex;
    }

    .bentong-site-footer .bentong-site-footer-link,
    .bentong-site-footer .bentong-site-footer-contact-item {
        align-items: center;
    }

    .bentong-site-footer .bentong-site-footer-contact-icon {
        width: 22px;
        height: 22px;
    }

    /* 手机端按钮与图标略放大（指定类名，不动公共间距字号类） */
    .bentong-home-page .bentong-home-button,
    .bentong-site-header .bentong-site-header-quote,
    .bentong-solution-sidebar-cta,
    .bentong-home-page .bentong-home-about-actions a,
    .yj-pro-detail-container .yj-pro-inquiry-btn,
    a.bentong-home-button {
        min-height: 48px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .bentong-home-page .bentong-home-button--primary {
        padding-left: 36px;
        padding-right: 36px;
    }

    .yj-pro-actions a {
        min-height: 48px;
        padding: 12px 22px;
        box-sizing: border-box;
        line-height: 1.2;
    }

    .yj-pro-inquiry-form textarea {
        min-height: 160px;
        box-sizing: border-box;
    }

    .bentong-home-page .bentong-home-button svg,
    .bentong-solution-sidebar-cta svg,
    .bentong-solution-list-card-more svg {
        width: 18px;
        height: 18px;
    }

    .bentong-home-page .bentong-home-hero-point-icon,
    .bentong-home-page .bentong-home-why-icon img,
    .bentong-home-page .bentong-home-app-icon img,
    .bentong-about-page .bentong-about-culture-column-icon img {
        width: 32px !important;
        height: 32px !important;
        max-width: none;
    }

    .bentong-about-page .bentong-about-stat-panel {
        margin-top: 28px;
        min-height: 0;
    }

    .bentong-about-page .bentong-about-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 12px;
        padding: 28px 4%;
    }

    .bentong-about-page .bentong-about-stat-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 4px 8px;
        border: 0;
    }

    .bentong-about-page .bentong-about-stat-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        padding-top: 0;
    }

    .bentong-about-page .bentong-about-stat-icon-image {
        width: 40px !important;
        height: 40px !important;
    }

    .bentong-about-page .bentong-about-stat-content {
        width: 100%;
    }

    .bentong-about-page .bentong-about-stat-number {
        font-size: 36px;
        line-height: 1;
        letter-spacing: -.02em;
    }

    .bentong-about-page .bentong-about-stat-divider {
        width: 36px;
        margin-top: 10px;
    }

    .bentong-about-page .bentong-about-stat-label {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.35;
    }

    .bentong-about-page .bentong-about-culture-column-icon {
        width: 44px;
        height: 44px;
        margin-bottom: 12px;
    }

    /* 证书轮播：避免 slide / 箭头撑出横向滚动 */
    .bentong-about-page .bentong-about-certificates,
    .bentong-about-page .bentong-about-certificate-shell,
    .bentong-about-page .bentong-about-certificate-viewport {
        overflow-x: hidden;
        max-width: 100%;
    }

    .bentong-about-page .bentong-about-certificate-swiper {
        overflow: hidden;
    }

    .bentong-about-page .bentong-about-certificate-prev,
    .bentong-about-page .bentong-about-certificate-next {
        transform: translateY(-50%);
    }

    .bentong-about-page .bentong-about-certificate-prev {
        left: 8px;
    }

    .bentong-about-page .bentong-about-certificate-next {
        right: 8px;
    }

    .bentong-about-page .bentong-about-certificate-prev:hover,
    .bentong-about-page .bentong-about-certificate-prev.swiper-button-disabled {
        transform: translateY(-50%);
    }

    .bentong-about-page .bentong-about-certificate-next:hover,
    .bentong-about-page .bentong-about-certificate-next.swiper-button-disabled {
        transform: translateY(-50%);
    }

    .bentong-solution-sidebar-list img,
    .bentong-solution-list-card-more svg {
        width: 22px;
        height: 22px;
    }

    .bentong-home-page .bentong-home-product-navigation button,
    .bentong-home-page .bentong-home-solution-navigation button,
    .bentong-home-page .bentong-home-hero-arrow,
    .bentong-about-page .bentong-about-certificate-prev,
    .bentong-about-page .bentong-about-certificate-next {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }

    .Header-wrapper .bentong-site-header-search {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-width: 1px;
        border-radius: 50%;
    }

    .Header-wrapper .bentong-site-header-search-icon {
        font-size: 16px;
        line-height: 1;
    }

    .bentong-home-page .bentong-home-product-heading {
        margin-bottom: .54rem;
        text-align: left;
    }

    .bentong-home-page .bentong-home-product-tabs {
        gap: .12rem;
        margin-bottom: .46rem;
        padding: .12rem;
        border-radius: .27rem;
    }

    .bentong-home-page .bentong-home-product-tab {
        min-height: .85rem;
        gap: .15rem;
        padding: .19rem .27rem;
        border-radius: .19rem;
    }

    .bentong-home-page .bentong-home-product-tab svg {
        width: .42rem;
        height: .42rem;
    }

    .bentong-home-page .bentong-home-product-swiper,
    .bentong-home-page .bentong-home-solution-swiper,
    .bentong-home-page .bentong-home-certificate-swiper {
        width: calc(100% + .54rem);
        margin: -.27rem;
        padding: .27rem;
    }

    .bentong-home-page .bentong-home-product-card {
        min-height: 9.62rem;
        padding: .42rem .38rem .46rem;
        border-radius: .15rem;
    }

    .bentong-home-page .bentong-home-product-description {
        height: 3em;
        margin-top: .23rem;
    }

    .bentong-home-page .bentong-home-product-navigation,
    .bentong-home-page .bentong-home-solution-navigation,
    .bentong-home-page .bentong-home-news-navigation {
        gap: 10px;
        margin-top: 22px;
    }

    .bentong-home-page .bentong-home-product-navigation {
        left: 8px;
        right: 8px;
        margin-top: 0;
    }

    .bentong-home-page .bentong-home-product-navigation button,
    .bentong-home-page .bentong-home-solution-navigation button,
    .bentong-home-page .bentong-home-news-navigation button {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }

    .bentong-home-page .bentong-home-solution-content {
        padding: 18px;
    }

    .bentong-home-page .bentong-home-solution-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 14px;
        border-radius: 12px;
    }

    .bentong-home-page .bentong-home-solution-icon-image {
        width: 100%;
        height: 100%;
    }

    /* 首页手机端疏密：主卡 + 下一张露出一点 */
    .bentong-home-page .bentong-home-news-container {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .bentong-home-page .bentong-home-heading--news {
        margin: 0;
    }

    .bentong-home-page .bentong-home-news-navigation {
        order: 3;
        margin-top: 4px;
        width: 100%;
        justify-content: flex-start;
    }

    .bentong-home-page .bentong-home-news-swiper {
        order: 2;
    }

    .bentong-home-page .bentong-home-news-swiper,
    .bentong-home-page .bentong-home-certificate-swiper {
        width: 100%;
        margin: 0;
        padding: 0 0 6px;
        overflow: hidden;
    }

    .bentong-home-page .bentong-home-news-card {
        display: flex;
        flex-direction: column;
    }

    .bentong-home-page .bentong-home-news-media {
        border-radius: 12px;
    }

    .bentong-home-page .bentong-home-news-media.rect-60 {
        padding-top: 0;
        padding-bottom: 48%;
    }

    .bentong-home-page .bentong-home-news-content {
        min-height: 0;
        margin: -20px 12px 0;
        padding: 24px 14px 16px;
        border-radius: 12px;
    }

    .bentong-home-page .bentong-home-news-meta {
        top: -12px;
        left: 14px;
        padding: 7px 10px;
    }

    .bentong-home-page .bentong-home-news-title {
        height: auto;
        max-height: 2.6em;
        margin-top: 4px;
    }

    .bentong-home-page .bentong-home-news-description {
        margin-top: 8px;
    }

    .bentong-home-page .bentong-home-certificate-media.rect-140 {
        padding-top: 0;
        padding-bottom: 120%;
    }

    .bentong-home-page .bentong-home-certificate-card {
        padding: 10px;
        border-radius: 10px;
    }

    .bentong-home-page .bentong-home-certificate-title {
        margin-top: 10px;
        min-height: 0;
    }

    .bentong-home-page .bentong-home-product-card {
        min-height: 0;
        padding: 16px 14px 18px;
        border-radius: 12px;
    }

    .bentong-home-page .bentong-home-product-media.rect-100 {
        padding-top: 0;
        padding-bottom: 78%;
    }

    .bentong-home-page .bentong-home-product-tabs {
        gap: 8px;
        margin-bottom: 20px;
        padding: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .bentong-home-page .bentong-home-product-tabs::-webkit-scrollbar {
        display: none;
    }

    .bentong-home-page .bentong-home-product-tab {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 10px 14px;
        white-space: nowrap;
    }

    .bentong-home-page .bentong-home-about-points {
        display: flex;
        flex-direction: column;
        gap: 14px;
        margin-top: 20px;
    }

    .bentong-home-page .bentong-home-about-point {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        margin-top: 0;
    }

    .bentong-home-page .bentong-home-about-point-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 18px;
    }

    .bentong-home-page .bentong-home-about-point-text {
        padding-top: 0;
    }

    .bentong-home-page .bentong-home-fact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 16px;
        margin-top: 28px;
    }

    .bentong-home-page .bentong-home-fact-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        min-height: 0;
        padding: 0;
        border-bottom: 0;
    }

    .bentong-home-page .bentong-home-fact-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        margin-bottom: 0;
        padding-top: 0;
    }

    .bentong-home-page .bentong-home-fact-icon-image {
        width: 40px;
        height: 40px;
    }

    .bentong-home-page .bentong-home-fact-content {
        width: 100%;
    }

    .bentong-home-page .bentong-home-fact-divider {
        width: 36px;
        margin-top: 8px;
    }

    .bentong-home-page .bentong-home-fact-label {
        margin-top: 8px;
    }

    .bentong-home-page .bentong-home-manufacturing-grid {
        margin-top: 28px;
    }

    .bentong-home-page .bentong-home-manufacturing-item {
        padding: 22px 0;
    }

    .bentong-home-page .bentong-home-manufacturing-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 14px;
    }

    .bentong-home-page .bentong-home-manufacturing-item-description {
        margin-top: 10px;
    }

    .bentong-home-page .bentong-home-heading--split {
        gap: 14px;
        margin-bottom: 22px;
    }

    .bentong-home-page .bentong-home-solution-slide {
        width: 78vw;
        max-width: 300px;
    }

    .bentong-home-page .bentong-home-solution-card {
        height: auto;
        min-height: 300px;
    }

    .bentong-home-page .bentong-home-solution-media {
        min-height: 0;
    }

    .bentong-home-page .bentong-home-solution-media.rect-150 {
        padding-top: 0;
        padding-bottom: 120%;
    }

    .bentong-site-footer .bentong-site-footer-main {
        grid-template-columns: 1fr;
        gap: 0;
        padding-top: 36px;
        padding-bottom: 28px;
    }

    .bentong-site-footer .bentong-site-footer-contact-column {
        grid-column: auto;
    }

    .bentong-site-footer .bentong-site-footer-bottom {
        align-items: center;
        flex-direction: column;
        gap: 10px;
		text-align: center;
    }

    /* 关于我们文化箭头 */
    .bentong-about-page .bentong-about-culture-column::after {
        right: 14px;
        bottom: 14px;
        width: 44px;
        height: 44px;
        border-width: 1px;
        font-size: 20px;
        line-height: 42px;
    }

    /* 产品引导页箭头 */
    .bentong-product-guide-page .bentong-product-guide-prev,
    .bentong-product-guide-page .bentong-product-guide-next {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }

    .bentong-product-guide-page .bentong-product-guide-prev svg,
    .bentong-product-guide-page .bentong-product-guide-next svg,
    .bentong-product-guide-page .bentong-product-guide-card-arrow svg,
    .bentong-product-guide-page .bentong-product-guide-nav-arrow,
    .bentong-product-guide-page .bentong-product-guide-view svg,
    .bentong-product-guide-page .bentong-product-guide-cta-button svg {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }

    .bentong-product-guide-page .bentong-product-guide-card-arrow {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    /* 产品列表搜索框 */
    .bentong-product-sidebar .bentong-product-search,
    .yj-pro-search.bentong-product-search {
        min-height: 48px;
        border-radius: 8px;
        overflow: hidden;
    }

    .bentong-product-sidebar .bentong-product-search input[type="text"],
    .yj-pro-search.bentong-product-search input {
        height: 48px;
        min-height: 48px;
        padding: 0 52px 0 14px;
        font-size: 16px;
        border-radius: 8px;
        box-sizing: border-box;
    }

    .bentong-product-sidebar .bentong-product-search button,
    .yj-pro-search.bentong-product-search button {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
        font-size: 18px;
    }

    /* 产品列表卡片：手机端一行两个 */
    .bentong-product-list-page .yj-pro-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        width: 100%;
        max-width: 100%;
    }

    .bentong-product-list-page .yj-pro-card {
        min-width: 0;
        max-width: 100%;
        width: 100%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .bentong-product-list-page .yj-pro-card .info {
        padding: 12px 10px 14px;
    }

    .bentong-product-list-page .yj-pro-card .pic,
    .bentong-product-list-page .yj-pro-card .info,
    .bentong-product-list-page .yj-pro-card h3,
    .bentong-product-list-page .yj-pro-card .yj-pro-card-description {
        max-width: 100%;
        min-width: 0;
    }

    .bentong-product-list-page .yj-pro-card h3 {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 2.7em;
        margin-bottom: 6px;
        line-height: 1.35;
    }

    .bentong-product-list-page .yj-pro-card .yj-pro-card-description {
        line-height: 1.45;
    }

    .bentong-product-list-page .yj-pro-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* 产品列表、详情：手机端去掉左侧栏 */
    .yj-pro-sec:has(.yj-pro-detail-container) .bentong-product-sidebar,
    .bentong-product-list-page .bentong-product-sidebar {
        display: none;
    }

    /* 新闻列表：手机端一列，避免三列卡片过窄 */
    .n_newslist ul {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 20px;
        column-gap: 0;
    }

    .n_newslist ul li {
        min-width: 0;
        max-width: 100%;
    }

    .n_newslist ul li a {
        overflow: hidden;
        max-width: 100%;
        box-sizing: border-box;
    }

    .n_newslist ul li .info {
        padding: 28px 16px 20px;
    }

    .n_newslist ul li .date {
        left: 16px;
        width: 72px;
    }

    .n_newslist ul li .date span {
        font-size: 22px;
        line-height: 1.55;
        padding: 4px 0;
    }

    .n_newslist ul li .date p {
        font-size: 12px;
        line-height: 1.6;
    }

    .n_newslist ul li .tit,
    .n_newslist ul li .des {
        max-width: 100%;
        min-width: 0;
    }

    /* 新闻详情 */
    .n_news .fl .box {
        padding: 28px 16px 20px;
        box-sizing: border-box;
    }

    .n_news .fl .bot {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .n_news .fl .bot > div {
        width: 100%;
    }

    .n_news .fl .next {
        text-align: left;
        flex-direction: row-reverse;
        justify-content: flex-start;
    }

    .n_news .ar_article img,
    .n_news .fl .con img {
        max-width: 100%;
        height: auto;
    }

    .n_news .ar_article table {
        min-width: 0;
    }

    .n_news .fr .recomm ul li .img {
        width: 96px;
        flex: 0 0 96px;
    }

    .n_news .fr .recomm ul li .info {
        width: auto;
        min-width: 0;
        flex: 1;
    }

    /* 栏目横向导航：降低高度，横向滑动不换行 */
    .sort_nav:not(:has(.sort_nav_view li)) {
        display: none;
    }

    .sort_nav .w16 {
        min-height: 0;
        overflow: hidden;
    }

    .sort_nav_view {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .sort_nav_view::-webkit-scrollbar {
        display: none;
    }

    .sort_nav_view ul {
        flex-wrap: nowrap;
        gap: 18px;
        min-height: 48px;
    }

    .sort_nav_view ul li {
        margin-left: 0;
        flex: 0 0 auto;
    }

    .sort_nav_view ul li a {
        line-height: 48px;
        white-space: nowrap;
        padding: 0 2px;
    }

    /* 联系页面 */
    .n_contact .fl .mui-input-row {
        width: 100%;
        margin-bottom: 12px;
    }

    .n_contact .fl form > .mui-input-row:nth-last-child(2) {
        margin-bottom: 0;
    }

    .n_contact .fl .mui-input-row input {
        height: 48px;
        line-height: 48px;
        padding-left: 14px;
        box-sizing: border-box;
    }

    .n_contact .fl .mui-input-row textarea {
        min-height: 140px;
        padding: 14px;
        box-sizing: border-box;
    }

    .n_contact .fl .btn {
        width: 100%;
    }

    .n_contact .fl .btn button {
        width: 100%;
        min-height: 48px;
        padding: 12px 20px;
        box-sizing: border-box;
    }

    .n_contact .fr ul li {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
    }

    .n_contact .fr ul li + li {
        margin-top: 16px;
    }

    .n_contact .fr ul li .icon {
        width: 52px;
        height: 52px;
        flex: 0 0 52px;
    }

    .n_contact .fr ul li .icon i {
        font-size: 22px;
    }

    .n_contact .fr ul li .text {
        width: auto;
        min-width: 0;
        flex: 1;
        word-break: break-word;
    }
}