/* ===== banner ===== */
.product-2 .product-banner {
    position: relative;
    height: 555px;
    overflow: hidden;               /* 新增：防止图片/文字溢出 */
}
.product-2 .product-banner .product-banner-img {
    width: 100%;
    height: 100%;
}
.product-2 .product-banner img {
    display: block;                 /* 新增：消除图片底部空隙 */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.product-2 .product-banner .product-banner-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 160px 32px 28px;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0) 50%,
        transparent 100%
    );
    color: #fff;
}
.product-2 .product-banner .product-banner-text h2 {
    font-size: clamp(18px, 5vw, 72px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 3px;
    font-family: "TTCommons", Sans-serif;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    /* 单行省略 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* ===== banner END ===== */
/* =========================================================
           响应式适配（不影响 PC 端原有样式）
           ========================================================= */
/* ===== 平板端 ≤ 1024px ===== */
@media screen and (max-width: 1024px) {
    .product-2 .product-banner {
        height: auto;
        aspect-ratio: 16 / 9;       /* 保持横向比例，图片仍为横图 */
        max-height: 555px;
        min-height: 280px;
    }
    .product-2 .product-banner .product-banner-text {
        padding: 90px clamp(20px, 3vw, 32px) 24px;
        background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0.15) 55%,
            transparent 100%
        );
    }
    .product-2 .product-banner .product-banner-text h2 {
        font-size: clamp(28px, 5.5vw, 56px);
        letter-spacing: 2px;
    }
}
/* ===== 移动端 ≤ 640px ===== */
@media screen and (max-width: 640px) {
    .product-2 .product-banner {
        aspect-ratio: 16 / 9;       /* 依然是横图 */
        min-height: 0;
        max-height: none;
    }
    .product-2 .product-banner .product-banner-text {
        display: flex;              /* 文字改为底部对齐，移动端更易读 */
        align-items: flex-end;
        padding: 0 16px 18px;
        background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.65) 0%,
            rgba(0, 0, 0, 0.25) 45%,
            transparent 78%
        );
    }
    .product-2 .product-banner .product-banner-text h2 {
        width: 100%;
        min-width: 0;
        font-size: clamp(20px, 6vw, 32px);
        letter-spacing: 1px;
    }
}
/* ===== 超小屏 ≤ 360px ===== */
@media screen and (max-width: 360px) {
    .product-2 .product-banner .product-banner-text h2 {
        font-size: 18px;
        letter-spacing: 0.5px;
    }
}
/* ===== 不支持 aspect-ratio 的老浏览器降级（用 vw 撑高，同样保持横向） ===== */
@supports not (aspect-ratio: 16 / 9) {
    @media screen and (max-width: 1024px) {
        .product-2 .product-banner {
            height: 52vw;
            max-height: 555px;
            min-height: 280px;
        }
    }
    @media screen and (max-width: 640px) {
        .product-2 .product-banner {
            height: 56vw;
            min-height: 180px;
            max-height: none;
        }
    }
}

/* 产品页 */
/* ===== product展示 ===== */
.product-3 {
    margin-bottom: 60px;
}
.product-3 .product-3-ur {
    height: 80px;
    border-bottom: 2px solid #EDEDED;
}
.product-3 .product-3-ur a {
    color: #363242;
    line-height: 80px;
}
.product-3 .product-3-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 50px;
}
.product-3 .product-3-nav .product-3-list-item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px;
    color: #101010;
    font-size: 15px;
    font-weight: bold;
    border-radius: 28px;
}
.product-3 .product-3-nav .product-3-list-item a.active {
    color: #FFFFFF;
    background-color: #0099FF;
}
.product-3 .product-3-nav .product-3-list-item a:hover {
    color: #FFFFFF;
    background-color: #0099FF;
}
.product-3 .container .product-3-content ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-3 .container .product-3-content ul li {
    margin-bottom: 50px;
    width: 32%;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.35s ease;
    cursor: pointer;
    will-change: transform;
}
.product-3 .container .product-3-content ul li:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.10);
}
.product-3 .container .product-3-content ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #444444;
    font-size: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.product-3 .container .product-3-content ul li a .product-3-box {
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.product-3 .container .product-3-content ul li a .product-3-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例填充容器 */
    transition: transform 0.4s ease; /* 添加平滑过渡动画 */
    display: block;
}
.product-3 .container .product-3-content ul li a:hover {
    color: #4F89E8;
    transition: color 0.4s ease;
}
.product-3 .container .product-3-content ul li a:hover img {
    transform: scale(1.08);
}
.product-3 .container .product-3-content ul li h3 {
    padding: 20px;
    line-height: 1.2;
}

        /* =========================================================
           响应式适配（PC 端样式保持不变，仅新增媒体查询）
           - PC (>1200px)      : 3 列
           - 平板 (768~1200px) : 3 列（导航自动换行）
           - 小平板/横屏手机    : 2 列
           - 手机 (<=640px)    : 2 列
           ========================================================= */

/* 平板及小笔记本：导航项自动换行，避免挤压 */
@media (max-width: 1200px) {
    .product-3 .product-3-nav {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
        margin-top: 32px;
        margin-bottom: 40px;
    }
    .product-3 .product-3-nav .product-3-list-item a {
        width: auto;
        padding: 12px 22px;
        font-size: 14px;
    }
}
/* 小平板 / 大屏手机（含竖屏平板）：2 列 */
@media (max-width: 1024px) {
    .product-3 {
        margin-bottom: 48px;
    }
    .product-3 .product-3-ur {
        height: 60px;
    }
    .product-3 .product-3-ur a {
        line-height: 60px;
        font-size: 14px;
    }
    .product-3 .container .product-3-content ul li {
        width: 48%;          /* 每排 2 个 */
        margin-bottom: 28px;
    }
    .product-3 .container .product-3-content ul li a {
        font-size: 18px;
    }
    /* 图片区改为比例自适应，避免窄屏下被拉高 */
    .product-3 .container .product-3-content ul li a .product-3-box {
        height: auto;
        aspect-ratio: 4 / 3;
    }
    .product-3 .container .product-3-content ul li h3 {
        padding: 16px;
        line-height: 1.3;
    }
}
/* 手机端：每排 2 个 */
@media (max-width: 640px) {
    .product-3 {
        margin-bottom: 32px;
    }
    .product-3 .product-3-ur {
        height: 48px;
        border-bottom-width: 1px;
    }
    .product-3 .product-3-ur a {
        line-height: 48px;
        font-size: 12px;
    }
    .product-3 .product-3-nav {
        margin-top: 20px;
        margin-bottom: 24px;
        gap: 8px;
    }
    .product-3 .product-3-nav .product-3-list-item a {
        padding: 8px 14px;
        font-size: 12px;
        border-radius: 20px;
    }
    .product-3 .container .product-3-content ul li {
        width: 48%;          /* 每排 2 个 */
        margin-bottom: 14px;
        border-radius: 8px;
    }
    .product-3 .container .product-3-content ul li a {
        font-size: 13px;
        border-radius: 8px;
    }
    .product-3 .container .product-3-content ul li a .product-3-box {
        height: auto;
        aspect-ratio: 1 / 1;   /* 手机上用正方形，比例更协调 */
    }
    .product-3 .container .product-3-content ul li h3 {
        padding: 8px 10px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.1;
        /* 标题过长时省略，保证卡片高度一致 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* 超小屏（<=360px）：避免出现横向滚动 */
@media (max-width: 360px) {
    .container {
        width: 100%;
    }
    .product-3 .container .product-3-content ul li h3 {
        font-size: 12px;
        line-height: 1;
    }
}


.product-4 {
    margin-bottom: 60px;
}
.product-4 .product-4-content-des {
    display: flex;
    justify-content: space-between;
}
.product-4 .product-4-content-des-l {
    width: 65%;
}
/* ===== 主轮播 ===== */
.main-swiper-wrapper {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: #eef2f6;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.main-swiper {
    width: 100%;
}
.main-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    background: #eef2f6;
}
.main-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    -webkit-user-drag: none;
}
/* 主轮播导航按钮（美化） */
.main-swiper .swiper-button-next,
.main-swiper .swiper-button-prev {
    color: #0c5df3;
    background: rgba(255, 255, 255, 0.7);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    backdrop-filter: blur(4px);
    transition: background 0.25s, transform 0.2s;
}
.main-swiper .swiper-button-next:hover,
.main-swiper .swiper-button-prev:hover {
    background: rgba(255, 255, 255);
    transform: scale(1.05);
}
.main-swiper .swiper-button-next::after,
.main-swiper .swiper-button-prev::after {
    font-size: 18px;
    font-weight: 700;
}
/* 主轮播分页器（圆点） */
.main-swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.7);
    opacity: 0.8;
    transition: all 0.25s;
}
.main-swiper .swiper-pagination-bullet-active {
    background: #0c5df3;
    width: 28px;
    border-radius: 6px;
    opacity: 1;
}
/* ===== 缩略图轮播 ===== */
.thumb-swiper {
    margin-top: 20px;
    padding: 0 6px;
    position: relative;
}
.thumb-swiper .swiper-slide {
    opacity: 0.55;
    transition: opacity 0.3s, transform 0.25s, box-shadow 0.25s;
    cursor: pointer;
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #eef2f6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 3px solid transparent;
    transition: border-color 0.3s, opacity 0.3s, transform 0.25s, box-shadow 0.3s;
}
.thumb-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}
/* 缩略图悬停效果 */
.thumb-swiper .swiper-slide:hover {
    opacity: 0.85;
    transform: scale(1.02);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
}
/* 缩略图激活态（当前选中的缩略图） */
.thumb-swiper .swiper-slide-thumb-active {
    opacity: 1 !important;
    border-color: #0c5df3 !important;
    transform: scale(1.02);
    box-shadow: 0 8px 28px rgba(79, 70, 229, 0.25);
}
/* ===== 右侧产品描述 ===== */
.product-4 .product-4-content-des-r {
    width: 35%;
    padding: 20px 40px;
}
.product-4 .product-4-content-des-r h2 {
    margin-bottom: 20px;
    font-size: 36px;
    text-align: center;
    word-break: break-all;
    color: #2d2a38;
}
.product-4 .product-4-content-des-r p {
    font-size: 16px;
    color: #363242;
    word-break: break-all;
    line-height: 25px;
}
.product-4 .product-4-content-des-r ul {
    margin-top: 20px;
}
.product-4 .product-4-content-des-r ul li {
    margin-bottom: 10px;
    font-size: 18px;
    color: #363242;
    line-height: 22px;
}
.product-4 .product-4-content-des-r ul li span {
    font-weight: bold;
    color: #fd0808;
}
/* ===== 中部四列卖点 ===== */
.product-4 .product-4-content-ts {
    padding: 20px 0;
}
.product-4 .product-4-content-ts h3 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: bold;
    color: #363242;
    text-align: center;
}
.product-4 .product-4-content-ts ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-4 .product-4-content-ts ul li {
    padding: 0 40px;
    width: 25%;
    text-align: center;
    word-break: break-all;
    border-right: 1px solid #727272;
}
.product-4 .product-4-content-ts ul li:last-child {
    border-right: 0;
}
.product-4 .product-4-content-ts ul li h4 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #3c3946;
}
.product-4 .product-4-content-ts ul li p {
    font-size: 16px;
    color: #3c3946;
    line-height: 25px;
}
/* ===== 视频区 ===== */
.product-4-content-video {
    padding: 20px 60px;
    width: 100%;
    overflow: hidden;
}
.product-4-content-video iframe {
    display: block;
    width: 100%;
    height: 600px;
    border: none;
    overflow: hidden;
}
/* ===== 底部文字 ===== */
.product-4 .product-4-contenter {
    padding: 20px 60px 40px;
    border-top: 2px solid #EDEDED;
}
.product-4 .product-4-contenter p {
    font-size: 16px;
    color: #898D93;
    line-height: 34px;
    word-break: break-all;
}
/* ===== product展示 END===== */
/* ============================================================
   响应式适配：PC 端（>1200px）完全保持原样，
   以下断点仅在更小屏幕上生效
   ============================================================ */
/* ---------- 小笔记本 / 横屏平板 (≤1200px) ---------- */
@media (max-width: 1200px) {
    .product-4 .product-4-content-des-r {
        padding: 16px 24px;
    }
    .product-4 .product-4-content-des-r h2 {
        font-size: 30px;
    }
    .product-4 .product-4-content-des-r p {
        font-size: 15px;
        line-height: 24px;
    }
    .product-4 .product-4-content-des-r ul li {
        font-size: 16px;
        line-height: 22px;
    }
    .product-4 .product-4-content-ts h3 {
        margin-top: 30px;
        margin-bottom: 24px;
        font-size: 30px;
    }
    .product-4 .product-4-content-ts ul li {
        padding: 0 20px;
    }
    .product-4 .product-4-content-ts ul li h4 {
        font-size: 18px;
    }
    .product-4 .product-4-content-ts ul li p {
        font-size: 15px;
        line-height: 23px;
    }
    .product-4-content-video {
        padding: 20px 30px;
    }
    .product-4-content-video iframe {
        height: 420px;
    }
    .product-4 .product-4-contenter {
        padding: 20px 30px 30px;
    }
    .product-4 .product-4-contenter p {
        line-height: 28px;
    }
}
/* ---------- 平板竖屏 (≤1024px) ---------- */
@media (max-width: 1024px) {
    .main-swiper .swiper-slide {
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .product-4 .product-4-content-des-l {
        width: 62%;
    }
    .product-4 .product-4-content-des-r {
        width: 38%;
        padding: 12px 16px;
    }
    .product-4 .product-4-content-des-r h2 {
        font-size: 26px;
        margin-bottom: 14px;
    }
    .product-4-content-video iframe {
        height: 360px;
    }
}
/* ---------- 小平板 (≤900px)：四列卖点变 2×2 ---------- */
@media (max-width: 900px) {
    .product-4 .product-4-content-ts ul {
        flex-wrap: wrap;
    }
    .product-4 .product-4-content-ts ul li {
        width: 50%;
        padding: 0 16px 20px;
        border-right: none;
        border-bottom: 1px solid #e2e6ea;
        margin-bottom: 20px;
    }
    .product-4 .product-4-content-ts ul li:nth-child(odd) {
        border-right: 1px solid #e2e6ea;
    }
    .product-4 .product-4-content-ts ul li:nth-last-child(-n+2) {
        border-bottom: none;
        margin-bottom: 0;
    }
}
/* ---------- 手机 & 小屏平板 (≤768px)：左右改上下 ---------- */
@media (max-width: 768px) {
    .container {
        width: 100%;
        padding: 16px;
        border-radius: 20px;
    }
    .product-4 {
        margin-bottom: 40px;
    }
    /* 左右两栏 → 上下堆叠 */
    .product-4 .product-4-content-des {
        flex-direction: column;
    }
    .product-4 .product-4-content-des-l,
    .product-4 .product-4-content-des-r {
        width: 100%;
    }
    .product-4 .product-4-content-des-r {
        padding: 24px 4px 0;
    }
    .product-4 .product-4-content-des-r h2 {
        font-size: 26px;
        margin-bottom: 14px;
    }
    .product-4 .product-4-content-des-r p {
        font-size: 15px;
        line-height: 24px;
    }
    .product-4 .product-4-content-des-r ul {
        margin-top: 16px;
    }
    .product-4 .product-4-content-des-r ul li {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 8px;
    }
    /* 主轮播 */
    .main-swiper .swiper-slide {
        height: auto;
        aspect-ratio: 16 / 10;
    }
    .main-swiper .swiper-button-next,
    .main-swiper .swiper-button-prev {
        width: 36px;
        height: 36px;
    }
    .main-swiper .swiper-button-next::after,
    .main-swiper .swiper-button-prev::after {
        font-size: 14px;
    }
    /* 缩略图 */
    .thumb-swiper {
        margin-top: 14px;
    }
    .thumb-swiper .swiper-slide {
        aspect-ratio: 16 / 10;
        border-width: 2px;
        border-radius: 10px;
    }
    /* 卖点区 */
    .product-4 .product-4-content-ts {
        padding: 10px 0;
    }
    .product-4 .product-4-content-ts h3 {
        margin-top: 24px;
        margin-bottom: 20px;
        font-size: 24px;
    }
    .product-4 .product-4-content-ts ul li h4 {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .product-4 .product-4-content-ts ul li p {
        font-size: 14px;
        line-height: 22px;
    }
    /* 视频 */
    .product-4-content-video {
        padding: 16px 0;
    }
    .product-4-content-video iframe {
        height: auto;
        aspect-ratio: 16 / 9;
        min-height: 180px;
    }
    /* 底部文字 */
    .product-4 .product-4-contenter {
        padding: 20px 0 24px;
    }
    .product-4 .product-4-contenter p {
        font-size: 14px;
        line-height: 26px;
    }
}
/* ---------- 小屏手机 (≤480px)：卖点变单列 ---------- */
@media (max-width: 480px) {
    .container {
        padding: 12px;
        border-radius: 16px;
    }
    .main-swiper .swiper-slide {
        aspect-ratio: 4 / 3;
    }
    .thumb-swiper .swiper-slide {
        aspect-ratio: 4 / 3;
    }
    .product-4 .product-4-content-des-r h2 {
        font-size: 22px;
    }
    .product-4 .product-4-content-des-r p,
    .product-4 .product-4-content-des-r ul li {
        font-size: 14px;
        line-height: 22px;
    }
    .product-4 .product-4-content-ts h3 {
        font-size: 21px;
        margin-top: 18px;
        margin-bottom: 16px;
    }
    /* 卖点：1 列 */
    .product-4 .product-4-content-ts ul li,
    .product-4 .product-4-content-ts ul li:nth-child(odd),
    .product-4 .product-4-content-ts ul li:nth-last-child(-n+2) {
        width: 100%;
        padding: 0 0 16px;
        border-right: none;
        border-bottom: 1px solid #e2e6ea;
        margin-bottom: 16px;
    }
    .product-4 .product-4-content-ts ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .product-4 .product-4-contenter p {
        font-size: 13px;
        line-height: 24px;
    }
}
/* ---------- 超小屏 (≤360px) ---------- */
@media (max-width: 360px) {
    .product-4 .product-4-content-des-r h2 {
        font-size: 20px;
    }
    .product-4 .product-4-content-ts h3 {
        font-size: 19px;
    }
    .main-swiper .swiper-button-next,
    .main-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
}
/* ---------- 横屏矮屏手机：轮播不过高 ---------- */
@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {
    .main-swiper .swiper-slide {
        aspect-ratio: 21 / 9;
    }
}
/* ---------- 减少动画偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
    .wide-card,
    .thumb-swiper .swiper-slide,
    .main-swiper .swiper-button-next,
    .main-swiper .swiper-button-prev {
        transition: none;
    }
    .wide-card {
        opacity: 1;
        transform: none;
    }
}
/* ===== product展示 END===== */
/* 产品页结束 */

/* 案例页 */
/* 案例页 */
.project-2 .project-banner {
    position: relative;
    height: 600px;
}
.project-2 .project-banner .project-banner-img {
    width: 100%;
    height: 100%;
}
.project-2 .project-banner img {
    width: 100%;
    height: 100%;
}
.project-2 .project-banner .project-banner-bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0) 50%,
    transparent 100%
  );
}
.project-2 .project-banner .container .project-banner-text {
    padding-top: 150px;
    width: 40%;
}
.project-2 .project-banner .project-banner-text h2 {
    font-weight: bold;
    font-size: 40px;
    line-height: 45px;
    color: #ffffff;
}
.project-2 .project-banner .project-banner-text p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 33px;
    color: #ffffff;
}
.project-2 .project-banner .project-2-box {
    position: absolute;
    top: 500px;
    left: 0;
    width: 100%;
}
.project-2 .project-banner .project-2-box .container {
    display: flex;
    justify-content: space-between;
    height: 266px;
    padding: 42px 80px;
    background-color: #EDF4FE;
}
.project-2 .project-2-box .project-2-box-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.project-2 .project-2-box .project-2-box-item .project-2-box-item-icon {
    width: 60px;
    height: 60px;
}
.project-2 .project-2-box .project-2-box-item .project-2-box-item-icon img {
    width: 100%;
    height: 100%;
}
.project-2 .project-2-box .project-2-box-item h5 {
    font-weight: bold;
    font-size: 40px;
    color: #2C4564;
}
.project-2 .project-2-box .project-2-box-item p {
    font-weight: bold;
    font-size: 16px;
    color: #7E838E;
}

/* ================= 数字高亮动画（可选，无则不影响） ================= */
.num-highlight {
    animation: numPulse 0.3s ease;
}
@keyframes numPulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.12); }
    100% { transform: scale(1); }
}


/* =========================================================
   响应式适配
   1) ≤1280px ：小笔记本，保留 PC 版结构，仅等比缩小字号与间距
   2) ≤1024px ：平板 / 小屏平板，改为流式布局，数据栏不再压 banner
   3) ≤768px  ：手机，数据栏两列
   ========================================================= */

/* ---------- 1. 小笔记本（1280px 以下，结构不变） ---------- */
@media (max-width: 1280px) {
    .project-2 .project-banner .container .project-banner-text {
        width: 48%;
        padding-top: 130px;
    }
    .project-2 .project-banner .project-banner-text h2 {
        font-size: 34px;
        line-height: 40px;
    }
    .project-2 .project-banner .project-banner-text p {
        font-size: 18px;
        line-height: 28px;
    }
    .project-2 .project-banner .project-2-box .container {
        padding: 36px 40px;
    }
    .project-2 .project-2-box .project-2-box-item h5 {
        font-size: 34px;
    }
}

/* ---------- 2. 平板 / 小屏平板（1024px 以下，改流式） ---------- */
@media (max-width: 1024px) {

    /* banner 高度改为由内容撑开 */
    .project-2 .project-banner {
        height: auto;
        min-height: 0;
    }

    /* 背景图铺满整个 banner（含数据栏高度） */
    .project-2 .project-banner .project-banner-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    .project-2 .project-banner .project-banner-img img {
        object-fit: cover;
        object-position: center;
    }

    /* 遮罩层回归文档流，负责撑开高度 */
    .project-2 .project-banner .project-banner-bj {
        position: relative;
        height: auto;
        display: flex;
        flex-direction: column;
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0.30) 55%,
            rgba(0, 0, 0, 0.10) 100%
        );
    }

    /* 文案区：全宽自适应 */
    .project-2 .project-banner .container .project-banner-text {
        width: 100%;
        max-width: 680px;
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .project-2 .project-banner .project-banner-text h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .project-2 .project-banner .project-banner-text p {
        margin-top: 16px;
        font-size: 16px;
        line-height: 26px;
    }

    /* 关键：取消绝对定位，数据栏不再压住 banner，而是顺排在下方 */
    .project-2 .project-banner .project-2-box {
        position: static;
        top: auto;
        left: auto;
        margin-top: 300px;
        margin-bottom: 0;
        width: 100%;
    }

    /* 数据栏容器：全宽通栏 + 去掉圆角 + 自动高度 + 网格排布 */
    .project-2 .project-banner .project-2-box .container {
        width: 100%;
        max-width: none;
        height: auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px 12px;
        padding: 28px clamp(16px, 4vw, 40px) 32px;
        border-radius: 0;            /* 移动端 / 小屏平板：去掉圆角 */
        background-color: #EDF4FE;
    }
    .project-2 .project-2-box .project-2-box-item {
        justify-content: flex-start;
        gap: 10px;
        text-align: center;
    }
    .project-2 .project-2-box .project-2-box-item .project-2-box-item-icon {
        width: 48px;
        height: 48px;
    }
    .project-2 .project-2-box .project-2-box-item h5 {
        font-size: 28px;
        line-height: 1.1;
    }
    .project-2 .project-2-box .project-2-box-item p {
        font-size: 13px;
        line-height: 18px;
    }
}

/* ---------- 3. 手机（768px 以下） ---------- */
@media (max-width: 768px) {
    .project-2 .project-banner .container .project-banner-text {
        padding-top: 56px;
        padding-bottom: 32px;
    }
    .project-2 .project-banner .project-banner-text h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .project-2 .project-banner .project-banner-text p {
        margin-top: 14px;
        font-size: 15px;
        line-height: 24px;
    }

    /* 数据栏：两列两行 */
    .project-2 .project-banner .project-2-box .container {
        grid-template-columns: repeat(2, 1fr);
        gap: 26px 12px;
        padding: 26px 16px 30px;
        border-radius: 0;
    }
    .project-2 .project-2-box .project-2-box-item .project-2-box-item-icon {
        width: 42px;
        height: 42px;
    }
    .project-2 .project-2-box .project-2-box-item h5 {
        font-size: 24px;
    }
    .project-2 .project-2-box .project-2-box-item p {
        font-size: 12px;
        line-height: 16px;
    }
}

/* ---------- 4. 超小屏（360px 以下）保护 ---------- */
@media (max-width: 360px) {
    .project-2 .project-banner .project-banner-text h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .project-2 .project-banner .project-banner-text p {
        font-size: 14px;
        line-height: 22px;
    }
    .project-2 .project-2-box .project-2-box-item h5 {
        font-size: 22px;
    }
}


/* 案例页 */
.project-3-1 {
    margin-top: 180px;
}
.project-3 .project-3-ur {
    height: 80px;
    border-bottom: 2px solid #EDEDED;
}
.project-3 .project-3-ur a {
    color: #363242;
    line-height: 80px;
}
.project-3 .project-3-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 50px;
}
.project-3 .project-3-nav .project-3-list-item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px;
    color: #101010;
    font-size: 15px;
    font-weight: bold;
    border-radius: 28px;
}
.project-3 .project-3-nav .project-3-list-item a.active {
    color: #FFFFFF;
    background-color: #0099FF;
}
.project-3 .project-3-nav .project-3-list-item a:hover {
    color: #FFFFFF;
    background-color: #0099FF;
}
.project-3 .container .project-3-content .project-3-list-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.project-3 .container .project-3-content .project-3-list-box li {
    margin-bottom: 50px;
    width: 32%;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transition:transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.35s ease;
    cursor: pointer;
    will-change: transform;
}
.project-3 .container .project-3-content .project-3-list-box li:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.10);
}
.project-3 .container .project-3-content .project-3-list-box li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #444444;
    font-size: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.project-3 .container .project-3-content .project-3-list-box li a .project-3-box {
    width: 100%;
    height: 255px;
    overflow: hidden;
}
.project-3 .container .project-3-content .project-3-list-box li a .project-3-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例填充容器 */
    transition: transform 0.4s ease; /* 添加平滑过渡动画 */
    display: block;
}
.project-3 .container .project-3-content .project-3-list-box li .project-3-text {
    padding: 30px 20px;
}
.project-3 .container .project-3-content .project-3-list-box li a:hover {
    color: #4F89E8;
}
.project-3 .container .project-3-content .project-3-list-box li a:hover img {
    transform: scale(1.08);
}
.project-3 .container .project-3-content .project-3-list-box li .project-3-add {
    font-size: 16px;
    line-height: 28px;
    transition: color 0.4s ease;
}
.project-3 .container .project-3-content .project-3-list-box li h3 {
    margin: 10px 0;
    font-size: 18px;
    transition: color 0.4s ease;
}
.project-3 .container .project-3-content .project-3-list-box li p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    transition: color 0.4s ease;
}
.project-3 .container .project-3-content .project-3-list-box li .project-3-add i {
    margin-right: 10px;
}
.project-3 .container .project-3-content .project-3-list-box li span {
    color: #4F89E8;
    font-size: 14px;
    transition: color 0.4s ease;
}
.project-3 .container .project-3-content .project-3-list-box li span i {
    margin-left: 10px;
}
.project-3 .container .project-3-content .project-3-list-box li a:hover .project-3-add {
    color: #F67229;  
}
.project-3 .container .project-3-content .project-3-list-box li a:hover span {
    color: #F67229;
}

/* ---------- 平板 / 小笔记本（≤1100px）：一行 2 个卡片，导航自动换行 ---------- */
@media (max-width: 1100px) {
    .project-3-1 {
    margin-top: 0;
    }
    /* 导航：允许换行，从两端对齐改为左对齐，间距用 gap 控制 */
    .project-3 .project-3-nav {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
        margin-top: 28px;
        margin-bottom: 36px;
    }
    .project-3 .project-3-nav .project-3-list-item {
        flex: 0 1 auto;
    }
    /* 卡片：3 列 -> 2 列 */
    .project-3 .container .project-3-content .project-3-list-box li {
        width: 48%;
        margin-bottom: 32px;
    }
}
/* ---------- 移动端 / 小尺寸平板竖屏（≤768px） ---------- */
@media (max-width: 768px) {
    /* 容器铺满，避免小屏出现横向滚动 */
    .container {
        width: 100%;
        padding: 0 16px;
    }
    /* 面包屑：去掉固定 80px 高度，改为上下内边距撑开 */
    .project-3 .project-3-ur {
        height: auto;
        padding: 14px 0;
        font-size: 13px;
        line-height: 1.6;
    }
    .project-3 .project-3-ur a {
        line-height: 1.6;
    }
    /* 导航：一行放不下自动换行，每行 2 个（多于 2 个时继续往下排） */
    .project-3 .project-3-nav {
        gap: 8px;
        margin-top: 20px;
        margin-bottom: 28px;
    }
    .project-3 .project-3-nav .project-3-list-item {
        flex: 1 1 calc(50% - 4px);
        min-width: 0;
    }
    .project-3 .project-3-nav .project-3-list-item a {
        padding: 12px 8px;
        font-size: 13px;
        text-align: center;
        border-radius: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* 卡片：一行 1 个 */
    .project-3 .container .project-3-content .project-3-list-box li {
        width: 100%;
        margin-bottom: 24px;
    }
    /* 图片高度适当降低，避免移动端首屏过高 */
    .project-3 .container .project-3-content .project-3-list-box li a .project-3-box {
        height: 200px;
    }
    .project-3 .container .project-3-content .project-3-list-box li .project-3-text {
        padding: 20px 16px;
    }
    .project-3 .container .project-3-content .project-3-list-box li h3 {
        font-size: 17px;
    }
    .project-3 .container .project-3-content .project-3-list-box li .project-3-add {
        font-size: 15px;
    }
}

/* ---------- 超小屏（≤360px）：进一步压缩导航内边距 ---------- */
@media (max-width: 360px) {
    .project-3 .project-3-nav .project-3-list-item a {
        padding: 10px 4px;
        font-size: 12px;
    }
    .project-3 .container .project-3-content .project-3-list-box li a .project-3-box {
        height: 170px;
    }
}
/* ---------- 触屏设备：禁用 hover 上浮，避免点击后状态“卡住” ---------- */
@media (hover: none) {
    .project-3 .container .project-3-content .project-3-list-box li:hover {
        transform: none;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    }
    .project-3 .container .project-3-content .project-3-list-box li a:hover img {
        transform: none;
    }
    /* 用按压反馈代替 hover 反馈 */
    .project-3 .container .project-3-content .project-3-list-box li:active {
        transform: scale(0.985);
    }
}
/* ---------- 大屏（≥1600px）：卡片适当放宽图片高度 ---------- */
@media (min-width: 1600px) {
    .project-3 .container .project-3-content .project-3-list-box li a .project-3-box {
        height: 300px;
    }
}

.project-4 {
    margin-top: 40px;
    margin-bottom: 60px;
}
.project-4 .project-4-title {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.project-4 .project-4-title h5 {
    font-weight: bold;
    font-size: 28px;
    color: #0B2647;
    line-height: 30px;
}
.project-4 .project-4-title a {
    font-size: 18px;
    color: #4E81C5;
    line-height: 24px;
    transition: color 0.4s ease;
}
.project-4 .project-4-title a:hover {
    color: #F67229;
}
.project-4 .project-4-title i {
    margin-left: 10px;
}
.project-4 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.project-4 .swiper-slide .swiper-slide-img {
    height: 250px;
    overflow: hidden;
}
.project-4 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease; /* 添加平滑过渡动画 */
}
.project-4 .project-4-swiper a {
    font-weight: bold;
    color: #0B2647;
    display: block;   /* 新增：保证整卡可点、文字换行正常 */
}
.project-4 .project-4-swiper a:hover {
    color: #1A66E6;
}
.project-4 .project-4-swiper a:hover img {
    transform: scale(1.08);
}
.project-4 .project-4-swiper a h4 {
    margin: 10px 5px;
}
.project-4 .project-4-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    --swiper-navigation-size: 18px;/* 设置按钮大小 */
    transform: translateY(-24px);
}
.project-4 .project-4-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    --swiper-navigation-size: 18px;/* 设置按钮大小 */
    transform: translateY(-24px);
}

/* =========================================================
           响应式适配（只写在媒体查询里，不影响上面 PC 端原样式）
           ========================================================= */

        /* ---------- 平板：768px ~ 1023px（3 列） ---------- */
@media screen and (max-width: 1023px) {
    .project-4 {
        margin-top: 30px;
        margin-bottom: 45px;
    }
    .project-4 .project-4-title {
        margin-bottom: 28px;
        align-items: center;
    }
    .project-4 .project-4-title h5 {
        font-size: 24px;
        line-height: 26px;
    }
    .project-4 .project-4-title a {
        font-size: 16px;
        line-height: 22px;
        white-space: nowrap;
    }
    .project-4 .swiper-slide {
        font-size: 16px;
    }
    .project-4 .swiper-slide .swiper-slide-img {
        height: 200px;
    }
    .project-4 .project-4-swiper a h4 {
        font-size: 16px;
        margin: 8px 4px;
    }
    .project-4 .project-4-prev,
    .project-4 .project-4-next {
        width: 36px;
        height: 36px;
        --swiper-navigation-size: 16px;
        transform: translateY(-20px);
    }
}

/* ---------- 小屏平板 / 大屏手机：480px ~ 767px（2 列） ---------- */
@media screen and (max-width: 767px) {
    .project-4 {
        margin-top: 24px;
        margin-bottom: 36px;
    }
    .project-4 .project-4-title {
        margin-bottom: 20px;
        gap: 12px;
    }
    .project-4 .project-4-title h5 {
        font-size: 20px;
        line-height: 24px;
    }
    .project-4 .project-4-title a {
        font-size: 14px;
        line-height: 20px;
    }
    .project-4 .project-4-title i {
        margin-left: 6px;
    }
    .project-4 .swiper-slide {
        font-size: 14px;
    }
    .project-4 .swiper-slide .swiper-slide-img {
        height: 180px;
    }
    .project-4 .project-4-swiper a h4 {
        font-size: 15px;
        margin: 8px 4px;
    }
    .project-4 .project-4-prev,
    .project-4 .project-4-next {
        width: 32px;
        height: 32px;
        --swiper-navigation-size: 14px;
        transform: translateY(-16px);
    }
}

/* ---------- 手机：< 480px（1.2 列，露出下一张提示可滑） ---------- */
@media screen and (max-width: 479px) {
    .project-4 {
        margin-top: 20px;
        margin-bottom: 28px;
    }
    .project-4 .project-4-title {
        margin-bottom: 16px;
        gap: 8px;
    }
    .project-4 .project-4-title h5 {
        font-size: 18px;
        line-height: 22px;
        flex: 1;
    }
    .project-4 .project-4-title a {
        font-size: 13px;
        line-height: 18px;
    }
    .project-4 .project-4-swiper a h4 {
        font-size: 14px;
        margin: 8px 2px;
        /* 移动端限制两行，防止卡片高度不一 */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .project-4 .swiper-slide .swiper-slide-img {
        height: 200px;
    }
    .project-4 .project-4-prev,
    .project-4 .project-4-next {
        width: 30px;
        height: 30px;
        --swiper-navigation-size: 12px;
        transform: translateY(-18px);
    }
}

/* ---------- 横屏手机 / 超小高度设备：防止图片区过高 ---------- */
@media screen and (max-width: 767px) and (orientation: landscape) {
    .project-4 .swiper-slide .swiper-slide-img {
        height: 150px;
    }
}


/* ================= 案例页（PC 端原有样式，保持不变） ================= */
.project-5 .project-5-boxer {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;          /* 新增：一行放不下时允许换行 */
            margin: 50px 0 70px;
        }
        .project-5 .project-5-boxer-item {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            width: 20%;
            flex: 0 0 20%;            /* 新增：PC 端严格保持 5 等分 */
            min-width: 0;             /* 新增：防止长文本撑破容器 */
            text-align: center;       /* 新增：换行后文案居中 */
            border-right: 1px solid #1C5EB2;
        }
        .project-5 .project-5-boxer-item:last-child {
            border-right: 0;
        }
        .project-5 .project-5-boxer-item .project-5-boxer-item-icon {
            width: 60px;
            height: 60px;
            background-image: url(../image/anli-icon-1.png);
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
        }
        .project-5 .project-5-boxer-item:nth-child(2) .project-5-boxer-item-icon {
            background-image: url(../image/anli-icon-2.png);
        }
        .project-5 .project-5-boxer-item:nth-child(3) .project-5-boxer-item-icon {
            background-image: url(../image/anli-icon-3.png);
        }
        .project-5 .project-5-boxer-item:nth-child(4) .project-5-boxer-item-icon {
            background-image: url(../image/anli-icon-4.png);
        }
        .project-5 .project-5-boxer-item:nth-child(5) .project-5-boxer-item-icon {
            background-image: url(../image/anli-icon-5.png);
        }
        .project-5 .project-5-boxer-item .project-5-boxer-item-icon img {
            width: 100%;
            height: 100%;
        }
        .project-5 .project-5-boxer-item h5 {
            font-weight: bold;
            font-size: 28px;
            color: #2C4564;
        }
        .project-5 .project-5-boxer-item p {
            font-weight: bold;
            font-size: 16px;
            color: #7E838E;
        }

        /* =========================================================
           平板端（≤1024px）：一行放 3 个，自动换行 + 居中
           ========================================================= */
        @media (max-width: 1024px) {
            .project-5 .project-5-boxer {
                margin: 40px 0 50px;
                gap: 32px 0;                       /* 行间距 32px，列间距 0 */
            }
            .project-5 .project-5-boxer-item {
                width: 33.3333%;
                flex: 0 0 33.3333%;
                padding: 0 10px;
                border-right: 1px solid rgba(28, 94, 178, 0.35);
            }
            /* 每行第 3 个以及最后一个取消右边框 */
            .project-5 .project-5-boxer-item:nth-child(3n),
            .project-5 .project-5-boxer-item:last-child {
                border-right: 0;
            }
            .project-5 .project-5-boxer-item h5 {
                font-size: 24px;
            }
        }

        /* =========================================================
           移动端（≤768px）：一行放 2 个，自动换行 + 居中
           ========================================================= */
        @media (max-width: 768px) {
            .project-5 .project-5-boxer {
                margin: 30px 0 40px;
                gap: 26px 0;
            }
            .project-5 .project-5-boxer-item {
                width: 50%;
                flex: 0 0 50%;
                padding: 0 8px;
                border-right: 1px solid rgba(28, 94, 178, 0.35);
            }
            /* 每行第 3 个（第二行第 1 个）保留右边框 */
            .project-5 .project-5-boxer-item:nth-child(3n) {
                border-right: 1px solid rgba(28, 94, 178, 0.35);
            }
            /* 每行第 2 个以及最后一个取消右边框 */
            .project-5 .project-5-boxer-item:nth-child(2n),
            .project-5 .project-5-boxer-item:last-child {
                border-right: 0;
            }
            .project-5 .project-5-boxer-item .project-5-boxer-item-icon {
                width: 48px;
                height: 48px;
            }
            .project-5 .project-5-boxer-item h5 {
                font-size: 20px;
                line-height: 1.3;
            }
            .project-5 .project-5-boxer-item p {
                font-size: 13px;
                line-height: 1.5;
            }
        }

        /* =========================================================
           小屏手机（≤420px）：进一步缩小字号与图标
           ========================================================= */
        @media (max-width: 420px) {
            .project-5 .project-5-boxer {
                gap: 22px 0;
            }
            .project-5 .project-5-boxer-item .project-5-boxer-item-icon {
                width: 40px;
                height: 40px;
            }
            .project-5 .project-5-boxer-item h5 {
                font-size: 16px;
            }
            .project-5 .project-5-boxer-item p {
                font-size: 12px;
            }
        }

.project-5 .project-5-content  {
            padding: 40px 0;
        }
        .project-5 .container .project-5-contenter {
            display: flex;
            justify-content: space-between;
            overflow: hidden;
        }
        .project-5 h2 {
            margin-bottom: 30px;
            padding: 0 100px;
            font-weight: bold;
            font-size: 52px;
            color: #0B2647;
            text-align: center;
        }
        .project-5 .project-5-text {
            padding: 20px 60px 0 0;
            width: 35%;
            word-break: break-all;
        }
        .project-5 .project-5-text p {
            font-size: 18px;
            color: #898D93;
            line-height: 28px;
        }
        .project-5 .project-5-text .project-5-textor {
            margin-top: 22px;
            font-weight: bold;
            font-size: 18px;
            color: #898D93;
            line-height: 28px;
        }
        .project-5 .project-5-carousel {
            width: 65%;
        }
        .project-5 .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .project-5 .project-5-prev {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #ffffff;
            --swiper-navigation-size: 18px;/* 设置按钮大小 */
        }
        .project-5 .project-5-next {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #ffffff;
            --swiper-navigation-size: 18px;/* 设置按钮大小 */
        }
        .project-5 .project-5-swiper .swiper-pagination {
            --swiper-pagination-color: #ffffff;
        }
        .video-wrap {
            margin-bottom: 40px;
            width: 100%;
        }
        .video-wrap iframe {
            width: 100%;
            height: 600px;
            border: none;
        }
        .project-5 .project-5-contents {
            margin-top: 40px;
            border-top: 2px solid #EDEDED;
        }
        .project-5 .project-5-contents-orts {
            padding: 20px 60px 40px;
            border-left: 2px solid #EDEDED;
        }
        .project-5 .project-5-contents-orts p {
            font-size: 16px;
            color: #898D93;
            line-height: 34px;
            word-break: break-all;
        }

        /* ============================================================
           ===== 响应式适配（新增，不影响 1600px 以上 PC 端原有样式）=====
           ============================================================ */

        /* 图片统一不超过容器宽度，避免移动端撑破布局 */
        img {
            max-width: 100%;
        }

        /* ---------- 小笔记本 / 大平板（≤1280px）：等比缩小尺寸 ---------- */
        @media screen and (max-width: 1280px) {
            .project-5 h2 {
                padding: 0 40px;
                font-size: 42px;
            }
            .project-5 .project-5-text {
                padding: 10px 40px 0 0;
            }
            .project-5 .project-5-contents-orts {
                padding: 20px 40px 40px;
            }
            .video-wrap iframe {
                height: 480px;
            }
        }

        /* ---------- 平板（≤992px）：左右两栏改为上下堆叠 ---------- */
        @media screen and (max-width: 992px) {
            .project-5 h2 {
                margin-bottom: 24px;
                padding: 0 10px;
                font-size: 34px;
                line-height: 1.3;
            }
            .project-5 .container .project-5-contenter {
                flex-direction: column;   /* 关键：竖排 */
            }
            .project-5 .project-5-text,
            .project-5 .project-5-carousel {
                width: 100%;              /* 关键：各占整行 */
            }
            .project-5 .project-5-text {
                padding: 0 0 30px;
            }
            .project-5 .project-5-text p,
            .project-5 .project-5-text .project-5-textor {
                font-size: 17px;
                line-height: 28px;
            }
            .video-wrap iframe {
                height: 52vw;
                min-height: 300px;
                max-height: 480px;
            }
            .project-5 .project-5-contents-orts {
                padding: 20px 20px 40px;
            }
        }

        /* ---------- 手机 / 小平板（≤768px） ---------- */
        @media screen and (max-width: 768px) {
            :root {
                --header-h: 60px;
            }
            .project-5 .project-5-content {
                padding: 24px 0;
            }
            .project-5 h2 {
                margin-bottom: 18px;
                padding: 0;
                font-size: 26px;
            }
            .project-5 .project-5-text {
                padding: 0 0 20px;
            }
            .project-5 .project-5-text p,
            .project-5 .project-5-text .project-5-textor {
                font-size: 16px;
                line-height: 26px;
            }
            .project-5 .project-5-text .project-5-textor {
                margin-top: 16px;
            }
            /* 轮播左右按钮缩小，避免遮挡图片 */
            .project-5 .project-5-prev,
            .project-5 .project-5-next {
                width: 32px;
                height: 32px;
                --swiper-navigation-size: 14px;
            }
            /* 视频：16:9 自适应，不再用固定 600px 高度 */
            .video-wrap {
                margin-bottom: 24px;
            }
            .video-wrap iframe {
                height: 56.25vw;
                min-height: 180px;
                max-height: 400px;
            }
            .project-5 .project-5-contents {
                margin-top: 24px;
            }
            .project-5 .project-5-contents-orts {
                padding: 16px 0 24px;
                border-left: none;        /* 竖排后去掉左侧竖线更整洁 */
            }
            .project-5 .project-5-contents-orts p {
                font-size: 15px;
                line-height: 28px;
            }
        }

        /* ---------- 小屏手机（≤480px） ---------- */
        @media screen and (max-width: 480px) {
            .project-5 h2 {
                font-size: 22px;
            }
            .project-5 .project-5-text p,
            .project-5 .project-5-text .project-5-textor {
                font-size: 15px;
                line-height: 24px;
            }
            .project-5 .project-5-contents-orts p {
                font-size: 14px;
                line-height: 26px;
            }
        }

        /* ---------- 横屏手机（高度很小） ---------- */
        @media screen and (max-width: 992px) and (orientation: landscape) and (max-height: 500px) {
            .video-wrap iframe {
                height: 70vh;
                min-height: 220px;
            }
        }

/* 案例页结束 */

/* ===== 公司简介页（PC 端样式保持原样） ===== */
        .company-4 .company-4-content .company-4-content-box1 {
            display: flex;
        }
        .company-4 .company-4-content .company-4-content-box1-img {
            width: 35%;
            margin-right: 40px;
            border-radius: 15px;
            overflow: hidden;
        }
        .company-4 .company-4-content .company-4-content-box1-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }
        .company-4 .company-4-content .company-4-content-box1-img:hover img {
            transform: scale(1.08);
        }
        .company-4 .company-4-content .company-4-content-box1-text {
            flex: 1;
            min-width: 0; /* 防止长文本撑破 flex 容器 */
        }
        .company-4 .company-4-content .company-4-content-box1-text span {
            font-weight: bold;
            font-size: 15px;
            color: #1F72F6;
            line-height: 24px;
        }
        .company-4 .company-4-content .company-4-content-box1-text h3 {
            font-weight: bold;
            font-size: 28px;
            color: #031933;
            line-height: 38px;
        }
        .company-4 .company-4-content .company-4-content-box1-text p {
            font-size: 14px;
            color: #788490;
            line-height: 24px;
        }
        .company-4 .company-4-content-box2 {
            margin-top: 60px;
        }
        .company-4 .company-4-content-box2 ul {
            display: flex;
            justify-content: center;
            padding: 50px 0;
            box-shadow: 2px 1px 5px 0px rgba(20,18,18,0.13);
            border-radius: 15px;
        }
        .company-4 .company-4-content-box2 ul li {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 24%;
            border-right: 1px solid rgba(28, 94, 178, .62);
        }
        .company-4 .company-4-content-box2 ul li:last-child {
            border-right: 0;
        }
        .company-4 .company-4-content-box2 ul li .company-4-content-box2-icon {
            margin-right: 17px;
            width: 70px;
            height: 70px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center center;
            flex-shrink: 0; /* 防止图标被压缩 */
        }
        .company-4 .company-4-content-box2 ul li .company-4-content-box2-text h3{
            margin-bottom: 10px;
        }

        /* =========================================================
           响应式适配（PC 端样式不受影响）
           断点：1025px 以上 = PC 原样
                768px ~ 1024px = 平板
                767px 以下 = 手机
        ========================================================= */

        /* ---------- 平板：768px ~ 1024px ---------- */
        @media screen and (max-width: 1024px) {
            .company-4 .company-4-content .company-4-content-box1-img {
                width: 42%;
                margin-right: 26px;
            }
            .company-4 .company-4-content .company-4-content-box1-text h3 {
                font-size: 24px;
                line-height: 33px;
            }
            .company-4 .company-4-content .company-4-content-box1-text p {
                line-height: 23px;
            }
            /* 数据条由「一行四个」改为「两行两列」，避免挤压 */
            .company-4 .company-4-content-box2 {
                margin-top: 44px;
            }
            .company-4 .company-4-content-box2 ul {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                padding: 10px 0;
            }
            .company-4 .company-4-content-box2 ul li {
                width: auto;
                padding: 22px 12px;
                border-right: 0;
            }
            .company-4 .company-4-content-box2 ul li:nth-child(odd) {
                border-right: 1px solid rgba(28, 94, 178, .62);
            }
            .company-4 .company-4-content-box2 ul li:nth-child(-n+2) {
                border-bottom: 1px solid rgba(28, 94, 178, .62);
            }
            .company-4 .company-4-content-box2 ul li .company-4-content-box2-icon {
                width: 56px;
                height: 56px;
                margin-right: 14px;
            }
            .company-4 .company-4-content-box2 ul li .company-4-content-box2-text h3 {
                font-size: 20px;
                margin-bottom: 6px;
            }
            .company-4 .company-4-content-box2 ul li .company-4-content-box2-text p {
                font-size: 13px;
            }
        }

        /* ---------- 手机：767px 以下 ---------- */
        @media screen and (max-width: 767px) {
            .company-4 .container {
                width: 100%;
                padding: 0 16px;
            }
            /* 图文改为上下排列 */
            .company-4 .company-4-content .company-4-content-box1 {
                flex-direction: column;
            }
            .company-4 .company-4-content .company-4-content-box1-img {
                width: 100%;
                height: 230px;
                margin-right: 0;
                margin-bottom: 20px;
            }
            .company-4 .company-4-content .company-4-content-box1-text span {
                font-size: 14px;
                line-height: 22px;
            }
            .company-4 .company-4-content .company-4-content-box1-text h3 {
                font-size: 22px;
                line-height: 30px;
                margin-bottom: 8px;
            }
            .company-4 .company-4-content .company-4-content-box1-text p {
                font-size: 13px;
                line-height: 22px;
            }
            .company-4 .company-4-content-box2 {
                margin-top: 32px;
            }
            .company-4 .company-4-content-box2 ul li {
                padding: 18px 8px;
            }
            .company-4 .company-4-content-box2 ul li .company-4-content-box2-icon {
                width: 46px;
                height: 46px;
                margin-right: 10px;
            }
            .company-4 .company-4-content-box2 ul li .company-4-content-box2-text h3 {
                font-size: 17px;
                margin-bottom: 4px;
            }
            .company-4 .company-4-content-box2 ul li .company-4-content-box2-text p {
                font-size: 12px;
                line-height: 18px;
            }
        }

        /* ---------- 小屏手机：480px 以下 ---------- */
        @media screen and (max-width: 480px) {
            .company-4 .company-4-content .company-4-content-box1-img {
                height: 190px;
            }
            .company-4 .company-4-content-box2 ul li {
                flex-direction: column;
                text-align: center;
                padding: 16px 6px;
            }
            .company-4 .company-4-content-box2 ul li .company-4-content-box2-icon {
                margin-right: 0;
                margin-bottom: 8px;
            }
            .company-4 .company-4-content-box2 ul li .company-4-content-box2-text h3 {
                font-size: 16px;
            }
        }
        
.company-5 {
            margin-top: 90px;
        }
        .company-5 .company-5-content {
            display: flex;
            justify-content: space-between;
        }
        .company-5 .company-5-content .company-5-content-l {
            width: 30%;
        }
        .company-5 .company-5-content .company-5-content-l h4 {
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 20px;
            color: #1C5FB3;
        }
        .company-5 .company-5-content .company-5-content-l p {
            margin-bottom: 25px;
            font-size: 17px;
            color: #6D6D6D;
            line-height: 22px;
        }
        .company-5 .company-5-content .company-5-content-l .company-5-content-img {
            width: 100%;
            height: 300px;
            overflow: hidden;
            border-radius: 15px;
        }
        .company-5 .company-5-content .company-5-content-l img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .company-5 .company-5-content .company-5-content-l img:hover {
            transform: scale(1.1);
        }
        .company-5 .company-5-content .company-5-content-text {
            flex: 1;
            padding-left: 40px;
            overflow-wrap: break-word;
            word-break: normal;
        }
        .company-5 .company-5-content .company-5-content-text p {
            font-size: 14px;
            color: #788490;
            line-height: 24px;
        }

        /* ===================================================================
           ===== 响应式适配（不修改上述 PC 端样式，仅在各断点内覆盖） =====
           =================================================================== */

        /* ---------- ① 小笔记本 / 大平板横向（≤1280px）：缩小间距，仍为左右布局 ---------- */
        @media (max-width: 1280px) {
            .company-5 .company-5-content .company-5-content-l {
                width: 32%;
            }
            .company-5 .company-5-content .company-5-content-text {
                padding-left: 32px;
            }
            .company-5 .company-5-content .company-5-content-l h4 {
                font-size: 18px;
            }
            .company-5 .company-5-content .company-5-content-l p {
                font-size: 16px;
            }
        }

        /* ---------- ② 平板 / 竖屏（≤1024px）：改为上下堆叠，图片变为宽幅 ---------- */
        @media (max-width: 1024px) {
            :root {
                --header-h: 64px;
            }

            .company-5 {
                margin-top: 60px;
            }
            .company-5 .company-5-content {
                flex-direction: column;
            }
            .company-5 .company-5-content .company-5-content-l {
                width: 100%;
            }
            .company-5 .company-5-content .company-5-content-l h4 {
                font-size: 19px;
            }
            .company-5 .company-5-content .company-5-content-l p {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 22px;
            }
            /* 图片由竖高改为宽幅，避免占满一屏 */
            .company-5 .company-5-content .company-5-content-l .company-5-content-img {
                height: 280px;
            }
            /* 正文区取消左内边距，改为上间距 */
            .company-5 .company-5-content .company-5-content-text {
                padding-left: 0;
                margin-top: 32px;
            }
            .company-5 .company-5-content .company-5-content-text p {
                font-size: 15px;
                line-height: 26px;
            }
            /* 段落之间增加呼吸感（仅平板及以下生效） */
            .company-5 .company-5-content .company-5-content-text p + p {
                margin-top: 14px;
            }
        }

        /* ---------- ③ 手机横屏 / 大屏手机（≤768px） ---------- */
        @media (max-width: 768px) {
            .container {
                width: 100%;
                padding: 0 16px;
            }

            .company-5 {
                margin-top: 40px;
            }

            .company-5 .company-5-content .company-5-content-l h4 {
                font-size: 17px;
                margin-bottom: 8px;
            }
            .company-5 .company-5-content .company-5-content-l p {
                font-size: 15px;
                line-height: 22px;
                margin-bottom: 20px;
            }
            .company-5 .company-5-content .company-5-content-l .company-5-content-img {
                height: 210px;
                border-radius: 12px;
            }
            /* 触屏设备关闭 hover 缩放，避免点击后图片被放大卡住 */
            .company-5 .company-5-content .company-5-content-l img:hover {
                transform: none;
            }

            .company-5 .company-5-content .company-5-content-text {
                margin-top: 24px;
            }
            .company-5 .company-5-content .company-5-content-text p {
                font-size: 14px;
                line-height: 24px;
            }
        }

        /* ---------- ④ 小屏手机（≤480px） ---------- */
        @media (max-width: 480px) {
            .company-5 {
                margin-top: 30px;
            }

            .company-5 .company-5-content .company-5-content-l h4 {
                font-size: 16px;
            }
            .company-5 .company-5-content .company-5-content-l p {
                font-size: 14px;
                line-height: 21px;
                margin-bottom: 18px;
            }
            .company-5 .company-5-content .company-5-content-l .company-5-content-img {
                height: 170px;
                border-radius: 10px;
            }

            .company-5 .company-5-content .company-5-content-text {
                margin-top: 20px;
            }
            .company-5 .company-5-content .company-5-content-text p {
                font-size: 13.5px;
                line-height: 23px;
            }
            .company-5 .company-5-content .company-5-content-text p + p {
                margin-top: 12px;
            }
        }

        /* ---------- ⑤ 超小屏 / 折叠屏外屏（≤360px） ---------- */
        @media (max-width: 360px) {
            .container {
                padding: 0 12px;
            }
            .company-5 .company-5-content .company-5-content-l h4 {
                font-size: 15px;
            }
            .company-5 .company-5-content .company-5-content-l p {
                font-size: 13px;
            }
            .company-5 .company-5-content .company-5-content-text p {
                font-size: 13px;
                line-height: 22px;
            }
        }

        /* ---------- ⑥ 平板横屏 / 大屏微调（高度不足时减少顶部留白） ---------- */
        @media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
            .company-5 {
                margin-top: 40px;
            }
            .company-5 .company-5-content .company-5-content-l .company-5-content-img {
                height: 240px;
            }
        }
        
.company-6 {
    margin-top: 90px;
}
.company-6 h3 {
    font-weight: bold;
    font-size: 20px;
    color: #0875FF;
    line-height: 30px;
}
.company-6 h4 {
    font-weight: bold;
    font-size: 30px;
    color: #00073D;
    line-height: 40px;
}
.company-6 .company-6-content ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    box-shadow: 2px 1px 5px 0px rgba(20,18,18,0.13);
    border-radius: 20px;
    transition: transform 0.5s ease;
}
.company-6 .company-6-content ul li:hover {
    transform: translateY(-6px);
}
.company-6 .company-6-content {
    margin-top: 40px;
}
.company-6 .company-6-content .company-6-content-l {
    width: 25%;
    text-align: center;
    border-right: 1px solid #a7b9ce;
}
.company-6 .company-6-content .company-6-content-l .company-6-content-icon {
    margin-bottom: 10px;
    color: #F67229;
    font-size: 40px;
}
.company-6 .company-6-content .company-6-content-l h5 {
    font-weight: bold;
    font-size: 26px;
    color: #F67229;
}
.company-6 .company-6-content .company-6-content-r {
    flex: 1;
    padding: 20px 40px;
}

/* =======================================================
   ==========  以下为响应式适配（PC 端样式保持不变）========
   ======================================================= */

/* ---------- 平板 / 小笔记本：≤1024px ---------- */
@media screen and (max-width: 1024px) {
    .company-6 {
        margin-top: 70px;
    }
    .company-6 h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .company-6 h4 {
        font-size: 26px;
        line-height: 36px;
    }
    .company-6 .company-6-content {
        margin-top: 32px;
    }
    .company-6 .company-6-content ul li {
        margin-bottom: 24px;
    }
    .company-6 .company-6-content .company-6-content-l {
        width: 28%;
        padding: 0 12px;
    }
    .company-6 .company-6-content .company-6-content-l .company-6-content-icon {
        font-size: 34px;
        margin-bottom: 8px;
    }
    .company-6 .company-6-content .company-6-content-l h5 {
        font-size: 22px;
        line-height: 30px;
    }
    .company-6 .company-6-content .company-6-content-r {
        padding: 20px 28px;
        font-size: 15px;
        line-height: 1.7;
    }
}

/* ---------- 手机 / 竖屏平板：≤768px ---------- */
@media screen and (max-width: 768px) {
    .company-6 {
        margin-top: 48px;
    }
    .company-6 h3 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }
    .company-6 h4 {
        font-size: 22px;
        line-height: 32px;
    }
    .company-6 .company-6-content {
        margin-top: 24px;
    }

    /* 横向两栏 → 纵向堆叠 */
    .company-6 .company-6-content ul li {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 20px;
        border-radius: 16px;
    }
    /* 触屏设备关闭上浮，避免误触跳动 */
    .company-6 .company-6-content ul li:hover {
        transform: none;
    }

    /* 左侧标题区变成整行通栏 */
    .company-6 .company-6-content .company-6-content-l {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 20px;
        border-right: none;
        border-bottom: 1px solid #a7b9ce;
    }
    .company-6 .company-6-content .company-6-content-l .company-6-content-icon {
        font-size: 26px;
        line-height: 1;
        margin-bottom: 0;
    }
    /* 空图标容器不再占位，保证标题居中 */
    .company-6 .company-6-content .company-6-content-l .company-6-content-icon:empty {
        display: none;
    }
    .company-6 .company-6-content .company-6-content-l h5 {
        font-size: 19px;
        line-height: 26px;
    }

    /* 右侧正文 */
    .company-6 .company-6-content .company-6-content-r {
        padding: 16px 20px;
        font-size: 14px;
        line-height: 1.75;
        text-align: left;
        word-break: break-word;
    }
}

/* ---------- 小屏手机：≤480px ---------- */
@media screen and (max-width: 480px) {
    .company-6 {
        margin-top: 36px;
    }
    .company-6 h3 {
        font-size: 14px;
        line-height: 22px;
    }
    .company-6 h4 {
        font-size: 19px;
        line-height: 28px;
    }
    .company-6 .company-6-content {
        margin-top: 20px;
    }
    .company-6 .company-6-content ul li {
        margin-bottom: 16px;
        border-radius: 14px;
    }
    .company-6 .company-6-content .company-6-content-l {
        padding: 14px 16px;
        gap: 8px;
    }
    .company-6 .company-6-content .company-6-content-l .company-6-content-icon {
        font-size: 22px;
    }
    .company-6 .company-6-content .company-6-content-l h5 {
        font-size: 17px;
        line-height: 24px;
    }
    .company-6 .company-6-content .company-6-content-r {
        padding: 14px 16px;
        font-size: 14px;
        line-height: 1.7;
    }
}

/* ---------- 无障碍：用户开启“减少动态效果” ---------- */
@media (prefers-reduced-motion: reduce) {
    .company-6 .company-6-content ul li {
        transition: none;
    }
}

/* ============================================================
           公司简介页 —— PC 端原样保留
           ============================================================ */
        .company-7 {
            margin-top: 90px;
        }
        .company-7 h3 {
            font-weight: bold;
            font-size: 20px;
            color: #0875FF;
            line-height: 30px;
        }
        .company-7 h4 {
            font-weight: bold;
            font-size: 30px;
            color: #00073D;
            line-height: 40px;
        }
        .company-7-content {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
        }
        .company-7-content .company-7-content-text {
            width: 40%;
        }
        .company-7-content .company-7-content-text p {
            font-size: 14px;
            color: #788490;
            line-height: 19px;
        }
        .company-7-content .company-7-content-text ul {
            margin-top: 15px;
        }
        .company-7-content .company-7-content-text ul li {
            margin-bottom: 10px;
            font-size: 14px;
            color: #788490;
            line-height: 24px;
        }
        .company-7-content .company-7-content-box {
            width: 60%;
        }
        .company-7 .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .company-7 .swiper-slide .swiper-slide-img {
            height: 250px;
            overflow: hidden;
            width: 100%;
        }
        .company-7 .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease; /* 添加平滑过渡动画 */
        }
        .company-7 .company-7-swiper a {
            font-weight: bold;
            color: #0B2647;
            display: block;
            width: 100%;
        }
        .company-7 .company-7-swiper a:hover {
            color: #1A66E6;
        }
        .company-7 .company-7-swiper a:hover img {
            transform: scale(1.08);
        }
        .company-7 .company-7-prev {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #ffffff;
            --swiper-navigation-size: 18px;/* 设置按钮大小 */
        }
        .company-7 .company-7-next {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #ffffff;
            --swiper-navigation-size: 18px;/* 设置按钮大小 */
        }


/* 大屏笔记本（≤1440px）：仅微调上下留白 */
        @media (max-width: 1440px) {
            .company-7 {
                margin-top: 80px;
            }
        }

        /* 小屏 PC / 横屏平板（≤1200px）：文字与图区比例微调 */
        @media (max-width: 1200px) {
            .company-7-content .company-7-content-text {
                width: 46%;
            }
            .company-7-content .company-7-content-box {
                width: 52%;
            }
        }

        /* 平板竖屏（≤991px）：改为上下堆叠布局 */
        @media (max-width: 991px) {
            .company-7 {
                margin-top: 60px;
            }
            .company-7 h3 {
                font-size: 18px;
                line-height: 28px;
            }
            .company-7 h4 {
                font-size: 26px;
                line-height: 34px;
            }
            .company-7-content {
                flex-direction: column;
                gap: 28px;
                margin-top: 18px;
            }
            .company-7-content .company-7-content-text,
            .company-7-content .company-7-content-box {
                width: 100%;
            }
            .company-7 .swiper-slide .swiper-slide-img {
                height: 240px;
            }
        }

        /* 手机横屏 / 大屏手机（≤767px） */
        @media (max-width: 767px) {
            .company-7 {
                margin-top: 44px;
            }
            .company-7 h3 {
                font-size: 16px;
                line-height: 26px;
            }
            .company-7 h4 {
                font-size: 22px;
                line-height: 30px;
            }
            .company-7-content {
                margin-top: 16px;
                gap: 22px;
            }
            .company-7-content .company-7-content-text p {
                font-size: 14px;
                line-height: 22px;
            }
            .company-7-content .company-7-content-text ul {
                margin-top: 12px;
            }
            .company-7-content .company-7-content-text ul li {
                font-size: 13px;
                line-height: 21px;
                margin-bottom: 8px;
            }
            .company-7 .swiper-slide .swiper-slide-img {
                height: 200px;
            }
            /* 缩小导航按钮，避免遮挡图片 */
            .company-7 .company-7-prev,
            .company-7 .company-7-next {
                width: 32px;
                height: 32px;
                --swiper-navigation-size: 14px;
            }
        }

        /* 小屏手机（≤480px） */
        @media (max-width: 480px) {
            .company-7 {
                margin-top: 36px;
            }
            .company-7 h4 {
                font-size: 20px;
                line-height: 28px;
            }
            .company-7 .swiper-slide .swiper-slide-img {
                height: 170px;
            }
        }

        /* 触屏设备取消 hover 放大，避免误触后图片卡在放大状态 */
        @media (hover: none) {
            .company-7 .company-7-swiper a:hover img {
                transform: none;
            }
        }

.company-8 {
            margin: 90px 0;
        }
        .company-8 h3 {
            font-weight: bold;
            font-size: 20px;
            color: #0875FF;
            line-height: 30px;
        }
        .company-8 h4 {
            font-weight: bold;
            font-size: 30px;
            color: #00073D;
            line-height: 40px;
        }
        .company-7-content-box .company-8-content-box1 {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
            height: 125px;
        }
        .company-7-content-box .company-8-content-box1-l {
            width: 48%;
        }
        .company-7-content-box .company-8-content-box1-r {
            width: 48%;
        }
        .company-7-content-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block; /* 消除行内元素底部间隙 */
        }
        .company-7-content-box .company-8-content-box2 {
            height: 125px;
        }

        /* =========================================================
           响应式适配（手机 / 平板 / PC）
           说明：
           1. 以上为原有 PC 端样式，未做任何修改；
           2. 以下断点仅在屏幕宽度小于对应值时生效，
              宽度大于断点时完全走 PC 端原样式，PC 端外观不变。
           ========================================================= */

        /* ===== 小尺寸桌面 / 大屏笔记本（≤1280px） ===== */
        @media screen and (max-width: 1280px) {
            .company-8 {
                margin: 80px 0;
            }
        }

        /* ===== 平板横屏（≤1024px） ===== */
        @media screen and (max-width: 1024px) {
            :root {
                --header-h: 70px;
            }
            .company-8 {
                margin: 64px 0;
            }
            .company-8 h3 {
                font-size: 18px;
                line-height: 28px;
            }
            .company-8 h4 {
                font-size: 26px;
                line-height: 36px;
            }
            .company-7-content-box .company-8-content-box1 {
                height: 110px;
                margin-bottom: 16px;
            }
            .company-7-content-box .company-8-content-box2 {
                height: 110px;
            }
        }

        /* ===== 平板竖屏 / 大屏手机（≤768px） ===== */
        @media screen and (max-width: 768px) {
            .container {
                width: 100%;
                padding: 0 20px;
            }
            .company-8 {
                margin: 48px 0;
            }
            .company-8 h3 {
                font-size: 16px;
                line-height: 24px;
            }
            .company-8 h4 {
                font-size: 22px;
                line-height: 32px;
            }
            .company-7-content-text p {
                font-size: 14px;
                line-height: 1.7;
            }
            .company-7-content-text ul {
                margin-top: 10px;
            }
            .company-7-content-text li {
                font-size: 14px;
                line-height: 1.9;
            }
            .company-7-content-box {
                margin-top: 18px;
            }
            /* 图片区改为自适应高度，避免小屏图片被压扁 */
            .company-7-content-box .company-8-content-box1 {
                height: auto;
                margin-bottom: 12px;
            }
            .company-7-content-box .company-8-content-box1-l,
            .company-7-content-box .company-8-content-box1-r {
                height: 120px;
            }
            .company-7-content-box .company-8-content-box2 {
                height: 120px;
            }
        }

        /* ===== 手机（≤480px） ===== */
        @media screen and (max-width: 480px) {
            .container {
                padding: 0 16px;
            }
            .company-8 {
                margin: 36px 0;
            }
            .company-8 h3 {
                font-size: 15px;
                line-height: 22px;
            }
            .company-8 h4 {
                font-size: 20px;
                line-height: 28px;
            }
            .company-7-content-text p {
                font-size: 13px;
                line-height: 1.7;
            }
            .company-7-content-text li {
                font-size: 13px;
                line-height: 1.8;
            }
            .company-7-content-box .company-8-content-box1-l,
            .company-7-content-box .company-8-content-box1-r {
                height: 100px;
            }
            .company-7-content-box .company-8-content-box2 {
                height: 100px;
            }
        }

        /* ===== 无障碍：用户开启「减弱动态效果」时取消动画 ===== */
        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }
            .wide-card {
                opacity: 1 !important;
                transform: none !important;
                transition: none !important;
            }
        }
        
/* ===== 公司简介 / 资质板块 ===== */
        .company-9 {
            margin-bottom: 90px;
        }
        .company-9 h3 {
            font-weight: bold;
            font-size: 20px;
            color: #0875FF;
            line-height: 30px;
        }
        .company-9 h4 {
            font-weight: bold;
            font-size: 30px;
            color: #00073D;
            line-height: 40px;
        }
        .company-9 .company-9-content {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }
        .company-9 .company-9-content-text {
            width: 30%;
        }
        .company-9 .company-9-content-text p {
            font-size: 14px;
            color: #788490;
            line-height: 20px;
        }
        .company-9 .company-9-content-text .company-9-content-button {
            margin-top: 40px;
            width: 160px;
            height: 40px;
            border-radius: 20px;
            background: #0078FF;
            transition: background-color 0.4s ease,
                        transform 0.4s ease;
            overflow: hidden;
        }
        .company-9 .company-9-content-text .company-9-content-button a {
            display: block;
            width: 100%;
            height: 100%;
            font-weight: bold;
            font-size: 14px;
            color: #FFFFFF;
            text-align: center;
            line-height: 40px;
        }
        .company-9 .company-9-content-text .company-9-content-button:hover {
            background: #F67229;
            transform: translateY(-4px);
        }
        .company-9 .company-9-content-box {
            width: 70%;
            min-width: 0; /* 关键：允许 swiper 在 flex 容器中收缩，防止撑破布局 */
        }
        .company-9 .swiper-slide {
            text-align: center;
            font-size: 16px;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto; /* 让卡片高度自适应 */
        }
        .company-9 .swiper-slide .swiper-slide-img {
            height: 180px;
            overflow: hidden;
        }
        .company-9 .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .company-9 .company-9-swiper a {
            font-weight: bold;
            color: #0B2647;
            display: block;
            width: 100%;
        }
        .company-9 .company-9-swiper a:hover {
            color: #1A66E6;
        }
        .company-9 .company-9-swiper a:hover img {
            transform: scale(1.08);
        }
        .company-9 .company-9-swiper a h5 {
            padding: 10px;
            font-size: 16px;
            line-height: 1.4;
        }
        .company-9 .company-9-prev {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #ffffff;
            --swiper-navigation-size: 18px;
            transform: translateY(-24px);
        }
        .company-9 .company-9-next {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #ffffff;
            --swiper-navigation-size: 18px;
            transform: translateY(-24px);
        }

        /* =========================================================
           响应式适配
           ========================================================= */

        /* ---------- 大平板 / 小笔记本（≤1200px）---------- */
        @media (max-width: 1200px) {
            .company-9 .company-9-content-text {
                width: 32%;
            }
            .company-9 .company-9-content-box {
                width: 66%;
            }
            .company-9 .swiper-slide .swiper-slide-img {
                height: 165px;
            }
        }

        /* ---------- 平板（≤1024px）：文字与轮播上下排列 ---------- */
        @media (max-width: 1024px) {
            :root {
                --header-h: 70px;
            }

            .company-9 {
                margin-bottom: 70px;
            }
            .company-9 h4 {
                font-size: 26px;
                line-height: 36px;
            }
            .company-9 .company-9-content {
                flex-direction: column;
                justify-content: flex-start;
                gap: 32px;
                margin-top: 20px;
            }
            .company-9 .company-9-content-text,
            .company-9 .company-9-content-box {
                width: 100%;
            }
            .company-9 .company-9-content-text p {
                max-width: 720px;
            }
            .company-9 .company-9-content-text .company-9-content-button {
                margin-top: 24px;
            }
            .company-9 .swiper-slide .swiper-slide-img {
                height: 170px;
            }
            /* 平板端隐藏 hover 位移，改为触屏更自然 */
            .company-9 .company-9-content-text .company-9-content-button:hover {
                transform: none;
            }
        }

        /* ---------- 手机横屏 / 小平板（≤768px）---------- */
        @media (max-width: 768px) {
            .company-9 {
                margin-bottom: 50px;
            }
            .company-9 h3 {
                font-size: 16px;
                line-height: 24px;
            }
            .company-9 h4 {
                font-size: 22px;
                line-height: 30px;
            }
            .company-9 .company-9-content {
                gap: 24px;
                margin-top: 16px;
            }
            .company-9 .company-9-content-text p {
                font-size: 13px;
                line-height: 20px;
            }
            .company-9 .company-9-content-text .company-9-content-button {
                margin-top: 20px;
                width: 150px;
                height: 38px;
            }
            .company-9 .company-9-content-text .company-9-content-button a {
                line-height: 38px;
                font-size: 13px;
            }
            .company-9 .swiper-slide {
                font-size: 14px;
            }
            .company-9 .swiper-slide .swiper-slide-img {
                height: 150px;
            }
            .company-9 .company-9-swiper a h5 {
                padding: 8px 6px;
                font-size: 14px;
            }
            .company-9 .company-9-prev,
            .company-9 .company-9-next {
                width: 34px;
                height: 34px;
                --swiper-navigation-size: 14px;
                transform: translateY(-20px);
            }
        }

        /* ---------- 小屏手机（≤480px）---------- */
        @media (max-width: 480px) {
            .company-9 h4 {
                font-size: 20px;
                line-height: 28px;
            }
            .company-9 .company-9-content-text .company-9-content-button {
                width: 100%;
                max-width: 220px;
            }
            .company-9 .swiper-slide .swiper-slide-img {
                height: 130px;
            }
        }

        /* ---------- 触屏设备：取消 hover 放大，避免“粘住”效果 ---------- */
        @media (hover: none) {
            .company-9 .company-9-swiper a:hover {
                color: #0B2647;
            }
            .company-9 .company-9-swiper a:hover img {
                transform: none;
            }
        }

        /* ---------- 用户偏好减少动效 ---------- */
        @media (prefers-reduced-motion: reduce) {
            .company-9 .swiper-slide img,
            .company-9 .company-9-content-text .company-9-content-button {
                transition: none !important;
            }
        }

/* 公司简介结束 */

/* 公司新闻页开始 */
.news-4 .news-4-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.news-4 .news-4-content .news-4-content-box {
    width: 63%;
}
.news-4 .news-4-content .news-4-content-list {
    width: 32%;
    height:1300px;
    align-self: flex-start;
    position: sticky;
    top: 20px;
}
.news-4 .news-4-content .news-4-content-box>h2 {
    font-weight: bold;
    font-size: 23px;
    color: #405EA3;
    line-height: 35px;
    text-align: center;
}
.news-4 .news-4-content .news-4-content-box .news-4-time {
    margin: 20px auto;
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: #444444;
}
.news-4 .news-4-content .news-4-content-box .news-4-time span {
    font-weight: bold;
}
.news-4 .news-4-content .news-4-content-box .news-4-time h4 {
    font-weight: normal;
    margin-right: 20px;
}
.news-4 .news-4-content .news-4-content-box .news-4-contenter {
    font-family: Calibri;
    font-size: 17px;
    color: #444444;
    line-height: 20px;
}
.news-4 .news-4-content .news-4-content-box .news-4-contenter p {
    margin-bottom: 15px;
}
.news-4 .news-4-content .news-4-content-box .news-4-contenter img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 15px;
}
.news-4 .news-4-content .news-4-content-box .news-4-contenter h2 {
    font-size: 30px;
    line-height: 40px;
}
.news-4 .news-4-content .news-4-content-box .news-4-contenter h3 {
    font-size: 26px;
    line-height: 30px;
}
.news-4 .news-4-content .news-4-content-box .news-4-contenter h4 {
    font-size: 22px;
    line-height: 28px;
}
.news-4 .news-4-content .news-4-content-box .news-4-contenter h5 {
    font-size: 20px;
    line-height: 25px;
}
.news-4 .news-4-content .news-4-content-box .news-4-contenter h6 {
    font-size: 17px;
    line-height: 22px;
}
.news-4 .news-4-content .news-4-content-list {
    padding: 36px 29px;
    border-radius: 8px;
    box-shadow:
      0 1px 2px  rgba(15, 23, 42, 0.04),
      0 4px 8px  rgba(15, 23, 42, 0.04),
      0 12px 24px rgba(15, 23, 42, 0.06);
    transition:
      transform  .35s cubic-bezier(.22, 1, .36, 1),
      box-shadow .35s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
}
.news-4 .news-4-content .news-4-content-list .reading {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    font-weight: 26px;
}
.news-4 .news-4-content .news-4-content-list ul li {
    margin-bottom: 30px;
    width: 100%;
    height: 120px;
    transition: all 0.4s ease;
}

.news-4 .news-4-content .news-4-content-list ul li:hover {
    transform: translateY(-6px);
}
.news-4 .news-4-content .news-4-content-list ul li .news-thor-img:hover img {
    transform: scale(1.05);
}
.news-4 .news-4-content .news-4-content-list ul li a {
    display: flex;
    justify-content: space-between;
}
.news-4 .news-4-content .news-4-content-list ul li .news-thor-img {
    margin-right: 20px;
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.news-4 .news-4-content .news-4-content-list ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.news-4 .news-4-content .news-4-content-list ul li .news-thor-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 0;
}
.news-4 .news-4-content .news-4-content-list ul li .news-thor-text h4 {
    font-weight: 400;
    font-size: 14px;
    color: #444444;
    line-height: 22px;
    word-break: break-all;
}
.news-4 .news-4-content .news-4-content-list ul li .news-thor-text .date-times {
    font-size: 12px;
    color: #444444;
    line-height: 14px;
}
.news-4 .news-4-pig {
    margin-top: 30px;
    margin-bottom: 90px;
    font-size: 20px;
    font-weight: bold;
    color: #444444;
    line-height: 25px;
}
.news-4 .news-4-pig a {
    color: #666666;
    transition: color 0.35s ease;
}
.news-4 .news-4-pig a:hover {
    color: #F67229;
}
/* 公司新闻页结束 */

/* ============================================================
   ★ 响应式适配（新增，不影响 PC 端原有样式）
   PC 端（>1024px）：完全保持原有样式
   平板端（769px ~ 1024px）：改为上下布局 + 推荐阅读两列网格
   手机端（<=768px）：单列布局，字号与间距自适应
   ============================================================ */

/* ---------- 平板 / 小笔记本 ---------- */
@media screen and (max-width: 1024px) {
    .news-4 .news-4-content {
        flex-direction: column;
        align-items: stretch;
    }
    .news-4 .news-4-content .news-4-content-box {
        width: 100%;
    }
    .news-4 .news-4-content .news-4-content-list {
        width: 100%;
        height: auto;              /* 取消固定高度 */
        position: static;          /* 取消吸顶，避免遮挡 */
        align-self: auto;
        margin-top: 40px;
        padding: 28px 24px;
    }
    /* 推荐阅读：平板下改为两列网格 */
    .news-4 .news-4-content .news-4-content-list ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 20px;
    }
    .news-4 .news-4-content .news-4-content-list ul li {
        width: 100%;
        height: auto;
        min-height: 110px;
        margin-bottom: 0;
    }
    .news-4 .news-4-content .news-4-content-list ul li .news-thor-img {
        width: 110px;
        height: 110px;
        flex-shrink: 0;
        margin-right: 16px;
    }
    .news-4 .news-4-content .news-4-content-list ul li .news-thor-text {
        min-width: 0;              /* 防止长英文撑破布局 */
    }
    .news-4 .news-4-content .news-4-content-list .reading {
        margin-bottom: 24px;
    }
}

/* ---------- 手机 ---------- */
@media screen and (max-width: 768px) {
    .news-4 .news-4-content {
        flex-direction: column;
    }
    .news-4 .news-4-content .news-4-content-box {
        width: 100%;
    }
    /* 标题 */
    .news-4 .news-4-content .news-4-content-box > h2 {
        font-size: 19px;
        line-height: 28px;
    }
    /* 作者 / 时间：竖排居中 */
    .news-4 .news-4-content .news-4-content-box .news-4-time {
        flex-direction: column;
        align-items: center;
        gap: 6px;
        margin: 14px auto;
        font-size: 14px;
        line-height: 20px;
    }
    .news-4 .news-4-content .news-4-content-box .news-4-time h4 {
        margin-right: 0;
        margin-bottom: 0;
    }
    /* 正文 */
    .news-4 .news-4-content .news-4-content-box .news-4-contenter {
        font-size: 15px;
        line-height: 1.75;
    }
    .news-4 .news-4-content .news-4-content-box .news-4-contenter p {
        margin-bottom: 12px;
    }
    .news-4 .news-4-content .news-4-content-box .news-4-contenter h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .news-4 .news-4-content .news-4-content-box .news-4-contenter h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .news-4 .news-4-content .news-4-content-box .news-4-contenter h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .news-4 .news-4-content .news-4-content-box .news-4-contenter h5 {
        font-size: 17px;
        line-height: 24px;
    }
    .news-4 .news-4-content .news-4-content-box .news-4-contenter h6 {
        font-size: 15px;
        line-height: 22px;
    }

    /* 推荐阅读：单列 */
    .news-4 .news-4-content .news-4-content-list {
        margin-top: 30px;
        padding: 20px 16px;
        border-radius: 12px;
    }
    .news-4 .news-4-content .news-4-content-list ul {
        display: block;
    }
    .news-4 .news-4-content .news-4-content-list .reading {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .news-4 .news-4-content .news-4-content-list ul li {
        height: auto;
        min-height: 90px;
        margin-bottom: 20px;
    }
    .news-4 .news-4-content .news-4-content-list ul li:last-child {
        margin-bottom: 0;
    }
    .news-4 .news-4-content .news-4-content-list ul li .news-thor-img {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        margin-right: 14px;
    }
    .news-4 .news-4-content .news-4-content-list ul li .news-thor-text h4 {
        font-size: 13px;
        line-height: 20px;
    }

    /* 上一篇 / 下一篇 */
    .news-4 .news-4-pig {
        margin-top: 24px;
        margin-bottom: 50px;
        font-size: 15px;
        line-height: 24px;
    }
    .news-4 .news-4-pig h5 {
        margin-bottom: 10px;
    }
    .news-4 .news-4-pig h5:last-child {
        margin-bottom: 0;
    }
}

/* ---------- 小屏手机 ---------- */
@media screen and (max-width: 480px) {
    .news-4 .news-4-content .news-4-content-box > h2 {
        font-size: 17px;
        line-height: 26px;
    }
    .news-4 .news-4-content .news-4-content-box .news-4-contenter {
        font-size: 14px;
        line-height: 1.7;
    }
    .news-4 .news-4-content .news-4-content-list {
        padding: 16px 12px;
    }
    .news-4 .news-4-content .news-4-content-list ul li .news-thor-img {
        width: 84px;
        height: 84px;
        margin-right: 12px;
    }
    .news-4 .news-4-content .news-4-content-list ul li .news-thor-text h4 {
        font-size: 12px;
        line-height: 18px;
    }
    .news-4 .news-4-pig {
        font-size: 14px;
        line-height: 22px;
    }
}



/* ===== 留言表单 ===== */
/* ===== 卡片容器 ===== */
.container-13 h4 {
    margin-bottom: 20px;
    width: 157px;
    height: 47px;
    background: #FEF7EB;
    border-radius: 8px;
    line-height: 47px;
    text-align: center;
    font-size: 17px;
    color: #E64E00;
    cursor: pointer;
    transition: background-color 0.4s ease, color 0.4s ease;
}
.container-13 h4:hover {
    background: #4F89E8;
    color: #ffffff;
}
.container-13 .sy-message {
    display: flex;
    justify-content: space-between;
}
.container-13 .sy-message .symessage-l {
    width: 48%;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 40px;
    padding: 2.8rem 3rem;
    /* box-shadow:0 30px 60px -20px rgba(0, 20, 40, 0.25),inset 0 1px 1px rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease; */
}

/* ===== 标题区 ===== */
.form-header {
    width: 48%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.form-header i {
    font-size: 2rem;
    color: #2a7de1;
    background: rgba(42, 125, 225, 0.12);
    padding: 0.6rem;
    border-radius: 18px;
    box-shadow: 0 4px 8px rgba(42, 125, 225, 0.08);
}

.form-header h5 {
    font-size: 1.9rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #0b1e33;
    margin: 0;
}

.form-header p {
    font-size: 0.95rem;
    color: #5b6f87;
    margin-top: 0.15rem;
    font-weight: 400;
}

.form-header-text {
    display: flex;
    flex-direction: column;
}

/* ===== 表单网格 ===== */
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem 2rem;
}

/* 全宽字段 */
.full-width {
    grid-column: 1 / -1;
}

@media (max-width: 600px) {
    .form-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .full-width {
        grid-column: 1;
    }
}

/* ===== 字段组 ===== */
.field-group {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.field-group label {
    font-size: 0.9rem;
    font-weight: 500;
    color: #1e3349;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    letter-spacing: 0.01em;
}

.field-group label i {
    font-size: 0.85rem;
    color: #2a7de1;
    width: 1.2rem;
    text-align: center;
}

.field-group label .required {
    color: #e34f4f;
    font-weight: 600;
    margin-left: 0.1rem;
}

/* ===== 输入框 ===== */
.field-group input,
.field-group select,
.field-group textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    font-family: inherit;
    background: #ffffff;
    border: 1.5px solid #dce5ef;
    border-radius: 16px;
    outline: none;
    transition: all 0.25s ease;
    color: #0b1e33;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.field-group input:focus,
.field-group select:focus,
.field-group textarea:focus {
    border-color: #2a7de1;
    box-shadow: 0 0 0 4px rgba(42, 125, 225, 0.12);
    background: #ffffff;
}

.field-group input::placeholder,
.field-group textarea::placeholder {
    color: #a7b9ce;
    font-weight: 400;
    font-size: 0.9rem;
}

.field-group textarea {
    min-height: 120px;
    resize: vertical;
    line-height: 1.5;
}

/* ===== 文件上传 ===== */
.file-upload-wrapper {
    position: relative;
}

.file-upload-wrapper input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

.file-upload-label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.2rem;
    background: #f2f6fc;
    border: 1.5px dashed #b8cde0;
    border-radius: 16px;
    color: #2a4a6a;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.file-upload-label i {
    font-size: 1.2rem;
    color: #2a7de1;
}

.file-upload-label span {
    font-weight: 450;
    color: #3d5a78;
}

.file-upload-label .file-name {
    margin-left: auto;
    font-size: 0.85rem;
    color: #5b6f87;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}

.file-upload-wrapper:hover .file-upload-label {
    background: #eaf1fc;
    border-color: #2a7de1;
}

.file-upload-wrapper input[type="file"]:focus+.file-upload-label {
    border-color: #2a7de1;
    box-shadow: 0 0 0 4px rgba(42, 125, 225, 0.10);
}

/* ===== 辅助提示 ===== */
.helper-text {
    font-size: 0.75rem;
    color: #7b8fa8;
    margin-top: 0.15rem;
    padding-left: 0.2rem;
}

/* ===== 提交按钮 ===== */
.submit-row {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem 2.6rem;
    font-size: 1rem;
    font-weight: 600;
    font-family: inherit;
    color: #ffffff;
    background: linear-gradient(135deg, #1a6bd5, #2a7de1);
    border: none;
    border-radius: 40px;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 8px 18px -6px rgba(42, 125, 225, 0.35);
    letter-spacing: 0.01em;
}

.submit-btn i {
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.submit-btn:hover {
    background: linear-gradient(135deg, #155bc2, #1f6fd4);
    transform: translateY(-2px);
    box-shadow: 0 14px 28px -8px rgba(42, 125, 225, 0.40);
}

.submit-btn:hover i {
    transform: translateX(3px);
}

.submit-btn:active {
    transform: translateY(1px);
    box-shadow: 0 6px 12px -4px rgba(42, 125, 225, 0.30);
}

.submit-row .hint {
    font-size: 0.85rem;
    color: #6f87a0;
}

/* ===== 响应式微调 ===== */
@media (max-width: 480px) {
    .form-wrapper {
        padding: 1.5rem 1rem;
    }
    .form-header h2 {
        font-size: 1.5rem;
    }
    .submit-btn {
        width: 100%;
        justify-content: center;
        padding: 0.9rem 1.5rem;
    }
    .submit-row {
        justify-content: stretch;
    }
    .submit-row .hint {
        text-align: center;
        width: 100%;
    }
}

/* ===== 小细节 ===== */
.field-group input[type="tel"] {
    letter-spacing: 0.3px;
}

/* 去除 number 输入框的上下箭头 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.container-13 .symessage-r {
    width: 45%;
    transform: translateY(-50px);
    overflow: hidden;
}
.container-13 .symessage-r img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* ===== 留言表单 END===== */

/* ===== footer ===== */
.container-14 {
    background: #1A1A1A;
}
.container-14 .footer {
    display: flex;
    justify-content: space-between;
    padding: 92px 0 56px;
    background-image: url(../image/footer-map.png);
    background-size: 70% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.container-14 .footer h3 {
    padding-left: 22px;
    font-size: 15px;
    color: #FFFFFF;
    border-left: 2px solid #0479DB;
}
.container-14 .footer .footer-item {
    width: 23%;
}
.container-14 .footer .footer-item:last-child {
    width: 31%;
}
.container-14 .footer .footer-itemer {
    padding-left: 22px;
    border-left: 2px solid #444444;
}
.container-14 .footer .footer-itemer a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #A4A4A4;
    line-height: 27px;
    transition: color 0.4s ease;
}
.container-14 .footer .footer-itemer a:hover {
    color: #0479DB;
}
.container-14 .footer .footer-itemer li i {
    color: #ffffff;
}
.container-14 .footer .footer-itemer li span {
    margin-left: 10px;
    font-size: 14px;
    color: #A4A4A4;
    line-height: 33px;
}
.container-14 .footer .footer-itemer .socials {
    margin-top: 30px;
}
.container-14 .footer .footer-itemer .socials-item {
    display: flex;
}
.container-14 .footer .footer-itemer .socials-item a {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background-color: #000000;
}
.container-14 .footer .footer-itemer .socials-item a:hover {
    background-color: #0479DB;
    color: #ffffff;
    transition: color 0.4s ease;
}
.container-14 .container-footer {
    background: #0D0D0D;
}
.container-14 .container-footer .container {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #A4A4A4;
    line-height: 57px;
}
.container-14 .container-footer .container a {
    color: #A4A4A4;
}
.container-14 .container-footer .container a:hover {
    color: #0479DB;
    transition: color 0.4s ease;
}
/* ===== footer END===== */

/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; border: #dddddd solid 1px; margin-left: -1px; display: inline-block;}
.pager ul li a:hover {border-color: #70c4f3; background-color: #70c4f3; color: #FFF}
.pager ul .active a {border: #3ea8e2 solid 1px; display: inline-block; background-color: #3ea8e2; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px; background-color: #fff;}
.pager ul .active a:hover {color: #fff; border: #3ea8e2 solid 1px !important; background-color: #3ea8e2 !important}