/* ============================================================
 *  Richitek - 统一样式入口
 *  所有 index.htm 中的新建样式代码迁移至此
 * ============================================================ */

/* ========== 流式布局覆盖样式 ========== */

/* 1. 外层容器：允许自适应宽度 */
#mainContentWrapper {
    min-width: 0 !important;
    width: 100% !important;
    position: relative !important;
}
#smv_AreaMainWrapper.main-layout-wrapper {
    width: 100% !important;
}
#smv_MainContent {
    min-height: auto !important;
}

/* 2. 主容器：取消固定高度 + 清掉 padding（允许子元素 full-bleed） */
.smvContainer#smv_Main {
    height: auto !important;
    min-height: 400px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
}

/* 3. 直接子元素：从绝对定位改为流式 */
.smvContainer#smv_Main > .smartAbs {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 auto !important;
    z-index: auto !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

/* 4. banner 内部 fullcolumn-inner 也改为自适应 */
.fullcolumn-inner.smAreaC {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    padding: 0 15px;
}

/* 5. bannerWrap 绝对定位装饰层隐藏 */
.fullcolumn-outer#bannerWrap_con_454_55,
.fullcolumn-outer#bannerWrap_con_456_16,
.fullcolumn-outer#bannerWrap_con_451_15,
.fullcolumn-outer#bannerWrap_con_467_43,
.fullcolumn-outer#bannerWrap_con_477_1,
.fullcolumn-outer#bannerWrap_con_486_34 {
    display: none !important;
}

/* 6. 特殊浮层处理：语言切换 & 产品分类文字 & 分类标签行 */
#smv_con_182_3.languages {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    z-index: 500 !important;
}
#smv_con_88_59,
.smvContainer#smv_Main > #smv_con_157_3,
.smvContainer#smv_Main > #smv_con_335_26,
.smvContainer#smv_Main > #smv_con_344_49,
.smvContainer#smv_Main > #smv_con_342_37,
.smvContainer#smv_Main > #smv_con_343_37,
.smvContainer#smv_Main > #smv_con_367_26,
.smvContainer#smv_Main > #smv_con_337_45,
.smvContainer#smv_Main > #smv_con_338_52,
.smvContainer#smv_Main > #smv_con_339_59,
.smvContainer#smv_Main > #smv_con_340_5,
.smvContainer#smv_Main > #smv_con_341_16 {
    display: none !important;
}

/* 7. 内部子组件（banner 内的 smartAbs）改为相对 + 流式 */
.fullcolumn-inner.smAreaC > .smartAbs,
.smAreaC > .smartAbs {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    display: block !important;
    margin: 15px auto !important;
    z-index: auto !important;
    height: auto !important;
    width: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* 7b. 左右两栏：PC 端并排，移动端自动堆叠 */
@media (min-width: 1001px) {
    .fullcolumn-inner.smAreaC > .smartAbs[id*="_459_"],
    .fullcolumn-inner.smAreaC > .smartAbs[id*="_460_"] {
        display: inline-block !important;
        vertical-align: top;
        width: calc(50% - 10px) !important;
        max-width: 48% !important;
    }
}
/* banner 本身也取消固定高度 */
.smvContainer#smv_Main > .smartAbs {
    height: auto !important;
    min-height: 0 !important;
}

/* 8. 让 banner 的 inner 容器使用 flex 布局 */
.yibuFrameContent > .fullcolumn-inner.smAreaC {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    overflow: visible !important;
    height: auto !important;
}
/* 让 yibuFrameContent 也取消固定高度 */
.yibuFrameContent {
    height: auto !important;
    overflow: visible !important;
}
/* 让 area 容器的中间层也展开 */
.w-container,
.smAreaC {
    height: auto !important;
    overflow: visible !important;
}
/* 通用中间层展开 */
.yibuFrameContent,
.fullcolumn-inner {
    height: auto !important;
    overflow: visible !important;
}

/* 9. 产品/新闻列表改为网格布局 */
.w-list.xn-resize,
.w-list {
    height: auto !important;
    overflow: visible !important;
    width: 100% !important;
}
.w-list-ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 15px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    overflow: visible !important;
}
.w-list-item {
    height: auto !important;
    overflow: visible !important;
}
.w-list-item .w-list-pic img,
.w-listpic-in {
    width: 100% !important;
    height: auto !important;
}

/* 10. slider 容器取消固定高度 */
.w-slider {
    height: auto !important;
    min-height: 250px !important;
    width: 100% !important;
}
.w-slider-wrap {
    height: auto !important;
}
.w-slider img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
}

/* 11. 搜索栏隐藏 */
#smv_con_363_29 {
    display: none !important;
}

/* 响应式：小于1000px 时 */
@media (max-width: 1000px) {
    #smv_con_182_3.languages {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        margin: 10px auto !important;
    }
    .smvContainer#smv_Main {
        padding: 0 !important;
    }
    .fullcolumn-inner.smAreaC > .smartAbs,
    .smAreaC > .smartAbs {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    .w-slider,
    #slider_smv_con_455_26,
    #slider_smv_con_459_12,
    #slider_smv_con_463_49,
    #slider_smv_con_468_12 {
        height: auto !important;
        min-height: 200px !important;
    }
    #slider_smv_con_504_51,
    iframe {
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
    }
    .yibuFrameContent > .fullcolumn-inner.smAreaC {
        flex-direction: column !important;
    }
    #smv_con_453_2,
    #smv_con_454_55,
    #smv_con_456_16,
    #smv_con_451_15,
    #smv_con_467_43,
    #smv_con_477_1,
    #smv_con_478_49,
    #smv_con_473_54,
    #smv_con_486_34 {
        height: auto !important;
        min-height: 100px !important;
        padding: 20px 0 !important;
    }
}

/* ============================================================
 *  产品分类 + 语言切换 信息栏
 * ============================================================ */

.rtk-main-info-bar {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.rtk-info-bar-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

/* 左侧：产品分类 */
.rtk-info-bar-left {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 14px;
}

.rtk-info-bar-label {
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    font-size: 13px;
}

.rtk-info-bar-link {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.15s;
    white-space: nowrap;
}

.rtk-info-bar-link:hover {
    color: #0066cc;
}

/* 右侧：语言切换 */
.rtk-info-bar-right {
    flex-shrink: 0;
    position: relative;
}

.rtk-info-bar-right .w-language {
    height: auto;
    line-height: normal;
}

.rtk-info-bar-right .w-language-inner {
    height: auto;
    padding: 6px 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fafafa;
    font-size: 12px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    color: #555;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.rtk-info-bar-right .w-language-inner:hover {
    border-color: #0066cc;
    background: #f0f6ff;
    color: #0066cc;
}

.rtk-info-bar-right .w-language-dropdown {
    top: auto;
    margin-top: 4px;
    min-width: 130px;
    right: 0;
}

/* ============================================================
 *  信息栏 响应式
 * ============================================================ */

@media (max-width: 1024px) {
    .rtk-info-bar-inner {
        padding: 0 15px;
        gap: 15px;
    }
    .rtk-info-bar-left {
        font-size: 12px;
        gap: 3px 10px;
    }
    .rtk-info-bar-link,
    .rtk-info-bar-label {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .rtk-main-info-bar {
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .rtk-info-bar-inner {
        padding: 0 12px;
        gap: 10px;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .rtk-info-bar-left {
        flex: 1 1 100%;
        font-size: 12px;
        gap: 2px 8px;
        max-height: 54px;
        overflow: hidden;
        line-height: 1.5;
    }

    .rtk-info-bar-label {
        font-size: 12px;
        display: block;
        margin-bottom: 2px;
    }

    .rtk-info-bar-link {
        font-size: 12px;
    }

    .rtk-info-bar-right {
        flex-shrink: 0;
        align-self: flex-start;
    }

    .rtk-info-bar-right .w-language-inner {
        padding: 4px 10px;
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .rtk-info-bar-inner {
        padding: 0 10px;
    }

    .rtk-info-bar-left {
        font-size: 11px;
        gap: 2px 6px;
    }

    .rtk-info-bar-link,
    .rtk-info-bar-label {
        font-size: 11px;
    }
}

/* ============================================================
 *  smv_con_469_29 - Latest News / 产品列表板块
 *  全屏图片 + hover 动效 + 响应式
 * ============================================================ */

.rtk-section-banner {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 60px 0 48px;
    background: #f5f6f8;
    position: relative;
    overflow: hidden;
}

.rtk-section-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #eef2f7 0%, #f5f6f8 40%, #f5f6f8 100%);
    pointer-events: none;
}

.rtk-section-inner {
    position: relative;
    z-index: 1;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}

/* ---------- 板块标题 ---------- */
.rtk-section-title {
    text-align: center;
    margin-bottom: 36px;
}

.rtk-section-heading {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 10px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    font-family: Source Han Sans, Geneva, -apple-system, sans-serif;
}

.rtk-section-sub {
    font-size: 14px;
    color: #777;
    margin: 0;
    line-height: 1.6;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

/* 覆盖旧 CMS 的 p 元素 margin 规则，保证副标题段落块水平居中 */
.rtk-section-title .rtk-section-sub {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================================
 *  解决方案 3×2 卡片网格（#Solution_id）
 *  独立 .rtk-sol-* 类，避免与产品列表 .rtk-product-* 冲突
 *  风格：扫光光带 + 底部蓝线 + 标题浅灰分隔线 + 药丸按钮
 * ============================================================ */

.rtk-sol-grid {
    list-style: none;
    padding: 0;
    margin: 0 0 36px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* 卡片：圆角 + 微阴影 + hover 上浮 */
.rtk-sol-item {
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 12px;
    overflow: visible;
    box-shadow: 0 2px 10px rgba(16, 42, 67, 0.06);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.3s ease;
    cursor: pointer;
    position: relative;
    min-width: 0;
}

/* 扫光光带（hover 时 keyframes 扫过） */
.rtk-sol-item::before {
    content: '';
    position: absolute;
    top: 0; left: -120%;
    width: 120%; height: 100%;
    background: linear-gradient(100deg,
                transparent 0%,
                rgba(255, 255, 255, 0) 30%,
                rgba(255, 255, 255, 0.55) 50%,
                rgba(255, 255, 255, 0) 70%,
                transparent 100%);
    transform: skewX(-18deg);
    opacity: 0;
    pointer-events: none;
    z-index: 3;
}

/* 底部蓝线：hover 时从左滑入 */
.rtk-sol-item::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 2px;
    border-radius: 0 0 12px 12px;
    background: linear-gradient(90deg, #0066cc, #00a8ff);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.rtk-sol-item:hover {
    transform: translateY(-6px);
    border-color: rgba(0, 102, 204, 0.35);
    box-shadow: 0 18px 40px rgba(0, 102, 204, 0.18);
}

.rtk-sol-item:hover::before {
    animation: rtkSolShine 0.85s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.rtk-sol-item:hover::after {
    transform: scaleX(1);
    box-shadow: 0 0 12px rgba(0, 102, 204, 0.45);
}

@keyframes rtkSolShine {
    0%   { left: -120%; opacity: 0; }
    10%  { opacity: 1; }
    75%  { opacity: 1; }
    100% { left: 220%; opacity: 0; }
}

.rtk-sol-link {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* 图片区：4/3 比例 cover 铺满 */
.rtk-sol-pic {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    position: relative;
    background: #eef2f7;
    transition: transform 0.4s ease;
}

.rtk-sol-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rtk-sol-item:hover .rtk-sol-img {
    transform: scale(1.06);
}

/* 信息区 */
.rtk-sol-info {
    padding: 14px 16px 16px;
    background: #fff;
    text-align: center;
}

.rtk-sol-title {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin: 0 0 14px;
    line-height: 1.4;
    display: block;
    width: 100%;
    transition: color 0.25s;
    position: relative;
    padding-bottom: 16px;
}

/* 标题下方浅灰分隔线（72px）；hover 时变长到标题等宽 */
.rtk-sol-title::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 72px;
    height: 0;
    border-top: 1px solid #dfe6ef;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.rtk-sol-item:hover .rtk-sol-title {
    color: #0066cc;
}

.rtk-sol-item:hover .rtk-sol-title::after {
    width: 100%;
}

/* 药丸按钮：浅蓝底 → hover 蓝渐变 */
.rtk-sol-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #0066cc;
    background: #eef5fe;
    border-radius: 999px;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease,
                box-shadow 0.3s ease;
}

.rtk-sol-item:hover .rtk-sol-more {
    background: linear-gradient(135deg, #0066cc, #00a8ff);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 102, 204, 0.4);
}

/* ---------- 响应式 ---------- */

@media (max-width: 1024px) {
    .rtk-sol-grid {
        gap: 20px;
    }
}

/* 平板/大手机：2 列 */
@media (max-width: 767px) {
    .rtk-sol-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin-bottom: 28px;
    }
    .rtk-sol-info {
        padding: 12px 14px 14px;
    }
    .rtk-sol-title {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 10px;
        padding-bottom: 12px;
    }
    .rtk-sol-more {
        font-size: 11px;
        padding: 5px 12px;
    }
}

/* 小屏：更紧凑 */
@media (max-width: 480px) {
    .rtk-sol-grid {
        gap: 10px;
    }
    .rtk-sol-title {
        font-size: 12px;
        margin-bottom: 8px;
        padding-bottom: 10px;
    }
    .rtk-sol-more {
        font-size: 10px;
        padding: 4px 10px;
    }
    .rtk-sol-item:hover {
        transform: none;
    }
    .rtk-sol-item:hover .rtk-sol-img {
        transform: scale(1);
    }
}

/* ---------- CTA 按钮 ---------- */
.rtk-section-cta {
    text-align: center;
    margin-top: 24px;
}

.rtk-cta-btn {
    display: inline-block;
    padding: 10px 28px;
    background: linear-gradient(135deg, #29a3e0, #0066cc);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 22px;
    transition: box-shadow 0.25s, transform 0.25s;
    letter-spacing: 0.3px;
}

.rtk-cta-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 102, 204, 0.35);
}

.rtk-cta-btn:active {
    transform: translateY(0);
}

/* ============================================================
 *  #smv_con_469_29 — 产品列表模块（独占 .rtk-product-* 类，与 Solution .rtk-sol-* 完全分离）
 *  差异化：
 *    - 无扫光动画（::before 隐藏）
 *    - 蓝线在顶部（::after top:0，三段彩色渐变）
 *    - 图片 object-fit: contain 保留全图
 *    - 无药丸按钮，标题不强制独占整行
 * ============================================================ */

/* 基础网格：4 列 */
.rtk-product-grid {
    list-style: none;
    padding: 0;
    margin: 0 0 36px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* 基础卡片 */
.rtk-product-item {
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 10px;
    overflow: visible;
    box-shadow: 0 2px 10px rgba(16, 42, 67, 0.06);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.3s ease;
    cursor: pointer;
    position: relative;
    min-width: 0;
}

/* 扫光默认隐藏（本模块不用） */
.rtk-product-item::before {
    display: none;
}

/* 顶部蓝→青→紫三段渐变线 */
.rtk-product-item::after {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: auto;
    width: 100%; height: 2px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(90deg, #0066cc, #00a8ff, #7b61ff);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.rtk-product-item:hover {
    transform: translateY(-6px);
    border-color: rgba(0, 102, 204, 0.35);
    box-shadow: 0 18px 40px rgba(0, 102, 204, 0.18);
}

.rtk-product-item:hover::after {
    transform: scaleX(1);
    box-shadow: 0 0 14px rgba(0, 168, 255, 0.55);
}

.rtk-product-link {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.rtk-product-pic {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    position: relative;
    background: #eef2f7;
    transition: transform 0.4s ease;
}

.rtk-product-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #eef2f7;
    display: block;
    transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rtk-product-item:hover .rtk-product-img {
    transform: scale(1.06);
}

.rtk-product-info {
    padding: 14px 16px 16px;
    background: #fff;
    text-align: center;
}

/* inline-block 让标题横线 width:100% 紧贴文字底部 */
.rtk-product-title {
    display: inline-block;
    width: auto;
    padding-bottom: 0;
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
    position: relative;
    transition: color 0.25s;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* 标题下方浅灰分隔线：hover 时透明→显示 72px，再拉长到标题等宽 */
.rtk-product-title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
    width: 72px;
    height: 1px;
    background: #dfe6ef;
    opacity: 0;
    transition: width 0.48s cubic-bezier(0.34, 1.56, 0.64, 1),
                opacity 0.18s ease;
    pointer-events: none;
}

.rtk-product-item:hover .rtk-product-title {
    color: #0066cc;
}

.rtk-product-item:hover .rtk-product-title::after {
    opacity: 1;
    width: 100%;
}

/* 移动端：hover 归零（小屏无真实 hover） */
@media (max-width: 480px) {
    .rtk-product-item:hover {
        transform: none;
        box-shadow: 0 2px 10px rgba(16, 42, 67, 0.06);
    }
    .rtk-product-item:hover::after {
        transform: scaleX(0);
    }
    .rtk-product-item:hover .rtk-product-img {
        transform: none;
    }
}

/* ============================================================
 *  板块 响应式（Solution 用 .rtk-sol-*，产品列表用 .rtk-product-*）
 * ============================================================ */

/* 平板横屏/窄平板（768-820px）：Solution 2 列、产品列表 3 列 */
@media (max-width: 820px) {
    .rtk-section-banner {
        padding: 48px 0 36px;
    }
    .rtk-section-inner {
        padding: 0 24px;
    }
    .rtk-section-heading {
        font-size: 22px;
    }
    .rtk-sol-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }
    .rtk-product-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}

/* 小平板/大手机：都 2 列 */
@media (max-width: 767px) {
    .rtk-section-banner {
        padding: 36px 0 28px;
    }
    .rtk-section-inner {
        padding: 0 16px;
    }
    .rtk-section-title {
        margin-bottom: 24px;
    }
    .rtk-section-heading {
        font-size: 20px;
        margin-bottom: 6px;
    }
    .rtk-section-sub {
        font-size: 12px;
        max-width: 90%;
    }

    /* Solution 2 列 */
    .rtk-sol-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin-bottom: 28px;
    }
    .rtk-sol-pic {
        aspect-ratio: 4 / 3;
    }
    .rtk-sol-info {
        padding: 14px 14px 16px;
    }
    .rtk-sol-title {
        font-size: 14px;
        line-height: 1.35;
        margin-bottom: 14px;
        padding-bottom: 14px;
    }
    .rtk-sol-more {
        font-size: 12px;
        padding: 6px 16px;
    }

    /* 产品列表 2 列 */
    .rtk-product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin-bottom: 28px;
    }
    .rtk-product-pic {
        aspect-ratio: 16 / 10;
    }
    .rtk-product-info {
        padding: 12px 14px;
    }
    .rtk-product-title {
        font-size: 13px;
        line-height: 1.3;
        -webkit-line-clamp: 2;
        margin-bottom: 10px;
    }

    .rtk-cta-btn {
        padding: 10px 24px;
        font-size: 13px;
    }
}

/* 小屏手机：Solution 1 列、产品列表 2 列 */
@media (max-width: 480px) {
    .rtk-section-banner {
        padding: 28px 0 22px;
    }
    .rtk-section-inner {
        padding: 0 12px;
    }
    .rtk-section-heading {
        font-size: 18px;
    }

    /* Solution 单列 */
    .rtk-sol-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .rtk-sol-title {
        font-size: 15px;
    }
    .rtk-sol-item:hover {
        transform: none;
    }
    .rtk-sol-item:hover .rtk-sol-img {
        transform: scale(1);
    }

    /* 产品列表：保持 2 列但更紧凑 */
    .rtk-product-grid {
        gap: 10px;
    }
    .rtk-product-title {
        font-size: 12px;
    }
}

/* ============================================================
 *  数据统计 Banner (#smv_con_453_2)数据统计 Banner (#smv_con_453_2)
 * ============================================================ */

/* Banner 容器 — full-bleed 全屏背景 */
.smvContainer#smv_Main > .smartAbs.rtk-stat-banner {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 60px 0 !important;
    background-color: #f4f7fb !important;
    background-image: none !important;
    border-top: 1px solid #e4e8f0 !important;
    border-bottom: 1px solid #e4e8f0 !important;
    overflow: hidden !important;
    z-index: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box !important;
}

#smv_con_453_2::before {
    content: none;
}

/* 内层 — 居中 + 限宽 + 两侧间距 */
.rtk-stat-inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    position: relative;
    z-index: 1;
}

/* 数字行 */
.rtk-stat-numbers {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

/* 标签行 */
.rtk-stat-labels {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.rtk-stat-num {
    flex: 1 1 0;
    min-width: 120px;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #0066cc;
    letter-spacing: 1px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 10px;
}
.rtk-stat-num::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 32px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #0066cc, #00a8ff);
}

.rtk-stat-label {
    flex: 1 1 0;
    min-width: 120px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    letter-spacing: 0.5px;
    font-family: 'Source Han Sans', 'Geneva', sans-serif;
}

/* 响应式 — 平板 */
@media (max-width: 1024px) {
    .rtk-stat-inner { padding: 0 40px; }
    .rtk-stat-num { font-size: 32px; }
    .rtk-stat-label { font-size: 14px; }
}
/* 响应式 — 移动端 4→2 列 */
@media (max-width: 767px) {
    .smvContainer#smv_Main > .smartAbs.rtk-stat-banner { padding: 36px 0 32px !important; }
    .rtk-stat-inner { padding: 0 24px; gap: 16px; }
    .rtk-stat-num {
        font-size: 28px;
        flex: 1 1 calc(50% - 8px);
        min-width: 0;
        padding-bottom: 8px;
    }
    .rtk-stat-num::after { width: 24px; height: 2px; }
    .rtk-stat-label {
        font-size: 13px;
        flex: 1 1 calc(50% - 8px);
        min-width: 0;
    }
}
/* 响应式 — 小屏 */
@media (max-width: 480px) {
    .smvContainer#smv_Main > .smartAbs.rtk-stat-banner { padding: 32px 0 28px !important; }
    .rtk-stat-inner { padding: 0 16px; }
    .rtk-stat-num { font-size: 24px; }
    .rtk-stat-label { font-size: 12px; }
}

/* ============================================================
 *  证书板块 (#smv_con_454_55)
 * ============================================================ */

.smvContainer#smv_Main > .smartAbs.rtk-cert-section {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 64px 0 !important;
    background-color: #f4f7fb !important;
    background-image: none !important;
    border-top: 1px solid #e4e8f0 !important;
    border-bottom: 1px solid #e4e8f0 !important;
    overflow: hidden !important;
    z-index: auto !important;
    box-sizing: border-box !important;
}

.rtk-cert-inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
}

.rtk-section-title {
    text-align: center;
}
.rtk-section-title h2 {
    margin: 0 0 12px 0;
    font-size: 30px;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
    font-family: 'Source Han Sans', 'Geneva', sans-serif;
}
.rtk-section-title p {
    margin: 0;
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    font-family: 'Source Han Sans', 'Geneva', sans-serif;
}

.rtk-cert-image {
    width: 100%;
    max-width: 1100px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.rtk-cert-img {
    display: block;
    width: 100%;
    height: auto;
}

/* 响应式 — 平板 */
@media (max-width: 1024px) {
    .rtk-cert-inner { padding: 0 24px; gap: 28px; }
    .rtk-section-title h2 { font-size: 26px; }
    .rtk-section-title p { font-size: 16px; }
}
/* 响应式 — 移动端 */
@media (max-width: 767px) {
    .smvContainer#smv_Main > .smartAbs.rtk-cert-section { padding: 40px 0 !important; }
    .rtk-cert-inner { padding: 0 16px; gap: 24px; }
    .rtk-section-title h2 { font-size: 22px; }
    .rtk-section-title p { font-size: 14px; }
}
@media (max-width: 480px) {
    .smvContainer#smv_Main > .smartAbs.rtk-cert-section { padding: 32px 0 !important; }
    .rtk-section-title h2 { font-size: 20px; }
    .rtk-section-title p { font-size: 13px; }
}

/* ============================================================
 *  CEO 介绍板块 (#smv_con_456_16)
 * ============================================================ */

.smvContainer#smv_Main > .smartAbs.rtk-ceo-section {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 64px 0 !important;
    background-color: #f4f7fb !important;
    background-image: none !important;
    border-top: 1px solid #e4e8f0 !important;
    border-bottom: 1px solid #e4e8f0 !important;
    overflow: hidden !important;
    z-index: auto !important;
    box-sizing: border-box !important;
}

.rtk-ceo-inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

/* 左图右文行 */
.rtk-ceo-toprow {
    display: flex;
    gap: 36px;
    align-items: stretch;
}
.rtk-ceo-image {
    flex: 0 0 55%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}
.rtk-ceo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rtk-ceo-text {
    flex: 1 1 45%;
    background: #fff;
    border-radius: 10px;
    padding: 24px 28px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    font-size: 15px;
    line-height: 1.8;
    color: #444;
    max-height: 420px;
    overflow-y: auto;
}

/* CEO 签名 */
.rtk-ceo-signature {
    text-align: center;
    font-size: 15px;
    color: #666;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 4px 0;
}

/* 大图 */
.rtk-ceo-bigimage {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.rtk-ceo-bigimg {
    display: block;
    width: 100%;
    height: auto;
}

/* 大图上的引言层 */
.rtk-ceo-bigimage {
    position: relative;
}
.rtk-ceo-quote {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 58%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 36px 44px;
    text-align: left;
    background-color: transparent;
}
.rtk-quote-mark {
    font-size: 80px;
    line-height: 0.6;
    color: rgba(255, 255, 255, 0.35);
    margin-bottom: 16px;
}
.rtk-quote-text {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.7;
    letter-spacing: 0.5px;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.9),
        0 0 8px rgba(0, 0, 0, 0.7),
        0 0 20px rgba(0, 0, 0, 0.5);
    font-family: 'Source Han Sans', 'Geneva', sans-serif;
}


/* 描述文字 — 带滚动条 */
.rtk-ceo-desc {
    background: #fff;
    border-radius: 10px;
    padding: 28px 36px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    font-size: 15px;
    line-height: 1.9;
    color: #444;
    max-height: 460px;
    overflow-y: auto;
}

/* CTA 按钮 */
.rtk-ceo-cta {
    text-align: center;
}

/* 自定义滚动条 */
.rtk-ceo-text::-webkit-scrollbar,
.rtk-ceo-desc::-webkit-scrollbar {
    width: 6px;
}
.rtk-ceo-text::-webkit-scrollbar-track,
.rtk-ceo-desc::-webkit-scrollbar-track {
    background: #f0f2f5;
    border-radius: 3px;
}
.rtk-ceo-text::-webkit-scrollbar-thumb,
.rtk-ceo-desc::-webkit-scrollbar-thumb {
    background: #c8d0dc;
    border-radius: 3px;
}
.rtk-ceo-text::-webkit-scrollbar-thumb:hover,
.rtk-ceo-desc::-webkit-scrollbar-thumb:hover {
    background: #a8b4c4;
}
.rtk-ceo-text,
.rtk-ceo-desc {
    scrollbar-width: thin;
    scrollbar-color: #c8d0dc #f0f2f5;
}

/* 响应式 — 平板 */
@media (max-width: 1024px) {
    .rtk-ceo-inner { padding: 0 24px; gap: 28px; }
    .rtk-ceo-toprow { gap: 24px; }
    .rtk-ceo-text { padding: 20px 22px; max-height: 360px; }
    .rtk-ceo-desc { padding: 22px 28px; max-height: 400px; }
}
/* 响应式 — 移动端 */
@media (max-width: 767px) {
    .smvContainer#smv_Main > .smartAbs.rtk-ceo-section { padding: 40px 0 !important; }
    .rtk-ceo-inner { padding: 0 16px; gap: 24px; }
    .rtk-ceo-toprow { flex-direction: column; gap: 20px; }
    .rtk-ceo-image { flex: none; }
    .rtk-ceo-text { padding: 16px 18px; max-height: 300px; font-size: 14px; }
    .rtk-ceo-signature { font-size: 13px; }
    .rtk-ceo-desc { padding: 18px 20px; max-height: 340px; font-size: 14px; }
    .rtk-ceo-quote { padding: 20px 22px; width: 70%; }
    .rtk-quote-mark { font-size: 40px; margin-bottom: 8px; }
    .rtk-quote-text { font-size: 13px; line-height: 1.55; }
}
@media (max-width: 480px) {
    .smvContainer#smv_Main > .smartAbs.rtk-ceo-section { padding: 32px 0 !important; }
    .rtk-ceo-text { font-size: 13px; }
    .rtk-ceo-desc { font-size: 13px; }
}

/* ============================================================
 *  荣誉/认证图片板块 (#smv_con_467_43) — 位于 CEO 板块下
 * ============================================================ */

.smvContainer#smv_Main > .smartAbs.rtk-honor-section {
    position: relative !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    margin-top: 0 !important; margin-bottom: 0 !important;
    width: auto !important; max-width: none !important; min-width: 0 !important;
    height: auto !important; min-height: 0 !important;
    padding: 56px 0 !important;
    background-color: #f4f7fb !important;
    background-image: none !important;
    border-top: 1px solid #e4e8f0 !important;
    border-bottom: 1px solid #e4e8f0 !important;
    overflow: hidden !important;
    z-index: auto !important;
    box-sizing: border-box !important;
}
.rtk-honor-inner {
    max-width: 1280px; width: 100%; margin: 0 auto;
    padding: 0 30px; box-sizing: border-box;
    display: flex; flex-direction: column; align-items: center; gap: 32px;
}
.rtk-honor-image {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.rtk-honor-img {
    display: block;
    width: 100%;
    height: auto;
}

/* 响应式 */
@media (max-width: 1024px) {
    .rtk-honor-inner { padding: 0 24px; gap: 26px; }
}
@media (max-width: 767px) {
    .smvContainer#smv_Main > .smartAbs.rtk-honor-section { padding: 36px 0 !important; }
    .rtk-honor-inner { padding: 0 16px; gap: 20px; }
}
@media (max-width: 480px) {
    .smvContainer#smv_Main > .smartAbs.rtk-honor-section { padding: 28px 0 !important; }
}

/* ============================================================
 *  关于我们板块 (#smv_con_451_15) — 标题+视频+文字
 * ============================================================ */

.smvContainer#smv_Main > .smartAbs.rtk-about-section {
    position: relative !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    margin-top: 0 !important; margin-bottom: 0 !important;
    width: auto !important; max-width: none !important; min-width: 0 !important;
    height: auto !important; min-height: 0 !important;
    padding: 64px 0 !important;
    background-color: #f4f7fb !important;
    background-image: none !important;
    border-top: 1px solid #e4e8f0 !important;
    border-bottom: 1px solid #e4e8f0 !important;
    overflow: hidden !important;
    z-index: auto !important;
    box-sizing: border-box !important;
}
.rtk-about-inner {
    max-width: 1280px; width: 100%; margin: 0 auto;
    padding: 0 30px; box-sizing: border-box;
    display: flex; flex-direction: column; gap: 40px;
}
.rtk-about-row {
    display: flex; gap: 40px; align-items: stretch;
}
.rtk-about-video {
    flex: 0 0 55%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    background: #000;
}
.rtk-about-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
}
.rtk-about-text {
    flex: 1 1 45%;
    background: #fff;
    border-radius: 10px;
    padding: 28px 32px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    font-size: 15px;
    line-height: 1.9;
    color: #444;
    max-height: 420px;
    overflow-y: auto;
}

/* 自定义滚动条 */
.rtk-about-text::-webkit-scrollbar { width: 6px; }
.rtk-about-text::-webkit-scrollbar-track { background: #f0f2f5; border-radius: 3px; }
.rtk-about-text::-webkit-scrollbar-thumb { background: #c8d0dc; border-radius: 3px; }
.rtk-about-text::-webkit-scrollbar-thumb:hover { background: #a8b4c4; }
.rtk-about-text { scrollbar-width: thin; scrollbar-color: #c8d0dc #f0f2f5; }

/* 响应式 */
@media (max-width: 1024px) {
    .rtk-about-inner { padding: 0 24px; gap: 32px; }
    .rtk-about-row { gap: 28px; }
    .rtk-about-text { padding: 22px 26px; max-height: 360px; }
}
@media (max-width: 767px) {
    .smvContainer#smv_Main > .smartAbs.rtk-about-section { padding: 40px 0 !important; }
    .rtk-about-inner { padding: 0 16px; gap: 24px; }
    .rtk-about-row { flex-direction: column; gap: 20px; }
    .rtk-about-video { flex: none; }
    .rtk-about-text { padding: 18px 20px; max-height: 320px; font-size: 14px; }
}
@media (max-width: 480px) {
    .smvContainer#smv_Main > .smartAbs.rtk-about-section { padding: 32px 0 !important; }
    .rtk-about-text { font-size: 13px; }
}

/* ============================================================
 *  关于我们 · 工厂工序卡片（两行布局：上5下6）
 * ============================================================ */

/* 外层容器：纵向排列两行 */
.rtk-about-media {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

/* 每一行：flex 等分 */
.rtk-process-row {
    display: flex;
    gap: 16px;
}
.rtk-process-card {
    flex: 1 1 0;
    min-width: 0;
    position: relative;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.35s ease;
    cursor: default;
    border: 1px solid #eef1f6;
}
.rtk-process-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0066cc, #00a8ff);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 2;
}
.rtk-process-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0, 102, 204, 0.18);
    border-color: #d0e0f5;
}
.rtk-process-card:hover::before {
    transform: scaleX(1);
}
.rtk-process-pic {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f0f3f7;
}
.rtk-process-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1),
                filter 0.4s ease;
    filter: saturate(0.85);
}
.rtk-process-card:hover .rtk-process-img {
    transform: scale(1.08);
    filter: saturate(1) brightness(1.02);
}
.rtk-process-name {
    display: block;
    padding: 14px 16px 16px;
    font-size: 15px;
    font-weight: 600;
    color: #2c3e55;
    text-align: center;
    letter-spacing: 0.3px;
    transition: color 0.25s ease;
    border-top: 1px solid #f0f2f5;
    position: relative;
}
.rtk-process-card:hover .rtk-process-name {
    color: #0066cc;
}

/* PC端（≥1025px）：两行图片统一高度；top行中间=2倍宽，其余等宽 */
@media (min-width: 1025px) {
    /* 两行图片容器都固定 200px 高，保证上下一致 */
    .rtk-about-media .rtk-process-pic {
        aspect-ratio: auto;
        height: 200px;
    }
    /* top行 flex 分配：中间 2 单位，其余 1 单位 */
    .rtk-process-row--top {
        align-items: stretch;
    }
    .rtk-process-row--top .rtk-process-card--wide {
        flex: 2 1 0;
    }
    .rtk-process-row--top .rtk-process-card--narrow {
        flex: 1 1 0;
    }
    /* bottom行 6张卡片 flex 等分 */
    .rtk-process-row--bottom {
        align-items: stretch;
    }
}

/* 响应式 — 平板：两行仍保持（5+6），卡片略小 */
@media (max-width: 1024px) {
    .rtk-about-media { gap: 16px; }
    .rtk-process-row { gap: 12px; }
    .rtk-process-name { font-size: 14px; padding: 12px 14px 14px; }
}
/* 响应式 — 移动端：切换为网格，row 容器透明化 */
@media (max-width: 767px) {
    .rtk-about-media {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .rtk-process-row {
        display: contents;
    }
    .rtk-process-card {
        flex: none;
        min-width: 0;
        border-radius: 10px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    }
    .rtk-process-card:hover { transform: none; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
    .rtk-process-card:hover::before { transform: none; }
    .rtk-process-card:hover .rtk-process-img { transform: none; filter: saturate(0.85); }
    .rtk-process-card:hover .rtk-process-name { color: #2c3e55; }
    .rtk-process-name { font-size: 13px; padding: 10px 12px 12px; }
}
/* 响应式 — 小屏 */
@media (max-width: 480px) {
    .rtk-about-media { gap: 10px; }
    .rtk-process-name { font-size: 12px; padding: 9px 10px 10px; }
}

/* ============================================================
 *  关于我们 · 底部欢迎语 (#smv_con_451_15 .rtk-process-footer-content)
 *  图标徽章 + 文字卡片，左侧蓝色强调边，hover 上浮 + 图标缩放
 * ============================================================ */
.rtk-process-footer-content {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: -14px;
    padding: 22px 28px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(16, 42, 67, 0.06);
    border: 1px solid #e8eef4;
    position: relative;
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.35s ease,
                border-color 0.35s ease;
}
/* 顶部渐变光带，增加层次 */
.rtk-process-footer-content::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.2), transparent);
    pointer-events: none;
}
.rtk-process-footer-content:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 36px rgba(0, 102, 204, 0.16);
    border-color: #cfe0f5;
}
/* 图标徽章：蓝色渐变圆角方块 + 白色定位图标 */
.rtk-process-footer-content .rtk-pf-icon {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #29a3e0, #0066cc);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.32);
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1),
                box-shadow 0.35s ease;
}
.rtk-process-footer-content:hover .rtk-pf-icon {
    transform: scale(1.1) rotate(-4deg);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.42);
}
.rtk-process-footer-content .rtk-pf-icon svg {
    width: 24px;
    height: 24px;
    display: block;
}
/* 文字：深石板灰 + 适中行高，层次清晰 */
.rtk-process-footer-content .rtk-pf-text {
    flex: 1 1 auto;
    font-size: 15px;
    line-height: 1.75;
    color: #3a4a5e;
    font-weight: 400;
    letter-spacing: 0.2px;
}

/* 响应式 — 平板 */
@media (max-width: 1024px) {
    .rtk-process-footer-content {
        padding: 18px 22px;
        gap: 16px;
        margin-top: -8px;
    }
    .rtk-process-footer-content .rtk-pf-icon {
        width: 44px;
        height: 44px;
    }
    .rtk-process-footer-content .rtk-pf-icon svg {
        width: 22px;
        height: 22px;
    }
    .rtk-process-footer-content .rtk-pf-text {
        font-size: 14px;
    }
}
/* 响应式 — 移动端 */
@media (max-width: 767px) {
    .rtk-process-footer-content {
        padding: 16px 18px;
        gap: 14px;
        margin-top: -2px;
        border-radius: 10px;
    }
    .rtk-process-footer-content:hover {
        transform: none;
        box-shadow: 0 4px 18px rgba(16, 42, 67, 0.06);
    }
    .rtk-process-footer-content:hover .rtk-pf-icon {
        transform: none;
    }
    .rtk-process-footer-content .rtk-pf-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
    .rtk-process-footer-content .rtk-pf-icon svg {
        width: 20px;
        height: 20px;
    }
    .rtk-process-footer-content .rtk-pf-text {
        font-size: 13px;
        line-height: 1.7;
    }
}
/* 响应式 — 小屏 */
@media (max-width: 480px) {
    .rtk-process-footer-content {
        padding: 14px 16px;
        gap: 12px;
    }
    .rtk-process-footer-content .rtk-pf-icon {
        width: 36px;
        height: 36px;
        border-radius: 9px;
    }
    .rtk-process-footer-content .rtk-pf-icon svg {
        width: 18px;
        height: 18px;
    }
    .rtk-process-footer-content .rtk-pf-text {
        font-size: 12.5px;
    }
}

/* ============================================================
 *  展会/展览信息板块 (#smv_con_473_54)
 * ============================================================ */

.rtk-expo-section {
    width: auto;
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    padding: 64px 0;
    background-color: #f4f7fb;
    border-top: 1px solid #e4e8f0;
    border-bottom: 1px solid #e4e8f0;
    overflow: hidden;
}

.rtk-expo-inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

/* 展览大图 */
.rtk-expo-image {
    width: 100%;
    max-width: 1100px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.rtk-expo-img {
    display: block;
    width: 100%;
    height: auto;
}

/* 响应式 — 平板 */
@media (max-width: 1024px) {
    .rtk-expo-section { padding: 48px 0; }
    .rtk-expo-inner { padding: 0 24px; gap: 26px; }
}
/* 响应式 — 移动端 */
@media (max-width: 767px) {
    .rtk-expo-section { padding: 36px 0; }
    .rtk-expo-inner { padding: 0 16px; gap: 20px; }
    .rtk-expo-image { border-radius: 8px; }
}
@media (max-width: 480px) {
    .rtk-expo-section { padding: 28px 0; }
}

/* ============================================================
 *  新闻 + FAQ 两栏板块 (#smv_con_477_1)
 * ============================================================ */

.rtk-news-faq-section {
    width: auto;
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    padding: 64px 0;
    background-color: #f4f7fb;
    border-top: 1px solid #e4e8f0;
    border-bottom: 1px solid #e4e8f0;
}

.rtk-nf-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    gap: 32px;
    align-items: stretch;
    height: 620px;          /* ← 父容器固定高度，子项靠 stretch 等高 */
}

/* 每列独立：靠父容器 stretch 等高 + 标题固定 + 内容滚动 */
.rtk-nf-col {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;         /* ← 允许子项收缩 */
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rtk-nf-heading {
    font-size: 22px;
    font-weight: 700;
    color: #1a2b4a;
    margin: 0 0 16px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #0066cc;
    display: inline-block;
    flex-shrink: 0;
    letter-spacing: 0.5px;
}

/* --- 左栏：新闻列表（内容区滚动） --- */
.rtk-news-list {
    list-style: none;
    padding: 6px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 0;
    min-height: 0;          /* ← 关键：允许收缩到内容以下，触发滚动 */
    overflow-y: auto;
    /* 自定义滚动条 — 精致细槽 + 品牌蓝渐变 thumb */
    scrollbar-width: thin;
    scrollbar-color: #a8c8e8 #f0f4f8;
}
.rtk-news-list::-webkit-scrollbar {
    width: 8px;
}
.rtk-news-list::-webkit-scrollbar-track {
    background: #f0f4f8;
    border-radius: 4px;
    margin: 4px 0;
}
.rtk-news-list::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #7ab8e6 0%, #0066cc 100%);
    border-radius: 4px;
    border: 2px solid #f0f4f8;
    transition: background .3s, border-color .3s;
}
.rtk-news-list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #5aa8dc 0%, #0055aa 100%);
    border-color: #e4ebf2;
}
.rtk-news-list::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, #4a98cc 0%, #004499 100%);
}

.rtk-news-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: transform .25s, box-shadow .25s;
    border: 1px solid transparent;
    flex-shrink: 0;        /* ← 关键：不压缩，超出父容器时触发滚动条 */
}
.rtk-news-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,102,204,0.15);
    border-color: #d4e4f5;
}
.rtk-news-link {
    display: flex;
    gap: 16px;
    padding: 14px;
    text-decoration: none;
    color: inherit;
    align-items: center;
}
.rtk-news-pic {
    width: 130px;
    height: 88px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #e8edf5, #f4f7fb);
}
.rtk-news-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    min-width: 0;
}
.rtk-news-title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin: 0;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .2s;
}
.rtk-news-item:hover .rtk-news-title {
    color: #0066cc;
}
.rtk-news-date {
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.rtk-news-date::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #e4e8f0;
    border-radius: 50%;
    position: relative;
}

/* --- 右栏：FAQ（内容区滚动 + 层次分区） --- */
.rtk-faq-content {
    background: #fff;
    border-radius: 10px;
    padding: 22px 26px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    font-size: 14px;
    line-height: 1.85;
    color: #444;
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #a8c8e8 #f0f4f8;
}
.rtk-faq-content::-webkit-scrollbar {
    width: 8px;
}
.rtk-faq-content::-webkit-scrollbar-track {
    background: #f0f4f8;
    border-radius: 4px;
    margin: 4px 0;
}
.rtk-faq-content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #7ab8e6 0%, #0066cc 100%);
    border-radius: 4px;
    border: 2px solid #f0f4f8;
    transition: background .3s, border-color .3s;
}
.rtk-faq-content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #5aa8dc 0%, #0055aa 100%);
    border-color: #e4ebf2;
}
.rtk-faq-content::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, #4a98cc 0%, #004499 100%);
}
.rtk-faq-content p {
    margin: 0 0 18px 0;
    padding: 0 0 14px 0;
    border-bottom: 1px dashed #e4e8f0;
}
.rtk-faq-content p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.rtk-faq-content strong {
    color: #0066cc;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}
/* 响应式 — 平板 */
@media (max-width: 1024px) {
    .rtk-news-faq-section { padding: 48px 0; }
    .rtk-nf-inner { padding: 0 24px; gap: 28px; height: 540px; }
    .rtk-nf-heading { font-size: 20px; }
    .rtk-news-pic { width: 110px; height: 74px; }
    .rtk-faq-content { padding: 16px 20px; }
}
/* 响应式 — 移动端（纵向堆叠，每列独立高度，新闻仍可滚动） */
@media (max-width: 767px) {
    .rtk-news-faq-section { padding: 36px 0; }
    .rtk-nf-inner { padding: 0 16px; flex-direction: column; gap: 32px; height: auto; }
    .rtk-nf-col { flex: 0 0 auto; height: 520px; }   /* flex-basis:auto 让 height 生效 */
    .rtk-nf-heading { font-size: 18px; margin-bottom: 16px; }
    .rtk-news-link { padding: 10px; }
    .rtk-news-pic { width: 90px; height: 60px; }
    .rtk-news-title { font-size: 14px; }
    .rtk-faq-content { padding: 16px 20px; }
}
@media (max-width: 480px) {
    .rtk-news-faq-section { padding: 28px 0; }
    .rtk-news-link { flex-direction: column; gap: 8px; }
    .rtk-news-pic { width: 100%; height: 140px; }
}

/* ============================================================
 *  Customer Reviews 客户评价 (smv_con_478_49)
 * ============================================================ */
.rtk-reviews-section {
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    background: #f4f7fb;
    padding: 64px 0;
    position: relative;
}
.rtk-reviews-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}
.rtk-reviews-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px;
}
.rtk-review-card {
    background: #fff;
    border-radius: 12px;
    padding: 28px 22px 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    transition: transform .25s, box-shadow .25s;
    border: 1px solid transparent;
}
.rtk-review-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgba(0,102,204,0.12);
    border-color: #0066cc;
}
.rtk-review-content {
    flex: 1;
    font-size: 14px;
    line-height: 1.75;
    color: #4a5568;
    margin-bottom: 18px;
    word-wrap: break-word;
}
/* 评价内容中的 <p> 段落间距 */
.rtk-review-content p {
    margin: 0 0 10px;
}
.rtk-review-content p:last-child {
    margin-bottom: 0;
}
.rtk-review-author {
    text-align: right;
    font-size: 14px;
    color: #2d3748;
    font-weight: 600;
    padding-top: 14px;
    border-top: 1px dashed #e4e8f0;
}

/* 响应式 */
@media (max-width: 1024px) {
    .rtk-reviews-section { padding: 48px 0; }
    .rtk-reviews-inner { padding: 0 24px; }
    .rtk-reviews-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 767px) {
    .rtk-reviews-section { padding: 36px 0; }
    .rtk-reviews-inner { padding: 0 16px; }
    .rtk-reviews-grid { grid-template-columns: 1fr; gap: 16px; }
    .rtk-review-card { padding: 22px 18px; }
}

/* ============================================================
 *  Quickly Search For Products 快捷搜索 (smv_con_486_34 + smv_con_283_43)
 * ============================================================ */
.rtk-quicksearch-section {
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
    background: #f4f7fb;
    padding: 48px 0 56px;
    position: relative;
}
.rtk-quicksearch-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}
.rtk-quicksearch-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}
.rtk-quicksearch-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
}
.rtk-quicksearch-title em {
    font-style: normal;
    background: linear-gradient(transparent 60%, #ffd28a 60%);
    padding: 0 2px;
}
.rtk-quicksearch-btn {
    flex-shrink: 0;
    display: inline-block;
    background: linear-gradient(135deg, #29a3e0, #0066cc);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 28px;
    border-radius: 22px;
    text-decoration: none;
    transition: box-shadow .25s, transform .25s;
}
.rtk-quicksearch-btn:hover {
    box-shadow: 0 6px 16px rgba(0,102,204,0.35);
    transform: translateY(-2px);
    color: #fff;
}
.rtk-quicksearch-box {
    background: #fff;
    border: 1px solid #e4e8f0;
    border-radius: 10px;
    padding: 24px 28px;
    transition: box-shadow .25s, border-color .25s;
}
.rtk-quicksearch-box:hover {
    border-color: #b8d4ee;
    box-shadow: 0 4px 16px rgba(0,102,204,0.08);
}
.rtk-quicksearch-keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 32px;
}
.rtk-quicksearch-keywords a {
    font-size: 14px;
    font-weight: 600;
    color: #1a73c8;
    text-decoration: none;
    transition: color .2s;
    position: relative;
}
.rtk-quicksearch-keywords a:hover {
    color: #0066cc;
    text-decoration: underline;
}

/* 响应式 */
@media (max-width: 1024px) {
    .rtk-quicksearch-section { padding: 40px 0 44px; }
    .rtk-quicksearch-inner { padding: 0 24px; }
    .rtk-quicksearch-title { font-size: 20px; }
}
@media (max-width: 767px) {
    .rtk-quicksearch-section { padding: 32px 0 36px; }
    .rtk-quicksearch-inner { padding: 0 16px; }
    .rtk-quicksearch-head { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 16px; }
    .rtk-quicksearch-title { font-size: 18px; }
    .rtk-quicksearch-box { padding: 18px 16px; }
    .rtk-quicksearch-keywords { flex-direction: column; gap: 12px; }
}


/* ============================================================
 *  全站字体统一（以导航栏 .rtk-header 字体为标准）
 * ============================================================ */
body,
#mainContentWrapper p,
#mainContentWrapper h1,
#mainContentWrapper h2,
#mainContentWrapper h3,
#mainContentWrapper h4,
#mainContentWrapper h5,
#mainContentWrapper h6,
#mainContentWrapper a,
#mainContentWrapper span,
#mainContentWrapper li,
#mainContentWrapper button,
#mainContentWrapper input,
#mainContentWrapper textarea {
    font-family: Source Han Sans, Geneva, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ============================================================
 *  移除主体内容各板块之间的横线分隔
 * ============================================================ */
.smvContainer#smv_Main .smartAbs[class*="rtk-"],
.smvContainer#smv_Main .smartAbs,
.smvContainer#smv_Main .smAreaC,
.smvContainer#smv_Main div[class*="rtk-"][class*="-section"],
.smvContainer#smv_Main div[class*="rtk-"][class*="-banner"] {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* ============================================================
 * Case 案例板块 —— 自右向左跑马灯卡片（v=20261110j PC端full-bleed）
 * ============================================================ */
/* PC端 full-bleed 突破父容器 max-width:1200px 限制 */
@media (min-width: 1001px) {
    .smvContainer#smv_Main > #Case_id.rtk-case-section {
        margin-left: calc(-1 * (100vw - 100%) / 2) !important;
        margin-right: calc(-1 * (100vw - 100%) / 2) !important;
        max-width: none !important;
        width: auto !important;
    }
    /* 跑马灯区域：右侧紧贴悬浮按钮(#wmkc right:5px + max-width:78px ≈ 83px)，
       左侧保持同等间距，内容区不再横跨全视口 */
    .rtk-case-marquee-wrap {
        margin-left: calc(-1 * (100vw - 1280px) / 2);
        margin-right: calc(-1 * (100vw - 1280px) / 2);
        padding-left: calc((100vw - 1280px) / 2 + 88px);
        padding-right: calc((100vw - 1280px) / 2 + 88px);
    }
}
.rtk-case-section {
    background: #f4f7fb;
    padding: 70px 0;
}
.rtk-case-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}
.rtk-case-title {
    text-align: center;
    margin-bottom: 48px;
}
.rtk-case-title-h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a2a44;
    margin: 0 0 14px;
    letter-spacing: 0.5px;
}
.rtk-case-subtitle {
    font-size: 15px;
    color: #6b7a90;
    margin: 0;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}

/* 跑马灯外层容器：裁剪溢出 + 两侧虚化背景（v=20261110l 恢复mask虚化） */
.rtk-case-marquee-wrap {
    overflow: hidden;
    position: relative;
    padding: 18px 0;
    /* 两侧渐隐虚化：卡片跑到边缘时柔和淡出，避免硬切 */
    -webkit-mask-image: linear-gradient(to right,
                transparent 0%,
                rgba(0,0,0,0.35) 3%,
                #000 10%,
                #000 90%,
                rgba(0,0,0,0.35) 97%,
                transparent 100%);
    mask-image: linear-gradient(to right,
                transparent 0%,
                rgba(0,0,0,0.35) 3%,
                #000 10%,
                #000 90%,
                rgba(0,0,0,0.35) 97%,
                transparent 100%);
}
/* 左侧虚化光晕 */
.rtk-case-marquee-wrap::before {
    content: '';
    position: absolute;
    top: -30px;
    bottom: -30px;
    left: -40px;
    width: 220px;
    background: radial-gradient(ellipse at center left,
                rgba(0, 102, 204, 0.18) 0%,
                rgba(0, 102, 204, 0.08) 35%,
                rgba(0, 102, 204, 0) 70%);
    pointer-events: none;
    filter: blur(6px);
    z-index: 0;
}
/* 右侧虚化光晕 */
.rtk-case-marquee-wrap::after {
    content: '';
    position: absolute;
    top: -30px;
    bottom: -30px;
    right: -40px;
    width: 220px;
    background: radial-gradient(ellipse at center right,
                rgba(0, 168, 255, 0.15) 0%,
                rgba(0, 168, 255, 0.06) 35%,
                rgba(0, 168, 255, 0) 70%);
    pointer-events: none;
    filter: blur(6px);
    z-index: 0;
}

/* 跑马灯内层轨道：flex + 无限循环动画 */
.case-reviews-grid {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: rtkCaseMarquee 45s linear infinite;
    position: relative;
    z-index: 1;
}
/* hover 时暂停动画 */
.rtk-case-marquee-wrap:hover .case-reviews-grid {
    animation-play-state: paused;
}

/* 跑马灯关键帧：从 0 平移到 -50%（因卡片复制了两组，-50% 恰好无缝衔接） */
@keyframes rtkCaseMarquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* 单个卡片（PC端加大加高 v=20261110l 加宽） */
.case-review-card {
    flex: 0 0 auto;
    width: 380px;
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 6px 22px rgba(26, 42, 68, 0.09);
    border: 1px solid rgba(220, 230, 245, 0.7);
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
                box-shadow 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
    cursor: pointer;
}
.case-review-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 46px rgba(0, 102, 204, 0.22);
    border-color: rgba(0, 102, 204, 0.4);
}

/* 图片区域 */
.case-review-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    background: linear-gradient(135deg, #e8f0fa 0%, #d5e4f5 100%);
    position: relative;
}
.case-review-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.case-review-card:hover .case-review-img img {
    transform: scale(1.08);
}

/* 文字区域 */
.case-review-text {
    padding: 20px 22px 22px;
    font-size: 16px;
    font-weight: 600;
    color: #1a2a44;
    text-align: left;
    line-height: 1.6;
    min-height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* ========== 移动端自适应 ========== */
@media (max-width: 1000px) {
    .rtk-case-section {
        padding: 50px 0;
    }
    .rtk-case-inner {
        padding: 0 20px;
    }
    .rtk-case-title {
        margin-bottom: 36px;
    }
    .rtk-case-title-h2 {
        font-size: 24px;
    }
    .rtk-case-subtitle {
        font-size: 14px;
    }
    .rtk-case-marquee-wrap::before,
    .rtk-case-marquee-wrap::after {
        width: 120px;
    }
    .case-reviews-grid {
        gap: 22px;
        animation-duration: 32s;
    }
    .case-review-card {
        width: 200px;
        border-radius: 14px;
    }
    .case-review-img {
        height: 130px;
    }
    .case-review-text {
        font-size: 14px;
        padding: 14px 16px 16px;
        min-height: 42px;
    }
}
@media (max-width: 480px) {
    .case-review-card {
        width: 165px;
    }
    .case-review-img {
        height: 105px;
    }
    .rtk-case-marquee-wrap::before,
    .rtk-case-marquee-wrap::after {
        width: 80px;
        filter: blur(4px);
    }
    .case-reviews-grid {
        gap: 16px;
        animation-duration: 26s;
    }
    .case-review-text {
        font-size: 13px;
        padding: 12px 14px 14px;
    }
}

/* ============================================================
 * 横向溢出兜底：full-bleed 板块使用 width:100vw，在带纵向滚动条的
 * 浏览器中 100vw 含滚动条宽度（比内容区宽约 8px），需在根级裁剪
 * ============================================================ */
html,
body {
    overflow-x: hidden;
}