/* 大屏基础样式（你原有的，仅作对照） */
.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;
    }
}



/* 仅针对.zntextdownjiejue + .pageznz8 + .zntextdownssfa的小屏适配（≤800px） */
@media (max-width: 800px) {
    /* ========== 1. 图片标题容器：去除上下边距 + 居中 ========== */
    .zntextdownjiejue {
        height: auto !important;
        width: 100vw !important;
        /* 仅保留左右内边距，去除上下内边距，取消所有外边距 */
        padding: 0 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* 清空container/row默认间距 */
    .zntextdownjiejue .container,
    .zntextdownssfa .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .zntextdownjiejue .row,
    .zntextdownssfa .row {
        margin: 0 !important;
    }

    /* 标题图片居中 + 适配宽度 */
    .zntextdownjiejue .col-md-12.left-aligned-image-jiejue {
        width: 100% !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
    }
    .zntextdownjiejue .left-aligned-image-jiejue img {
        max-width: 60% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
        border-radius: 4px !important;
    }

    /* ========== 2. .pagezn8 核心：去除所有上下边距 + 背景图完整显示 ========== */
    .pageone.pageznz8.pagezn8 {
        height: calc(100vw * 9 / 16) !important; /* 保证背景图高度 */
        max-height: none !important;
        width: 100vw !important;
        /* 背景图完整显示核心设置 */
        background-image: url('../img/znkz/06.jpg') !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        /* 彻底去除所有上下边距，取消大屏的margin */
        padding: 0 !important;
        color: #ffffff !important;
        z-index: 0 !important;
    }

    /* ========== 3. 列表文本区域：去除冗余上下边距 ========== */
    .zntextdownssfa {
        height: auto !important;
        width: 100vw !important;
        /* 仅保留左右内边距，去除上下内边距，取消所有外边距 */
        padding: 0 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* 列表文本容器 */
    .zntextdownssfa .col-md-12 {
        width: 100% !important;
        padding: 0 !important;
    }

    /* 列表文本样式优化 */
    .zntextdownssfa .col-md-12 p {
        font-size: 14px !important;
        line-height: 1.8 !important;
        color: #333 !important;
        text-align: left !important;
        margin: 0 !important; /* 去除文本默认边距 */
        padding: 0 5px !important;
        white-space: normal !important;
    }

    /* 列表项换行间距（仅保留必要间距，避免拥挤） */
    .zntextdownssfa p br {
        display: block !important;
        margin-bottom: 6px !important; /* 精简换行间距 */
    }
    .pagezn8 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}


/* 仅针对.pageznz4.pagezn5 + .zntextdownzs1/zs2/zs3的小屏适配（≤800px） */
@media (max-width: 800px) {
    /* ========== 1. 总标题图片（已调好：80vw宽度+居中+留空隙） ========== */
    .pageone.pageznz4.pagezn5 {
        width: 80vw !important; /* 左右留10%空隙（保留你的需求） */
        max-width: 80vw !important;
        margin: 0 auto 2vw auto !important; /* 下方留间距 */
        /* 关键修复：用宽高比替代固定高度，匹配背景图比例（以16:9为例，可按实际图片比例调整） */
        height: calc(80vw * 3 / 10) !important; /* 3:10是适配标题图的常用比例，可改为图片实际比例（如高度/宽度） */
        max-height: none !important; /* 彻底取消最大高度限制，避免截断 */
        min-height: unset !important; /* 清空保底高度 */
        /* 背景图优先级：完整显示 > 填满容器 */
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        /* 关键：取消transform缩放，避免容器压缩 */
        transform: none !important;
        transform-origin: unset !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        padding: 0 !important;
        z-index: 1 !important;
    }

    /* ========== 2. 三个子区块：核心新增右侧图片下方空隙 ========== */
    .zntextdownzs1,
    .zntextdownzs2,
    .zntextdownzs3 {
        height: auto !important;
        width: 100vw !important;
        padding: 0 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .zntextdownzs1 .container,
    .zntextdownzs2 .container,
    .zntextdownzs3 .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .zntextdownzs1 .row,
    .zntextdownzs2 .row,
    .zntextdownzs3 .row {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .zntextdownzs1 .col-md-5.left-aligned-image-abli1,
    .zntextdownzs2 .col-md-5.left-aligned-image-abli2,
    .zntextdownzs3 .col-md-5.left-aligned-image-abli3 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 15px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .zntextdownzs1 .left-aligned-image-abli1 img:first-child,
    .zntextdownzs2 .left-aligned-image-abli2 img:first-child,
    .zntextdownzs3 .left-aligned-image-abli3 img:first-child {
        max-width: 50% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto 10px auto !important;
        border-radius: 4px !important;
    }

    .zntextdownzs1 .left-aligned-image-abli1 p,
    .zntextdownzs2 .left-aligned-image-abli2 p,
    .zntextdownzs3 .left-aligned-image-abli3 p {
        font-size: 14px !important;
        line-height: 1.8 !important;
        color: #333 !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 5px !important;
        white-space: normal !important;
    }

    .zntextdownzs1 p br,
    .zntextdownzs2 p br,
    .zntextdownzs3 p br {
        display: block !important;
        margin-bottom: 6px !important;
    }

    /* ========== 核心修改：给右侧图片（最后图片）下方加空隙 ========== */
    .zntextdownzs1 .col-md-7.left-aligned-image-abli1-right,
    .zntextdownzs2 .col-md-7.left-aligned-image-abli2-right,
    .zntextdownzs3 .col-md-7.left-aligned-image-abli3-right {
        width: 100% !important;
        padding: 0 !important;
        /* 新增：下方加2vw空隙（适配小屏，约10-16px），左右auto保证居中 */
        margin: 0 auto 2vw auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .zntextdownzs1 .left-aligned-image-abli1-right img,
    .zntextdownzs2 .left-aligned-image-abli2-right img,
    .zntextdownzs3 .left-aligned-image-abli3-right img {
        max-width: 90% !important;
        height: auto !important;
        display: block !important;
        border-radius: 4px !important;
    }
}