:root {
    --scale-factor-percent: calc(100vw / 1920);
}
.others-section {
    width: 100%;
    height: 59.79vw; /* 1148px -> 59.79vw */
    background: #F8F8F8;
    border-radius: 0px 0px 0px 0px;
    padding: 4.27vw 0 0 0; /* 82px -> 4.27vw */
    box-sizing: border-box;
}

.others-container {
    width: 62.5vw; /* 1200px -> 62.5vw */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.5vw; /* 48px -> 2.5vw */
    box-sizing: border-box;
}

.news-section {
    width: 62.5vw; /* 1200px -> 62.5vw */
    height: 27.24vw; /* 523px -> 27.24vw */
    background: #FFFFFF;
    border-radius: 1.46vw; /* 28px -> 1.46vw */
    border: 0.05vw solid #ABABAB; /* 1px -> 0.05vw */
    overflow: hidden;
    padding: 2.5vw 2.55vw 1.93vw 2.4vw; /* 48px 49px 37px 46px */
    margin: 0;
    box-sizing: border-box;
    position: relative;
}

.about-section {
    width: 62.5vw; /* 1200px -> 62.5vw */
    height: 21.72vw; /* 417px -> 21.72vw */
    background: #FFFFFF;
    border-radius: 1.88vw; /* 36px -> 1.88vw */
    border: 0.05vw solid #ABABAB; /* 1px -> 0.05vw */
    overflow: hidden;
    padding:2.5vw 2.5vw 2.5vw 2.4vw; /* 48px 48px 48px 46px */
    margin: 0;
    box-sizing: border-box;
    position: relative;
    display: flex;
    gap: 2.5vw; /* 48px -> 2.5vw */
}

.about-left {
    width: 28.54vw; /* 548px -> 28.54vw */
    padding: 0;
    box-sizing: border-box;
}

.about-right {
    width: 26.61vw; /* 511px -> 26.61vw */
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-bottom: none;
    margin-bottom: 0;    /* 添加这行确保底部无边距 */
    padding-bottom: 0;   /* 添加这行确保底部无内边距 */
}

.news-title {
    font-family: "Source Han Sans CN", sans-serif;
    font-weight: bold;
    font-size: 1.67vw; /* 32px -> 1.67vw */
    color: #00509F;
    line-height: 1.98vw; /* 38px -> 1.98vw */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 0.47vw; /* 9px -> 0.47vw */
    box-sizing: border-box;
}

.more-news {
    width: 10.42vw; /* 200px -> 10.42vw */
    height: 3.33vw; /* 64px -> 3.33vw */
    background: #00509F;
    border-radius: 0.63vw; /* 12px -> 0.63vw */
    font-family: "Source Han Sans CN", "Source Han Sans CN";
    font-weight: 400;
    font-size: 1.25vw; /* 24px -> 1.25vw */
    color: #FFFFFF;
    line-height: 2.76vw; /* 53px -> 2.76vw */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-transform: none;
    font-style: normal;
}

.more-news:hover {
    background-color: #007DDB;
    color: #FFFFFF;
}

.news-list {
    border-top: none;
    box-sizing: border-box;
    margin-top: 1.25vw; /* 24px -> 1.25vw */
    padding-top: 0;     /* 添加这行确保顶部无内边距 */
}

.news-item {
    display: flex;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
    align-items: center;
    flex-direction: column;
}

.news-item-content {
    display: flex;
    width: 100%;
    align-items: center;
}

.news-item-divider {
    width: 57.71vw; /* 1108px -> 57.71vw */
    border-top: 0.05vw solid #929292; /* 1px -> 0.05vw */
    margin: 0.57vw 0 0.78vw 0; /* 11px 0 15px 0 */

}

.news-time {
    width: 7.34vw; /* 141px -> 7.34vw */
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 1.04vw; /* 20px -> 1.04vw */
    color: #4C4C4C;
    line-height: 1.82vw; /* 35px -> 1.82vw */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-right: 0.99vw; /* 19px -> 0.99vw */
}

.news-content {
    flex: 1;
    box-sizing: border-box;
}

.news-content-text {
    width: 49.06vw; /* 942px -> 49.06vw */
    font-family: "Source Han Sans CN", "Source Han Sans CN";
    font-weight: 400;
    font-size: 1.04vw; /* 20px -> 1.04vw */
    color: #4C4C4C;
    line-height: 1.82vw; /* 35px -> 1.82vw */
    text-align: left;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;         /* 禁止换行 */
    overflow: hidden;            /* 隐藏超出部分 */
    text-overflow: ellipsis;     /* 显示省略号 */
    display: block;              /* 确保省略号效果生效 */
}

.news-content-text:hover {
    color: #00509F;
    text-decoration: none;
}

.about-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.3vw; /* 25px -> 1.3vw */
    margin-top: -0.99vw; /* -19px -> -0.99vw */
    box-sizing: border-box;
}

.about-title {
    font-family: "Source Han Sans CN", sans-serif;
    font-weight: bold;
    font-size: 1.67vw; /* 32px -> 1.67vw */
    color: #00509F;
    line-height: 1.98vw; /* 38px -> 1.98vw */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-right: 13.33vw; /* 256px -> 13.33vw */
    box-sizing: border-box;
    white-space: nowrap;
}

.learn-more {
    width: 8.28vw; /* 159px -> 8.28vw */
    height: 2.81vw; /* 54px -> 2.81vw */
    background: #00509F;
    border-radius: 0.63vw; /* 12px -> 0.63vw */
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 1.04vw; /* 20px -> 1.04vw */
    color: #FFFFFF;
    line-height: 2.76vw; /* 53px -> 2.76vw */
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.learn-more:hover {
    background-color: #007DDB;
    color: #FFFFFF;
}

.about-content {
    box-sizing: border-box;
    width: 28.54vw; /* 548px -> 28.54vw */
    height: 11.98vw; /* 230px -> 11.98vw */
    overflow: hidden;
}

.about-text {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 0.89vw; /* 17px -> 0.89vw */
    color: #333333;
    line-height: 1.77vw; /* 34px -> 1.77vw */
    text-align: left;
    font-style: normal;
    text-transform: none;
}

/* 英文界面基础样式省略处理 */
html[lang="en"] .about-text,
body.english-version .about-text,
.index_en .about-text,
[data-lang="en"] .about-text {
    max-height: 11.98vw; /* 最大高度与容器一致 */
    overflow: hidden;
    position: relative;
}

html[lang="en"] .about-text::after,
body.english-version .about-text::after,
.index_en .about-text::after,
[data-lang="en"] .about-text::after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #FFFFFF;
    padding-left: 20px;
    background: linear-gradient(to right, transparent, #FFFFFF 50%);
}

.about-image-container {
    width: 26.61vw; /* 511px -> 26.61vw */
    height: 16.72vw; /* 321px -> 16.72vw */
    border-radius: 0.99vw; /* 19px -> 0.99vw */
    overflow: hidden;
    box-sizing: border-box;
}

.about-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}

.news-item:last-child .news-item-divider {
    display: none;
}

/* 英文界面特殊样式 */
html[lang="en"] .about-text,
body.english-version .about-text,
.index_en .about-text,
[data-lang="en"] .about-text {
    font-size: 0.83vw; /* 16px -> 0.83vw */
    line-height: 1.46vw; /* 28px -> 1.46vw */
}

/* 英文界面隐藏about-text-image */
html[lang="en"] .about-text-image,
body.english-version .about-text-image,
.index_en .about-text-image,
[data-lang="en"] .about-text-image {
    display: none !important; /* 桌面端英文界面不显示这个图片 */
}

/* 在移动端覆盖上面的规则，让图片显示出来 */
@media screen and (max-width: 492px) {
    /* 移动端背景板高度自适应 */
    .others-section {
        height: auto; /* 改为自适应高度 */
        padding: 0; /* 完全移除桌面版的4.27vw上边距 */
        background: #F8F8F8;
        border-radius: 0px 0px 0px 0px;
        box-sizing: border-box;
    }

    .others-container {
        width: 300px; /* 1200px * 0.25 = 300px */
        gap: 12px; /* 48px * 0.25 = 12px */
        margin: 0 auto;
    }

    /* 新闻资讯模块 - 25%缩放 */
    .news-section {
        width: 300px; /* 1200px * 0.25 = 300px */
        height: 131px; /* 523px * 0.25 = 130.75px */
        background: #FFFFFF;
        border-radius: 7px; /* 28px * 0.25 = 7px */
        border: 0.25px solid #ABABAB; /* 1px * 0.25 = 0.25px */
        overflow: hidden;
        padding: 12px 12px 9px 12px; /* 48px 49px 37px 46px * 0.25 */
        margin: 0;
        box-sizing: border-box;
        position: relative;
    }

    .news-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0; /* 保持原有的0边距 */
        padding-bottom: 0; /* 保持原有的0内边距 */
    }

    .news-title {
        font-size: 8px; /* 32px * 0.25 = 8px */
        line-height: 10px; /* 38px * 0.25 = 9.5px */
        margin-top: 2px; /* 9px * 0.25 = 2.25px */
        color: #00509F;
        box-sizing: border-box;
    }

    .more-news {
        width: 50px; /* 200px * 0.25 = 50px */
        height: 16px; /* 64px * 0.25 = 16px */
        border-radius: 3px; /* 12px * 0.25 = 3px */
        font-size: 8px; /* 24px * 0.25 = 6px */
        line-height: 13px; /* 53px * 0.25 = 13.25px */
        background: #00509F;
        color: #FFFFFF;
        margin-top: -15px; /* 负边距让按钮向上移动，更贴近标题 */
    }

    .news-list {
        border-top: none !important;
        box-sizing: border-box;
        margin-top: -15px !important; /* 负边距抵消基础样式的1.25vw(≈6px在492px屏幕) */
        padding-top: 0 !important;
    }

    .news-item {
        display: flex;
        padding: 0;
        box-sizing: border-box;
        margin: 0;
        align-items: center;
        flex-direction: column;
    }

    .news-item-content {
        display: flex;
        width: 100%;
        align-items: center;
    }

    .news-time {
        width: 35px; /* 141px * 0.25 = 35.25px */
        font-family: Source Han Sans CN, Source Han Sans CN;
        font-weight: 400;
        font-size: 10px; /* 基础字号10px */
        color: #4C4C4C;
        line-height: 9px; /* 35px * 0.25 = 8.75px */
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-right: 5px; /* 19px * 0.25 = 4.75px */
        transform: scale(0.5); /* 10px * 0.5 = 5px */
        transform-origin: left center;
        white-space: nowrap; /* 禁止换行 */
    }

    .news-content {
        flex: 1;
    }

    .news-content-text {
        width: auto; /* 允许内容自适应宽度，不再限制 */
        font-family: "Source Han Sans CN", "Source Han Sans CN";
        font-weight: 400;
        font-size: 10px; /* 基础字号10px */
        color: #4C4C4C;
        line-height: 9px; /* 35px * 0.25 = 8.75px */
        text-align: left;
        font-style: normal;
        text-transform: none;
        white-space: nowrap; /* 保持不换行 */
        display: block;
        transform: scale(0.5); /* 10px * 0.5 = 5px */
        transform-origin: left center;
    }

    /* 英文界面新闻内容省略处理 */
    html[lang="en"] .news-content-text,
    body.english-version .news-content-text,
    .index_en .news-content-text,
    [data-lang="en"] .news-content-text {
        width: 470px !important; /* 英文基础宽度，缩放后235px */
        overflow: hidden !important; /* 隐藏超出部分 */
        text-overflow: ellipsis !important; /* 显示省略号 */
    }

    .news-item-divider {
        width: 276px; /* 1108px * 0.25 = 277px */
        border-top: 0.25px solid #929292; /* 1px * 0.25 = 0.25px */
        margin: 3px 0 4px 0; /* 11px 0 15px 0 * 0.25 */
    }

    /* 关于我们模块 - 25%缩放 */
    .about-section {
        width: 300px; /* 1200px * 0.25 = 300px */
        height: 104px; /* 417px * 0.25 = 104.25px */
        background: #FFFFFF; /* 确保背景色被覆盖 */
        border-radius: 9px; /* 36px * 0.25 = 9px */
        border: 0.25px solid #ABABAB; /* 1px * 0.25 = 0.25px */
        overflow: hidden; /* 确保溢出处理被覆盖 */
        padding: 12px 12px 12px 12px; /* 48px 48px 48px 46px * 0.25 */
        margin: 0; /* 确保外边距被覆盖 */
        box-sizing: border-box;
        position: relative; /* 确保定位被覆盖 */
        display: flex;
        gap: 0px; /* 48px * 0.25 = 12px */
    }

    .about-left {
        width: 137px; /* 548px * 0.25 = 137px */
        padding: 0;
        box-sizing: border-box; /* 确保盒模型被覆盖 */
    }

    .about-right {
        width: 128px; /* 511px * 0.25 = 127.75px */
        padding: 0; /* 确保内边距被覆盖 */
        box-sizing: border-box; /* 确保盒模型被覆盖 */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 0px; /* 25px * 0.25 = 6.25px */
        margin-top: -3px; /* -19px * 0.25 = -4.75px */
        box-sizing: border-box;
    }

    .about-title {
        font-family: "Source Han Sans CN", sans-serif;
        font-weight: bold;
        font-size: 8px; /* 32px * 0.25 = 8px */
        color: #00509F;
        line-height: 10px; /* 38px * 0.25 = 9.5px */
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-right: 55px; /* 调整间距以适应移动端容器宽度 137px - 40px(按钮) - 33px(间距) = 64px剩余 */
        margin-top: -2px; /* 向上移动 */
        box-sizing: border-box;
        white-space: nowrap;
    }

    .learn-more {
        width: auto; /* 159px * 0.25 = 39.75px */
        height: 14px; /* 54px * 0.25 = 13.5px */
        background: #00509F; /* 确保背景色被覆盖 */
        border-radius: 3px; /* 12px * 0.25 = 3px */
        font-family: Source Han Sans CN, Source Han Sans CN; /* 确保字体被覆盖 */
        font-weight: 400; /* 确保字重被覆盖 */
        font-size: 8px; /* 基础字号10px */
        color: #FFFFFF;
        line-height: 13px; /* 53px * 0.25 = 13.25px */
        text-align: center; /* 确保文本对齐被覆盖 */
        font-style: normal; /* 确保字体样式被覆盖 */
        text-transform: none; /* 确保文本变换被覆盖 */
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -20px; /* 向上移动 */
        padding: 0 2px; /* 左右内边距2px */
    }

    .learn-more:hover {
        background-color: #007DDB; /* 确保hover状态被覆盖 */
        color: #FFFFFF;
    }

    .about-content {
        width: 137px; /* 548px * 0.25 = 137px */
        height: 58px; /* 230px * 0.25 = 57.5px */
        overflow: hidden;
        box-sizing: border-box;
        margin-top: -10px;
    }

    .about-text {
        font-family: Source Han Sans CN, Source Han Sans CN;
        font-weight: 400;
        font-size: 10px; /* 基础字号10px */
        color: #333333;
        line-height: 16px; /* 增加行高，确保缩放后有足够间距 (16px * 0.4 = 6.4px) */
        text-align: left;
        font-style: normal;
        text-transform: none;
        transform: scale(0.45); /* 10px * 0.4 = 4px */
        transform-origin: left top;
        width: 280px; /* 让基础宽度更大，缩放后(340px * 0.4 = 136px)能充分利用容器 */
    }

    /* 英文界面移动端样式 */
    html[lang="en"] .about-text,
    body.english-version .about-text,
    .index_en .about-text,
    [data-lang="en"] .about-text {
        height: 130px !important;
        font-family: Source Han Sans CN, Source Han Sans CN !important;
        font-weight: 400 !important;
        font-size: 10px !important; /* 基础字号10px */
        color: #333333 !important;
        line-height: 10px !important; /* 增加行高，确保缩放后有足够间距 */
        text-align: left !important;
        font-style: normal !important;
        text-transform: none !important;
        transform: scale(0.45) !important; /* 与中文版相同的缩放 */
        transform-origin: left top !important;
        width: 290px !important; /* 与中文版相同的宽度 */
        max-height: none !important; /* 移除基础样式的高度限制 */
        overflow: visible !important; /* 移除基础样式的overflow */
        position: static !important; /* 移除基础样式的定位 */
    }

    /* 移除英文界面的伪元素省略号 */
    html[lang="en"] .about-text::after,
    body.english-version .about-text::after,
    .index_en .about-text::after,
    [data-lang="en"] .about-text::after {
        display: none !important;
    }

    .about-image-container {
        width: 128px; /* 511px * 0.25 = 127.75px */
        height: 80px; /* 321px * 0.25 = 80.25px */
        border-radius: 5px; /* 19px * 0.25 = 4.75px */
        overflow: hidden;
    }

    .about-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}