﻿h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    border: none;
}
h3 {
    margin-top: 0 !important;
}

/* 主容器样式 */
.zh-page-container {
    width: 100%;
    overflow: hidden;
}

/* 顶部横幅区域 */
.zh-hero-section {
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
    min-height: 815px;
}

/* 轮播背景图容器 */
.zh-hero-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.zh-hero-banner .bd {
    position: relative;
    z-index: 0;
}

.zh-hero-banner .bd ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.zh-hero-banner .bd li {
    position: relative;
    width: 100%;
    /* min-height: 960px; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 移动端背景图切换 */
@media (max-width: 1040px) {
    .zh-hero-banner .bd li {
        background-image: var(--bg-mobile) !important;
    }
}

/* PC端背景图 */
@media (min-width: 1041px) {
    .zh-hero-banner .bd li {
        background-image: var(--bg-pc) !important;
    }
}

/* 首屏以下区块背景大图：默认不加载（var 缺省为 none），加上 .bg-on 后再加载 */
.bg-on .zh-content-section{--lzbg:var(--zh-asset-semicircle-bg);}
.bg-on .zh-solution-section{--lzbg:var(--zh-asset-solution);}
.bg-on .zh-video-section{--lzbg:var(--zh-asset-blue-circle);}
.bg-on .zh-video-main{--lzbg:var(--zh-asset-computer);}
.bg-on .zh-services-bg{--lzbg:var(--zh-asset-services-bg);}
.bg-on .zh-whitepaper-section{--lzbg:var(--zh-asset-whitepaper-bg);}

.zh-hero-content {
    margin: 0 auto;
    padding: 0;
    position: relative;
    height: 100%;
    min-height: 815px;
}

.zh-hero-text {
    position: absolute;
    top: 19.79%;
    left: clamp(8.5%, 4vw, 12%);
    color: #FFFFFF;
}

@media (min-width: 1285px) and (max-width: 1460px) {
    .zh-hero-line1{
        font-size: 66px !important;
    }
    .zh-hero-line2{
        font-size: 34px !important;
    }
    .zh-hero-line3 {
        font-size: 28px !important;
    }
}

@media (min-width: 1048px) and (max-width: 1285px) {
    .zh-hero-line1{
        font-size: 60px !important;
    }
    .zh-hero-line2{
        font-size: 28px !important;
    }
    .zh-hero-line3 {
        font-size: 24px !important;
    }
}

@media (max-width: 1048px) {
    .zh-hero-line1{
        font-size: 54px !important;
    }
    .zh-hero-line2{
        font-size: 24px !important;
    }
    .zh-hero-line3 {
        font-size: 22px !important;
    }
}
/* 第一行 Bold #FFFFFF 大小36 行高47.5 距第二行7 */
.zh-hero-line1 {
    font-size: 70px;
    line-height: 95px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 14px;
}

/* 第二行 Bold #FFFFFF 大小20 行高26 距第三行10 */
.zh-hero-line2 {
    font-size: 38px;
    line-height: 52px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 20px;
}

/* 第三行 Light #FFFFFF 大小17 行高25.5 距第四行16 */
.zh-hero-line3 {
    font-size: 32px;
    line-height: 51px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 32px;
}

/* 第四行 Regular #FFFFFF 大小9 行高13.5 距第五行10 */
.zh-hero-line4 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 20px;
}

/* 第五行 Regular #FFFFFF 大小9 行高13.5 距第六行40 */
.zh-hero-line5 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 80px;
}

/* 第六行 按钮+文字 */
.zh-hero-line6 {
    display: flex;
    align-items: center;
}

/* 按钮 80*30 圆角15pt 渐变#1D8BE8到#1661DB */
.zh-hero-button {
    width: 180px;
    height: 60px;
    border-radius: 32px;
    background: linear-gradient(to right, #1D8BE8, #1661DB);
    border: none;
    cursor: pointer;
    font-size: 30px;
    color: #FFFFFF !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    text-decoration: none;
}

.zh-hero-button:hover {
    opacity: 0.9;
}

.zh-hero-button:visited {
    color: #FFFFFF;
}

/* 按钮右侧文字 距按钮12pt 大小15 行高20 */
.zh-hero-text-aside {
    font-size: 30px;
    line-height: 40px;
    color: #FFFFFF !important;
    margin-left: 24px;
    display: flex;
}

.zh-hero-text-aside:hover {
    text-decoration: none;
    color: #FFFFFF !important;
}

/* 白色样式 - 默认白色字体 */
.white-style .zh-hero-text,
.white-style .zh-hero-text .zh-hero-line1,
.white-style .zh-hero-text .zh-hero-line2,
.white-style .zh-hero-text .zh-hero-line3,
.white-style .zh-hero-text .zh-hero-line4,
.white-style .zh-hero-text .zh-hero-line5,
.white-style .zh-hero-text .zh-hero-text-aside {
    color: #FFFFFF !important;
}

.white-style .zh-hero-text .zh-hero-text-aside:hover {
    color: #FFFFFF !important;
}

/* 黑色样式 - 黑色字体 */
.black-style .zh-hero-text,
.black-style .zh-hero-text .zh-hero-line1,
.black-style .zh-hero-text .zh-hero-line2,
.black-style .zh-hero-text .zh-hero-line3,
.black-style .zh-hero-text .zh-hero-line4,
.black-style .zh-hero-text .zh-hero-line5,
.black-style .zh-hero-text .zh-hero-text-aside {
    color: #000000 !important;
}

.black-style .zh-hero-text .zh-hero-text-aside:hover {
    color: #000000 !important;
}

/* 轮播指示器 */
.zh-hero-banner .hd {
    position: absolute;
    z-index: 1;
    bottom: 80px;
    height: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    line-height: 15px;
    text-align: center;
}

.zh-hero-banner .hd ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.zh-hero-banner .hd ul li {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 5px;
    margin: 0 3px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.3);
    font-size: 0;
    transition: background 0.3s ease, width 0.3s ease;
}

.zh-hero-banner .hd ul .on {
    background: #fff;
    width: 60px;
}

/* 轮播导航按钮 */
.zh-hero-banner .prev,
.zh-hero-banner .next {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    z-index: 2;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.zh-hero-banner .prev:hover,
.zh-hero-banner .next:hover {
    opacity: 1;
}

.zh-hero-banner .prev {
    left: 2%;
}

.zh-hero-banner .next {
    right: 2%;
}

@media screen and (max-width: 1023px) {
    .zh-hero-banner .hd {
        display: none;
    }

    .zh-hero-banner .prev,
    .zh-hero-banner .next {
        display: none;
    }
}

/* 三个特性卡片区域 */
.zh-features-section {
    max-width: 1920pt;
    margin: -60px auto 66px;
    padding: 0;
    position: relative;
    z-index: 10;
}

.zh-features-grid {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 2.81%;
}

.zh-feature-card {
    background: white;
    border-radius: 20px;
    padding: 80px 60px;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.17);
    text-align: center;
    transition: transform 0.3s ease;
    height: 462px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 第一个卡片：左右布局 */
.zh-feature-card--horizontal {
    width: 33%;
    flex-direction: row;
    padding: 0;
    justify-content: flex-start;
    text-align: left;
}

.zh-feature-card--horizontal .zh-feature-image {
    width: 50%;
    overflow: hidden;
    border-radius: 20px 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 40px;
}

.zh-feature-card--horizontal .zh-feature-image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.zh-feature-card--horizontal .zh-feature-content {
    width: 50%;
    padding: 60px 64px 36px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.zh-feature-card--horizontal .zh-feature-title-wrapper {
    margin-bottom: 40px;
    width: fit-content;
    display: inline-block;
}

.zh-feature-card--horizontal .zh-feature-title {
    font-size: 30px;
    font-weight: bold;
    color: #122339;
    border-bottom: 4px solid #122339;
    padding: 0 12px 12px 10px;
    margin: 0;
}

.zh-feature-card--horizontal .zh-feature-desc {
    font-size: 16px;
    color: #122339;
    line-height: 1.6;
    margin-bottom: auto;
}

.zh-feature-card--horizontal .zh-feature-link {
    font-size: 16px;
    color: #1869DD;
    text-decoration: none;
    text-align: right;
    display: block;
}

.zh-feature-card--horizontal .zh-feature-link:hover {
    text-decoration: none;
}

/* 第二、三个卡片：垂直布局 */
.zh-feature-card--stacked {
    width: 22.3%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zh-feature-card--stacked .zh-feature-content {
    height: 100%;
    max-width: 80%;
    padding: 60px 2% 36px 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zh-feature-card--stacked .zh-feature-title-wrapper {
    margin-bottom: 34px;
    width: fit-content;
    display: inline-block;
    text-align: center;
}

.zh-feature-card--stacked .zh-feature-title {
    font-size: 30px;
    font-weight: bold;
    color: #122339;
    border-bottom: 4px solid #122339;
    padding: 0 12px 12px 10px;
    margin: 0;
}

.zh-feature-card--horizontal .zh-feature-subtitle,
.zh-feature-card--stacked .zh-feature-subtitle {
    height:52px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-size: 24px;
    color: #122339;
    line-height: 26px;
    margin-bottom: 6pt;
    text-align: left;
    width: -webkit-fill-available;
    margin-bottom: 20px;
    word-break: break-all;
}

.zh-feature-card--stacked .zh-feature-desc {
    font-size: 16px;
    color: #122339;
    line-height: 1.6;
    margin-bottom: auto;
    text-align: justify;
    width: -webkit-fill-available;
}

.zh-feature-card--stacked .zh-feature-link {
    font-size: 16px;
    color: #1869DD;
    text-decoration: none;
    text-align: right;
    display: block;
    align-self: stretch;
    width: 100%;
}

.zh-feature-card--stacked .zh-feature-link:hover {
    text-decoration: none;
}

.zh-feature-card:hover {
    transform: translateY(-20px);
}

.zh-feature-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 33px;
    color: #333;
}

.zh-feature-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}

/* 统计数据区域 */
.zh-stats-section {
    background: transparent;
    padding: 0;
    height: 180px;
}

.zh-stats-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 10%;
    height: 100%;
}

.zh-stats-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
    height: 100%;
}

.zh-stat-item {
    width: 360px;
    height: 180px;
    display: flex;
    align-items: flex-start;
    padding: 0;
}

.zh-stat-icon {
    margin-top: 52px;
    margin-right: 28px;
    flex-shrink: 0;
}

.zh-stat-icon img {
    width: auto;
    height: auto;
    max-width: 64px;
}

.zh-stat-content {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex: 1;
}

.zh-stat-title {
    font-size: 30px;
    line-height: 40px;
    color: #1869DD;
    margin-top: 0pt;
    margin-bottom: 10px;
}

.zh-stat-number-wrapper {
    display: flex;
    align-items: flex-end;
    margin-bottom: 13px;
}

.zh-stat-number {
    font-size: 46px;
    line-height: 64px;
    font-weight: bold;
    color: #122339;
    margin-right: 8px;
    height: 56px;
}

.zh-stat-number-text {
    font-size: 16px;
    line-height: 22px;
    color: #122339;
}

.zh-stat-desc1 {
    font-size: 16px;
    line-height: 22px;
    color: #122339;
    margin-bottom: 10px;
}

.zh-stat-desc2 {
    font-size: 16px;
    line-height: 22px;
    color: #122339;
    margin-bottom: 10px;
}

/* 内容介绍区块 */
.zh-content-section {
    padding: 164px 0 222px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: var(--lzbg, none); /* 延迟加载：见 .bg-on 规则 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.zh-content-section-heading {
    font-size: 48px;
    font-weight: bold;
    color: #122339;
    line-height: 64px;
    margin-bottom: 20px;
    text-align: center;
}

.zh-content-section-heading-line {
    display: inline;
}

.zh-content-section-heading-line--sub::before {
    content: '，';
}

@media (max-width: 1040px) {
    .zh-content-section-heading-line {
        display: block;
    }

    .zh-content-section-heading-line--sub::before {
        content: none;
    }
}

.zh-content-section h1 {
    font-size: 48px;
    font-weight: bold;
    color: #122339;
    line-height: 64px;
    margin-bottom: 20px;
    text-align: center;
}

.zh-content-section > h2:nth-of-type(1) {
    font-size: 48px;
    font-weight: bold;
    color: #122339;
    line-height: 64px;
    margin-bottom: 20px;
    text-align: center;
}

.zh-h2-link {
    height: 60px;
    width: fit-content;
    padding: 0 20px;
    border-radius: 32px;
    background: linear-gradient(to right, #1D8BE8, #1661DB);
    border: none;
    cursor: pointer;
    font-size: 30px;
    color: #FFFFFF !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 185px;
}

.zh-content-main {
    max-width: 1330px;
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.zh-content-video-wrapper {
    width: 630px;
    height: 400px;
    margin-right: 54px;
    flex-shrink: 0;
}

.zh-content-video-wrapper video {
    width: 630px;
    height: 400px;
    border-radius: 20px;
    object-fit: cover;
}

.zh-content-text {
    flex: 1;
    padding: 50px 0 14px 0;
    display: flex;
    flex-direction: column;
}

.zh-content-text > h3 {
    font-size: 18px;
    font-weight: bold;
    color: #122339;
    line-height: 24px;
    margin-bottom: 16px;
}

.zh-content-text > div:nth-of-type(1) {
    font-size: 16px;
    line-height: 28px;
    color: #122339;
    margin-bottom: 94px;
}

.zh-content-features {
    display: flex;
    gap: 38px;
    justify-content: flex-start;
}

.zh-content-feature-item {
    flex: 1;
}

.zh-content-feature-item h3 {
    font-size: 18px;
    font-weight: bold;
    color: #122339;
    line-height: 24px;
    margin-bottom: 12px;
}

.zh-content-feature-item > div:nth-of-type(1) {
    font-size: 16px;
    line-height: 28px;
    color: #122339;
    margin-bottom: 10px;
}

.zh-content-feature-item > div:nth-of-type(2) {
    font-size: 16px;
    line-height: 28px;
    color: #122339;
    margin-bottom: 10px;
}

.zh-content-feature-item > div:nth-of-type(3) {
    font-size: 16px;
    line-height: 28px;
    color: #122339;
}


/* 产品硬件展示区域 */
.zh-hardware-section {
    padding: 130px 0 162px 0;
    display: flex;
    justify-content: center;
}

.zh-hardware-container {
    width: 100%;
    max-width: 1264px;
    display: flex;
    flex-direction: column;
}

.zh-hardware-section h2 {
    font-size: 48px;
    font-weight: bold;
    color: #122339;
    line-height: 64px;
    margin-bottom: 24px;
    text-align: center;
}

.zh-hardware-section > div > div:first-of-type {
    font-size: 24px;
    line-height: 32px;
    color: #122339;
    margin-bottom: 98px;
    text-align: center;
}

.zh-hardware-item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 134px;
}

.zh-hardware-item:last-child {
    margin-bottom: 0;
}

@media (min-width: 1041px) {
    .zh-hardware-item--pc-text-first .zh-hardware-text {
        order: 1;
    }

    .zh-hardware-item--pc-text-first .zh-hardware-image {
        order: 2;
    }
}

.zh-hardware-text {
    display: flex;
    flex-direction: column;
}

.zh-hardware-text h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 20px;
    color: #122339;
}

.zh-hardware-subtitle {
    font-size: 18px;
    line-height: 24px;
    color: #1768DD;
    margin-bottom: 26px;
}

.zh-hardware-spec-item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.zh-hardware-spec-item:last-of-type {
    margin-bottom: 46px;
}

.zh-hardware-spec-icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    flex-shrink: 0;
}

.zh-hardware-spec-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.zh-hardware-spec-text {
    font-size: 18px;
    line-height: 24px;
    color: #122339;
    flex: 1;
}

.zh-hardware-button {
    height: 52px;
    border: 1px solid #1662DB;
    border-radius: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #1662DB !important;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none !important;
    padding: 0 24px;
    width: fit-content;
}

.zh-hardware-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zh-hardware-image img {
    width: auto;
    height: 270px;
    object-fit: contain;
}

/* 解决方案区域 */
.zh-solution-section {
    height: 720px;
    background-image: var(--lzbg, none); /* 延迟加载：见 .bg-on 规则 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 130px 0 76px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zh-solution-container {
    max-width: 912px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: calc(720px - 130px - 76px);
}

.zh-solution-container h2 {
    font-size: 48px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 64px;
    margin-bottom: 24px;
}

.zh-solution-subtitle {
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    margin-bottom: 74px;
}

.zh-solution-description {
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    text-align: justify;
    margin-bottom: 40px;
}

.zh-solution-description::before {
    content: none;
}

.zh-solution-footer {
    margin-top: auto;
    text-decoration: none !important;
    cursor: pointer;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zh-solution-footer:hover {
    opacity: 0.8;
}

.zh-solution-footer-text {
    font-size: 24px;
    color: #FFFFFF !important;
    margin-bottom: 10px;
}

.zh-solution-footer-arrow {
    font-size: 24px;
    color: #FFFFFF !important;
}

/* 优势展示区域 */
.zh-advantages-section {
    background-color: #ffffff;
    height: 826px;
    padding-top: 120px;
    display: flex;
    justify-content: center;
}

.zh-advantages-container {
    width: 100%;
    max-width: 1702px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zh-advantages-title {
    font-size: 48px;
    font-weight: bold;
    color: #122339;
    line-height: 64px;
    margin-bottom: 85px;
    text-align: center;
}

@media (min-width: 1041px) {
    .zh-advantages-title {
        white-space: nowrap;
    }

    .zh-advantages-title-sub {
        display: inline;
    }
}

@media (max-width: 1040px) {
    .zh-advantages-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        white-space: normal;
    }

    .zh-advantages-title-sub {
        display: block;
    }
}

.zh-advantages-grid {
    width: 100%;
    max-width: 1702px;
    display: grid;
    grid-template-columns: repeat(4, minmax(360px, 1fr));
    gap: 22px;
    margin: 0 auto;
    justify-items: center;
}

/* 中等屏幕（笔记本端）优化 */
@media (min-width: 1041px) and (max-width: 1750px) {
    .zh-advantages-grid {
        grid-template-columns: repeat(4, minmax(340px, 1fr));
        gap: 15px;
        padding: 0 15px;
    }

    .zh-advantage-card {
        width: 100%;
        min-width: 360px;
        max-width: 408px;
        height: 427px;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        padding: 48px 35px 54px 35px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        transition: all 0.3s ease;
        box-sizing: border-box;
    }

    .zh-advantage-title {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 50px;
    }

    .zh-advantage-desc {
        font-size: 17px;
        line-height: 26px;
    }
}

/* 较小笔记本屏幕优化 */
@media (min-width: 1041px) and (max-width: 1500px) {
    .zh-advantages-grid {
        grid-template-columns: repeat(4, minmax(320px, 1fr));
        gap: 12px;
        padding: 0 10px;
    }

    .zh-advantage-card {
        min-width: 320px;
        padding: 45px 50px 50px 55px;
    }

    .zh-advantage-title {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 45px;
    }

    .zh-advantage-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .zh-advantage-footer {
        font-size: 22px;
    }
}

.zh-advantage-card {
    width: 100%;
    min-width: 360px;
    max-width: 408px;
    height: 427px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 48px 35px 54px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.zh-advantage-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, -0.5);
    border-radius: 20px;
    z-index: 1;
}

.zh-advantage-card > * {
    position: relative;
    z-index: 2;
}

.zh-advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.zh-advantage-title {
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    margin-bottom: 55px;
}

.zh-advantage-desc {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    text-align: justify;
    margin-bottom: auto;
}

.zh-advantage-footer {
    margin-top: auto;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF !important;
    line-height: 33px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.zh-advantage-footer:hover {
    opacity: 0.8;
}

.zh-advantage-footer:visited {
    color: #FFFFFF !important;
}

.zh-advantage-footer-text {
    margin-bottom: 10px;
}

/* 视频展示区域 */
.zh-video-section {
    height: 1312px;
    padding-top: 130px;
    background-image: var(--lzbg, none); /* 延迟加载：见 .bg-on 规则 */
    background-position: calc(50% + 400px) calc(50% + 100px);
    background-repeat: no-repeat;
    background-size: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zh-video-section h2 {
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    margin-bottom: 282px;
    text-align: center;
    color: #122339;
}

.zh-video-wrapper {
    position: relative;
    width: fit-content;
    margin-left: 200px;
}

.zh-video-main {
    width: 942px;
    height: 524px;
    background-image: var(--lzbg, none); /* 延迟加载：见 .bg-on 规则 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 41px 129px 44px 130px;
    position: relative;
    z-index: 1;
}

.zh-video-container {
    position: relative;
    width: 100%;
}

.zh-video-container video {
    width: 100%;
    height: 435px;
    display: block;
    object-fit: cover;
}

.zh-video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 172px;
    height: 172px;
    cursor: pointer;
    z-index: 10;
}

.zh-video-play-button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 视频弹窗样式 */
.zh-video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.zh-video-modal.active {
    display: block;
}

.zh-video-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.zh-video-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1200px;
    background: #000;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.zh-video-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.zh-video-modal-close:hover {
    opacity: 0.7;
}

.zh-video-modal-content video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.zh-video-overlay {
    position: absolute;
    top: 92px;
    left: 0;
    width: 580px;
    height: 356px;
    padding: 36px 52px 32px 52px;
    background: white;
    box-shadow: 2px 2px 30px 0px rgba(229, 230, 232, 1);
    border-radius: 22px;
    z-index: 2;
    transform: translateX(-320px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.zh-overlay-image {
    display: block;
    width: 84px;
    height: 63px;
    margin-bottom: 10px;
}

.zh-overlay-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.zh-overlay-description {
    font-size: 18px;
    line-height: 25px;
    color: #122339;
    width: 475px;
    margin-bottom: auto;
}

.zh-overlay-description::before {
    content: none;
}

.zh-overlay-buttons {
    display: flex;
    gap: 27px;
    margin-top: auto;
}

.zh-overlay-button {
    width: 175px;
    height: 51px;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.zh-overlay-button-primary {
    background: linear-gradient(90deg, #1D8BE8 0%, #1661DB 100%);
    color: #FFFFFF !important;
}

.zh-overlay-button-primary:hover {
    opacity: 0.9;
}

.zh-overlay-button-primary:visited {
    color: #FFFFFF !important;
}

.zh-overlay-button-secondary {
    background: transparent;
    border: 1px solid;
    color: #1C88E7 !important;
}

.zh-overlay-button-secondary:hover {
    background: rgba(28, 136, 231, 0.05);
}

.zh-overlay-button-secondary:visited {
    color: #1C88E7 !important;
}

/* 服务卡片区域 */
.zh-services-section {
    height: 1044px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zh-services-bg {
    height: 539px;
    width: 100%;
    background-image: var(--lzbg, none); /* 延迟加载：见 .bg-on 规则 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 107px;
}

.zh-services-container {
    width: 100%;
    max-width: 1457px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zh-services-title {
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    color: #122339;
    margin-bottom: 24px;
    text-align: center;
}

.zh-services-subtitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #122339;
    margin-bottom: 90px;
    text-align: center;
}

.zh-services-trial-button {
    width: fit-content;
    height: 60px;
    background: #FE7308;
    border-radius: 32px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 50px;
}

.zh-services-trial-button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.zh-services-trial-button:visited {
    color: #FFFFFF !important;
}

.zh-services-cards {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    max-width: 1457px;
}

.zh-service-card {
    width: 376px;
    height: 407px;
    background: #FFFFFF;
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.17);
    border-radius: 20px;
    padding: 48px 70px 24px 70px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.zh-service-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.zh-service-card-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    margin-right: 18px;
}

.zh-service-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.zh-service-card-title {
    font-size: 30px;
    font-weight: bold;
    color: #122339;
    line-height: 40px;
}

.zh-service-card-items {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex: 1;
}

.zh-service-card-item {
    width: 241px;
    height: 43px;
    display: flex;
    align-items: flex-start;
}

.zh-service-card-item-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-right: 12px;
    margin-top: 6px;
}

.zh-service-card-item-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.zh-service-card-item-text {
    flex: 1;
}

.zh-service-card-item-title {
    font-size: 18px;
    color: #122339;
    line-height: 24px;
    margin-bottom: 4px;
}

.zh-service-card-item-desc {
    font-size: 14px;
    color: #86909C;
    line-height: 19px;
}

.zh-service-card-button {
    width: fit-content;
    height: 56px;
    background: linear-gradient(90deg, #1D8BE8 0%, #1661DB 100%);
    border-radius: 32px;
    padding: 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
}

.zh-service-card-button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.zh-service-card-button:visited {
    color: #FFFFFF !important;
}

/* 产品服务区域样式 */
.zh-product-services-section {
    background: #F2F3F7;
    padding-top: 130px;
    display: flex;
    justify-content: center;
}

.zh-product-services-container {
    width: 100%;
    max-width: 1369px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zh-product-services-title {
    font-size: 48px;
    font-weight: bold;
    color: #122339;
    line-height: 64px;
    margin-bottom: 26px;
    text-align: center;
}

.zh-product-services-subtitle {
    font-size: 24px;
    color: #122339;
    line-height: 31px;
    margin-bottom: 86px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 6px;
}

.zh-product-services-subtitle-arrow {
    width: 50px;
    height: auto;
    vertical-align: middle;
    flex-shrink: 0;
}

.zh-product-services-subtitle-cta-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.zh-product-services-subtitle-questions::before {
    content: none;
}

.zh-product-service-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 126px;
}

.zh-product-service-item.reverse {
    flex-direction: row-reverse;
}

.zh-product-service-text {
    max-width: 480px;
    padding-top: 75px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.zh-product-service-item.reverse .zh-product-service-text {
    margin-right: 64px;
}

.zh-product-service-item:not(.reverse) .zh-product-service-text {
    margin-left: 0;
}

.zh-product-service-title {
    font-size: 24px;
    font-weight: bold;
    color: #272E3B;
    line-height: 31px;
    margin-bottom: 18px;
}

.zh-product-service-desc {
    font-size: 16px;
    line-height: 28px;
    color: #122339;
    margin-bottom: 24px;
}

.zh-product-service-tags {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.zh-product-service-tag {
    font-size: 16px;
    line-height: 25px;
    color: #FF7D00 !important;
    cursor: pointer;
    transition: opacity 0.3s ease;
    text-decoration: none !important;
}

.zh-product-service-tag:hover {
    opacity: 0.8;
    color: #FF7D00 !important;
}

.zh-product-service-tag:visited {
    color: #FF7D00 !important;
}

.zh-product-service-tag:link {
    color: #FF7D00 !important;
}

.zh-product-service-button {
    width: fit-content;
    height: 51px;
    border-radius: 26px;
    border: 1px solid #1662DB;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: #1663DB !important;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0 20px;
    text-decoration: none !important;
}

.zh-product-service-image {
    width: auto;
    height: 420px;
    flex-shrink: 0;
}

.zh-product-service-image img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

/* 合作伙伴区域 */
.zh-partners-section {
    height: 845px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zh-partners-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zh-partners-title {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    line-height: 64px;
    margin-bottom: 24px;
    color: #122339;
}

.zh-partners-subtitle {
    font-size: 24px;
    color: #272E3B;
    line-height: 31px;
    margin-bottom: 97px;
    text-align: center;
}

.zh-partners-grid {
    display: grid;
    grid-template-columns: repeat(6, 200px);
    grid-template-rows: repeat(6, 83px);
    position: relative;
}

.zh-partner-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: transparent;
    transition: all 0.3s ease;
    z-index: 1;
    text-decoration: none;
    color: inherit;
}

.zh-partner-logo:hover {
    width: 219px;
    height: 92px;
    background: #FFFFFF;
    box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.25);
    z-index: 10;
    transform: translate(-9.5px, -4.5px);
    text-decoration: none;
}

.zh-partner-logo img {
    /* max-width: 80%;
    max-height: 60%; */
    object-fit: contain;
    transition: filter 0.3s ease;
    transform: scale(0.5);
}

/* 精灵图基础样式 */
.zh-partner-sprite {
    background: var(--zh-asset-sprite) no-repeat top left;
    display: inline-block;
    transition: transform 0.3s ease, filter 0.3s ease;
    vertical-align: middle;
    /* 确保精灵图在容器中居中 */
    position: relative;
    /* 使用background-size来缩放，保持清晰度 */
    background-size: auto;
}

/* 鼠标悬浮时精灵图放大1.2倍 */
.zh-partner-logo:hover .zh-partner-sprite {
    transform: scale(1.2);
}

/* 精灵图各个logo的位置和尺寸 */
.zh-partner-sprite.partner-1 { background-position: 0 0; width: 79px; height: 14px; }
.zh-partner-sprite.partner-2 { background-position: -89px 0; width: 105px; height: 18px; }
.zh-partner-sprite.partner-3 { background-position: -204px 0; width: 88px; height: 18px; }
.zh-partner-sprite.partner-4 { background-position: -302px 0; width: 134px; height: 18px; }
.zh-partner-sprite.partner-5 { background-position: -446px 0; width: 125px; height: 19px; }
.zh-partner-sprite.partner-6 { background-position: -581px 0; width: 120px; height: 19px; }
.zh-partner-sprite.partner-7 { background-position: -711px 0; width: 102px; height: 21px; }
.zh-partner-sprite.partner-8 { background-position: -823px 0; width: 105px; height: 22px; }
.zh-partner-sprite.partner-9 { background-position: -938px 0; width: 87px; height: 22px; }
.zh-partner-sprite.partner-10 { background-position: -1035px 0; width: 109px; height: 23px; }
.zh-partner-sprite.partner-11 { background-position: 0 -33px; width: 86px; height: 23px; }
.zh-partner-sprite.partner-12 { background-position: -96px -33px; width: 116px; height: 23px; }
.zh-partner-sprite.partner-13 { background-position: -222px -33px; width: 108px; height: 23px; }
.zh-partner-sprite.partner-14 { background-position: -340px -33px; width: 88px; height: 23px; }
.zh-partner-sprite.partner-15 { background-position: -438px -33px; width: 115px; height: 23px; }
.zh-partner-sprite.partner-16 { background-position: -563px -33px; width: 99px; height: 28px; }
.zh-partner-sprite.partner-17 { background-position: -672px -33px; width: 107px; height: 30px; }
.zh-partner-sprite.partner-18 { background-position: -789px -33px; width: 117px; height: 30px; }
.zh-partner-sprite.partner-19 { background-position: -916px -33px; width: 107px; height: 32px; }
.zh-partner-sprite.partner-20 { background-position: -1033px -33px; width: 97px; height: 32px; }
.zh-partner-sprite.partner-21 { background-position: 0 -75px; width: 116px; height: 32px; }
.zh-partner-sprite.partner-22 { background-position: -116px -75px; width: 60px; height: 36px; }
.zh-partner-sprite.partner-23 { background-position: -186px -75px; width: 59px; height: 36px; }
.zh-partner-sprite.partner-24 { background-position: -255px -75px; width: 102px; height: 37px; }
.zh-partner-sprite.partner-25 { background-position: -367px -75px; width: 44px; height: 37px; }
.zh-partner-sprite.partner-26 { background-position: -421px -75px; width: 98px; height: 38px; }
.zh-partner-sprite.partner-27 { background-position: -529px -75px; width: 91px; height: 41px; }
.zh-partner-sprite.partner-28 { background-position: -630px -75px; width: 116px; height: 41px; }
.zh-partner-sprite.partner-29 { background-position: -746px -75px; width: 116px; height: 43px; }
.zh-partner-sprite.partner-30 { background-position: -862px -75px; width: 67px; height: 44px; }
.zh-partner-sprite.partner-31 { background-position: -939px -75px; width: 59px; height: 46px; }
.zh-partner-sprite.partner-32 { background-position: -1008px -75px; width: 47px; height: 48px; }
.zh-partner-sprite.partner-33 { background-position: -1065px -75px; width: 54px; height: 49px; }
.zh-partner-sprite.partner-34 { background-position: 0 -134px; width: 54px; height: 49px; }
.zh-partner-sprite.partner-35 { background-position: -64px -134px; width: 51px; height: 52px; }
.zh-partner-sprite.partner-36 { background-position: -125px -134px; width: 68px; height: 55px; }

/* 悬浮时隐藏所有边框 */
.zh-partner-logo:hover::before,
.zh-partner-logo:hover::after,
.zh-partner-logo:hover .zh-partner-border-deco {
    display: none;
}

/* 边框装饰 - 上边框（水平线，分左右两段） */
.zh-partner-logo::before {
    content: '';
    position: absolute;
    width: var(--partner-border-len, 40px);
    height: 1px;
    background: linear-gradient(90deg, #C8C8C8 0%, rgba(200, 200, 200, 0) 100%);
    top: 0;
    left: 0;
    pointer-events: none;
}

.zh-partner-logo::after {
    content: '';
    position: absolute;
    width: var(--partner-border-len, 40px);
    height: 1px;
    background: linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #C8C8C8 100%);
    top: 0;
    right: 0;
    pointer-events: none;
}

/* 下边框与左右垂直边框（合并为单层背景） */
.zh-partner-border-deco {
    --p-border-bl: linear-gradient(90deg, #C8C8C8 0%, rgba(200, 200, 200, 0) 100%);
    --p-border-br: linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #C8C8C8 100%);
    --p-border-lt: linear-gradient(180deg, #C8C8C8 0%, rgba(200, 200, 200, 0) 100%);
    --p-border-lb: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #C8C8C8 100%);
    --p-border-rt: linear-gradient(180deg, #C8C8C8 0%, rgba(200, 200, 200, 0) 100%);
    --p-border-rb: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #C8C8C8 100%);
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: var(--p-border-bl), var(--p-border-br), var(--p-border-lt), var(--p-border-lb), var(--p-border-rt), var(--p-border-rb);
    background-size:
        var(--partner-border-len, 40px) 1px,
        var(--partner-border-len, 40px) 1px,
        1px var(--partner-border-len, 40px),
        1px var(--partner-border-len, 40px),
        1px var(--partner-border-len, 40px),
        1px var(--partner-border-len, 40px);
    background-position: bottom left, bottom right, top left, bottom left, top right, bottom right;
    background-repeat: no-repeat;
}

/* PC端边框隐藏规则 */
@media (min-width: 1041px) {
    /* 第一行：隐藏上边框 (第1-6个) */
    .zh-partner-logo:nth-child(-n+6)::before,
    .zh-partner-logo:nth-child(-n+6)::after {
        display: none;
    }

    .zh-partner-logo:nth-child(-n+6) .zh-partner-border-deco {
        --p-border-lt: none;
        --p-border-rt: none;
    }

    /* 最左边一列 (第1, 7, 13, 19, 25, 31个) */
    .zh-partner-logo:nth-child(6n+1)::before {
        display: none;
    }

    .zh-partner-logo:nth-child(6n+1) .zh-partner-border-deco {
        --p-border-bl: none;
        --p-border-lt: none;
        --p-border-lb: none;
    }

    /* 最下边一行 (第31-36个) */
    .zh-partner-logo:nth-child(n+31) .zh-partner-border-deco {
        --p-border-bl: none;
        --p-border-br: none;
        --p-border-lb: none;
        --p-border-rb: none;
    }

    /* 最右边一列 (第6, 12, 18, 24, 30, 36个) */
    .zh-partner-logo:nth-child(6n)::after {
        display: none;
    }

    .zh-partner-logo:nth-child(6n) .zh-partner-border-deco {
        --p-border-br: none;
        --p-border-rt: none;
        --p-border-rb: none;
    }
}

/* 白皮书区域 */
.zh-whitepaper-section {
    height: 620px;
    background-image: var(--lzbg, none); /* 延迟加载：见 .bg-on 规则 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zh-whitepaper-container {
    width: min(1364px, 100%);
    display: grid;
    grid-template-columns: 455px 1fr;
    grid-template-rows: auto auto;
    column-gap: 40px;
    align-items: center;
    justify-content: space-between;
}

.zh-whitepaper-text {
    width: 455px;
    grid-column: 1;
    grid-row: 1;
}

.zh-whitepaper-button {
    width: fit-content;
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    height: 56px;
    background: #FE7308;
    border-radius: 38px;
    padding: 0 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF !important;
    line-height: 36px;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.zh-whitepaper-text h2 {
    font-size: 24px;
    font-weight: bold;
    color: #122339;
    line-height: 31px;
    margin-bottom: 38px;
}

.zh-whitepaper-description {
    font-size: 18px;
    font-weight: 400;
    color: #122339;
    line-height: 25px;
    margin-bottom: 54px;
}

.zh-whitepaper-button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.zh-whitepaper-button:visited {
    color: #FFFFFF !important;
}

.zh-whitepaper-image {
    grid-column: 2;
    grid-row: 1 / 3;
    justify-self: end;
    flex-shrink: 0;
}

.zh-whitepaper-image img {
    height: auto;
    width: 516px;
    object-fit: contain;
}

/* 轮播容器：PC 端展平为网格/列表 */
@media (min-width: 1041px) {
    .zh-features-slideBox.zh-features-grid {
        display: block;
        width: 100%;
    }

    .zh-features-slideBox .hd,
    .zh-hardware-slideBox .hd,
    .zh-advantages-slideBox .hd {
        display: none;
    }

    .zh-features-slideBox .bd,
    .zh-hardware-slideBox .bd,
    .zh-advantages-slideBox .bd {
        height: auto;
        overflow: visible;
        width: 100%;
    }

    .zh-features-slideBox .bd ul {
        display: flex;
        justify-content: center;
        align-items: stretch;
        gap: 2.81%;
        width: 100% !important;
        height: auto;
        position: static;
        left: 0 !important;
        margin: 0;
        padding: 0;
        transform: none !important;
        list-style: none;
    }

    .zh-features-slideBox .bd li {
        float: none;
        flex: none;
        height: auto;
        display: flex;
    }

    .zh-features-slideBox .bd li:nth-child(1) {
        width: 33%;
    }

    .zh-features-slideBox .bd li:nth-child(2),
    .zh-features-slideBox .bd li:nth-child(3) {
        width: 22.3%;
    }

    .zh-features-slideBox .bd li .zh-feature-card {
        width: 100%;
        height: 462px;
    }

    .zh-feature-card--horizontal,
    .zh-feature-card--stacked {
        width: 100%;
    }

    .zh-hardware-slideBox {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
    }

    .zh-hardware-slideBox .bd ul {
        display: block;
        width: 100% !important;
        height: auto;
        position: static;
        transform: none !important;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .zh-hardware-slideBox .bd li {
        float: none;
        width: 100%;
        height: auto;
    }

    .zh-advantages-slideBox.zh-advantages-grid {
        display: block;
        width: 100%;
        max-width: 1702px;
        margin: 0 auto;
    }

    .zh-advantages-slideBox .bd ul {
        display: grid;
        width: 100% !important;
        grid-template-columns: repeat(4, minmax(360px, 1fr));
        gap: 22px;
        height: auto;
        position: static;
        transform: none !important;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        justify-items: center;
    }

    .zh-advantages-slideBox .bd li {
        float: none;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    .zh-advantages-slideBox .bd li .zh-advantage-card {
        width: 100%;
        max-width: 408px;
    }
}

@media (min-width: 1041px) and (max-width: 1750px) {
    .zh-advantages-slideBox .bd ul {
        grid-template-columns: repeat(4, minmax(340px, 1fr));
        gap: 15px;
        padding: 0 15px;
    }
}

@media (min-width: 1041px) and (max-width: 1500px) {
    .zh-advantages-slideBox .bd ul {
        grid-template-columns: repeat(4, minmax(320px, 1fr));
        gap: 12px;
        padding: 0 10px;
    }
}

/* 390px宽度设备适配 */
@media (max-width: 1040px) {
    .zh-hero-section {
        background-image: var(--zh-asset-mob-banner);
        min-height: 500px;
    }

    /* 单张显示的移动端背景图 */
    .zh-hero-section > div[style*="--bg-mobile"] {
        background-image: var(--bg-mobile) !important;
    }

    /* 轮播移动端背景图 - 通过 JavaScript 动态设置 */

    .zh-hero-content {
        min-height: 500px;
    }

    .zh-hero-text {
        top: 13%;
        left: 0;
        right: 0;
        padding: 0 15px;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .zh-hero-line1 {
        font-size: 36px;
        color: #FFFFFF;
        line-height: 47px;
    }

    .zh-hero-line2 {
        font-weight: bold;
        font-size: 19px;
        color: #FFFFFF;
        line-height: 25px;
    }

    .zh-hero-line3 {
        font-weight: 300;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .zh-hero-line4,
    .zh-hero-line5,
    .zh-hero-text-aside {
        display: none;
    }

    .zh-hero-line6 {
        justify-content: center;
    }

    .zh-hero-button {
        font-size: 18px;
        line-height: 24px;
        height: 32px;
        width: fit-content;
        padding: 0 12px;
    }

    .zh-hero-text-aside {
        font-size: 18px;
        line-height: 24px;
    }

    /* 移动端白色样式 */
    .white-style .zh-hero-text,
    .white-style .zh-hero-text .zh-hero-line1,
    .white-style .zh-hero-text .zh-hero-line2,
    .white-style .zh-hero-text .zh-hero-line3 {
        color: #FFFFFF !important;
    }

    /* 移动端黑色样式 */
    .black-style .zh-hero-text,
    .black-style .zh-hero-text .zh-hero-line1,
    .black-style .zh-hero-text .zh-hero-line2,
    .black-style .zh-hero-text .zh-hero-line3 {
        color: #000000 !important;
    }

    .zh-feature-card{
        width: 278px !important;
        height: 210px !important;
        margin: 0 auto
    }

    .zh-feature-image{
        width: 110px !important;
        padding: 0 8px!important;
        margin: auto;
    }

    .zh-feature-card--horizontal .zh-feature-content{
        font-size: 20px !important;
        padding: 0;
    }

    .zh-feature-title{
        padding: 0 10px 6px 3px !important;
        font-size: 20px !important;
        line-height: 30px;
        width: fit-content !important;
    }

    .zh-feature-title-wrapper{
        margin-bottom: 16px !important;
    }

    .zh-feature-desc{
        font-size: 12px !important;
        line-height: 20px !important;
        margin-bottom: 10px !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .zh-feature-link{
        font-size: 14px !important;
        line-height: 19px !important;
    }

    .zh-feature-card:nth-child(2) .zh-feature-content,
    .zh-feature-card:nth-child(3) .zh-feature-content{
        padding: 25px 10px !important;
        max-width: 100% !important;
    }
    .zh-feature-card:nth-child(1) .zh-feature-subtitle,
    .zh-feature-card:nth-child(2) .zh-feature-subtitle,
    .zh-feature-card:nth-child(3) .zh-feature-subtitle{
        height: 36px !important;
    }

    .zh-feature-subtitle{
        height: 36px !important;
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 5px !important;
    }

    /* SuperSlide轮播容器 */
    .zh-features-slideBox {
        position: relative;
        width: 100%;
        overflow: visible;
    }

    .zh-features-slideBox .bd {
        position: relative;
        width: 100%;
        height: 210px;
    }

    .zh-features-slideBox>.bd>div{
        overflow: unset !important;
    }

    .zh-features-slideBox .bd ul {
        width: 300%;
        height: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: unset !important;
    }

    .zh-features-slideBox .bd ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .zh-features-slideBox .bd li {
        float: left;
        width: 33.333%;
        height: 210px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        box-sizing: border-box;
    }

    /* 指示器小圆点样式 */
    .zh-features-slideBox .hd {
        text-align: center;
        margin-top: 24px;
        width: 100%;
        clear: both;
    }

    .zh-features-slideBox .hd ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .zh-features-slideBox .hd li {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D8D8D8;
        margin: 0 6px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
        overflow: hidden;
    }

    .zh-features-slideBox .hd li.on {
        background: #1869DD;
        width: 24px;
        border-radius: 4px;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
    }

    /* 移动端特性卡片区域样式重置 */
    .zh-features-section {
        max-width: none !important;
        margin: -60px auto 36px;
        padding: 20px 0 40px 0 !important;
        overflow: hidden !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .zh-feature-card--horizontal,
    .zh-feature-card--stacked {
        width: 100% !important;
    }

    .zh-features-slideBox {
        display: block !important;
        gap: 0 !important;
        justify-content: unset !important;
        align-items: unset !important;
    }

    /* 移动端卡片基础样式 */
    .zh-features-slideBox .zh-feature-card {
        background: #FFFFFF;
        box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.17);
        border-radius: 15px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        transition: none;
        transform: none;
        max-width: 278px;
    }

    .zh-features-slideBox .zh-feature-card:hover {
        transform: none;
    }

    .zh-features-slideBox .zh-feature-card--horizontal {
        flex-direction: row;
    }

    .zh-features-slideBox .zh-feature-content {
        width: 100%;
        max-width: none;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .zh-features-slideBox .zh-feature-card--stacked {
        width: 100%;
        display: block;
    }

    .zh-features-slideBox .zh-feature-card--stacked .zh-feature-content {
        width: 100% !important;
        padding: 0 !important;
    }

    .zh-stats-section{
        height: fit-content;
    }

    .zh-stats-grid{
        display: block;
        width: 260px;
        margin: 0 auto;
    }

    .zh-stat-item{
        width:257px;
        height:100px;
        margin-bottom: 35px;
    }

    .zh-stat-item:last-child{
        margin-bottom: 0px;
    }

    .zh-stat-icon{
        margin-top: 15px;
        margin-right: 14px;
        flex-shrink: 0;
    }

    .zh-stat-icon img{
        width: 36px;
    }

    .zh-stat-title{
        font-size: 14px !important;
        line-height: 19px !important;
        margin: 0 !important;
        margin-bottom: 3px !important;
    }

    .zh-stat-number{
        font-size: 20px;
        line-height: 26px;
        height: 26px;
    }

    .zh-stat-number-wrapper{
        margin-bottom: 3px;
    }

    .zh-stat-number-text,
    .zh-stat-desc1,
    .zh-stat-desc2{
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 3px;
    }

    .zh-content-section{
        padding: 52px 0;
    }

    .zh-content-section-heading-line {
        display: block;
    }

    .zh-content-section-heading-line--sub::before {
        content: none;
    }

    .zh-content-section h1,
    .zh-content-section h2,
    .zh-content-section-heading {
        font-weight: bold;
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 3px !important;
        text-align: center;
    }

    .zh-content-section h2 a{
        display: inline-block;
        margin: 18px auto;
        height: 36px;
        background: linear-gradient( 90deg, #1D8BE8 0%, #1661DB 100%);
        border-radius: 32px;
        width: fit-content;
        font-weight: bold;
        font-size: 18px;
        padding: 0 22px;
        color: #FFFFFF !important;
        line-height: 36px;
    }

    .zh-content-main{
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .zh-content-video-wrapper{
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        height: 168px;
        margin-bottom: 30px;
    }

    .zh-content-video-wrapper video{
        width: 266px;
        height: 168px;
        background: rgba(229,230,232,0.27);
        box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.17);
        border-radius: 20px;
    }

    .zh-content-text{
        width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: justify;
        width: 295px;
    }

    .zh-content-text h3{
        font-size: 14px !important;
        line-height: 19px !important;
        margin: 0 !important;
    }

    .zh-content-text > div:nth-of-type(1){
        font-size: 14px !important;
        line-height: 24px !important;
        margin-top: 7px !important;
        margin-bottom: 0px !important;
    }

    .zh-content-features{
        display: none;
    }

    .zh-product-services-section{
        padding-top: 48px;
    }

    .zh-product-services-title{
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .zh-product-services-subtitle{
        font-size: 14px !important;
        line-height: 16px !important;
        margin-top: 8px !important;
        margin-bottom: 0px !important;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .zh-product-services-subtitle-questions {
        font-size: 0;
        line-height: 0;
        color: transparent;
    }

    .zh-product-services-subtitle-questions::before {
        content: "备份？灾难恢复？防勒索？";
        display: block;
        font-size: 14px;
        line-height: 16px;
        color: #122339;
    }

    .zh-product-services-subtitle-cta-wrap {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .zh-product-services-subtitle-arrow {
        width: 24px !important;
    }

    .zh-product-service-item:nth-child(n){
        flex-direction: column;
    }

    .zh-product-service-item:nth-child(odd){
        flex-direction: column-reverse;
    }

    .zh-product-service-item{
        margin-bottom: 30px;
    }

    .zh-product-service-item:last-child{
        margin-bottom: 60px;
    }

    .zh-product-service-image{
        width: 240px;
        height: 135px;
        background: #FFFFFF;
        box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.07);
        border-radius: 15px;
        margin: 30px auto;
    }

    .zh-product-service-text{
        padding-top: 0px !important;
        max-width: 290px;
    }

    .zh-product-service-title{
        font-size: 20px !important;
        line-height: 26px;
        margin-left: 0px !important;
        margin-bottom: 12px !important;
    }

    .zh-product-service-desc{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 7px;
    }

    .zh-product-service-tags{
        gap: 0px;
        margin-bottom: 14px;
    }

    .zh-product-service-tag{
        font-size: 14px;
        line-height: 25px;
    }

    .zh-product-service-button{
        height: 30px;
        padding: 0 13px;
        font-weight: 500;
        font-size: 14px !important;
    }

     /* 硬件区域 - 重置PC端样式 */
     .zh-hardware-section{
         padding: 48px 0 60px 0 !important;
     }

     .zh-hardware-section,.zh-hardware-container{
         display: block !important;
     }

     .zh-hardware-container {
         max-width: none !important;
     }

    .zh-hardware-container h2{
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .zh-hardware-section > div > div:first-of-type{
        font-size: 14px !important;
        line-height: 19px !important;
        width: 250px !important;
        margin: 0 auto !important;
        margin-top: 12px !important;
        margin-bottom: 30px !important;
    }

    .zh-hardware-item{
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .zh-hardware-image{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .zh-hardware-image img{
        height: 159px;
        width: auto;
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .zh-hardware-text{
        width: 260px;
        margin: 0 auto;
    }

    .zh-hardware-text h3{
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 32px !important;
        text-align: center;
    }

    .zh-hardware-subtitle{
        display: none;
    }

    .zh-hardware-spec-item{
        align-items: baseline;
        font-size: 14px;
        line-height: 19px;
    }

    .zh-hardware-button{
        height: 32px;
        border-radius: 26px;
        font-size: 14px;
        padding: 0 12px;
        margin: 0 auto;
    }

    /* 硬件区域轮播样式 */
    .zh-hardware-slideBox {
        position: relative;
        width: 100%;
        overflow: visible;
    }

    .zh-hardware-slideBox .bd {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .zh-hardware-slideBox .bd div{
        overflow: unset !important;
    }

    .zh-hardware-slideBox .bd ul {
        width: 200%;
        height: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: unset !important;
    }

    .zh-hardware-slideBox .bd ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .zh-hardware-slideBox .bd li {
        float: left;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 0;
        box-sizing: border-box;
    }

    .zh-hardware-slideBox .bd li .zh-hardware-item {
        max-width: 100%;
    }

    /* 硬件指示器小圆点样式 */
    .zh-hardware-slideBox .hd {
        text-align: center;
        margin-top: 24px;
        width: 100%;
        clear: both;
    }

    .zh-hardware-slideBox .hd ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .zh-hardware-slideBox .hd li {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D8D8D8;
        margin: 0 6px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
        overflow: hidden;
    }

    .zh-hardware-slideBox .hd li.on {
        background: #1869DD;
        width: 24px;
        border-radius: 4px;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
    }

    .zh-solution-section {
        height: 350px;
        background-image: var(--lzbg, none); /* 延迟加载：见下方 .bg-on 规则 */
        padding: 48px 0 20px 0;
    }

    /* 延迟加载：移动端解决方案区背景（覆盖 PC 的 solution.png） */
    .bg-on .zh-solution-section{--lzbg:var(--zh-asset-solution-mob);}

    .zh-solution-container{
        min-height: calc(350px - 48px - 20px);
    }

    .zh-solution-container h2{
        font-size: 20px !important;
        line-height: 26px !important;
        width: 320px !important;
    }

    .zh-solution-subtitle{
        font-size: 14px !important;
        line-height: 19px !important;
        margin: 11px auto 50px;
        width: 225px;

    }

    .zh-solution-description{
        width: 220px;
        margin: 0 auto;
        font-size: 0;
        line-height: 0;
        color: transparent;
    }

    .zh-solution-description::before {
        content: "通过英方软件 i2Active 整库多策略数据实时同步方案，中信建投证券可获取快速、准确、实时的数据进行业务分析，驱动业务增长";
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: #FFFFFF;
        text-align: justify;
    }

    .zh-solution-footer-text{
        font-size: 14px;
        line-height: 20px;
    }

    .zh-video-section{
        height: 617px;
        padding-top: 62px;
        background-position: calc(50% + 200px) calc(50% + 64px);
        background-repeat: no-repeat;
        background-size: 500px;
    }

    .zh-video-section h2{
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 23px !important;
    }

    .zh-video-wrapper{
        display: block;
        position: unset;
        margin: 0 auto;
    }

    .zh-video-overlay {
        position: unset;
        transform: unset;
        width: 328px;
        height: 230px;
        padding: 25px 40px 29px 23px;
        margin: 23px auto;

    }

    .zh-overlay-image{
        width: 105px;
        height: 20px;
        margin-bottom: 15px;
    }
    .zh-overlay-description{
        width:248px;
        font-weight: 400;
        font-size: 0;
        line-height: 0;
        color: transparent;
        margin: auto;
    }

    .zh-overlay-description::before {
        content: "辽宁人民医院用英方方案给 Oracle RAC 和 30 套云业务做实时+定时、本地到异地多重灾备，数据零丢、业务不停…";
        display: block;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #122339;
    }
    .zh-video-main{
        width: 286px;
        height: 160px;
        margin: auto;
        padding: 15px 40px 14px 40px;
    }

    .zh-video-container video{
        height: 130px;
    }

    .zh-overlay-button{
        width: 110px;
        height: 32px;
        padding: 0 12px;
        font-size: 14px;
    }

    .zh-video-play-button{
        width: 52px;
        height: 52px;
        transform: translate(-50%, -50%);
    }

    .zh-partners-section {
        height: fit-content;
    }

    .zh-partners-title{
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .zh-partners-subtitle{
        font-size: 14px !important;
        line-height: 19px !important;
        margin-top: 12px;
        margin-bottom: 24px;
    }

    /* 合作伙伴网格：3列×12行（36个logo） */
    .zh-partners-grid {
        grid-template-columns: repeat(3, 116px) !important;
        grid-template-rows: repeat(12, 50px) !important;
        margin-bottom: 62px;
        --partner-border-len: 24px;
    }

    .zh-partner-sprite {
        transform: scale(0.85);
        transform-origin: center center;
    }

    .zh-partner-logo:hover .zh-partner-sprite {
        transform: scale(0.85);
    }

    .zh-partner-logo:hover {
        width: auto;
        height: auto;
        transform: none;
        box-shadow: none;
        background: transparent;
    }

    /* 第一行：隐藏上边框 (1-3) */
    .zh-partner-logo:nth-child(-n+3)::before,
    .zh-partner-logo:nth-child(-n+3)::after {
        display: none !important;
    }

    .zh-partner-logo:nth-child(-n+3) .zh-partner-border-deco {
        --p-border-lt: none;
        --p-border-rt: none;
    }

    /* 第一列 (1, 4, 7, ...) */
    .zh-partner-logo:nth-child(3n+1)::before {
        display: none !important;
    }

    .zh-partner-logo:nth-child(3n+1) .zh-partner-border-deco {
        --p-border-bl: none;
        --p-border-lt: none;
        --p-border-lb: none;
    }

    /* 最后一行 (34-36) */
    .zh-partner-logo:nth-child(n+34) .zh-partner-border-deco {
        --p-border-bl: none;
        --p-border-br: none;
        --p-border-lb: none;
        --p-border-rb: none;
    }

    /* 第三列 (3, 6, 9, ...) */
    .zh-partner-logo:nth-child(3n)::after {
        display: none !important;
    }

    .zh-partner-logo:nth-child(3n) .zh-partner-border-deco {
        --p-border-br: none;
        --p-border-rt: none;
        --p-border-rb: none;
    }

    .zh-whitepaper-section {
        height: 427px;
        padding-top: 48px;
        padding-bottom: 36px;
    }

    .zh-whitepaper-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .zh-whitepaper-text{
        width: 255px;
        margin: 0 auto;
        order: 1;
        grid-column: auto;
        grid-row: auto;
    }

    .zh-whitepaper-text h2{
        font-size: 16px !important;
        line-height: 21px !important;
    }

    .zh-whitepaper-description{
        font-size: 14px !important;
        line-height: 19px !important;
        width: 198px;
        margin: 12px auto 24px;
    }

    .zh-whitepaper-image {
        order: 2;
        grid-column: auto;
        grid-row: auto;
        justify-self: center;
    }

    .zh-whitepaper-button {
        order: 3;
        grid-column: auto;
        grid-row: auto;
        align-self: center;
        display: flex;
        height: 32px;
        padding: 0 12px;
        font-size: 18px;
        line-height: 32px;
        margin: 25px auto 0;
    }

    .zh-whitepaper-image img{
        width: 154px;
        margin: auto;
    }

    .zh-advantages-section{
        height: fit-content;
        padding-top: 62px;
    }

    .zh-advantages-title{
        font-size: 20px !important;
        line-height: 36px !important;

    }

    .zh-advantage-card{
        width: 294px;
        height: 266px;
        padding: 34px 40px 24px;
    }

    .zh-advantage-title{
        font-size: 20px !important;
        line-height: 26px !important;
        margin: auto;
    }

    .zh-advantage-desc{
        font-size: 14px !important;
        line-height: 28px !important;
        margin-top: 24px !important;
        margin-bottom: 15px !important;
    }

    .zh-advantage-footer{
        font-size: 14px !important;
        line-height: 19px !important;
    }

    /* 优势区域轮播样式 */
    .zh-advantages-slideBox {
        position: relative;
        width: 100%;
        overflow: visible;
    }

    .zh-advantages-slideBox .bd {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .zh-advantages-slideBox .bd div{
        overflow: unset !important;
    }

    .zh-advantages-slideBox .bd ul {
        width: 400%;
        height: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: unset !important;
    }

    .zh-advantages-slideBox .bd ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .zh-advantages-slideBox .bd li {
        float: left;
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        box-sizing: border-box;
    }

    /* 优势指示器小圆点样式 */
    .zh-advantages-slideBox .hd {
        text-align: center;
        margin-top: 24px;
        width: 100%;
        clear: both;
    }

    .zh-advantages-slideBox .hd ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .zh-advantages-slideBox .hd li {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #D8D8D8;
        margin: 0 6px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
        overflow: hidden;
    }

    .zh-advantages-slideBox .hd li.on {
        background: #1869DD;
        width: 24px;
        border-radius: 4px;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
    }

    .zh-advantages-grid{
    margin: 24px auto 58px;
        display: block !important;
        gap: 0 !important;
    }

    .zh-advantage-card{
        margin-bottom: 0 !important;
    }

    .zh-services-section{
        height: fit-content;
    }

    .zh-services-bg{
        padding-top: 35px;
        height: fit-content;
        background-size: auto 270px;
        background-position: top;
    }

    .zh-services-title{
        width: 200px !important;
        font-size: 20px !important;
        line-height: 26px !important;
        letter-spacing: 1.5px;
    }

    .zh-services-subtitle{
        display: none;
    }

    .zh-services-trial-button{
        height: 32px;
        font-size: 18px;
        line-height: 32px;
        padding: 0 12px;
        margin-top: 25px;
    }

    .zh-services-cards{
        display: block;
    }

    .zh-service-card{
        width: 290px;
        height: 295px;
        border: 1px solid #C9CDD4;
        padding: 16px 45px 24px 36px;
        align-items: baseline;
        margin: 0 auto 24px;
    }

    .zh-service-card-icon{
        width: 36px;
        height: 36px;
    }

    .zh-service-card-title{
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .zh-service-card-item-title{
        font-size: 14px;
        line-height: 19px;
    }

    .zh-service-card-item-desc{
        font-size: 12px;
        color: #86909C;
        line-height: 16px;
    }

    .zh-service-card-items {
        justify-content: center;
    }

    .zh-service-card-item{
        width: 193px;
        margin-left:16px;
    }

    .zh-service-card-button{
        height: 27px;
        font-size: 14px;
        line-height: 21px;
        padding: 0 12px;
        margin: auto;
    }
}
