/* 大屏基础样式（你原有的，仅作对照） */
.page {
    height: 100vh; /* 每个页面占满视口高度 */
    overflow: hidden; /* 隐藏溢出内容 */
    position: relative; /* 为绝对定位提供上下文 */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw; /* 使用视口宽度单位 */
    color: white;
    padding: 2vw; /* 使用视口宽度单位 */
    background-size: cover; /* 背景图覆盖 */
    background-position: center; /* 背景图居中 */
}
/* 仅小屏（≤800px）隐藏全局滚动条（彻底生效版） */
@media (max-width: 800px) {
    /* 1. 核心：覆盖html/body，强制隐藏滚动条 + 提升优先级 */
    html, body {
        scrollbar-width: none !important; /* Firefox 强制隐藏 */
        -ms-overflow-style: none !important; /* IE/Edge 强制隐藏 */
        overflow-x: hidden !important; /* 强制隐藏横向滚动 */
        overflow-y: auto !important; /* 保留纵向滚动功能 */
    }

    /* 2. Webkit内核（Chrome/Safari/Edge）强制隐藏滚动条 */
    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        display: none !important; /* 强制隐藏 */
        width: 0px !important;
        height: 0px !important;
    }

    /* 3. 关键：覆盖页面核心容器（你的页面滚动大概率来自这个容器） */
    .pages-wrapper {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        overflow-x: hidden !important;
    }
    .pages-wrapper::-webkit-scrollbar {
        display: none !important;
        width: 0px !important;
        height: 0px !important;
    }
}
/* 小屏适配（≤800px） */
@media (max-width: 800px) {
    /* 容器基础布局：保持原有逻辑，强化溢出隐藏 */
    .pages-wrapper {
        width: 100vw !important;
        min-height: 100vh !important;
        margin-top: 50px !important; /* 避开导航栏 */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important; /* 允许纵向滚动，避免内容截断 */
    }

    /* 覆盖大屏.page的100vh，统一所有.pageone为16:9 */
    .pageone,
    .page { /* 同时命中.pageone和大屏的.page，强制覆盖height */
        height: calc(100vw * 9 / 16) !important; /* 16:9核心，覆盖100vh */
        max-height: calc(100vh - 50px) !important; /* 最大高度不超屏幕（减导航栏） */
        width: 100vw !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important; /* 覆盖大屏的2vw padding */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: scale(calc(100vw / 1920)) !important; /* 适配设计稿1920px */
        transform-origin: top center !important; /* 避免垂直偏移 */
        overflow: hidden !important;
        background-size: cover !important; /* 继承大屏背景逻辑 */
        background-position: center !important;
        font-size: unset !important; /* 清空大屏的5vw字体，单独给page1定义 */
    }

}












/* 小屏适配（≤800px）- 覆盖大屏border+极细横线+300px logo居中 */
@media (max-width: 800px) {
    /* ========== 核心修改：居中对齐+极细横线+300px logo ========== */
    .dom .headername {
        margin: 0 auto 20px auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 强制水平居中（核心） */
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important; /* 兜底居中 */
        position: relative !important; /* 相对定位，避免绝对定位干扰 */
    }

    /* logo保持300px，居中 */
    .dom .headername .logo {
        width: 300px !important; /* 你要的更大logo尺寸 */
        height: auto !important;
        margin: 0 auto 0px auto !important; /* 和横线间距12px */
        display: block !important;
        position: relative !important;
        left: 0 !important;
    }

    /* 关键：覆盖大屏的border/定位，实现极细横线+居中 */
    .dom .divider {
        /* 1. 清除大屏的粗border和绝对定位 */
        border: none !important;
        border-top: none !important;
        position: relative !important; /* 覆盖大屏的absolute */
        top: unset !important; /* 清除大屏的top:30% */
        left: unset !important; /* 清除大屏的left:6% */
        right: unset !important; /* 清除大屏的right:40% */

        /* 2. 极细横线：用border-top实现（比background更细） */
        width: 100px !important; /* 适配300px logo的宽度比例 */
        height: 0 !important; /* 高度设0，靠border撑粗细 */
        border-top: 2px solid rgba(255, 255, 255, 0.6) !important; /* 0.5px极细+半透明白，视觉更细 */
        background-color: transparent !important; /* 清除大屏的background */

        /* 3. 精准居中 */
        margin: 0 auto !important;
        display: block !important;
    }

    /* ========== 以下样式完全保留，无需修改 ========== */
    .dom {
        height: auto !important;
        padding: 20px 15px !important;
        background-color: #0b5894 !important;
    }

    .dom .container {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important; /* 容器整体居中，双重保障 */
    }

    .dom .features {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-around !important;
        align-items: center !important;
        width: 95% !important;
        max-width: 100% !important;
        margin: 10px auto !important;
        padding: 2vw 0 !important;
        gap: 1vw !important;
        overflow: hidden !important;
    }

    .dom .feature-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 1 0 !important;
        width: 18vw !important;
        max-width: 20vw !important;
        margin: 0 !important;
    }

    .dom .feature-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 10vw !important;
        height: 10vw !important;
        margin: 0 auto !important;
    }

    .dom .feature-text {
        display: block !important;
        text-align: center !important;
        font-size: 4vw !important;
        line-height: 1 !important;
    }

    .dom .feature-desc {
        text-align: center !important;
        margin: 1vw 0 0 0 !important;
        padding: 0 !important;
        font-size: 2.5vw !important;
        white-space: nowrap !important;
        width: 100% !important;
    }

    .dom .main-title,
    .dom .contact-section,
    .dom .image-row {
        text-align: center !important;
        margin: 10px 0 !important;
    }

    .dom .contact-info, .dom .contact-info1, .dom .contact-info2, .dom .contact-info3 {
        text-align: center !important;
        margin: 5px 0 !important;
        display: block !important;
    }

    .dom .image-item, .dom .image-item5 {
        display: inline-block !important;
        width: 18% !important;
        margin: 5px 1% !important;
    }

    .dom .small-icon {
        height: 30px !important;
        width: auto !important;
    }

    .dom .large-icon {
        height: 60px !important;
        width: auto !important;
    }

    .dom .footer {
        text-align: center !important;
        margin-top: 20px !important;
        font-size: 12px !important;
    }

    .dom * {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    .dom .contact-title {
        text-align: center !important; /* 强制文本水平居中 */
        margin: 0 auto 15px auto !important; /* 左右margin:auto确保块级居中，上下留间距更美观 */
        font-size: 18px !important; /* 可选：小屏适配字号，不需要可删除 */
    }
}













/* 仅针对.pagecpznkz和.pageuse的小屏适配（≤800px） */
@media (max-width: 800px) {
    /* ========== .pagecpznkz 保留：16:9比例 + 左上定位图片 ========== */
    .pageone.page.pagecpznkz {
        height: calc(100vw * 9 / 16) !important; /* 保留16:9比例 */
        max-height: calc(100vh - 50px) !important;
        width: 100vw !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .pagecpznkz .img-hzimgone {
        position: absolute !important;
        top: 5vw !important;
        left: 5vw !important;
        width: 45vw !important;
        max-width: 50vw !important;
        z-index: 10 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        transition: all 0.4s ease !important;
    }

    .pagecpznkz .img-hzimgone img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        transition: transform 0.3s ease !important;
    }

    /* ========== .pageuse 核心修正：自适应高度 + 图片标题 + 完整文本 ========== */
    .pageone.pageuse {
        /* 取消16:9限制，高度完全自适应内容 */
        height: auto !important;
        max-height: none !important;
        width: 100vw !important;
        /* 取消滚动，内容完整显示 */
        overflow: visible !important;
        position: relative !important;
        /* 内边距适中，避免内容贴边 */
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        /* 垂直布局：图片标题 + 文本 */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 图片标题容器：完全适配小屏，确保可见 */
    .pageuse .img-hzimgonebj {
        display: flex !important;
        justify-content: center !important;
        /* 小屏适配宽度，比大屏18%稍大，确保清晰可见 */
        width: 40% !important;
        /* 间距用固定px，小屏更稳定 */
        margin-top: 10px !important;
        margin-bottom: 15px !important;
        /* 强制显示，取消所有背景化样式 */
        position: static !important;
        z-index: 1 !important;
    }

    .pageuse .img-hzimgonebj img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        /* 确保图片清晰显示 */
        opacity: 1 !important;
    }

    /* 文本容器：自适应高度，完整展示 */
    .pageuse .profuileone {
        width: 100% !important;
        /* 取消flex占比，自适应内容 */
        flex: none !important;
        display: block !important;
    }

    /* 文本样式：优化可读性，完整显示 */
    .pageuse .le {
        /* 小屏舒适字号，比之前稍大，确保清晰 */
        font-size: 14px !important;
        /* 行高更宽松，阅读更舒服 */
        line-height: 1.8 !important;
        color: #333 !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .profuileone {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-top: 0px;
    }
}



/* 仅针对.img-zn2.img1区块的小屏适配（≤800px） */
@media (max-width: 800px) {
    /* ========== 核心容器：保留背景图 + 自适应布局 ========== */
    .img-zn2.img1 {
        /* 取消固定高度，自适应内容（标题+文本） */
        height: auto !important;
        width: 100vw !important;
        /* 保留背景图并优化小屏显示 */
        background-size: cover !important; /* 背景图覆盖容器 */
        background-position: center center !important; /* 背景图居中 */
        background-repeat: no-repeat !important;
        /* 垂直布局：标题图片 + 文本 */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 整体水平居中 */
        /* 内边距适配，避免内容贴边/背景图被遮挡 */
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        /* 确保背景图在底层，内容在上 */
        position: relative !important;
        overflow: visible !important; /* 内容完整显示，无截断 */
    }

    /* ========== 标题图片容器：适配小屏作为标题 ========== */
    .img-zn2.img1 .img-znimg3 {
        /* 标题图片居中显示 */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        /* 小屏适配宽度（比大屏稍大，确保清晰） */
        width: 40% !important;
        /* 标题与文本的间距，小屏更舒适 */
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        /* 强制正常流显示，作为标题在文本上方 */
        position: static !important;
        z-index: 1 !important;
    }

    /* 标题图片适配：保持比例，不拉伸 */
    .img-zn2.img1 .img-znimg3 img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        /* 可选：轻微圆角，优化视觉 */
        border-radius: 4px !important;
    }

    /* ========== 文本区域：适配小屏可读性 ========== */
    .img-zn2.img1 .zntext1 {
        width: 100% !important;
        /* 文本容器占满剩余空间 */
        flex: 1 !important;
        /* 确保文本不被背景图干扰 */
        position: relative !important;
        z-index: 1 !important;
    }

    /* 文本容器内层适配（container/row/col） */
    .img-zn2.img1 .zntext1 .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .img-zn2.img1 .zntext1 .row {
        margin: 0 !important;
    }
    .img-zn2.img1 .zntext1 .col-md-12 {
        padding: 0 !important;
        width: 100% !important;
    }

    /* 核心：文本样式优化 */
    .img-zn2.img1 .zntext1 p {
        /* 小屏舒适字号（14px适配绝大多数手机） */
        font-size: 14px !important;
        /* 宽松行高，提升阅读体验 */
        line-height: 1.8 !important;
        /* 文字颜色加深，避免被背景图干扰 */
        color: #333 !important;
        /* 左对齐，符合阅读习惯 */
        text-align: left !important;
        /* 取消默认边距，避免冗余空白 */
        margin: 0 !important;
        /* 轻微内边距，避免文字贴边 */
        padding: 0 5px !important;
    }
    .zntextdown1 {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-top: 0px;
    }
}


/* 仅针对.zntextdown1区块的小屏适配（≤800px） */
@media (max-width: 800px) {
    /* ========== 核心容器：自适应高度 + 清空冗余间距 ========== */
    .zntextdown1 {
        height: auto !important; /* 自适应内容高度，取消大屏固定高度 */
        width: 100vw !important;
        padding: 20px 15px !important; /* 小屏内边距，避免内容贴边 */
        box-sizing: border-box !important;
        overflow: visible !important; /* 内容完整显示，无截断 */
    }

    /* 清空container/row的默认间距，适配小屏 */
    .zntextdown1 .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .zntextdown1 .row {
        margin: 0 !important;
        /* 小屏垂直布局：替代大屏的5:7列布局 */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* ========== 第一列（标题图片+文本）：100%宽度 + 标题图片居中 ========== */
    .zntextdown1 .col-md-5.left-aligned-image {
        width: 100% !important; /* 小屏占满宽度，取消5列限制 */
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 整体居中 */
    }

    /* 核心：第一个图片作为标题居中显示 */
    .zntextdown1 .left-aligned-image img:first-child {
        max-width: 50% !important; /* 小屏标题图片宽度，适配视觉比例 */
        height: auto !important; /* 保持图片比例，不拉伸 */
        display: block !important;
        margin: 0 auto 20px auto !important; /* 居中 + 与文本间距20px */
        border-radius: 4px !important; /* 可选：轻微圆角优化视觉 */
    }

    /* 文本样式：小屏可读性优化 */
    .zntextdown1 .left-aligned-image p {
        font-size: 14px !important; /* 小屏舒适字号 */
        line-height: 1.8 !important; /* 宽松行高，提升阅读体验 */
        color: #333 !important; /* 加深文字颜色，避免模糊 */
        text-align: left !important;
        margin: 0 0 20px 0 !important; /* 与下方图片间距20px */
        padding: 0 5px !important; /* 轻微内边距，避免贴边 */
    }

    /* ========== 第二列（右侧图片）：100%宽度 + 居中显示 ========== */
    .zntextdown1 .col-md-7.left-aligned-image-xttd {
        width: 100% !important; /* 小屏占满宽度，取消7列限制 */
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important; /* 图片居中 */
    }

    /* 第二个图片适配：自适应宽度，不溢出 */
    .zntextdown1 .left-aligned-image-xttd img {
        max-width: 90% !important; /* 小屏占90%宽度，留边更美观 */
        height: auto !important;
        display: block !important;
        border-radius: 4px !important; /* 可选：与标题图片统一圆角 */
    }
    .zntextdown1 p{
        margin-bottom: 0px;
    }
    .left-aligned-image-xttd img {
        margin-top: 0px;
    }
}


/* 仅针对该区块的小屏适配（≤800px），匹配现有统一样式逻辑 */
@media (max-width: 800px) {
    /* ========== 1. .zntextdown1 标题图片适配（img/szls/03.png） ========== */
    .zntextdown1 {
        height: auto !important; /* 自适应高度，仅包裹标题图片 */
        width: 100vw !important;
        padding: 15px 10px !important; /* 与你其他.zntextdown1内边距完全一致 */
        box-sizing: border-box !important;
        overflow: visible !important;
        margin: 0 !important; /* 清空冗余外边距 */
    }

    /* 清空container/row默认间距，保证标题图片居中 */
    .zntextdown1 .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .zntextdown1 .row {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 强制居中 */
    }

    /* 标题图片容器 + 图片样式（与你所有标题图片参数完全一致） */
    .zntextdown1 .col-md-12.left-aligned-image {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important; /* 图片水平居中 */
    }
    .zntextdown1 .left-aligned-image img:first-child {
        max-width: 40% !important; /* 与你其他标题图片宽度（40%）完全一致 */
        height: auto !important; /* 保持图片比例，不拉伸 */
        display: block !important;
        margin: 0 auto 15px auto !important; /* 居中 + 与下方图片间距15px（和之前一致） */
        border-radius: 4px !important; /* 统一圆角风格 */
    }

    /* ========== 2. .pageone.pageznz9.pagezn9 图片内容适配 ========== */
    .pageone.pageznz9.pagezn9 {
        /* 尺寸：与你其他图片区块（pageznz2/pagezn3等）宽度/比例完全一致 */
        width: 85vw !important; /* 85vw宽度，左右留空隙，视觉统一 */
        max-width: 85vw !important;
        height: calc(85vw * 9 / 16) !important; /* 16:9宽高比，保证图片完整显示 */
        max-height: none !important;
        min-height: 100px !important; /* 保底高度，避免小屏过矮 */

        /* 布局：居中显示，与上方标题图片留间距，下方无冗余空白 */
        margin: 0 auto 0 auto !important; /* 上下0，左右居中（如需间距可改：0 auto 15px auto） */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        /* 背景图：优先完整显示，避免截断/拉伸（核心） */
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        /* 清空冗余样式，避免干扰（和你其他pageone图片区块一致） */
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important; /* 取消缩放，避免图片截断 */
        transform-origin: unset !important;
        z-index: 1 !important;
    }
}


/* ========== 大屏基础样式（≥800px） ========== */
.zntextdownjiejue {
    padding-bottom: 80px !important; /* 与你此前大屏样式一致 */
    padding-top: 0px !important;
    margin-top: 0px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 大屏容器/行：基础布局 */
.zntextdownjiejue .container {
    width: 100% !important;
    max-width: 1200px !important; /* 大屏适配固定宽度，避免过宽 */
    margin: 0 auto !important; /* 容器居中 */
    padding: 0 15px !important;
}
.zntextdownjiejue .row {
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important; /* 整体居中 */
}

/* 标题图片+文本容器（大屏） */
.zntextdownjiejue .col-md-12.left-aligned-image-jiejue {
    width: 100% !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* 标题+文本整体居中 */
}

/* 大屏标题图片：适配比例，居中显示 */
.zntextdownjiejue .left-aligned-image-jiejue img:first-child {
    max-width: 20% !important; /* 大屏标题图片宽度，视觉协调 */
    height: auto !important; /* 保持比例，不拉伸 */
    display: block !important;
    margin: 0 auto 30px auto !important; /* 居中 + 与文本间距30px（大屏更宽松） */
    border-radius: 4px !important; /* 统一圆角风格 */
}

/* 大屏文本样式：与你此前大屏逻辑一致 */
.zntextdownjiejue .left-aligned-image-jiejue p {
    font-size: 16px !important; /* 大屏字号 */
    line-height: 2em !important; /* 大屏行高 */
    color: #000000 !important; /* 强制黑色，覆盖Bootstrap */
    text-align: justify !important; /* 两端对齐，提升排版美观度 */
    word-break: break-all !important; /* 英文/数字换行 */
    margin: 0 !important;
    padding: 0 20px !important; /* 大屏文本左右内边距 */
    width: 100% !important;
    max-width: 900px !important; /* 大屏文本最大宽度，避免过宽 */
}

/* ========== 小屏适配样式（≤800px）- 与.zntextdown1完全一致 ========== */
@media (max-width: 800px) {
    .zntextdownjiejue {
        height: auto !important; /* 自适应高度，包裹内容 */
        width: 100vw !important;
        padding: 15px 10px !important; /* 与.zntextdown1小屏内边距完全一致 */
        box-sizing: border-box !important;
        overflow: visible !important;
        margin: 0 !important;
    }

    /* 小屏容器/行：清空冗余间距，居中布局 */
    .zntextdownjiejue .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important; /* 取消大屏最大宽度限制 */
    }
    .zntextdownjiejue .row {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 小屏标题图片+文本容器 */
    .zntextdownjiejue .col-md-12.left-aligned-image-jiejue {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 小屏标题图片：与.zntextdown1完全一致（40%宽度+15px间距） */
    .zntextdownjiejue .left-aligned-image-jiejue img:first-child {
        max-width: 40% !important; /* 与.zntextdown1小屏标题图片宽度一致 */
        height: auto !important;
        display: block !important;
        margin: 0 auto 15px auto !important; /* 与.zntextdown1间距一致 */
        border-radius: 4px !important;
    }

    /* 小屏文本样式：与.zntextdown1完全一致 */
    .zntextdownjiejue .left-aligned-image-jiejue p {
        font-size: 13px !important; /* 与.zntextdown1小屏字号一致 */
        line-height: 1.6 !important; /* 与.zntextdown1小屏行高一致 */
        color: #333 !important; /* 加深颜色，小屏更清晰 */
        text-align: left !important; /* 小屏左对齐更易读 */
        margin: 0 !important;
        padding: 0 4px !important; /* 与.zntextdown1内边距一致 */
        max-width: none !important; /* 小屏占满宽度 */
        white-space: normal !important; /* 强制换行，适配小屏 */
    }

    /* 小屏文本换行间距优化（避免列表拥挤） */
    .zntextdownjiejue p br {
        display: block !important;
        margin-bottom: 4px !important; /* 与你此前统一的换行间距一致 */
    }

    /* 兜底：文本margin重置，与.zntextdown1一致 */
    .zntextdownjiejue p {
        margin-bottom: 0px !important;
    }
}


/* 仅针对该区块的小屏适配（≤800px），匹配现有统一样式逻辑 */
@media (max-width: 800px) {
    /* ========== 1. 总标题：.pageone.pageznz4.pagezn5 适配 ========== */
    .pageone.pageznz4.pagezn5 {
        /* 尺寸：与你其他总标题区块一致，3:10宽高比适配标题图 */
        width: 85vw !important;
        max-width: 85vw !important;
        height: calc(85vw * 3 / 10) !important;
        max-height: none !important;
        min-height: unset !important;

        /* 布局：居中显示，与下方文本留15px间距（和之前一致） */
        margin: 0 auto 15px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        /* 背景图：完整显示，不拉伸/截断 */
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        /* 清空冗余样式，避免干扰 */
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important;
        transform-origin: unset !important;
        z-index: 1 !important;
    }

    /* ========== 2. 文本区块：.zntextdowncg 适配 ========== */
    .zntextdowncg {
        height: auto !important; /* 自适应高度，包裹文本内容 */
        width: 100vw !important;
        padding: 15px 10px !important; /* 与你其他文本区块内边距完全一致 */
        box-sizing: border-box !important;
        overflow: visible !important;
        margin: 0 auto 15px auto !important; /* 与下方图片留15px间距 */
    }

    /* 文本容器/行：清空冗余间距，保证文本排版整洁 */
    .zntextdowncg .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
    }
    .zntextdowncg .row {
        margin: 0 !important;
    }
    .zntextdowncg .col-md-12 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 文本样式：与你其他文本区块（zntextdownjiejue/zntextdown1）完全一致 */
    .zntextdowncg p {
        font-size: 13px !important; /* 小屏统一字号 */
        line-height: 1.6 !important; /* 小屏统一行高 */
        color: #333 !important; /* 加深颜色，提升可读性 */
        text-align: left !important; /* 小屏左对齐更易读 */
        margin: 0 !important;
        padding: 0 4px !important; /* 与其他文本区块内边距一致 */
        white-space: normal !important; /* 强制换行，适配小屏 */
        word-break: break-all !important; /* 英文/数字换行，避免溢出 */
    }

    /* 文本换行间距优化（避免列表/分段拥挤） */
    .zntextdowncg p br {
        display: block !important;
        margin-bottom: 4px !important; /* 与你统一的换行间距一致 */
    }

    /* ========== 3. 图片区块：pageznz2/pagezn3 等适配 ========== */
    .pageone.pageznz2.pagezn3,
    .pageone.pageznz5.pagezn6,
    .pageone.pageznz7.pagezn7,
    .pageone.pageznz8.pagezn8 {
        /* 尺寸：与你其他图片区块完全一致（85vw + 16:9比例） */
        width: 85vw !important;
        max-width: 85vw !important;
        height: calc(85vw * 9 / 16) !important;
        max-height: none !important;
        min-height: 100px !important; /* 保底高度，避免过矮 */

        /* 布局：居中显示，图片间留15px间距 */
        margin: 0 auto 15px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        /* 背景图：完整显示，不拉伸/截断 */
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        /* 清空冗余样式，避免干扰 */
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important;
        transform-origin: unset !important;
        z-index: 1 !important;
    }
}


/* 仅针对.zntextdownbj区块的小屏适配（≤800px），匹配现有统一样式逻辑 */
@media (max-width: 800px) {
    /* ========== 核心容器：.zntextdownbj 适配 ========== */
    .zntextdownbj {
        height: auto !important; /* 自适应高度，仅包裹标题+文本 */
        width: 100vw !important;
        padding: 15px 10px !important; /* 与.zntextdown1/zntextdownjiejue内边距完全一致 */
        box-sizing: border-box !important;
        overflow: visible !important; /* 内容完整显示，无截断 */
        margin: 0 !important; /* 清空冗余外边距 */
    }

    /* 清空container/row默认间距，保证标题+文本居中 */
    .zntextdownbj .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important; /* 取消大屏最大宽度限制 */
    }
    .zntextdownbj .row {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 强制整体居中 */
    }

    /* ========== 标题图片+文本容器：left-aligned-image-bj 适配 ========== */
    .zntextdownbj .col-md-12.left-aligned-image-bj {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 标题+文本整体居中 */
    }

    /* 标题图片样式：与所有标题图片参数完全一致 */
    .zntextdownbj .left-aligned-image-bj img:first-child {
        max-width: 40% !important; /* 与.zntextdown1/zntextdownjiejue标题图片宽度一致 */
        height: auto !important; /* 保持比例，不拉伸 */
        display: block !important;
        margin: 0 auto 15px auto !important; /* 居中 + 与文本间距15px（和之前一致） */
        border-radius: 4px !important; /* 统一圆角风格 */
    }

    /* ========== 文本样式：与所有小屏文本区块完全一致 ========== */
    .zntextdownbj .left-aligned-image-bj p {
        font-size: 13px !important; /* 与.zntextdown1/zntextdownjiejue文本字号一致 */
        line-height: 1.6 !important; /* 与.zntextdown1/zntextdownjiejue行高一致 */
        color: #333 !important; /* 加深颜色，小屏更清晰 */
        text-align: left !important; /* 小屏左对齐更易读 */
        margin: 0 !important;
        padding: 0 4px !important; /* 与.zntextdown1/zntextdownjiejue文本内边距一致 */
        white-space: normal !important; /* 强制换行，适配小屏 */
        word-break: break-all !important; /* 英文/数字换行，避免溢出 */
    }

    /* 文本换行间距优化：避免列表拥挤（与统一规则一致） */
    .zntextdownbj p br {
        display: block !important;
        margin-bottom: 4px !important; /* 与你所有列表换行间距一致 */
    }

    /* 兜底：文本margin重置，与其他区块一致 */
    .zntextdownbj p {
        margin-bottom: 0px !important;
    }
}


/* 仅针对该区块的小屏适配（≤800px），匹配现有统一样式逻辑 */
@media (max-width: 800px) {
    /* ========== 1. .zntextdown1 标题+文本适配 ========== */
    .zntextdown1 {
        height: auto !important; /* 自适应高度，包裹标题+文本 */
        width: 100vw !important;
        padding: 15px 10px !important; /* 与所有.zntextdown系列区块内边距一致 */
        box-sizing: border-box !important;
        overflow: visible !important; /* 内容完整显示，无截断 */
        margin: 0 !important; /* 清空冗余外边距 */
    }

    /* 清空container/row默认间距，保证内容居中 */
    .zntextdown1 .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
    }
    .zntextdown1 .row {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 强制整体居中 */
    }

    /* 标题图片+文本容器 */
    .zntextdown1 .col-md-12.left-aligned-image {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 标题图片：与所有标题图片参数完全一致 */
    .zntextdown1 .left-aligned-image img:first-child {
        max-width: 40% !important; /* 统一40%宽度 */
        height: auto !important; /* 保持比例不拉伸 */
        display: block !important;
        margin: 0 auto 15px auto !important; /* 居中 + 与文本间距15px */
        border-radius: 4px !important; /* 统一圆角风格 */
    }

    /* 文本样式：与所有小屏文本区块完全一致 */
    .zntextdown1 .left-aligned-image p {
        font-size: 13px !important; /* 统一13px字号 */
        line-height: 1.6 !important; /* 统一1.6行高 */
        color: #333 !important; /* 加深颜色提升可读性 */
        text-align: left !important; /* 小屏左对齐更易读 */
        margin: 0 !important;
        padding: 0 4px !important; /* 统一4px内边距 */
        white-space: normal !important; /* 强制换行 */
        word-break: break-all !important; /* 英文/数字换行防溢出 */
    }

    /* 文本换行间距优化：避免列表拥挤 */
    .zntextdown1 p br {
        display: block !important;
        margin-bottom: 4px !important; /* 统一4px换行间距 */
    }

    /* 兜底：文本margin重置 */
    .zntextdown1 p {
        margin-bottom: 0px !important;
    }

    /* ========== 2. .pageone.pageznz9.pagezn9 图片内容适配 ========== */
    .pageone.pageznz9.pagezn9 {
        /* 尺寸：与所有图片区块统一85vw宽度 + 16:9比例 */
        width: 85vw !important;
        max-width: 85vw !important;
        height: calc(85vw * 9 / 16) !important; /* 16:9宽高比保证图片完整 */
        max-height: none !important;
        min-height: 100px !important; /* 保底高度防过矮 */

        /* 布局：居中显示，与上方文本留15px间距 */
        margin: 0 auto 0 auto !important; /* 如需间距可改为：0 auto 15px auto */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        /* 背景图：完整显示，不拉伸/截断 */
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        /* 清空冗余样式 */
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important;
        transform-origin: unset !important;
        z-index: 1 !important;
    }
}

/* 仅针对该区块的小屏适配（≤800px），匹配现有统一样式逻辑 */
@media (max-width: 800px) {
    /* ========== 1. .zntextdownjiejue 标题+文本适配 ========== */
    .zntextdownjiejue {
        height: auto !important; /* 自适应高度，包裹标题+文本内容 */
        width: 100vw !important;
        padding: 15px 10px !important; /* 与所有.zntextdown系列区块内边距一致 */
        box-sizing: border-box !important;
        overflow: visible !important; /* 内容完整显示，无截断 */
        margin: 0 !important; /* 清空冗余外边距 */
    }

    /* 清空container/row默认间距，保证内容居中 */
    .zntextdownjiejue .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important; /* 取消大屏最大宽度限制 */
    }
    .zntextdownjiejue .row {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 强制整体居中 */
    }

    /* 标题图片+文本容器 */
    .zntextdownjiejue .col-md-12.left-aligned-image-jiejue {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 标题图片：与所有标题图片参数完全一致 */
    .zntextdownjiejue .left-aligned-image-jiejue img:first-child {
        max-width: 40% !important; /* 统一40%宽度 */
        height: auto !important; /* 保持比例不拉伸 */
        display: block !important;
        margin: 0 auto 15px auto !important; /* 居中 + 与文本间距15px */
        border-radius: 4px !important; /* 统一圆角风格 */
    }

    /* 文本样式：与所有小屏文本区块完全一致 */
    .zntextdownjiejue .left-aligned-image-jiejue p {
        font-size: 13px !important; /* 统一13px字号 */
        line-height: 1.6 !important; /* 统一1.6行高 */
        color: #333 !important; /* 加深颜色提升可读性 */
        text-align: left !important; /* 小屏左对齐更易读 */
        margin: 0 !important;
        padding: 0 4px !important; /* 统一4px内边距 */
        white-space: normal !important; /* 强制换行，适配小屏 */
        word-break: break-all !important; /* 英文/数字换行防溢出 */
    }

    /* 文本换行间距优化：避免列表拥挤 */
    .zntextdownjiejue p br {
        display: block !important;
        margin-bottom: 4px !important; /* 统一4px换行间距 */
    }

    /* 兜底：文本margin重置，与其他区块一致 */
    .zntextdownjiejue p {
        margin-bottom: 0px !important;
    }

    /* ========== 2. .pageone.pageznz10.pagezn10 图片内容适配 ========== */
    .pageone.pageznz10.pagezn10 {
        /* 尺寸：与所有图片区块统一85vw宽度 + 16:9比例 */
        width: 85vw !important;
        max-width: 85vw !important;
        height: calc(85vw * 9 / 16) !important; /* 16:9宽高比保证图片完整显示 */
        max-height: none !important;
        min-height: 100px !important; /* 保底高度，避免小屏过矮 */

        /* 布局：居中显示，与上方文本留间距（如需取消可改margin-bottom为0） */
        margin: 0 auto 0 auto !important; /* 如需增加间距：0 auto 15px auto */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        /* 背景图：完整显示，不拉伸/截断（核心） */
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        /* 清空冗余样式，避免干扰 */
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important; /* 取消缩放，避免图片截断 */
        transform-origin: unset !important;
        z-index: 1 !important;
    }
}
/* 仅针对该区块的小屏适配（≤800px），匹配现有统一样式逻辑 */
@media (max-width: 800px) {
    /* ========== 1. 总标题：.pageone.pageznz4.pagezn5 适配 ========== */
    .pageone.pageznz4.pagezn5 {
        /* 尺寸：与所有总标题区块一致，3:10宽高比适配标题图 */
        width: 85vw !important;
        max-width: 85vw !important;
        height: calc(85vw * 3 / 10) !important;
        max-height: none !important;
        min-height: unset !important;

        /* 布局：居中显示，与下方文本留15px间距（统一间距规则） */
        margin: 0 auto 15px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        /* 背景图：完整显示，不拉伸/截断（核心） */
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        /* 清空冗余样式，避免干扰 */
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important;
        transform-origin: unset !important;
        z-index: 1 !important;
    }

    /* ========== 2. 文本区块：.zntextdowncg 适配 ========== */
    .zntextdowncg {
        height: auto !important; /* 自适应高度，包裹所有文本内容 */
        width: 100vw !important;
        padding: 15px 10px !important; /* 与所有.zntextdown系列区块内边距一致 */
        box-sizing: border-box !important;
        overflow: visible !important; /* 文本完整显示，无截断 */
        margin: 0 auto 15px auto !important; /* 与下方图片留15px间距 */
    }

    /* 清空container/row默认间距，保证文本排版整洁 */
    .zntextdowncg .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important; /* 取消大屏最大宽度限制 */
    }
    .zntextdowncg .row {
        margin: 0 !important;
    }
    .zntextdowncg .col-md-12 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 文本样式：与所有小屏文本区块完全一致 */
    .zntextdowncg p {
        font-size: 13px !important; /* 统一13px字号 */
        line-height: 1.6 !important; /* 统一1.6行高 */
        color: #333 !important; /* 加深颜色提升可读性 */
        text-align: left !important; /* 小屏左对齐更易读 */
        margin: 0 !important;
        padding: 0 4px !important; /* 统一4px内边距 */
        white-space: normal !important; /* 强制换行，适配小屏 */
        word-break: break-all !important; /* 英文/数字换行防溢出 */
    }

    /* 文本换行间距优化：避免列表/分段拥挤 */
    .zntextdowncg p br {
        display: block !important;
        margin-bottom: 4px !important; /* 统一4px换行间距 */
    }

    /* ========== 3. 图片区块：pageznz2/pagezn3 + pageznz5/pagezn6 适配 ========== */
    .pageone.pageznz2.pagezn3,
    .pageone.pageznz5.pagezn6 {
        /* 尺寸：与所有图片区块统一85vw宽度 + 16:9比例 */
        width: 85vw !important;
        max-width: 85vw !important;
        height: calc(85vw * 9 / 16) !important; /* 16:9宽高比保证图片完整 */
        max-height: none !important;
        min-height: 100px !important; /* 保底高度防过矮 */

        /* 布局：居中显示，图片间留15px间距 */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 第一张图片（pageznz2/pagezn3）：底部留15px间距 */
    .pageone.pageznz2.pagezn3 {
        margin: 0 auto 15px auto !important;
    }


    /* 图片背景样式：完整显示，不拉伸/截断 */
    .pageone.pageznz2.pagezn3,
    .pageone.pageznz5.pagezn6 {
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        /* 清空冗余样式 */
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important;
        transform-origin: unset !important;
        z-index: 1 !important;
    }
}