/* center intro - scoped styles */

      .aboutgx-center-intro {
        --brand-red: #c40000;
        --text: #222;
        --muted: #666;
        --page-bg: #f6f6f6;
        --card-bg: #fff;
        --side-tab-width: 168px;
        --side-tab-gap: 18px;
      }

      .aboutgx-center-intro * {
        box-sizing: border-box;
      }

      .aboutgx-center-intro html, .aboutgx-center-intro body {
        height: 100%;
      }

      .aboutgx-center-intro html {
        /* 修改功能：统一 rem 基准；修改位置：index.html style -> html；修改原因：页面固定为 879px 宽居中展示，使用稳定字号避免随浏览器宽度变化导致排版偏差 */
        font-size: 16px;
      }

      .aboutgx-center-intro body {
        margin: 0;
        background: var(--page-bg);
        color: var(--text);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
      }

      .aboutgx-center-intro img {
        display: block;
        max-width: 100%;
      }

      

      

      

      

      .aboutgx-center-intro .side-tab.is-active {
        border-color: var(--brand-red);
        background: var(--brand-red);
        color: #fff;
        box-shadow: 0 0.75rem 1.8rem rgba(196, 0, 0, 0.22);
      }

      

      .aboutgx-center-intro .page {
        /* 修改功能：页面固定宽度并居中；修改位置：index.html style -> .page；修改原因：按需求将整页设置为 879px 并在浏览器中间显示 */
        margin: 0;
        min-height: 100%;
        background: #fff;
        box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.08);
      }

      .aboutgx-center-intro .tab-panel {
        display: none;
      }

      .aboutgx-center-intro .tab-panel.is-active {
        display: block;
      }

      .aboutgx-center-intro .hero {
        position: relative;
        /* 修改功能：顶部横幅高度适配 879px 版心；修改位置：index.html style -> .hero；修改原因：固定页面宽度后，原横幅高度偏大导致首屏比例失衡 */
        height: 14.5rem;
        min-height: 220px;
        background: #141217 url("/assets/center_intro_assets/media/222image1.png") center / cover no-repeat;
      }
      .aboutgx-center-intro .hero img {
        height: 300px;
      }
      .aboutgx-center-intro .ci-container {
        width: 100%;
        padding: 0 40px;
      }

      .aboutgx-center-intro .section {
        background: #fff;
      }

      .aboutgx-center-intro .intro {
        /* 修改功能：简介区留白与比例调整；修改位置：index.html style -> .intro；修改原因：879px 页面宽度下收敛上下间距，避免内容显得松散错位 */
        /* padding: 2.4rem 0 2.6rem; */
      }

      .aboutgx-center-intro .intro__grid {
        display: grid;
        /* 修改功能：简介区两列宽度重设；修改位置：index.html style -> .intro__grid；修改原因：固定 879px 宽度下避免左图过宽挤压标题与正文 */
        grid-template-columns: 32.5rem 1fr;
        gap: 1.9rem;
      }

      .aboutgx-center-intro .intro__media {
        border-radius: 0.5rem;
        overflow: hidden;
        background: #f3f3f3;
        box-shadow: 0 0.9rem 2.2rem rgba(0, 0, 0, 0.08);
        aspect-ratio: 16 / 9;
      }

      .aboutgx-center-intro .intro__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .aboutgx-center-intro .intro__title {
        margin: 0 0 1.25rem;
        font-weight: 900;
        letter-spacing: 0.02rem;
        color: var(--brand-red);
        line-height: 1.18;
        /* 修改功能：简介标题字号收敛；修改位置：index.html style -> .intro__title；修改原因：879px 固定宽度下避免标题过大导致换行不符合效果图 */
        font-size: 1.5rem;
      }

      .aboutgx-center-intro .intro__title span {
        /* display: block; */
      }

      .aboutgx-center-intro .intro__text {
        margin: 0;
        color: #333;
        /* 修改功能：简介正文排版优化；修改位置：index.html style -> .intro__text；修改原因：提升阅读密度与对齐感，更贴近效果图 */
        font-size: 0.95rem;
        line-height: 1.9;
      }

      .aboutgx-center-intro .pill-section {
        position: relative;
        /* 修改功能：核心职能/服务理念左右分栏底色；修改位置：index.html style -> .pill-section；修改原因：按效果图实现左右不同背景色与中间分割视觉 */
        background: linear-gradient(90deg, #f8eded 0 50%, #f2f2f2 50% 100%);
        /* 修改功能：为底部车队装饰条预留空间；修改位置：index.html style -> .pill-section；修改原因：避免车队图片高度过大上移遮挡标题与文案 */
        padding: 2.1rem 0 6.1rem;
        overflow: hidden;
      }

      .aboutgx-center-intro .pill-section__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.2rem;
        align-items: center;
        text-align: center;
        position: relative;
        z-index: 4;
      }

      .aboutgx-center-intro .pill__title {
        margin: 0;
        font-size: 20px;
        font-weight: 900;
        color: #111;
        position: relative;
        display: inline-block;
        padding-bottom: 0.75rem;
      }

      .aboutgx-center-intro .pill__title::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0.28rem;
        width: 2.2rem;
        height: 0.14rem;
        transform: translateX(-50%);
        background: var(--brand-red);
        border-radius: 999px;
      }

      .aboutgx-center-intro .pill__desc {
        margin: 0.45rem 0 0;
        font-size: 16px;
        color: #333;
      }

      .aboutgx-center-intro .car-strip {
        /* 修改功能：车队装饰图铺满并放大显示；修改位置：index.html style -> .car-strip；修改原因：按效果图横向铺满内容块宽度，并通过 cover 裁掉透明边避免显示过小 */
        position: absolute;
        /* 修改功能：车队图在模块中间底部且宽度拉满；修改位置：index.html style -> .car-strip；修改原因：按效果图让车队横向跨越两列，居中贴底显示 */
        left: 50%;
        right: auto;
        bottom: -10px;
        transform: translateX(-50%);
        width: 100%;
        height: 6rem;
        object-fit: cover;
        /* 修改功能：车队主体区域可见；修改位置：index.html style -> .car-strip；修改原因：源图底部与主体存在偏移，调高取景位置避免裁切到纯透明区域 */
        object-position: center 78%;
        pointer-events: none;
        z-index: 3;
      }

      .aboutgx-center-intro .services {
        /* padding: 2.4rem 0 3rem; */
      }

      .aboutgx-center-intro .section-title {
        display: grid;
        justify-items: center;
        gap: 0.55rem;
        margin: 60px 0;
      }

      .aboutgx-center-intro .section-title__text {
        margin: 0;
        font-size: 26px;
        font-weight: 900;
        color: #111;
        letter-spacing: 0.02rem;
      }

      .aboutgx-center-intro .section-title__line {
        width: 2.6rem;
        height: 0.16rem;
        border-radius: 99rem;
        background: var(--brand-red);
      }

      .aboutgx-center-intro .ci-block__title {
        margin: 0 0 0.6rem;
        font-size: 18px;
        font-weight: 700;
        color: var(--brand-red);
        letter-spacing: 0.01rem;
        position: relative;
        padding-bottom: 0.65rem;
      }

      .aboutgx-center-intro .ci-block__title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: 18rem;
        height: 2px;
        background: var(--brand-red);
        border-radius: 0;
      }

      .aboutgx-center-intro .ci-block__title--right {
        text-align: right;
      }

      .aboutgx-center-intro .ci-block__title--right::after {
        left: auto;
        right: 0;
      }

      .aboutgx-center-intro .ci-block__text {
        margin: 0;
        font-size: 14px;
        line-height: 2.5;
        letter-spacing: 4px;
        color: #222;
        text-align: justify;
        text-indent: 2em;
        /* padding-bottom: 0.9rem; */
      }

      .aboutgx-center-intro .cards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.85rem;
      }

      .aboutgx-center-intro .card {
        border-radius: 0.45rem;
        overflow: hidden;
        background: var(--card-bg);
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
      }

      .aboutgx-center-intro .card__media {
        aspect-ratio: 4 / 3;
        background: #f2f2f2;
        overflow: hidden;
      }

      .aboutgx-center-intro .card__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .aboutgx-center-intro .card__body {
        background: var(--brand-red);
        /* 修改功能：服务卡片文字区高度与内边距调整；修改位置：index.html style -> .card__body；修改原因：879px 固定宽度下减少冗余高度，保证四卡等高且更接近效果图 */
        padding: 0.85rem 0.85rem 0.95rem;
        min-height: 5.6rem;
        display: grid;
        align-content: start;
        gap: 0.55rem;
      }

      .aboutgx-center-intro .card__title {
        margin: 0;
        color: #fff;
        font-weight: 900;
        font-size: 1.05rem;
        letter-spacing: 0.01rem;
      }

      .aboutgx-center-intro .card__desc {
        margin: 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: 0.82rem;
        line-height: 1.7;
      }

      /* 修改功能：优化“公务出行”等子横幅布局；修改位置：index.html style；修改原因：按用户需求实现对称布局、标题居中，使界面更高端简洁 */
      .aboutgx-center-intro .sub-hero {
        margin: 2rem 0 1.8rem;
      }

      .aboutgx-center-intro .sub-hero__card {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 修改：由 1fr 1.2fr 改为 1fr 1fr，实现两边对称，图片宽度缩短 */
        background: #f4f5f7;
        box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.08);
        overflow: hidden;
      }

      .aboutgx-center-intro .sub-hero__title {
        display: flex;
        align-items: center;
        justify-content: center; /* 修改：内容居中显示 */
        text-align: center;
        padding: 2rem 1.5rem;
        font-size: 1.8rem; /* 略微增大字号，更显大气 */
        font-weight: 900;
        color: var(--brand-red);
        letter-spacing: 0.05em;
      }

      .aboutgx-center-intro .sub-hero__media {
        height: 200px;; /* 增加高度，使布局更舒展 */
        background: #e9ebef url("/assets/center_intro_assets/media/image3.jpg") center / cover no-repeat; /* 修改：使用更符合公务出行场景的图片 */
      }

      .aboutgx-center-intro .sub-hero__media--maintain {
        background: #e9ebef url("/assets/center_intro_assets/media/image5.jpg") center / cover no-repeat; /* 修改：更换为指定的运维服务实拍图 */
      }

      .aboutgx-center-intro .sub-hero__media--supply {
        background: #e9ebef url("/assets/center_intro_assets/media/image27.png") center / cover no-repeat; /* 修改功能：车辆供应标题右侧图片替换；修改位置：index.html style -> .sub-hero__media--supply；修改原因：按用户指定改为 image27.png */
      }

      .aboutgx-center-intro .sub-hero__media--platform {
        background: #e9ebef url("/assets/center_intro_assets/media/image58.jpg") center / cover no-repeat;
      }

      .aboutgx-center-intro .travel {
        padding: 0.6rem 0 1.2rem;
      }

      .aboutgx-center-intro .two-col {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        gap: 1.2rem;
        align-items: center;
      }

      .aboutgx-center-intro .two-col__media {
        /* border-radius: 0.5rem; */
        overflow: hidden;
        box-shadow: 0 0.45rem 1.4rem rgba(0, 0, 0, 0.08);
      }

      .aboutgx-center-intro .two-col__media img {
        width: 100%;
        height: 320px;
        object-fit: cover;
      }

      .aboutgx-center-intro .two-col__title {
        margin: 0 0 0.6rem;
        font-size: 1.2rem;
        font-weight: 800;
        color: #111;
      }

      .aboutgx-center-intro .two-col__text {
        margin: 0 0 0.9rem;
        color: #333;
        line-height: 2.8;
        font-size: 14px;
        text-indent: 2em;
      }

      .aboutgx-center-intro .contact {
        display: grid;
        gap: 0.35rem;
        color: #222;
        font-size: 0.95rem;
      }

      .aboutgx-center-intro .contact__item {
        display: grid;
        grid-template-columns: 1.2rem 1fr;
        align-items: center;
        gap: 0.35rem;
      }

      .aboutgx-center-intro .models {
        padding: 0.6rem 0 1.6rem;
      }

      .aboutgx-center-intro .models__title {
        display: grid;
        justify-items: center;
        gap: 0.45rem;
        margin: 0 0 1.2rem;
      }

      .aboutgx-center-intro .models__title h3 {
        margin: 0;
        font-size: 1.35rem;
        font-weight: 900;
      }

      .aboutgx-center-intro .models__title .line {
        width: 2.2rem;
        height: 0.16rem;
        background: var(--brand-red);
        border-radius: 99px;
      }

      .aboutgx-center-intro .models__grid {
        display: grid;
        grid-template-columns: 1.15fr 1fr;
        gap: 0.8rem;
      }

      .aboutgx-center-intro .featured-card, .aboutgx-center-intro .model-card {
        background: #fff;
        border-radius: 0.5rem;
        overflow: hidden;
        box-shadow: 0 0.45rem 1.4rem rgba(0, 0, 0, 0.08);
      }

      .aboutgx-center-intro .featured-card .img, .aboutgx-center-intro .model-card .img {
        /* aspect-ratio: 4 / 3; */
        background: #fff; /* 修改：背景由 #f0f0f0 改为白色，使带透明背景的车型图片显示更自然 */
      }

      .aboutgx-center-intro .featured-card .img img, .aboutgx-center-intro .model-card .img img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* 修改：由 cover 改为 contain，确保车型图片在容器内完整显示不被裁剪 */
        background-color: transparent; /* 背景透明以显示容器背景 */
        padding: 0.3rem; /* 新增：增加内边距，使车体在卡片中更有呼吸感，不紧贴边缘 */
      }

      .aboutgx-center-intro .featured-card .img img.is-cover {
        object-fit: cover;
        padding: 0;
      }

      .aboutgx-center-intro .featured-card .body, .aboutgx-center-intro .model-card .body {
        padding: 0.6rem 0.7rem;
        display: grid;
        gap: 0.35rem;
      }

      .aboutgx-center-intro .featured-card .title, .aboutgx-center-intro .model-card .title {
        margin: 0;
        font-weight: 800;
        font-size: 1rem;
      }

      .aboutgx-center-intro .featured-card .sub, .aboutgx-center-intro .model-card .sub {
        margin: 0;
        color: #666;
        font-size: 0.9rem;
      }

      .aboutgx-center-intro .models-small {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
      }

      /* 修改功能：新增“服务内容/驾驶员队伍/服务优势”页面段落；修改位置：index.html style 追加；修改原因：按截图顺序补齐后续页面结构与排版 */
      .aboutgx-center-intro .service-details {
        padding: 2.2rem 0 2.6rem;
      }

      .aboutgx-center-intro .service-details__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-radius: 0.6rem;
        overflow: hidden;
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
      }

      .aboutgx-center-intro .service-details__col {
        padding: 1.6rem 1.6rem 1.7rem;
        min-height: 18rem;
      }

      .aboutgx-center-intro .service-details__col--left {
        background: #f8eded;
      }

      .aboutgx-center-intro .service-details__col--right {
        background: #f3f3f3;
      }

      .aboutgx-center-intro .service-details__col-title {
        margin: 0 0 0.9rem;
        font-size: 1.25rem;
        font-weight: 900;
        text-align: center;
        color: #111;
      }

      .aboutgx-center-intro .service-details__col-title::after {
        content: "";
        display: block;
        width: 2.6rem;
        height: 0.16rem;
        margin: 0.55rem auto 0;
        border-radius: 99px;
        background: var(--brand-red);
      }

      .aboutgx-center-intro .service-details__lead {
        margin: 0 0 0.9rem;
        color: #222;
        line-height: 1.7;
      }

      .aboutgx-center-intro .service-details__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 1.2rem;
        color: #222;
        line-height: 1.7;
      }

      .aboutgx-center-intro .service-details__note {
        margin: 1.1rem 0 0;
        color: var(--brand-red);
        font-size: 14px;
        font-weight: 900;
      }

      .aboutgx-center-intro .service-details__steps {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 0.95rem;
        color: #222;
        line-height: 1.7;
      }

      .aboutgx-center-intro .service-details__steps strong {
        color: #111;
      }

      .aboutgx-center-intro .service-details__em {
        color: var(--brand-red);
        font-weight: 900;
      }

      .aboutgx-center-intro .service-details__contact {
        margin: 1.3rem 0 0;
        color: var(--brand-red);
        font-weight: 900;
      }

      .aboutgx-center-intro .driver-team {
        padding: 2.4rem 0 2.6rem;
      }

      .aboutgx-center-intro .driver-team__grid {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        gap: 1.6rem;
        align-items: center;
      }

      .aboutgx-center-intro .driver-team__media {
        border-radius: 0.6rem;
        overflow: hidden;
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
        background: #f0f0f0;
        height: 350px;
      }

      .aboutgx-center-intro .driver-team__media img {
        width: 100%;
        height: 350px;
        object-fit: cover;
      }

      .aboutgx-center-intro .driver-team__headline {
        margin: 0 0 0.55rem;
        font-size: 1.4rem;
        font-weight: 900;
        color: var(--brand-red);
      }

      .aboutgx-center-intro .driver-team__line {
        width: 13rem;
        max-width: 100%;
        height: 0.16rem;
        border-radius: 99px;
        background: var(--brand-red);
        margin: 0 0 1rem;
      }

      .aboutgx-center-intro .driver-team__text {
        margin: 0;
        color: #222;
        line-height: 1.85;
      }

      .aboutgx-center-intro .advantages {
        padding: 2.2rem 0 3.2rem;
      }

      .aboutgx-center-intro .advantages__grid {
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        gap: 1.6rem;
        align-items: center;
      }

      .aboutgx-center-intro .advantages__headline {
        margin: 0 0 0.55rem;
        font-size: 1.4rem;
        font-weight: 900;
        color: var(--brand-red);
      }

      .aboutgx-center-intro .advantages__line {
        width: 13rem;
        max-width: 100%;
        height: 0.16rem;
        border-radius: 99px;
        background: var(--brand-red);
        margin: 0 0 1rem;
      }

      .aboutgx-center-intro .advantages__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 0.95rem;
        color: #222;
        line-height: 1.8;
        font-size: 14px;
        letter-spacing: 4px;
      }

      .aboutgx-center-intro .advantages__list li {
        display: grid;
        grid-template-columns: 0.9rem 1fr;
        gap: 0.5rem;
        align-items: start;
      }

      .aboutgx-center-intro .advantages__dot {
        width: 0.38rem;
        height: 0.38rem;
        border-radius: 99px;
        background: var(--brand-red);
        margin-top: 0.55rem;
      }

      .aboutgx-center-intro .advantages__media {
        border-radius: 0.6rem;
        overflow: hidden;
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
        background: #f0f0f0;
        height: 350px;
      }

      .aboutgx-center-intro .advantages__media img {
        width: 100%;
        height: 350px;
        object-fit: cover;
      }

      .aboutgx-center-intro .maintain-content {
        /* padding: 1.6rem 0 2.6rem; */
      }

      .aboutgx-center-intro .maintain-content__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
      }

      .aboutgx-center-intro .maintain-card {
        min-height: 9.5rem;
      }

      .aboutgx-center-intro .maintain-card--text {
        display: grid;
        align-content: start;
        gap: 0.6rem;
        padding: 0.2rem 0.1rem;
        color: #222;
        line-height: 1.85;
      }

      /* 修改功能：调整“车辆运维服务-服务内容”中“烤漆房升级说明”文字位置；修改位置：index.html style -> .maintain-card--text；修改原因：按截图要求将红框文字下移到蓝框区域，避免顶部堆叠影响视觉平衡 */
      .aboutgx-center-intro .maintain-card--text.maintain-card--text-center {
        align-content: center;
        padding: 0.6rem 0.1rem;
      }

      .aboutgx-center-intro .maintain-card__title {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 900;
        color: var(--brand-red);
        letter-spacing: 0.01rem;
        position: relative;
        padding-bottom: 0.55rem;
      }

      .aboutgx-center-intro .maintain-card__title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0.15rem;
        width: 8.5rem;
        height: 0.12rem;
        background: var(--brand-red);
        border-radius: 99px;
      }

      .aboutgx-center-intro .maintain-card__title--right {
        text-align: right;
      }

      .aboutgx-center-intro .maintain-card__title--right::after {
        left: auto;
        right: 0;
      }

      .aboutgx-center-intro .maintain-card__text {
        margin: 0;
        font-size: 0.95rem;
        color: #222;
      }

      .aboutgx-center-intro .maintain-card--media {
        border-radius: 0.5rem;
        overflow: hidden;
        background: #f0f0f0;
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
      }

      .aboutgx-center-intro .maintain-card--media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .aboutgx-center-intro .maintain-benefits {
        padding: 2.8rem 0 3.1rem;
        background: #fff;
      }

      .aboutgx-center-intro .maintain-benefits__heading {
        display: grid;
        justify-items: center;
        gap: 0.55rem;
        margin: 0 0 1.6rem;
        color: #111;
        text-align: center;
      }

      .aboutgx-center-intro .maintain-benefits__heading h3 {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 1.25;
      }

      .aboutgx-center-intro .maintain-benefits__heading p {
        margin: 0;
        font-size: 1.15rem;
        font-weight: 900;
        letter-spacing: 0.01rem;
      }

      .aboutgx-center-intro .maintain-benefits__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-radius: 0.6rem;
        overflow: hidden;
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
      }

      .aboutgx-center-intro .maintain-benefit {
        padding: 1.35rem 1.45rem 1.45rem;
        display: grid;
        gap: 0.55rem;
        min-height: 8.9rem;
      }

      .aboutgx-center-intro .maintain-benefit:nth-child(4n + 1), .aboutgx-center-intro .maintain-benefit:nth-child(4n + 2) {
        background: #f8eded;
      }

      .aboutgx-center-intro .maintain-benefit:nth-child(4n + 3), .aboutgx-center-intro .maintain-benefit:nth-child(4n + 4) {
        background: #f3f3f3;
      }

      .aboutgx-center-intro .maintain-benefit__title {
        display: grid;
        grid-template-columns: 1.2rem 1fr;
        gap: 0.5rem;
        align-items: start;
        margin: 0;
        font-size: 1.05rem;
        font-weight: 900;
        color: #111;
      }

      .aboutgx-center-intro .maintain-benefit__desc {
        margin: 0;
        color: #222;
        line-height: 1.8;
        font-size: 0.92rem;
      }

      .aboutgx-center-intro .partners {
        padding: 2.2rem 0 0rem;
        background: #fff;
      }

      .aboutgx-center-intro .partners__title {
        display: grid;
        justify-items: center;
        gap: 0.55rem;
        margin: 0 0 3.5rem;
        color: #111;
      }

      .aboutgx-center-intro .partners__title h3 {
        margin: 0;
        font-size: 1.45rem;
        font-weight: 900;
      }

      .aboutgx-center-intro .partners__title .line {
        width: 2.6rem;
        height: 0.16rem;
        border-radius: 99px;
        background: var(--brand-red);
      }

      .aboutgx-center-intro .partners__media {
        border-radius: 0.6rem;
        overflow: hidden;
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
      }

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

      .aboutgx-center-intro .supply-advantages {
        padding: 2.4rem 0 3.1rem;
        background: #fff;
      }

      .aboutgx-center-intro .supply-advantages__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem 1.6rem;
        align-items: start;
      }

      .aboutgx-center-intro .supply-adv__text {
        padding: 0.4rem 0.1rem;
        color: #222;
        line-height: 1.85;
      }

      .aboutgx-center-intro .supply-adv__title {
        margin: 0 0 0.6rem;
        font-size: 1.05rem;
        font-weight: 900;
        color: var(--brand-red);
        position: relative;
        padding-bottom: 0.55rem;
      }

      .aboutgx-center-intro .supply-adv__title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0.15rem;
        width: 9.2rem;
        height: 0.12rem;
        background: var(--brand-red);
        border-radius: 99px;
      }

      .aboutgx-center-intro .supply-adv__title--right {
        text-align: right;
      }

      .aboutgx-center-intro .supply-adv__title--right::after {
        left: auto;
        right: 0;
      }

      .aboutgx-center-intro .supply-adv__desc {
        margin: 0;
        font-size: 0.95rem;
        color: #222;
      }

      .aboutgx-center-intro .supply-adv__media {
        border-radius: 0.6rem;
        overflow: hidden;
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
        background: #f0f0f0;
      }

      .aboutgx-center-intro .supply-adv__media img {
        width: 100%;
        height: auto;
        display: block;
      }

      .aboutgx-center-intro .platform-advantages {
        padding: 2.4rem 0 3.1rem;
        background: #fff;
      }

      .aboutgx-center-intro .platform-advantages__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem 1.6rem;
        align-items: start;
      }

      .aboutgx-center-intro .platform-adv__text {
        padding: 0.4rem 0.1rem;
        color: #222;
        line-height: 1.85;
      }

      .aboutgx-center-intro .platform-adv__title {
        margin: 0 0 0.6rem;
        font-size: 1.05rem;
        font-weight: 900;
        color: var(--brand-red);
        position: relative;
        padding-bottom: 0.55rem;
      }

      .aboutgx-center-intro .platform-adv__title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0.15rem;
        width: 9.2rem;
        height: 0.12rem;
        background: var(--brand-red);
        border-radius: 99px;
      }

      .aboutgx-center-intro .platform-adv__title--right {
        text-align: right;
      }

      .aboutgx-center-intro .platform-adv__title--right::after {
        left: auto;
        right: 0;
      }

      .aboutgx-center-intro .platform-adv__desc {
        margin: 0;
        font-size: 0.95rem;
        color: #222;
      }

      .aboutgx-center-intro .platform-adv__media {
        border-radius: 0.6rem;
        overflow: hidden;
        box-shadow: 0 0.55rem 1.6rem rgba(0, 0, 0, 0.08);
        background: #f0f0f0;
      }

      .aboutgx-center-intro .platform-adv__media img {
        width: 100%;
        height: auto;
        display: block;
      }

      .aboutgx-center-intro .qr-panel {
        display: grid;
        justify-items: center;
        gap: 0.5rem;
        padding: 0.8rem 0.1rem 0;
        color: #222;
      }

      .aboutgx-center-intro .qr-panel img {
        width: 7.2rem;
        height: auto;
        display: block;
        border-radius: 0.3rem;
      }

      .aboutgx-center-intro .qr-panel__label {
        margin: 0;
        font-size: 0.95rem;
      }

      .aboutgx-center-intro .qr-panel__link {
        margin: 0;
        font-size: 0.95rem;
        color: #222;
      }

      @media (max-width: 920px) {/* 修改功能：固定宽度页面的小屏适配；修改位置：index.html style -> @media(max-width:920px)；修改原因：当窗口不足 879px 时，改为单列防止横向溢出与错位 */
        .page {width: 100%;
          box-shadow: none;
        }

        .intro__grid {grid-template-columns: 1fr;
          gap: 1.4rem;
        }

        .cards {grid-template-columns: repeat(2, 1fr);
        }

        .two-col {grid-template-columns: 1fr;
        }

        .models__grid {grid-template-columns: 1fr;
        }

        .models-small {grid-template-columns: 1fr 1fr;
        }

        .service-details__grid {grid-template-columns: 1fr;
        }

        .driver-team__grid, .aboutgx-center-intro .advantages__grid {grid-template-columns: 1fr;
        }

        .maintain-content__grid {grid-template-columns: 1fr;
        }

        .maintain-benefits__grid {grid-template-columns: 1fr;
        }

        .supply-advantages__grid {grid-template-columns: 1fr;
        }

        .platform-advantages__grid {grid-template-columns: 1fr;
        }

        .sub-hero__card {grid-template-columns: 1fr;
        }

        .sub-hero__media {
          min-height: 12rem;
        }
      }

      @media (max-width: 560px) {.aboutgx-center-intro .ci-container {padding: 0 16px;
        }

        .cards {grid-template-columns: 1fr;
        }

        .models-small {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 1120px) {
        

        

        
      }

/* index2 中心简介页样式 */
.aboutgx-intro-page .intro {
  /* padding: 2.8rem 0 2.6rem; */
}

.aboutgx-intro-page .intro__title--center {
  text-align: center;
  margin: 60px 0;
  font-size: 26px;
  font-weight: 900;
  color: var(--brand-red);
  line-height: 1.35;
  letter-spacing: 0.04rem;
}

.aboutgx-intro-page .intro__title--center span {
  display: block;
}

.aboutgx-intro-page .intro__title--center span + span {
  margin-top: 0.6rem;
}

.aboutgx-intro-page .intro__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.aboutgx-intro-page .intro__media {
  position: relative;
  aspect-ratio: auto;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  overflow: hidden;
}

.aboutgx-intro-page .intro__media-cover,
.aboutgx-intro-page .intro__media-video {
  width: 100%;
  height: 200px;
  object-fit: contain;
}

.aboutgx-intro-page .intro__media.is-cover .intro__media-cover {
  display: block !important;
}

.aboutgx-intro-page .intro__media.is-cover .intro__media-video {
  display: none !important;
}

.aboutgx-intro-page .intro__media.is-playing .intro__media-cover {
  display: none !important;
}

.aboutgx-intro-page .intro__media.is-playing .intro__media-video {
  display: block !important;
}

.aboutgx-intro-page .intro__content {
  display: flex;
  /* align-items: center; */
  position: relative;
  top: -10px;
}

.aboutgx-intro-page .intro__text {
  margin: 0;
  color: #222;
  font-size: 0.95rem;
  line-height: 3;
  text-align: left;
  text-align: justify;
  padding: 0 20px;
  font-size: 16px;
  text-indent: 2em;
}

.aboutgx-intro-page .hero {
  height: auto;
  min-height: 0;
  background: transparent;
}

.aboutgx-intro-page .hero img {
  width: 100%;
  height: 400px;
  display: block;
}

@media (max-width: 768px) {
  .aboutgx-intro-page .intro__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .aboutgx-intro-page .intro__title--center {
    font-size: 1.35rem;
    margin: 40px 0;
  }
}

.aboutgx-intro-page .pill-section {
  padding: 0;
  aspect-ratio: 879 / 200;
  background: none;
  margin-top: 60px;
}

.aboutgx-intro-page .pill-section__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

.aboutgx-intro-page .pill-section__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.1rem 0 2.2rem;
  z-index: 2;
}

.aboutgx-intro-page .page.w-1440 {
  width: 879px;
}

.aboutgx-intro-page .services {
  /* padding: 2.4rem 0 3rem; */
  padding-bottom: 60px;
}

.aboutgx-intro-page .cards {
  gap: 1rem;
}

.aboutgx-intro-page .card {
  display: block;
  border-radius: 0;
  box-shadow: none;
  background: #f2f2f2;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.aboutgx-intro-page .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.aboutgx-intro-page .card:active {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.aboutgx-intro-page .card:focus-visible {
  outline: 2px solid var(--brand-red);
  outline-offset: 2px;
}

.aboutgx-intro-page .card__media {
  aspect-ratio: 4 / 3;
  background: #f2f2f2;
  overflow: hidden;
}

.aboutgx-intro-page .card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.aboutgx-intro-page .card:hover .card__media img {
  transform: scale(1.06);
}

.aboutgx-intro-page .card__body {
  background: #f2f2f2;
  padding: 0.85rem 0.75rem 1rem;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
}

.aboutgx-intro-page .card__title {
  margin: 0;
  width: 100%;
  color: #111;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.02rem;
  line-height: 1.4;
  text-align: center;
  transition: color 0.25s ease;
}

.aboutgx-intro-page .card:hover .card__title {
  color: var(--brand-red);
}

.aboutgx-intro-page .card__line {
  width: 2rem;
  height: 2px;
  margin: 0.55rem auto 0.65rem;
  background: var(--brand-red);
  transition: width 0.25s ease;
}

.aboutgx-intro-page .card:hover .card__line {
  width: 3rem;
}

.aboutgx-intro-page .card__desc {
  margin: 0;
  display: inline-block;
  align-self: center;
  max-width: 100%;
  color: #333;
  font-size: 14px;
  line-height: 1.65;
  text-align: center;
  text-indent: 2em;
}

@media (max-width: 768px) {
  .aboutgx-intro-page .cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem 0.85rem;
  }
}

@media (max-width: 480px) {
  .aboutgx-intro-page .cards {
    grid-template-columns: 1fr;
  }
}

/* 公务出行页 */

.aboutgx-travel-page .sub-hero {
  margin: 0 0 40px;
}

.aboutgx-travel-page .sub-hero__card {
  border-radius: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.aboutgx-travel-page .sub-hero__title {
  font-size: 1.75rem;
  padding: 2.2rem 1rem;
}

.aboutgx-travel-page .sub-hero__media {
  min-height: 10.5rem;
  border-radius: 0;
}

.aboutgx-travel-page .travel {
  /* padding: 0 0 40px; */
}

.aboutgx-travel-page .two-col {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
}

.aboutgx-travel-page .two-col__media {
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  height: 320px;
}

.aboutgx-travel-page .two-col__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}

.aboutgx-travel-page .two-col__text {
  margin: 0 0 1.2rem;
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  text-indent: 2em;
  color: #222;
}

.aboutgx-travel-page .contact {
  gap: 0.5rem;
  font-size: 14px;
}

.aboutgx-travel-page .contact .ci-block__text {
  line-height: 1.6;
}

.aboutgx-travel-page .contact__item--phone {
  display: grid;
  grid-template-columns: 18px auto 1fr;
  column-gap: 0.35rem;
  row-gap: 0.15rem;
  align-items: center;
}

.aboutgx-travel-page .contact__item--phone > svg {
  grid-column: 1;
  grid-row: 1;
}

.aboutgx-travel-page .contact__label {
  grid-column: 2;
  grid-row: 1;
}

.aboutgx-travel-page .contact__number {
  grid-column: 3;
  grid-row: 1;
}

.aboutgx-travel-page .contact__phone-sub {
  grid-column: 3;
  grid-row: 2;
}

.aboutgx-travel-page .contact__label,
.aboutgx-travel-page .contact__number,
.aboutgx-travel-page .contact__phone-sub {
  text-indent: 0;
}

.aboutgx-travel-page .models {
  padding: 0;
}

.aboutgx-travel-page .models__title {
  margin: 60px 0;
}

.aboutgx-travel-page .models__title h3 {
  font-size: 26px;
  font-weight: 900;
  color: #111;
}

.aboutgx-travel-page .models__grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: stretch;
}

.aboutgx-travel-page .featured-card,
.aboutgx-travel-page .model-card {
  border: 1px solid #e8e8e8;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  background: #fff;
}

.aboutgx-travel-page .featured-card .img,
.aboutgx-travel-page .model-card .img {
  border-radius: 0;
  background: #fff;
}

.aboutgx-travel-page .featured-card .img {
  aspect-ratio: auto;
}

.aboutgx-travel-page .featured-card .img img.is-cover {
  display: block;
  width: 100%;
  height: 440px;
  object-fit: cover;
  padding: 0;
  border-radius: 0;
}

.aboutgx-travel-page .model-card .img {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aboutgx-travel-page .model-card .img img {
  width: auto;
  max-width: 92%;
  height: auto;
  /* //max-height: 92%; */
  object-fit: contain;
  padding: 0.4rem;
  border-radius: 0;
}

.aboutgx-travel-page .featured-card .body,
.aboutgx-travel-page .model-card .body {
  padding: 0.75rem 0.5rem 1rem;
  text-align: center;
}

.aboutgx-travel-page .featured-card .title,
.aboutgx-travel-page .model-card .title {
  font-size: 1rem;
  font-weight: 700;
  color: #111;
}

.aboutgx-travel-page .featured-card .sub,
.aboutgx-travel-page .model-card .sub {
  color: var(--brand-red);
  font-size: 0.85rem;
}

.aboutgx-travel-page .models-small {
  gap: 12px;
}

.aboutgx-travel-page .section-title {
  margin: 60px 0;
}

.aboutgx-travel-page .service-details {
  padding: 0;
}

.aboutgx-travel-page .service-details .ci-container {
  padding-left: 0;
  padding-right: 0;
}

.aboutgx-travel-page .service-details__grid {
  border-radius: 0;
  box-shadow: none;
  border: none;
  align-items: stretch;
}

.aboutgx-travel-page .service-details__col {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  align-content: start;
}

.aboutgx-travel-page .service-details__col-title {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 900;
  text-align: center;
  color: #111;
  line-height: 1.4;
}

.aboutgx-travel-page .service-details__col-title::after {
  width: 10.6rem;
  height: 2px;
  margin: 0.5rem auto 0;
  border-radius: 0;
  background: var(--brand-red);
}

.aboutgx-travel-page .service-details__lead {
  margin: 0.75rem 0 1.25rem;
  min-height: 1.7em;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 1.7;
}

.aboutgx-travel-page .service-details__list,
.aboutgx-travel-page .service-details__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 1rem;
  align-self: stretch;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 1.7;
}

.aboutgx-travel-page .service-details__list li,
.aboutgx-travel-page .service-details__steps li {
  margin: 0;
}

.aboutgx-travel-page .service-details__note,
.aboutgx-travel-page .service-details__contact {
  margin: 1.25rem 0 0;
  font-size: 14px;
  font-weight: 900;
  color: var(--brand-red);
  line-height: 1.7;
}

.aboutgx-travel-page .driver-team {
  padding: 0;
}

.aboutgx-travel-page .driver-team__media {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #e8e8e8;
}

.aboutgx-travel-page .driver-team__media img {
  border-radius: 0;
}

.aboutgx-travel-page .advantages {
  padding: 0 0 60px;
}

.aboutgx-travel-page .advantages__media {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #e8e8e8;
}

.aboutgx-travel-page .advantages__media img {
  border-radius: 0;
}

.aboutgx-travel-page img {
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  .aboutgx-travel-page.w-1440 {
    width: 100% !important;
    padding: 0 16px;
  }

  .aboutgx-travel-page .two-col,
  .aboutgx-travel-page .models__grid,
  .aboutgx-travel-page .driver-team__grid,
  .aboutgx-travel-page .advantages__grid,
  .aboutgx-travel-page .service-details__grid {
    grid-template-columns: 1fr;
  }

  .aboutgx-travel-page .sub-hero__card {
    grid-template-columns: 1fr;
  }

  .aboutgx-travel-page .models-small {
    grid-template-columns: 1fr 1fr;
  }
}

/* 车辆运维页 */
.aboutgx-maintain-page.w-1440 {
  /* width: 879px !important;
  padding: 0; */
}

.aboutgx-maintain-page .contact__mobile {
  margin-left: 30px;
}

.aboutgx-maintain-page .sub-hero {
  margin: 0 0 40px;
}

.aboutgx-maintain-page .sub-hero .ci-container {
  padding-left: 0;
  padding-right: 0;
}

.aboutgx-maintain-page .sub-hero__card {
  grid-template-columns: 1fr 1fr;
  border-radius: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.aboutgx-maintain-page .sub-hero__title {
  font-size: 1.75rem;
  padding: 2.2rem 1rem;
  min-height: 10.5rem;
  box-sizing: border-box;
}

.aboutgx-maintain-page .sub-hero__media {
  height: 200px;
  border-radius: 0;
}

.aboutgx-maintain-page .maintain-content {
  /* padding: 0 0 40px; */
}

.aboutgx-maintain-page .maintain-content .ci-container {
  padding-left: 0;
  padding-right: 0;
}

.aboutgx-maintain-page .section-title {
  margin: 60px 0;
}

.aboutgx-maintain-page .maintain-content__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 0 40px;
}

.aboutgx-maintain-page .maintain-card {
  min-height: 0;
}

.aboutgx-maintain-page .maintain-card--text {
  padding: 1.5rem 1.25rem;
  align-self: center;
}

.aboutgx-maintain-page .maintain-card--text.maintain-card--text-center {
  align-self: center;
  padding: 1.5rem 1.25rem;
}

.aboutgx-maintain-page .maintain-card--media {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  overflow: hidden;
  line-height: 0;
}

.aboutgx-maintain-page .maintain-card--media img {
  display: block;
  width: 100%;
  border-radius: 0;
  object-fit: cover;
}

.aboutgx-maintain-page .maintain-card--media-right {
  align-self: end;
  justify-self: start;
}

.aboutgx-maintain-page .maintain-card--media-right img {
  aspect-ratio: 16 / 10;
}

.aboutgx-maintain-page .maintain-card--media-left {
  align-self: start;
  justify-self: end;
}

.aboutgx-maintain-page .maintain-card--media-left img {
  aspect-ratio: 16 / 10;
}

.aboutgx-maintain-page img {
  border-radius: 0 !important;
}

.aboutgx-maintain-page .maintain-benefits {
  padding: 60px 40px;
  background: #fff;
}

.aboutgx-maintain-page .maintain-benefits .ci-container {
  padding-left: 0;
  padding-right: 0;
}

.aboutgx-maintain-page .maintain-benefits__heading {
  margin: 0 0 60px;
  gap: 0.35rem;
  justify-items: center;
  text-align: center;
}

.aboutgx-maintain-page .maintain-benefits__heading h3 {
  font-size: 26px;
  font-weight: 400;
  color: #111;
}

.aboutgx-maintain-page .maintain-benefits__heading p {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  letter-spacing: 0.02rem;
}

.aboutgx-maintain-page .maintain-benefits__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.aboutgx-maintain-page .maintain-benefit {
  padding: 4.5rem 2.75rem;
  min-height: 0;
  gap: 0.65rem;
}

.aboutgx-maintain-page .maintain-benefit:nth-child(4n + 1),
.aboutgx-maintain-page .maintain-benefit:nth-child(4n + 4) {
  background: #f8eded;
}

.aboutgx-maintain-page .maintain-benefit:nth-child(4n + 2),
.aboutgx-maintain-page .maintain-benefit:nth-child(4n + 3) {
  background: rgb(245,245,245);
}

.aboutgx-maintain-page .maintain-benefit__title {
  font-size: 18px;
  font-weight: 700;
  align-items: center;
  color: #111;
}

.aboutgx-maintain-page .maintain-benefit__title svg path {
  stroke: #999;
}

.aboutgx-maintain-page .maintain-benefit__desc {
  margin: 0;
  padding-left: 1.7rem;
  font-size: 14px;
  line-height: 1.8;
  color: #222;
  margin-top: 20px;
  letter-spacing: 2px;
}

@media (max-width: 768px) {
  .aboutgx-maintain-page.w-1440 {
    width: 100% !important;
    padding: 0 16px;
  }

  .aboutgx-maintain-page .maintain-content__grid {
    grid-template-columns: 1fr;
  }

  .aboutgx-maintain-page .maintain-card--media-right,
  .aboutgx-maintain-page .maintain-card--media-left {
    align-self: stretch;
    justify-self: stretch;
  }

  .aboutgx-maintain-page .maintain-benefits__grid {
    grid-template-columns: 1fr;
  }
}

/* 车辆供应页 */
.aboutgx-supply-page .supply-advantages {
  padding: 0 0 40px;
}

.aboutgx-supply-page .supply-advantages .ci-container {
  /* padding-left: 0;
  padding-right: 0; */
}

.aboutgx-supply-page .section-title {
  margin: 60px 0;
}

.aboutgx-supply-page .supply-advantages__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.aboutgx-supply-page .supply-adv__text {
  padding: 1.5rem 1.25rem;
  align-self: center;
}

.aboutgx-supply-page .supply-adv__media {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  overflow: hidden;
  line-height: 0;
}

.aboutgx-supply-page .supply-adv__media img {
  display: block;
  width: 100%;
  border-radius: 0;
  object-fit: cover;
}

.aboutgx-supply-page .supply-adv__media--right {
  align-self: end;
  justify-self: start;
}

.aboutgx-supply-page .supply-adv__media--right img {
  aspect-ratio: 16 / 10;
}

.aboutgx-supply-page .supply-adv__media--left {
  align-self: start;
  justify-self: end;
}

.aboutgx-supply-page .supply-adv__media--left img {
  aspect-ratio: 16 / 10;
}

.aboutgx-supply-page img {
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  .aboutgx-supply-page .supply-advantages__grid {
    grid-template-columns: 1fr;
  }

  .aboutgx-supply-page .supply-adv__media--right,
  .aboutgx-supply-page .supply-adv__media--left {
    align-self: stretch;
    justify-self: stretch;
  }
}

/* 线上平台页 */
.aboutgx-platform-page .platform-advantages {
  padding: 0 0 40px;
}

.aboutgx-platform-page .platform-advantages .ci-container {
  padding-left: 0;
  padding-right: 0;
}

.aboutgx-platform-page .section-title {
  margin: 60px 0;
}

.aboutgx-platform-page .platform-advantages__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 0 40px;
}

.aboutgx-platform-page .platform-adv__text {
  padding: 1.5rem 1.25rem;
  align-self: center;
}

.aboutgx-platform-page .platform-adv__media {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  overflow: hidden;
  line-height: 0;
}

.aboutgx-platform-page .platform-adv__media img {
  display: block;
  width: 100%;
  border-radius: 0;
  object-fit: cover;
}

.aboutgx-platform-page .platform-adv__media--right {
  align-self: end;
  justify-self: start;
}

.aboutgx-platform-page .platform-adv__media--right img {
  aspect-ratio: 16 / 10;
}

.aboutgx-platform-page .platform-adv__media--left {
  align-self: start;
  justify-self: end;
}

.aboutgx-platform-page .platform-adv__media--left img {
  height: 350px;
}

.aboutgx-platform-page img {
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  .aboutgx-platform-page .platform-advantages__grid {
    grid-template-columns: 1fr;
  }

  .aboutgx-platform-page .platform-adv__media--right,
  .aboutgx-platform-page .platform-adv__media--left {
    align-self: stretch;
    justify-self: stretch;
  }
}

.w-1440 {
  width: 1440px !important;
  margin: 0 auto;
  padding: 0 120px;
}

.p-t-20 {
  padding-top: 20px !important;
}