/* 大屏基础样式（你原有的，仅作对照） */
.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）- cphexinjishu 完全自适应（标题图片居中） */
@media (max-width: 800px) {
    /* ========== 核心容器：自适应高度 + 背景不变形 ========== */
    .pagejiejue .cphexinjishu {
        height: auto !important; /* 放弃16:9，自适应高度 */
        min-height: calc(100vw * 9 / 16) !important; /* 保留最小高度，避免过矮 */
        max-height: none !important; /* 取消最大高度限制，适配小屏 */
        width: 100vw !important;
        overflow: hidden !important; /* 隐藏溢出，但高度自适应不会有溢出 */
        position: relative !important;
        box-sizing: border-box !important;
        padding: 3vw 3vw 5vw 3vw !important; /* 上下内边距，适配小屏 */
        /* 确保背景图不变形的核心样式 */
        background-size: cover !important; /* 覆盖容器，保持比例 */
        background-position: center center !important; /* 居中显示 */
        background-repeat: no-repeat !important;
    }

    /* ========== 内层容器：相对定位 + 紧凑布局 ========== */
    .pagejiejue .cphexinjishu .profuile3,
    .pagejiejue .cphexinjishu .container,
    .pagejiejue .cphexinjishu .row,
    .pagejiejue .cphexinjishu .col-md-12 {
        height: auto !important;    /* 自适应高度，不再继承固定高度 */
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        position: relative !important;
        top: -5vw !important; /* 保留你调整的上移位置 */
    }

    /* ========== 标题图片：强制居中 + 紧凑布局 ========== */
    .pagejiejue .img-hzimg3 {
        width: 100% !important;
        text-align: center !important; /* 父容器文本居中，为图片居中兜底 */
        position: relative !important;
        top: 0 !important;
        z-index: 1 !important;
        margin-bottom: -2vw !important; /* 保留你调整的间距 */
    }

    .pagejiejue .img-hzimg3 img {
        max-width: 70% !important;
        height: auto !important;   /* 图片绝对不变形 */
        display: block !important; /* 改为block，方便margin auto居中 */
        margin: 0 auto !important; /* 核心：水平居中 */
        transform: scale(calc(100vw / 1920)) !important;
        transform-origin: top center !important; /* 缩放原点居中，避免偏移 */
    }

    /* ========== 文本：字号同步缩小 + 自适应（核心修改） ========== */
    .pagejiejue .cphexinjishu .le {
        /* 同步缩小字号：和.page1区块文本保持一致 */
        font-size: calc(10px + 0.8vw) !important;
        line-height: 1.4 !important;
        padding: 0 2vw !important;
        margin: -10vw 0 3vw 0 !important; /* 保留你调整的偏移 */
        text-align: left;
        white-space: normal !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* ========== 按钮：同步缩小尺寸 + 完全居中 ========== */
    .pagejiejue .cphexinjishu .btnpage {
        display: block !important; /* 改为block，方便居中 */
        /* 同步缩小内边距：和btnpage1保持一致 */
        padding: calc(6px + 0.3vw) calc(10px + 0.8vw) !important;
        margin: 0 auto !important; /* 核心：margin auto 实现水平居中 */
        background-color: rgba(45, 109, 178, 0.85) !important;
        color: #efefef !important;
        text-decoration: none !important;
        border-radius: 5px !important;
        transition: background-color 0.3s, transform 0.3s !important;
        /* 同步缩小字号：和btnpage1保持一致 */
        font-size: calc(10px + 0.4vw) !important;
        /* 同步缩小宽度：和btnpage1保持一致，降低最大宽度 */
        width: calc(80px + 4vw) !important;
        max-width: 100px !important; /* 从130px缩到100px，和btnpage1一致 */
        text-align: center !important; /* 按钮内文字也居中，视觉更优 */
        transform: scale(calc(100vw / 1920)) !important; /* 移除translateX，靠margin auto居中 */
        transform-origin: center !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* 按钮hover效果适配（修正居中放大） */
    .pagejiejue .cphexinjishu .btnpage:hover {
        background-color: rgba(29, 122, 178, 0.85) !important;
        transform: scale(1.1) !important; /* 仅保留放大，无需translateX */
    }

    /* 清除按钮外层div样式干扰 */
    .pagejiejue .cphexinjishu div[style*="text-align: left"] {
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
    }
}
/* 小屏适配（≤800px）- 隐藏cphexinjishu1区块 */
@media (max-width: 800px) {
    .pagejiejue .cphexinjishu1 {
        display: none !important; /* 强制隐藏整个区块 */
        visibility: hidden !important; /* 兜底隐藏，确保不显示 */
        height: 0 !important; /* 高度置0，避免占位 */
        width: 0 !important; /* 宽度置0，避免占位 */
        overflow: hidden !important; /* 隐藏溢出内容 */
    }

    /* 同时隐藏内部图片容器，双重保障 */
    .pagejiejue .cphexinjishu1 .img-jiejue,
    .pagejiejue .cphexinjishu1 .img-jiejue img {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
    }
}


/* 小屏适配（≤800px）- page1区块（水泥行业）专属样式 */
@media (max-width: 800px) {
    /* ========== 核心容器：自适应高度 + 背景不变形 ========== */
    .page1 .profuilepage1 {
        height: auto !important; /* 自适应高度，避免内容溢出 */
        min-height: calc(100vw * 9 / 16) !important; /* 保留最小高度，避免过矮 */
        max-height: none !important; /* 取消最大高度限制 */
        width: 100vw !important;
        overflow: hidden !important; /* 隐藏溢出内容 */
        position: relative !important;
        box-sizing: border-box !important;
        padding: 3vw 3vw 5vw 3vw !important; /* 保留原有上下内边距 */
        /* 确保背景图不变形 */
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    /* ========== 内层容器：相对定位 + 紧凑布局 ========== */
    .page1 .profuilepage1 .container,
    .page1 .profuilepage1 .row,
    .page1 .profuilepage1 .col-md-12 {
        height: auto !important;    /* 自适应高度 */
        width: 100% !important;     /* 宽度占满 */
        padding: 0 !important;      /* 清除默认内边距 */
        margin: 0 !important;       /* 清除默认外边距 */
        max-width: 100% !important; /* 取消宽度限制 */
        position: relative !important;
        top: -4vw !important; /* 内容整体上移，和之前的布局保持一致 */
        /* 关键：给内层容器设置最小高度，确保按钮有固定的底部空间 */
        min-height: calc(100vw * 9 / 16 - 8vw) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    /* ========== 标题图片（水泥图标）：居中 + 紧凑布局 ========== */
    .page1 .img-hzimgpage1 {
        width: 100% !important;
        text-align: center !important; /* 父容器居中兜底 */
        position: relative !important;
        top: 0 !important;
        z-index: 1 !important;
        margin-bottom: -0.5vw !important; /* 减少与文本间距 */
    }

    .page1 .img-hzimgpage1 img {
        max-width: 70% !important; /* 适配小屏的图片宽度 */
        height: auto !important;   /* 保持图片比例不变形 */
        display: block !important;
        margin: 0 auto !important; /* 图片水平居中 */
        transform: scale(calc(100vw / 1920)) !important; /* 统一缩放逻辑 */
        transform-origin: top center !important;
    }

    /* ========== 文本：字号缩小 + 自适应 + 左对齐 ========== */
    .page1 .profuilepage1 .le {
        font-size: calc(10px + 0.8vw) !important; /* 缩小且自适应的字号 */
        line-height: 1.4 !important; /* 紧凑行高，减少行数 */
        padding: 0 2vw !important;   /* 左右留白 */
        margin: -10vw 0 0 0 !important; /* 移除底部margin，交给flex布局控制 */
        text-align: left !important; /* 文本左对齐，区块整体居中 */
        white-space: normal !important;
        position: relative !important;
        z-index: 2 !important;
        color: #1E3A8A;
    }

    /* ========== 按钮（btnpage1）：保留原有居中 + 固定底边间距 ========== */
    .page1 .profuilepage1 .btnpage1 {
        display: block !important; /* 改为block，方便居中 */
        padding: calc(6px + 0.3vw) calc(10px + 0.8vw) !important;
        margin: 0 auto 3vw auto !important; /* 核心：底部固定3vw间距，水平居中不变 */
        background-color: rgba(45, 109, 178, 0.85) !important; /* 沿用同款背景色 */
        color: #efefef !important; /* 文字颜色 */
        text-decoration: none !important;
        border-radius: 5px !important; /* 圆角 */
        transition: background-color 0.3s, transform 0.3s !important; /* 过渡动画 */
        font-size: calc(10px + 0.4vw) !important;
        width: calc(80px + 4vw) !important;
        max-width: 100px !important; /* 最大宽度从130px缩到100px */
        text-align: center !important; /* 按钮内文字居中 */
        transform: scale(calc(100vw / 1920)) !important; /* 统一缩放 */
        transform-origin: center !important;
        position: relative !important; /* 保留原有相对定位，不破坏居中 */
        z-index: 2 !important;
    }

    /* 按钮hover效果（保留原有逻辑，居中放大不变） */
    .page1 .profuilepage1 .btnpage1:hover {
        background-color: rgba(29, 122, 178, 0.85) !important; /* hover背景色 */
        transform: scale(1.1) !important; /* 放大效果，居中不变 */
    }

    /* 清除按钮外层div的行内样式干扰 */
    .page1 .profuilepage1 div[style*="text-align: left"] {
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
    }
}



/* 小屏适配（≤800px）- page2区块（钢铁行业）专属样式 */
@media (max-width: 800px) {
    /* ========== 核心容器：自适应高度 + 背景不变形 ========== */
    .page2 .profuilepage1 {
        height: auto !important; /* 自适应高度，避免内容溢出 */
        min-height: calc(100vw * 9 / 16) !important; /* 保留最小高度，避免过矮 */
        max-height: none !important; /* 取消最大高度限制 */
        width: 100vw !important;
        overflow: hidden !important; /* 隐藏溢出内容 */
        position: relative !important;
        box-sizing: border-box !important;
        padding: 3vw 3vw 5vw 3vw !important; /* 上下内边距，适配小屏 */
        /* 确保背景图不变形 */
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    /* ========== 内层容器：Flex布局 + 紧凑布局（固定按钮间距核心） ========== */
    .page2 .profuilepage1 .container,
    .page2 .profuilepage1 .row,
    .page2 .profuilepage1 .col-md-12 {
        height: auto !important;    /* 自适应高度 */
        width: 100% !important;     /* 宽度占满 */
        padding: 0 !important;      /* 清除默认内边距 */
        margin: 0 !important;       /* 清除默认外边距 */
        max-width: 100% !important; /* 取消宽度限制 */
        position: relative !important;
        top: -4vw !important; /* 内容整体上移，和page1布局保持一致 */
        /* Flex布局：固定按钮间距核心 */
        min-height: calc(100vw * 9 / 16 - 8vw) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    /* ========== 标题图片（钢铁图标）：居中 + 紧凑布局 ========== */
    .page2 .img-hzimgpage2 { /* 对应HTML里的img-hzimgpage2类名 */
        width: 100% !important;
        text-align: center !important; /* 父容器居中兜底 */
        position: relative !important;
        top: 0 !important;
        z-index: 1 !important;
        margin-bottom: -0.5vw !important; /* 减少与文本间距 */
    }

    .page2 .img-hzimgpage2 img {
        max-width: 70% !important; /* 适配小屏的图片宽度 */
        height: auto !important;   /* 保持图片比例不变形 */
        display: block !important;
        margin: 0 auto !important; /* 图片水平居中 */
        transform: scale(calc(100vw / 1920)) !important; /* 统一缩放逻辑 */
        transform-origin: top center !important;
    }

    /* ========== 文本：字号缩小 + 自适应 + 左对齐 ========== */
    .page2 .profuilepage1 .le {
        font-size: calc(10px + 0.8vw) !important; /* 和page1一致的缩小字号+自适应 */
        line-height: 1.4 !important; /* 紧凑行高，减少行数 */
        padding: 0 2vw !important;   /* 左右留白 */
        margin: -10vw 0 0 0 !important; /* 向上偏移，侵占标题区域 + 移除底部margin */
        text-align: left !important; /* 文本左对齐，区块整体居中 */
        white-space: normal !important; /* 自动换行，清除HTML里的<br>影响 */
        position: relative !important;
        z-index: 2 !important;
    }

    /* ========== 按钮（btnpage1）：居中 + 固定底边距 + 缩小尺寸 ========== */
    .page2 .profuilepage1 .btnpage1 {
        display: block !important; /* 改为block，方便居中 */
        padding: calc(6px + 0.3vw) calc(10px + 0.8vw) !important; /* 和page1一致的缩小内边距 */
        margin: 0 auto 3vw auto !important; /* 水平居中 + 固定底部3vw间距 */
        background-color: rgba(45, 109, 178, 0.85) !important; /* 沿用同款背景色 */
        color: #efefef !important; /* 文字颜色 */
        text-decoration: none !important;
        border-radius: 5px !important; /* 圆角 */
        transition: background-color 0.3s, transform 0.3s !important; /* 过渡动画 */
        font-size: calc(10px + 0.4vw) !important; /* 和page1一致的缩小字号 */
        width: calc(80px + 4vw) !important; /* 和page1一致的缩小宽度 */
        max-width: 100px !important; /* 最大宽度限制 */
        text-align: center !important; /* 按钮内文字居中 */
        transform: scale(calc(100vw / 1920)) !important; /* 统一缩放 */
        transform-origin: center !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* 按钮hover效果 */
    .page2 .profuilepage1 .btnpage1:hover {
        background-color: rgba(29, 122, 178, 0.85) !important; /* hover背景色 */
        transform: scale(1.1) !important; /* 放大效果 */
    }

    /* 清除按钮外层div的行内样式干扰（text-align: left） */
    .page2 .profuilepage1 div[style*="text-align: left"] {
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
    }
}





/* 小屏适配（≤800px）- page3区块（化工行业）专属样式 */
@media (max-width: 800px) {
    /* ========== 核心容器：自适应高度 + 背景不变形 ========== */
    .page3 .profuilepage1 {
        height: auto !important; /* 自适应高度，避免内容溢出 */
        min-height: calc(100vw * 9 / 16) !important; /* 保留最小高度，避免过矮 */
        max-height: none !important; /* 取消最大高度限制 */
        width: 100vw !important;
        overflow: hidden !important; /* 隐藏溢出内容 */
        position: relative !important;
        box-sizing: border-box !important;
        padding: 3vw 3vw 5vw 3vw !important; /* 上下内边距，适配小屏 */
        /* 确保背景图不变形 */
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    /* ========== 内层容器：Flex布局 + 紧凑布局（固定按钮间距核心） ========== */
    .page3 .profuilepage1 .container,
    .page3 .profuilepage1 .row,
    .page3 .profuilepage1 .col-md-12 {
        height: auto !important;    /* 自适应高度 */
        width: 100% !important;     /* 宽度占满 */
        padding: 0 !important;      /* 清除默认内边距 */
        margin: 0 !important;       /* 清除默认外边距 */
        max-width: 100% !important; /* 取消宽度限制 */
        position: relative !important;
        top: -4vw !important; /* 内容整体上移，和page1/page2布局保持一致 */
        /* Flex布局：固定按钮间距核心 */
        min-height: calc(100vw * 9 / 16 - 8vw) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    /* ========== 标题图片（化工图标）：居中 + 紧凑布局 ========== */
    .page3 .img-hzimgpage2 { /* 对应HTML里的img-hzimgpage2类名 */
        width: 100% !important;
        text-align: center !important; /* 父容器居中兜底 */
        position: relative !important;
        top: 0 !important;
        z-index: 1 !important;
        margin-bottom: -0.5vw !important; /* 减少与文本间距 */
    }

    .page3 .img-hzimgpage2 img {
        max-width: 70% !important; /* 适配小屏的图片宽度 */
        height: auto !important;   /* 保持图片比例不变形 */
        display: block !important;
        margin: 0 auto !important; /* 图片水平居中 */
        transform: scale(calc(100vw / 1920)) !important; /* 统一缩放逻辑 */
        transform-origin: top center !important;
    }

    /* ========== 文本：字号缩小 + 自适应 + 左对齐 ========== */
    .page3 .profuilepage1 .le {
        font-size: calc(10px + 0.8vw) !important; /* 和page1/page2一致的缩小字号+自适应 */
        line-height: 1.4 !important; /* 紧凑行高，减少行数 */
        padding: 0 2vw !important;   /* 左右留白 */
        margin: -10vw 0 0 0 !important; /* 向上偏移，侵占标题区域 + 移除底部margin */
        text-align: left !important; /* 文本左对齐，区块整体居中 */
        white-space: normal !important; /* 自动换行，清除HTML里的<br>影响 */
        position: relative !important;
        z-index: 2 !important;
    }

    /* ========== 按钮（btnpage1）：居中 + 固定底边距 + 缩小尺寸 ========== */
    .page3 .profuilepage1 .btnpage1 {
        display: block !important; /* 改为block，方便居中 */
        padding: calc(6px + 0.3vw) calc(10px + 0.8vw) !important; /* 和page1/page2一致的缩小内边距 */
        margin: 0 auto 3vw auto !important; /* 水平居中 + 固定底部3vw间距 */
        background-color: rgba(45, 109, 178, 0.85) !important; /* 沿用同款背景色 */
        color: #efefef !important; /* 文字颜色 */
        text-decoration: none !important;
        border-radius: 5px !important; /* 圆角 */
        transition: background-color 0.3s, transform 0.3s !important; /* 过渡动画 */
        font-size: calc(10px + 0.4vw) !important; /* 和page1/page2一致的缩小字号 */
        width: calc(80px + 4vw) !important; /* 和page1/page2一致的缩小宽度 */
        max-width: 100px !important; /* 最大宽度限制 */
        text-align: center !important; /* 按钮内文字居中 */
        transform: scale(calc(100vw / 1920)) !important; /* 统一缩放 */
        transform-origin: center !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* 按钮hover效果 */
    .page3 .profuilepage1 .btnpage1:hover {
        background-color: rgba(29, 122, 178, 0.85) !important; /* hover背景色 */
        transform: scale(1.1) !important; /* 放大效果 */
    }

    /* 清除按钮外层div的行内样式干扰（text-align: left） */
    .page3 .profuilepage1 div[style*="text-align: left"] {
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
    }
}



/* 小屏适配（≤800px）- page4区块（重点调整图片+文本重叠布局） */
@media (max-width: 800px) {
    /* ========== 1. 核心容器：保留顺排逻辑，仅调整图片/文本层叠 ========== */
    .page4 {
        height: auto !important;
        min-height: unset !important;
        max-height: none !important;
        width: 100vw !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        transform: none !important;
        overflow: visible !important;
    }

    /* ========== 2. 上半区：其他行业文本区（核心调整图片+文本重叠） ========== */
    .page4 .profuilepage4 {
        padding: 4vw 3vw !important;
        margin: 0 !important;
        height: auto !important;
        width: 100% !important;
        overflow: visible !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* 文本区内层容器：添加相对定位，为图片/文本层叠提供上下文 */
    .page4 .profuilepage4 .container,
    .page4 .profuilepage4 .row,
    .page4 .profuilepage4 .col-md-12 {
        height: auto !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        position: relative !important; /* 关键：添加相对定位 */
    }

    /* ========== 重点调整：图片放大 + 定位让文本可重叠 ========== */
    .page4 .profuilepage4 .img-hzimgpage2 {
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto 0 auto !important; /* 取消图片下方默认间距 */
        position: relative !important;
        z-index: 1 !important; /* 图片层级低于文本，允许文本重叠 */
    }
    .page4 .profuilepage4 .img-hzimgpage2 img {
        max-width: 85% !important; /* 放大图片：从60%→85%，解决白边显小问题 */
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
        transform: scale(1.05) !important; /* 轻微放大，进一步抵消白边视觉差 */
        transform-origin: top center !important;
    }

    /* ========== 核心：文本向上偏移，侵占图片空间（参考page3逻辑） ========== */
    .page4 .profuilepage4 p.le {
        margin: -12vw 0 0 0 !important; /* 向上偏移12vw，侵占图片空间（核心调整） */
        padding: 0 2vw !important;
        font-size: calc(10px + 0.7vw) !important;
        line-height: 1.6 !important;
        color: rgba(0, 0, 0, 0.93) !important;
        white-space: normal !important;
        text-align: left !important;
        position: relative !important;
        z-index: 2 !important; /* 文本层级高于图片，实现重叠 */
    }

    /* ========== 3. 下半区：石化/电力/玻璃卡片区（保留原有适配） ========== */
    .page4 .cpjiejuewt {
        padding: 3vw 2vw 5vw 2vw !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        margin-top: 2vw !important; /* 文本重叠后，卡片区轻微下移，避免拥挤 */
    }

    .page4 .cpjiejuewt .container,
    .page4 .cpjiejuewt .row,
    .page4 .cpjiejuewt .col-md-12 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    .page4 .cpjiejuewt .col-md-4,
    .page4 .cpjiejuewt .col-sm-4 {
        width: 100% !important;
        float: none !important;
        margin: 0 0 4vw 0 !important;
        padding: 0 2vw !important;
    }

    .page4 .cpjiejuewt-container,
    .page4 .cpjiejuewt-container1,
    .page4 .cpjiejuewt-container2 {
        width: 100% !important;
        height: auto !important;
        padding: 3vw !important;
        box-sizing: border-box !important;
        border-radius: 5px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }

    .page4 .profuilepagefen .col-md-5,
    .page4 .profuilepagefen .col-sm-5 {
        display: none !important;
    }
    .page4 .profuilepagefen .col-md-7,
    .page4 .profuilepagefen .col-sm-7 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .page4 .titlefen {
        font-size: calc(12px + 1vw) !important;
        margin: 0 0 1vw 0 !important;
        color: #333 !important;
    }
    .page4 .custom-line {
        width: 30px !important;
        height: 2px !important;
        background-color: #2c2f34 !important;
        margin: 0 0 2vw 0 !important;
    }

    .page4 .profuilepagefen p.le {
        font-size: calc(9px + 0.6vw) !important;
        line-height: 1.5 !important;
        color: #666 !important;
        margin: 0 0 3vw 0 !important;
    }

    .page4 .button,
    .page4 .button1,
    .page4 .button2 {
        display: block !important;
        width: fit-content !important;
        padding: calc(8px + 0.5vw) calc(20px + 1vw) !important;
        margin: 0 auto !important;
        font-size: calc(10px + 0.5vw) !important;
        border: none !important;
        border-radius: 3px !important;
        background: #2c2f34 !important;
        color: #fff !important;
        cursor: pointer !important;
    }
    .page4 .button:hover,
    .page4 .button1:hover,
    .page4 .button2:hover {
        background: #00d6ec !important;
    }

    .page4 .mb-4, .page4 .mb-5, .page4 .mb-7, .page4 .custom-margin {
        margin-bottom: 0 !important;
    }
    .page4 * {
        box-sizing: border-box !important;
    }
}