/* ===== 关于我们页（子页 Banner 基础 + 第 2778 行至文件末，自 style.css 抽离） ===== */
/* 子页 Banner 基础（about / culture 共用，原 2304–2380 行） */
/* ==========================================
   关于我们 About Us 页面
   ========================================== */

/* 子页 Banner：左对齐文案、短蓝线装饰（按关于我们效果图） */
.sub-banner {
    position: relative;
    width: 100%;
    min-height: 400px;
    height: 480px;
    overflow: hidden;
}

.sub-banner-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.sub-banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: right center;
}

.sub-banner-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    color: #111;
    text-align: left;
    padding: 40px 0;
}

.sub-banner-inner {
    max-width: 1296px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.sub-banner-line {
    display: block;
    width: 48px;
    height: 4px;
    background: #0055aa;
    border-radius: 2px;
    margin-bottom: 20px;
}

.sub-banner-content h1 {
    font-size: 44px;
    font-weight: bold;
    color: #111;
    letter-spacing: 2px;
    line-height: 1.2;
    margin: 0 0 12px 0;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.8);
}

.sub-banner-en {
    font-size: 16px;
    color: #888;
    margin: 0 0 16px 0;
    font-weight: normal;
    letter-spacing: 0.5px;
}

.sub-banner-tagline {
    font-size: 16px;
    color: #444;
    margin: 0;
    letter-spacing: 1px;
    font-weight: normal;
}



/* ===== 关于我们页（自 style.css 第 2778 行至文件末抽离） ===== */
/* 公司简介：浅灰底、淡蓝圈装饰、左文右图（文字卡与右图重叠、内容区 1296px） */
.about-intro {
    position: relative;
    background: #f5f6f8;
    padding: 64px 0 100px;
    overflow: hidden;
}

/* 大圆与弧线装饰（与效果图大体贴合，仅装饰） */
.about-intro-deco {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(
            ellipse 85% 55% at 108% 38%,
            rgba(0, 85, 170, 0.07) 0%,
            transparent 58%
        ),
        radial-gradient(
            circle at 12% 55%,
            transparent 0%,
            transparent 48%,
            rgba(0, 85, 170, 0.06) 48%,
            rgba(0, 85, 170, 0.06) 50%,
            transparent 50%
        ),
        radial-gradient(
            circle at 8% 70%,
            transparent 0%,
            transparent 30%,
            rgba(0, 85, 170, 0.05) 30%,
            rgba(0, 85, 170, 0.05) 32%,
            transparent 32%
        );
    background-size: 100% 100%, 520px 520px, 700px 700px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    opacity: 0.95;
}

.about-intro .section-head {
    position: relative;
    z-index: 1;
}

.about-intro .section-en {
    color: #9ca3af;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: none;
}

.about-intro .section-cn {
    color: #0055aa;
    font-size: 30px;
}

.about-intro .section-line {
    background: #0055aa;
}

.intro-wrap {
    position: relative;
    z-index: 1;
    max-width: 1296px;
    margin: 0 auto;
    padding: 48px 40px 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0;
    min-height: 420px;
}

/* 左卡搭在右图上 */
.intro-card {
    position: relative;
    z-index: 2;
    flex: 0 0 52%;
    max-width: 680px;
    align-self: center;
    margin-right: -72px;
    padding: 40px 44px 40px 40px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(15, 45, 90, 0.1);
}

.intro-card-body p {
    font-size: 14px;
    line-height: 1.9;
    color: #4b5563;
    margin: 0;
    text-align: justify;
}

.intro-img {
    position: relative;
    z-index: 1;
    flex: 0 0 60%;
    max-width: 780px;
    border-radius: 10px 22px 10px 22px;
    overflow: hidden;
    box-shadow: 0 24px 50px rgba(30, 58, 138, 0.12);
    align-self: center;
}

.intro-img img {
    width: 100%;
    height: auto;
    display: block;
}

/* 我们的使命 - 全宽横幅（切图 images/about/img_bj.png） */
.about-mission.mission-banner {
    position: relative;
    isolation: isolate;
    min-height: 280px;
    padding: clamp(48px, 8vw, 88px) 32px clamp(56px, 9vw, 96px);
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.mission-banner-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: #124f9c;
    background-image: url("https://bucket.tzgj333.cn/gwtp/about/img_bj.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* 轻微压暗中心，保证白字在切图 LOGO/波纹上仍清晰 */
.mission-banner-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(
        ellipse 75% 85% at 50% 48%,
        rgba(4, 36, 88, 0.28) 0%,
        rgba(4, 36, 88, 0.12) 55%,
        transparent 100%
    );
}

.mission-banner-inner {
    position: relative;
    z-index: 2;
    max-width: 1000px;
    margin: 0 auto;
    text-shadow: 0 1px 12px rgba(0, 24, 64, 0.45);
}

.mission-banner-label-en {
    margin: 0 0 8px;
    font-size: 13px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 500;
}

.mission-banner-label-cn {
    margin: 0 0 20px;
    font-size: clamp(22px, 2.8vw, 30px);
    font-weight: 600;
    letter-spacing: 8px;
    color: #fff;
}

.mission-banner-line {
    display: block;
    width: 52px;
    height: 3px;
    margin: 0 auto 24px;
    border-radius: 1px;
    background: rgba(255, 255, 255, 0.92);
}

.mission-banner-title-cn {
    margin: 0 0 20px;
    font-size: clamp(22px, 3.6vw, 38px);
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 4px;
    color: #fff;
}

.mission-banner-title-en {
    margin: 0 auto;
    max-width: 720px;
    font-size: clamp(11px, 1.5vw, 13px);
    line-height: 1.55;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.94);
}

.mission-banner-title-en-line {
    display: block;
}

.mission-banner-qr {
    position: absolute;
    z-index: 3;
    right: 28px;
    bottom: 22px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0b5ed7;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
    transition: transform 0.2s ease, background 0.2s ease;
}

.mission-banner-qr:hover {
    background: #0a54c2;
    transform: scale(1.04);
}

.mission-banner-qr:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.mission-banner-qr-img {
    display: block;
    width: 26px;
    height: 26px;
    object-fit: cover;
    border-radius: 3px;
}

/* 我们的核心价值观（四卡：about 切图） */
.about-values {
    background: #fff;
    padding: 72px 0 88px;
}

.about-values .section-en {
    color: #6b7280;
    font-size: 13px;
    letter-spacing: 2px;
}

.about-values .section-cn {
    color: #0055aa;
    font-size: 30px;
}

.about-values .section-line {
    background: #0055aa;
}

.values-grid {
    max-width: 1320px;
    margin: 0 auto;
    padding: 40px 40px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.values-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    min-height: 400px;
    box-shadow: 0 16px 48px rgba(15, 45, 90, 0.12);
}

.values-card-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.45s ease;
}

.values-card-scrim {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(30, 58, 95, 0.15) 0%,
        rgba(30, 58, 95, 0.35) 38%,
        rgba(20, 40, 72, 0.88) 100%
    );
}

.values-card-scrim--deep {
    background: linear-gradient(
        180deg,
        rgba(25, 45, 75, 0.25) 0%,
        rgba(25, 45, 75, 0.45) 40%,
        rgba(15, 28, 52, 0.92) 100%
    );
}

.values-card-body {
    position: relative;
    z-index: 2;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 28px 22px 32px;
    color: #fff;
    text-align: left;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
}

.values-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 14px;
    opacity: 0.95;
}

.values-icon svg,
.values-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.values-card h3 {
    margin: 0 0 10px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 1.2;
}

.values-en {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 500;
}

.values-en--long {
    font-size: 12px;
    line-height: 1.5;
}

.values-card:hover .values-card-img {
    transform: scale(1.04);
}

/* 产品展示 */
.about-products {
    background: #f6f8fd;
    padding-bottom: 80px;
}

.ap-list {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.ap-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(30, 58, 138, 0.08);
    transition: all 0.3s ease;
}

.ap-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(30, 58, 138, 0.18);
}

.ap-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f3f6fc;
}

.ap-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ap-item h4 {
    padding: 20px 24px;
    font-size: 18px;
    color: #1e3a8a;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
}

/* 公司业务介绍（浅底卡片，与效果图标题区一致） */
.about-business {
    background: #f4f7fb;
    padding: 72px 0 80px;
}

.about-business .section-en {
    color: #6b7280;
    font-size: 13px;
    letter-spacing: 2px;
}

.about-business .section-cn {
    color: #0055aa;
    font-size: 30px;
}

.about-business .section-line {
    background: #0055aa;
}

/* 七大业务支柱：每列独立切图 img_1～img_7 + 蓝色叠层 + 白线图标（稿：顶到图标 172px、图标左右各 97px、图标下至底 348px、列间虚线） */
.business-pillars-wrap {
    margin-top: 36px;
    padding: 0;
}

.business-pillars-inner {
    width: 100%;
    display: grid;
    /* 7 列永远贴边铺满，避免超出屏幕 */
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0;
    align-items: stretch;
    margin: 0;
}

.business-pillar {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    /* 稿：单列高度 600px */
    min-height: 600px;
    border-right: 1px dashed rgba(255, 255, 255, 0.35);
}

.business-pillar:last-child {
    border-right: none;
}

.business-pillar-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
}

.business-pillar--p1 .business-pillar-bg {
    background-image:
        linear-gradient(180deg, rgba(45, 95, 165, 0.4) 0%, rgba(12, 35, 78, 0.9) 100%),
        url("https://bucket.tzgj333.cn/gwtp/about/img_1.png");
}

.business-pillar--p2 .business-pillar-bg {
    background-image:
        linear-gradient(180deg, rgba(45, 95, 165, 0.4) 0%, rgba(12, 35, 78, 0.9) 100%),
        url("https://bucket.tzgj333.cn/gwtp/about/img_2.png");
}

.business-pillar--p3 .business-pillar-bg {
    background-image:
        linear-gradient(180deg, rgba(45, 95, 165, 0.4) 0%, rgba(12, 35, 78, 0.9) 100%),
        url("https://bucket.tzgj333.cn/gwtp/about/img_3.png");
}

.business-pillar--p4 .business-pillar-bg {
    background-image:
        linear-gradient(180deg, rgba(45, 95, 165, 0.4) 0%, rgba(12, 35, 78, 0.9) 100%),
        url("https://bucket.tzgj333.cn/gwtp/about/img_4.png");
}

.business-pillar--p5 .business-pillar-bg {
    background-image:
        linear-gradient(180deg, rgba(45, 95, 165, 0.4) 0%, rgba(12, 35, 78, 0.9) 100%),
        url("https://bucket.tzgj333.cn/gwtp/about/img_5.png");
}

.business-pillar--p6 .business-pillar-bg {
    background-image:
        linear-gradient(180deg, rgba(45, 95, 165, 0.4) 0%, rgba(12, 35, 78, 0.9) 100%),
        url("https://bucket.tzgj333.cn/gwtp/about/img_6.png");
}

.business-pillar--p7 .business-pillar-bg {
    background-image:
        linear-gradient(180deg, rgba(45, 95, 165, 0.4) 0%, rgba(12, 35, 78, 0.9) 100%),
        url("https://bucket.tzgj333.cn/gwtp/about/img_7.png");
}

.business-pillar-front {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    min-height: 600px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    text-align: center;
    color: #fff;
}

.business-pillar-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.business-pillar-icon img {
    width: 44px;
    height: 44px;
    display: block;
    object-fit: contain;
    /* 使用切图原始配色（多为深蓝/灰线稿）；勿强制反色成纯白以免误判为缺图 */
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
}

.business-pillar-text {
    margin-top: 0;
    width: 100%;
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 14px;
}

.business-pillar-cn {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.35;
    white-space: nowrap;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
}

.business-pillar-en {
    margin: 0;
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: 0.35px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.95;
    /* 允许按设计稿两行显示 */
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}

.business-ops {
    margin-top: 40px;
    padding: 52px 0 56px;
    background: #f5f6f8;
}

.business-ops-grid {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 34px 36px;
    align-items: start;
}

.business-ops-card {
    grid-column: span 4;
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 18px;
    align-items: start;
}

.business-ops-card--wide {
    grid-column: span 6;
}

.business-ops-icon {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #f5f7ff 45%, #eef3ff 100%);
    border: 1px solid rgba(205, 220, 255, 0.95);
    box-shadow: 0 12px 22px rgba(17, 24, 39, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}

.business-ops-icon img {
    width: 36px;
    height: 36px;
    display: block;
    object-fit: contain;
}

.business-ops-title {
    margin: 4px 0 10px;
    font-size: 15px;
    font-weight: 800;
    color: #111827;
    line-height: 1.3;
}

.business-ops-list {
    margin: 0;
    padding-left: 18px;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.75;
}

.business-ops-list li + li {
    margin-top: 2px;
}

/* 我们的理念 · 双图卡（底图 + 底部文案叠层） */
.about-concept {
    background: #fff;
    padding: 72px 0 80px;
}

.about-concept .section-en {
    color: #6b7280;
    font-size: 13px;
    letter-spacing: 2px;
}

.about-concept .section-cn {
    color: #0055aa;
    font-size: 30px;
}

.about-concept .section-line {
    background: #0055aa;
}

.concept-row {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.concept-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(30, 58, 138, 0.1);
    background: #eef2f7;
}

.concept-card--overlay {
    min-height: 360px;
}

.concept-card--overlay > img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    display: block;
}

.concept-card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 28px 24px 32px;
    background: linear-gradient(180deg, transparent 0%, rgba(15, 30, 55, 0.15) 28%, rgba(12, 24, 48, 0.88) 100%);
    color: #fff;
    text-align: left;
}

.concept-card-overlay h3 {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 6px;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}

.concept-title-line {
    display: block;
    width: 48px;
    height: 2px;
    margin: 0 0 14px;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 1px;
}

.concept-tag-cn {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.98);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

.concept-tag-en {
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.5;
}

/* 场景展示 */
.about-scene {
    background: #fff;
    padding-bottom: 80px;
}

/* 我们的发展方针（两行交错：图 + 文案卡） */
.about-policy {
    background: #fff;
    padding-bottom: 80px;
}

.about-policy .section-en {
    color: #6b7280;
    font-size: 13px;
    letter-spacing: 2px;
}

.about-policy .section-cn {
    color: #0055aa;
    font-size: 30px;
}

.about-policy .section-line {
    background: #0055aa;
}

.policy-row {
    max-width: 1400px;
    margin: 60px auto 0;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: center;
}

.policy-media {
    position: relative;
    z-index: 1;
}

.policy-media img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
    border-radius: 16px;
    box-shadow: 0 18px 44px rgba(30, 58, 138, 0.14);
}

.policy-card {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 16px;
    padding: 28px 30px;
    box-shadow: 0 12px 34px rgba(17, 24, 39, 0.12);
}

/* 左图右卡：卡片向左叠到图上 */
.policy-row--a .policy-card {
    margin-left: -72px;
}

/* 左卡右图：图片向左叠到卡上 */
.policy-row--b .policy-media {
    margin-left: -72px;
}

.policy-card h3 {
    margin: 0 0 14px;
    color: #0055aa;
    font-size: 16px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
}

.policy-title-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    object-fit: contain;
    display: block;
}

.policy-card ul {
    margin: 0;
    padding-left: 18px;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.85;
}

.policy-card li strong {
    color: #111827;
    font-weight: 800;
}

.policy-card li + li {
    margin-top: 4px;
}

.scene-hero {
    width: 100%;
    height: 360px;
    overflow: hidden;
}

.scene-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.scene-row {
    max-width: 1400px;
    margin: 60px auto 0;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.scene-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(30, 58, 138, 0.1);
}

.scene-item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.scene-text {
    padding: 24px 28px 28px;
}

.scene-text h4 {
    font-size: 18px;
    color: #1e3a8a;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.scene-text p {
    font-size: 13px;
    color: #5a6272;
    line-height: 2;
}

/* 联系我们（关于我们页：三卡深蓝 + 网址邮箱 + 地图） */
.about-contact {
    background: #f5f7fa;
    padding-bottom: 80px;
}

.about-contact .section-head {
    padding-bottom: 40px;
}

.about-contact .section-en {
    font-family: Georgia, "Times New Roman", "Songti SC", serif;
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    color: #8ba3d4;
    letter-spacing: 0.14em;
}

.contact-primary-cards {
    max-width: 1180px;
    margin: 0 auto 40px;
    padding: 0 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.contact-primary-card {
    background: #1e3a8a;
    color: #fff;
    border-radius: 12px;
    padding: 40px 28px 36px;
    text-align: center;
    box-shadow: 0 12px 32px rgba(30, 58, 138, 0.28);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contact-primary-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(30, 58, 138, 0.35);
}

.contact-primary-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
}

.contact-primary-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.contact-primary-card h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    margin: 14px 0 12px;
    color: #fff;
}

.contact-primary-card p {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.92);
    word-break: break-word;
}

.contact-primary-card a {
    color: inherit;
    text-decoration: none;
}

.contact-primary-card a:hover {
    text-decoration: underline;
}

.contact-wrap {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: stretch;
}

.contact-extra {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-extra-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 24px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(30, 58, 138, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contact-extra-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 26px rgba(30, 58, 138, 0.12);
}

.contact-extra-card img {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    object-fit: contain;
}

.contact-extra-card h5 {
    font-size: 14px;
    color: #1e3a8a;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 6px;
}

.contact-extra-card p {
    font-size: 13px;
    color: #5a6272;
    line-height: 1.7;
}

.contact-map {
    border-radius: 10px;
    overflow: hidden;
    background: #eef2ff;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 关于我们 - 响应式 */
@media (max-width: 992px) {
    .sub-banner {
        height: 320px;
    }

    .sub-banner-content h1 {
        font-size: 28px;
        letter-spacing: 3px;
    }

    .sub-banner-content p {
        font-size: 13px;
        letter-spacing: 2px;
    }

    .intro-wrap {
        flex-direction: column;
        align-items: stretch;
        gap: 28px;
        padding: 24px 20px 0;
        min-height: 0;
    }

    .intro-card {
        flex: 1 1 auto;
        max-width: none;
        margin-right: 0;
        order: 2;
    }

    .intro-img {
        flex: 1 1 auto;
        max-width: none;
        order: 1;
        border-radius: 16px;
    }

    .mission-banner-label-cn {
        font-size: 20px;
        letter-spacing: 4px;
    }

    .mission-banner-title-cn {
        letter-spacing: 2px;
    }

    .mission-banner-qr {
        right: 14px;
        bottom: 14px;
        width: 42px;
        height: 42px;
    }

    .values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        padding: 28px 20px 0;
    }

    .values-card,
    .values-card-body {
        min-height: 320px;
    }

    .values-card h3 {
        font-size: 24px;
    }

    .ap-list,
    .concept-row,
    .policy-row,
    .scene-row,
    .contact-wrap {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 20px;
    }

    .contact-primary-cards {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 0 20px;
        margin-bottom: 28px;
    }

    .contact-primary-cards.culture-vision-cards {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-primary-card {
        padding: 32px 22px 28px;
    }

    /* 企业文化页 */
    .page-culture .sub-banner--culture-hero .sub-banner-content h1 {
        font-size: 24px;
    }

    .culture-mosaic .section-head {
        padding-left: 20px;
        padding-right: 20px;
    }

    section.culture-vision {
        min-height: 0;
        padding: 48px 0 60px;
    }

    .culture-vision-inner {
        padding: 0 20px;
    }

    .culture-values-grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-template-areas:
            "mission"
            "picTop"
            "values"
            "picLeft"
            "vision"
            "picRight";
    }

    .cv-text {
        min-height: 0;
    }

    .cv-media {
        min-height: 200px;
    }

    .cv-media img {
        min-height: 220px;
    }

    .culture-office-main {
        padding: 0 20px;
    }

    .culture-sr-stack {
        padding: 0 20px;
    }

    .culture-sr-row,
    .culture-sr-row--card-right {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .culture-sr-stack .culture-sr-row + .culture-sr-row {
        margin-top: 36px;
    }

    .culture-sr-row--card-left .culture-sr-card {
        order: 1;
    }

    .culture-sr-row--card-left .culture-sr-media {
        order: 2;
    }

    .culture-sr-row--card-right .culture-sr-media {
        order: 1;
    }

    .culture-sr-row--card-right .culture-sr-card {
        order: 2;
    }

    .culture-sr-media--single figure,
    .culture-sr-media--single img {
        min-height: 0;
    }

    .policy-row--a .policy-card,
    .policy-row--b .policy-media {
        margin-left: 0;
    }

    .business-pillars-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
    }

    .business-pillar {
        min-height: 420px;
        border-radius: 10px;
        border-right: none;
    }

    .business-pillar-front {
        min-height: 420px;
        padding: 56px 20px 20px;
    }

    .business-pillar-text {
        min-height: 0;
        flex: 1;
        padding-top: 12px;
    }

    .business-pillar-cn {
        font-size: 14px;
    }

    .business-pillar-en {
        font-size: 9px;
    }

    .business-ops-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .business-ops-card,
    .business-ops-card--wide {
        grid-column: auto;
        grid-template-columns: 64px 1fr;
        gap: 14px;
    }

    .business-ops-icon {
        width: 64px;
        height: 64px;
    }

    .concept-card--overlay > img {
        min-height: 260px;
    }

    .scene-item img {
        height: 200px;
    }

    .scene-hero {
        height: 220px;
    }

    .contact-map {
        min-height: 240px;
    }
}

@media (max-width: 560px) {
    .values-grid {
        grid-template-columns: 1fr;
    }

    /* 公司业务介绍（手机端）：按设计比例一屏一列，横向滑动 */
    .business-pillars-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding: 0 16px;
    }

    .business-pillars-inner {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: calc(100vw - 32px);
        grid-template-columns: none;
        width: max-content;
    }

    .business-pillar {
        min-height: 600px;
        border-right: 1px dashed rgba(255, 255, 255, 0.35);
        border-radius: 0;
        scroll-snap-align: start;
    }

    .business-pillar:last-child {
        border-right: none;
    }

    .business-pillar-front {
        min-height: 600px;
        padding: 120px 40px 80px;
        justify-content: flex-start;
    }

    .business-pillar-icon img {
        width: 72px;
        height: 72px;
    }

    .business-pillar-cn {
        font-size: 22px;
        letter-spacing: 0.5px;
        margin-bottom: 12px;
    }

    .business-pillar-en {
        font-size: 12px;
        line-height: 1.35;
        letter-spacing: 0.6px;
        max-width: 220px;
        margin: 0 auto;
    }
}