/* 大屏基础样式（你原有的，仅作对照） */
.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; /* 可选：小屏适配字号，不需要可删除 */
    }
}
/* 小屏适配（≤800px）- pagecpznkz 背景+图片居中（匹配大屏定位逻辑） */
@media (max-width: 800px) {
    /* 核心容器：保留大屏的relative，适配小屏尺寸 */
    .pagecpznkz {
        background-image: url('../img/shuininew/01.png') !important; /* 继承大屏背景 */
        color: #ffffff !important;
        width: 100vw !important; /* 小屏占满宽度 */
        height: auto !important; /* 取消大屏可能的固定高度 */
        min-height: 300px !important; /* 保底高度，保证背景展示 */
        position: relative !important; /* 必须保留，为子元素绝对定位 */
        overflow: hidden !important; /* 防止内容溢出 */
        transform: none !important; /* 清空所有缩放，避免偏移 */
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 前景图容器：绝对定位+居中（核心修改） */
    .pagecpznkz .img-hzimgone {
        position: absolute !important; /* 继承大屏的absolute，关键！ */
        top: 50% !important; /* 垂直居中：距离顶部50% */
        left: 50% !important; /* 水平居中：距离左侧50% */
        transform: translate(-50%, -50%) !important; /* 反向偏移50%，实现真正居中 */
        width: 40% !important; /* 小屏放大宽度（大屏15%→小屏40%，适配显示） */
        max-width: 60% !important; /* 小屏最大宽度限制 */
        z-index: 10 !important; /* 继承大屏z-index */
        transition: all 0.4s ease !important;
        border-radius: 4px !important;
        overflow: hidden !important;
        /* 清空大屏的top/left，强制居中 */
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 前景图片：继承大屏样式，适配小屏 */
    .pagecpznkz .img-hzimgone img {
        width: 100% !important; /* 继承大屏100%宽度 */
        height: auto !important;
        display: block !important;
        transition: transform 0.3s ease !important;
    }


    /* 基础样式 - 大屏默认样式 */
    .zntextdown1 {
        padding: 20px 0;
    }

    .container2 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* 图片自适应核心样式 */
    .left-aligned-image img,
    .left-aligned-image-xttd img {
        max-width: 100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
    }

    /* 文本基础样式 */
    .left-aligned-image p {
        line-height: 1.8;
        font-size: 16px;
        color: #333;
        margin: 0;
    }

    /* 栅格列垂直居中 */
    .row {
        align-items: center;
    }
}
/* 800px小屏自适应核心样式 */
@media (max-width: 800px) {
    .zntextdown1 {
        padding: 15px 0;
    }

    /* 小屏文本优化 */
    .left-aligned-image p {
        font-size: 14px;
        line-height: 1.6;
    }

    /* 小屏图片间距调整 */
    .left-aligned-image img,
    .left-aligned-image-xttd img {
        margin-bottom: 10px;
    }

    /* 小屏列堆叠后间距 */
    .row > div {
        margin-bottom: 20px;
    }

    /* 小屏容器内边距优化 */
    .container2 {
        padding: 0 10px;
    }
}
/* 兼容Bootstrap栅格 - 确保小屏单列显示（如未引入Bootstrap需补充） */
@media (max-width: 800px) {
    .col-md-7, .col-md-5 {
        width: 100%;
        padding: 0;
        margin: 0;
    }


    /* 基础样式 - 大屏默认展示效果 */
    .zntextdown2 {
        padding: 20px 0;
    }

    .container2 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* 图片自适应核心样式 */
    .left-aligned-image2 img,
    .left-aligned-image-xttd2 img {
        max-width: 100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
        /* 确保图片在容器内完整显示 */
        object-fit: cover;
    }

    /* 文本基础样式 */
    .left-aligned-image2 p {
        line-height: 1.8;
        font-size: 16px;
        color: #333;
        margin: 0;
        text-align: justify; /* 文本两端对齐，提升阅读体验 */
    }

    /* 栅格列垂直居中对齐 */
    .row {
        align-items: center;
        margin: 0; /* 清除默认行间距，避免布局偏移 */
    }

    .row > div {
        padding: 0 10px; /* 列内边距，避免内容贴边 */
    }
}
/* 800px小屏核心自适应样式 */
@media (max-width: 800px) {
    .zntextdown2 {
        padding: 15px 0; /* 减少上下内边距，适配小屏 */
    }

    /* 小屏文本优化 */
    .left-aligned-image2 p {
        font-size: 14px; /* 缩小字体，提升小屏可读性 */
        line-height: 1.6; /* 调整行高，避免文字拥挤 */
    }

    /* 小屏图片间距调整 */
    .left-aligned-image2 img,
    .left-aligned-image-xttd2 img {
        margin-bottom: 10px; /* 减少图片下方间距 */
    }

    /* 小屏列堆叠后增加间距 */
    .row > div {
        margin-bottom: 20px;
        width: 100%; /* 强制单列显示 */
        padding: 0; /* 清除列内边距，充分利用屏幕宽度 */
    }

    /* 小屏容器内边距优化 */
    .container2 {
        padding: 0 10px;
    }
}











/* 800px小屏核心自适应样式 */
@media (max-width: 800px) {
    .zntextdown3 {
        padding: 15px 0; /* 减少上下内边距 */
    }

    /* 小屏主图片间距调整 */
    .left-aligned-image3 img:first-child {
        margin-bottom: 15px;
    }

    /* 小屏标题样式优化 */
    .left-aligned-image3 p.title {
        font-size: 16px; /* 缩小标题字体 */
        gap: 6px; /* 缩小图标与文字间距 */
        margin: 12px 0 6px 0; /* 调整标题间距 */
    }

    /* 小屏正文样式优化 */
    .left-aligned-image3 p:not(.title) {
        font-size: 14px; /* 缩小正文字体 */
        line-height: 1.6; /* 调整行高，避免拥挤 */
        margin: 0 0 8px 0; /* 减少正文间距 */
    }

    /* 小屏容器内边距优化 */
    .container2 {
        padding: 0 10px;
    }
}

/* 超小屏（576px以下）补充优化 */
@media (max-width: 800px) {
    .container2 {
        padding: 0 8px; /* 进一步缩小内边距 */
    }

    .left-aligned-image3 p.title {
        font-size: 15px; /* 进一步微调标题字体 */
    }

    .left-aligned-image3 p:not(.title) {
        font-size: 13px; /* 进一步缩小正文字体 */
    }

    /* 基础样式 - 大屏默认效果 */
    .zntextdownjiejue {
        padding: 20px 0;
        width: 100%;
    }

    .container2 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* 核心图片自适应样式 */
    .left-aligned-image-jiejue img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto; /* 图片水平居中显示 */
        object-fit: contain; /* 保证图片完整显示，不裁剪 */
    }

    /* 行布局基础样式 */
    .row {
        margin: 0; /* 清除默认行间距 */
    }

    .left-aligned-image-jiejue {
        width: 100%;
        padding: 0;
    }

    /* 空区块基础样式（pageone系列） */
    .pageone {
        width: 100%;
        /* 若区块有背景/内容，保证基础占位 */
        min-height: 1px;
        margin: 0 auto;
        /* 清除默认间距，避免布局错乱 */
        padding: 0;
        border: 0;
    }

    /* 区分不同pageone区块（可选，便于后续扩展） */
    .pageznz8, .pagezn8,
    .pageznz9, .pagezn9,
    .pageznz10, .pagezn10,
    .pageznz12, .pagezn12,
    .pageznz11, .pagezn11 {
        width: 100%;
        /* 若后续添加内容，保证基础内边距 */
        padding: 0;
        margin-bottom: 0;
    }
}
/* 800px小屏核心自适应样式 */
@media (max-width: 800px) {
    .zntextdownjiejue {
        padding: 15px 0; /* 减少上下内边距，适配小屏 */
    }

    /* 小屏图片优化 */
    .left-aligned-image-jiejue img {
        /* 小屏下图片最大宽度限制，避免拉伸 */
        max-width: 95%;
        margin-bottom: 10px; /* 图片下方预留少量间距 */
    }

    /* 小屏容器内边距优化 */
    .container2 {
        padding: 0 10px;
    }

    /* 小屏空区块适配（防止后续加内容溢出） */
    .pageone {
        max-width: 100%; /* 强制不超出屏幕宽度 */
        box-sizing: border-box; /* 盒模型优化，避免溢出 */
    }
    img.ty1 {
        max-width: 100% !important; /* 强制宽度不超过父容器，避免溢出 */
        height: auto !important; /* 保持宽高比，不拉伸变形 */
        display: block !important; /* 转为块级，方便居中/自适应 */
        margin: 0 auto 15px auto !important; /* 水平居中 + 保留下方间距 */
        object-fit: contain !important; /* 核心：完整显示图片，不裁剪 */
        object-position: center !important; /* 图片居中对齐 */
        box-sizing: border-box !important; /* 盒模型优化，避免尺寸错乱 */
    }
}







/* 兼容Bootstrap栅格 - 确保小屏单列显示（如未引入Bootstrap需补充） */
@media (max-width: 800px) {
    /* 栅格列基础重置，和zntextdown2保持一致 */
    .zntextdown5 .col-md-7,
    .zntextdown5 .col-md-5 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    /* 基础样式 - 大屏默认效果（和zntextdown2逻辑一致） */
    .zntextdown5 {
        padding: 20px 0;
    }

    /* 复用container2样式，保持全局统一 */
    .zntextdown5 .container2 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* 图片自适应核心样式（对齐zntextdown2，替换类名） */
    .left-aligned-image5 img,
    .left-aligned-image-xttd5 img {
        max-width: 100%;
        height: auto;
        display: block;
        margin-bottom: 15px;
        object-fit: cover; /* 保持和zntextdown2一致的图片适配规则 */
    }

    /* 文本基础样式（对齐zntextdown2） */
    .left-aligned-image5 p {
        line-height: 1.8;
        font-size: 16px;
        color: #333;
        margin: 0;
        text-align: justify; /* 文本两端对齐，提升阅读体验 */
    }

    /* 栅格列垂直居中对齐（和zntextdown2一致） */
    .zntextdown5 .row {
        align-items: center;
        margin: 0; /* 清除默认行间距，避免布局偏移 */
    }

    .zntextdown5 .row > div {
        padding: 0 10px; /* 列内边距，避免内容贴边 */
    }
}

/* 800px小屏核心自适应样式（完全对齐zntextdown2逻辑，仅替换类名） */
@media (max-width: 800px) {
    .zntextdown5 {
        padding: 15px 0; /* 减少上下内边距，和zntextdown2一致 */
    }

    /* 小屏文本优化（字号、行高和zntextdown2完全一致） */
    .left-aligned-image5 p {
        font-size: 14px; /* 缩小字体，适配小屏可读性 */
        line-height: 1.6; /* 调整行高，避免文字拥挤 */
    }

    /* 小屏图片间距调整（和zntextdown2一致） */
    .left-aligned-image5 img,
    .left-aligned-image-xttd5 img {
        margin-bottom: 10px; /* 减少图片下方间距 */
    }

    /* 小屏列堆叠后增加间距（和zntextdown2一致） */
    .zntextdown5 .row > div {
        margin-bottom: 20px;
        width: 100%; /* 强制单列显示 */
        padding: 0; /* 清除列内边距，充分利用屏幕宽度 */
    }

    /* 小屏容器内边距优化（和zntextdown2一致） */
    .zntextdown5 .container2 {
        padding: 0 10px;
    }
}





/* 800px小屏核心自适应样式 - 对齐zntextdown3逻辑 */
@media (max-width: 800px) {
    .zntextdown4 {
        padding: 15px 0; /* 与zntextdown3一致：减少上下内边距 */
    }

    /* 小屏主图片（ty2类）适配（对齐zntextdown3的ty1逻辑） */
    img.ty2 {
        max-width: 100% !important; /* 强制宽度不超过父容器，避免溢出 */
        height: auto !important; /* 保持宽高比，不拉伸变形 */
        display: block !important; /* 转为块级，方便居中/自适应 */
        margin: 0 auto 15px auto !important; /* 水平居中 + 保留下方间距 */
        object-fit: contain !important; /* 核心：完整显示图片，不裁剪 */
        object-position: center !important; /* 图片居中对齐 */
        box-sizing: border-box !important; /* 盒模型优化，避免尺寸错乱 */
    }

    /* 小屏标题样式优化（与zntextdown3的title样式完全一致） */
    .left-aligned-image4 p.title {
        font-size: 16px; /* 缩小标题字体，与zntextdown3一致 */
        gap: 6px; /* 缩小图标与文字间距，与zntextdown3一致 */
        margin: 12px 0 6px 0; /* 调整标题间距，与zntextdown3一致 */
        display: flex !important; /* 保证图标+文字横向排列 */
        align-items: center !important; /* 图标文字垂直居中 */
        padding: 0 8px !important; /* 左右留白，避免贴边 */
    }

    /* 标题内小图标适配（补充细节，对齐zntextdown3） */
    .left-aligned-image4 p.title img {
        max-width: 20px !important;
        height: auto !important;
        margin-right: 6px !important; /* 小图标与文字间距 */
    }

    /* 小屏正文样式优化（与zntextdown3的title1/非title样式一致） */
    .left-aligned-image4 p.title1,
    .left-aligned-image4 p:not(.title) {
        font-size: 14px; /* 缩小正文字体，与zntextdown3一致 */
        line-height: 1.6; /* 调整行高，避免拥挤，与zntextdown3一致 */
        margin: 0 0 8px 0; /* 减少正文间距，与zntextdown3一致 */
        padding: 0 8px !important; /* 左右留白，避免贴边 */
        word-wrap: break-word !important; /* 长文本自动换行，不溢出 */
    }

    /* 正文内小图标适配（补充细节，对齐zntextdown3） */
    .left-aligned-image4 p.title1 img {
        max-width: 16px !important;
        height: auto !important;
        margin-right: 4px !important; /* 小图标与文字间距 */
    }

    /* 小屏容器内边距优化（与zntextdown3一致） */
    .zntextdown4 .container2 {
        padding: 0 10px;
    }
}

/* 超小屏（576px以下）补充优化 - 对齐zntextdown3的超小屏逻辑 */
@media (max-width: 800px) {
    /* 进一步缩小容器内边距，与zntextdown3一致 */
    .zntextdown4 .container2 {
        padding: 0 8px;
    }

    /* 进一步微调标题字体，与zntextdown3一致 */
    .left-aligned-image4 p.title {
        font-size: 15px;
    }

    /* 进一步缩小正文字体，与zntextdown3一致 */
    .left-aligned-image4 p.title1,
    .left-aligned-image4 p:not(.title) {
        font-size: 13px;
    }

    /* 基础样式 - 大屏默认效果（复用zntextdown3的大屏逻辑） */
    .zntextdownjiejue {
        padding: 20px 0;
        width: 100%;
    }

    .zntextdown4 .container2 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* 行布局基础样式（与zntextdown3一致） */
    .zntextdown4 .row {
        margin: 0; /* 清除默认行间距 */
    }

    .left-aligned-image4 {
        width: 100%;
        padding: 0;
    }

    /* 空区块基础样式（pageone系列） - 复用zntextdown3的规则 */
    .pageone {
        width: 100%;
        min-height: 1px;
        margin: 0 auto;
        padding: 0;
        border: 0;
    }

    .pageznz8, .pagezn8,
    .pageznz9, .pagezn9,
    .pageznz10, .pagezn10,
    .pageznz12, .pagezn12,
    .pageznz11, .pagezn11 {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
}

/* 补充小屏细节优化 - 对齐zntextdown3的最后一段样式 */
@media (max-width: 800px) {
    .zntextdownjiejue {
        padding: 15px 0; /* 减少上下内边距，适配小屏 */
    }

    /* 小屏其他图片优化（复用zntextdown3规则） */
    .left-aligned-image-jiejue img {
        max-width: 95%;
        margin-bottom: 10px; /* 图片下方预留少量间距 */
    }

    /* 小屏空区块适配（防止后续加内容溢出） */
    .pageone {
        max-width: 100%; /* 强制不超出屏幕宽度 */
        box-sizing: border-box; /* 盒模型优化，避免溢出 */
    }
}








/* 800px小屏适配 - 核心：两张图片居中、自适应、完整显示 */
@media (max-width: 800px) {
    /* 1. 容器基础样式：清除间距，保证宽度 */
    .zntextdownjiejue1 {
        padding: 15px 0 !important; /* 上下内边距，避免内容贴边 */
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important; /* 兜底防止溢出 */
    }

    /* 2. 栅格布局重置：小屏单列显示 */
    .zntextdownjiejue1 .col-md-4,
    .zntextdownjiejue1 .col-md-8 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 20px 0 !important; /* 列堆叠后增加间距，最后一张图会自动覆盖这个margin */
    }
    /* 移除第二张图下方的多余间距 */
    .zntextdownjiejue1 .col-md-8 {
        margin-bottom: 0 !important;
    }

    /* 3. 容器内边距优化：左右留白，避免图片贴边 */
    .zntextdownjiejue1 .container2 {
        max-width: 100% !important;
        padding: 0 8px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* 4. 行布局重置：清除默认间距 */
    .zntextdownjiejue1 .row {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important; /* 小屏强制单列 */
        align-items: center !important; /* 水平居中 */
    }

    /* 5. 核心：两张图片统一适配规则（居中+完整显示） */
    .left-aligned-image-jiejue1 img,
    .left-aligned-image-jiejue11 img {
        max-width: 95% !important; /* 图片宽度不超过容器95%，避免贴边 */
        height: auto !important; /* 保持宽高比，不拉伸变形 */
        display: block !important; /* 块级元素方便居中 */
        margin: 0 auto !important; /* 水平居中（核心） */
        object-fit: contain !important; /* 保证图片完整显示，不裁剪（核心） */
        object-position: center !important; /* 图片居中对齐 */
    }

    /* 可选：大屏默认样式（保证大屏也有基础适配） */
    .zntextdownjiejue1 .container2 {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
    }
}







/* 800px小屏适配 - 80%宽度+左右留白+保证图片显示 */
@media (max-width: 800px) {
    /* ========== 1. 容器基础样式：兜底显示 ========== */
    .tk1, .tk2 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important; /* 避免隐藏图片 */
        text-align: center !important; /* 辅助居中 */
    }

    /* ========== 2. 核心：图片区块80%宽度+左右留白+强制显示 ========== */
    .pageone.pageznz9.pagezn9,
    .pageone.pageznz11.pagezn11 {
        width: 80% !important; /* 核心：占80%宽度，左右各10%留白 */
        height: auto !important;
        min-height: 50px !important; /* 兜底高度，防止消失 */
        display: block !important; /* 强制显示 */
        margin: 0 auto !important; /* 水平居中，实现左右留白 */
        padding: 0 !important;
        border: 0 !important;
        /* 背景图适配 */
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
    }

    /* ========== 3. IMG标签适配：同步80%宽度+强制显示 ========== */
    .pageone.pageznz9.pagezn9 img,
    .pageone.pageznz11.pagezn11 img {
        width: 100% !important; /* 继承父容器80%宽度，无需重复设80% */
        max-width: 100% !important;
        height: auto !important;
        display: block !important; /* 强制显示 */
        visibility: visible !important; /* 强制可见 */
        opacity: 1 !important; /* 强制不透明 */
        margin: 0 auto !important;
        object-fit: contain !important; /* 完整显示 */
        object-position: center !important;
    }

    /* ========== 4. 间距优化 ========== */
    .tk1 {
        margin-bottom: 15px !important; /* 两个区块之间留间距 */
    }
}