@font-face {
    font-family: 'OPPOSans-B';
    /* 路径根据你的实际存放位置调整，这里假设在 resources/fonts/ 下 */
    src: url('/resources/font/OPPOSans_B.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    /* 关键：防止字体加载时文字消失 */
}

.page {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.section_1 {
    width: 100%;

    background: url(/resources/images/index_background.png) 100% no-repeat;
    background-size: 100% 100%;
}

.box_1 {
    position: relative;
    height: 100vh;


    background: url(/resources/images/background-hui.png) 100% no-repeat;
    background-size: cover;
    transition: background-image 0.5s ease-in-out;
    z-index: 1;

    max-height: 1080px;
    min-height: 500px;
}

.carousel-link-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* 层级低于导航菜单(z-index: 999)和按钮(z-index: 10) */
    cursor: pointer;
    /* 鼠标悬停显示手型 */
    display: block;
}

/*
 * .box_1::after {
 *     content: '';
 *         position: absolute;
 *             bottom: 0;
 *                 left: 0;
 *                     width: 100%;
 *                         height: 5%;
 *                             background: linear-gradient(to bottom,
 *                                         transparent 0%,
 *                                                     #000000FF 10%,
 *                                                                 #000000FF 100%);
 *                                                                     pointer-events: none;
 *                                                                     }*/

.group_1 {
    width: 100%;
    height: auto;
    min-height: 100px;
    flex-wrap: wrap;
    position: relative;
    display: flex;

    /*
 *     background:url(/resources/images/background-hui.png) 100% no-repeat;
 *         background-size :100% 100%;*/
    flex-direction: column;
    align-items: center;

    justify-content: flex-start;

    z-index: 100;
}

.image_1 {
    aspect-ratio: 266 / 64;
    width: 14vw;
    height: calc(19vw * 64 / 266);
    object-fit: contain;
    flex-shrink: 0;
    position: absolute;

    left: 60px;
    top: 20px;
}

.box_2 {
    height: 53px;
    /*background: url(/resources/images/index-kui.png) 100% no-repeat;*/
    background-size: 100% 100%;
    */ width: 103px;
    position: relative;
    margin: 137px 0 0 63px;
}

.text_1 {
    width: 48px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    margin: 18px 0 0 28px;
}

.section_2 {
    height: 27px;
    background: url(/resources/images/index-c.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 137px;
    position: absolute;
    left: -17px;
    top: 27px;
}

.box_3 {
    background-color: rgba(242, 100, 22, 1);
    border-radius: 2px;
    width: 104px;
    height: 5px;
    margin: 23px 0 0 16px;
}

.text_2 {
    overflow-wrap: break-word;
    font-size: 16px;
    font-family: OPPOSans-B;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    text-decoration: none;
    /* 去除下划线 */
    color: #ffffff !important;
    /* 强制使用纯白色，确保最亮 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_3 {
    width: 100px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    margin: 155px 0 0 82px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_4 {
    width: 124px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    margin: 155px 0 0 83px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_5 {
    width: 98px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    margin: 155px 0 0 88px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_6 {
    width: 98px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    margin: 155px 0 0 83px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_7 {
    width: 99px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.image-wrapper_7 {
    width: 92%;
    height: 72px;
    margin: 140px 0 0 76px;
}

.image_2 {
    width: 36px;
    height: 71px;
}

.image_3 {
    width: 36px;
    height: 71px;
    margin-top: 1px;
}

.text-wrapper_1 {
    background-color: rgba(255, 198, 0, 1);
    border-radius: 3px;
    height: 26px;
    width: 159px;
    margin: 130px 0 0 164px;
}

.text_8 {
    width: 137px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin: 6px 0 0 10px;
}

.text-group_9 {
    width: 594px;
    height: 104px;
    margin: 10px 0 171px 157px;
}

.text_9 {
    width: 288px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 29px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 29px;
}

.text_10 {
    width: 288px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 29px;
    font-family: OPPOSans-H;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 29px;
}

.paragraph_1 {
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
    width: 594px;
    height: 62px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
    margin-top: 13px;
}

.group_2 {
    position: absolute;
    left: 0;
    top: 854px;
    width: 100%;
    height: 152px;
    background: url(/resources/images/index-h.png) 100% no-repeat;
    background-size: 100% 100%;
}

.section_3 {
    background-color: rgba(255, 255, 255, 1);
    width: 33px;
    height: 4px;
    margin: 17px 0 0 841px;
}

.section_4 {
    background-color: rgba(233, 83, 31, 1);
    width: 33px;
    height: 4px;
    margin: 17px 0 0 18px;
}

.section_5 {
    background-color: rgba(255, 255, 255, 1);
    width: 33px;
    height: 4px;
    margin: 17px 0 0 18px;
}

.section_6 {
    background-color: rgba(255, 255, 255, 1);
    width: 33px;
    height: 4px;
    margin: 17px 0 0 18px;
}

.section_7 {
    background-color: rgba(255, 255, 255, 1);
    width: 33px;
    height: 4px;
    margin: 17px 842px 0 18px;
}

.group_11 {
    width: 100%;
    padding: 40px 5%;
    /* 上下留白，左右自适应 */
    box-sizing: border-box;
    background-color: #0e0e0e;
    /* 假设背景色，可根据实际调整 */
    z-index: 100;
}

.news-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    /* 左右两个大模块之间的间距 */
    max-width: 1200px;
    margin: 0 auto;
}

.news-block {
    flex: 1;
    /* 左右各占50% */
    background-color: rgba(29, 29, 29, 0.9);
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
    min-height: 400px;
    /* 最小高度保证 */
}

.section_15 {
    width: 60%;
    margin: -144px 0 0 67px;
}

.text_11 {
    width: 134px;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(242, 100, 21, 1);
    font-size: 34px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 5px;
}

.i_text_11 {
    width: 134px;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(242, 100, 21, 1);
    font-size: 34px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 34px;
    margin-top: 0;
    margin-left: 0 !important;
    margin-bottom: 5px;
}

.image-text_11 {
    width: 187px;
    height: 18px;
    margin: 15px 0 0 12px;
}

.section-header .text-group_2 {
    display: flex;
    align-items: center;
    height: auto;
}

.text-group_2 {
    width: 132px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.image_4 {
    width: 38px;
    height: 17px;
    margin-top: 1px;
}

.label_1 {
    width: 28px;
    height: 24px;
    margin-left: 464px;
}

.text_12 {
    width: 137px;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(242, 100, 21, 1);
    font-size: 34px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 34px;
    margin: 6px 0 0 127px;
}

.text_13 {
    width: 119px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 18px;
    margin: 14px 0 0 11px;
}

.box_5 {
    background-color: rgba(242, 100, 21, 1);
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin: 15px 0 0 16px;
}

.thumbnail_1 {
    width: 9px;
    height: 9px;
    flex-shrink: 0;
    margin-right: 8px;
}

.news-item img.thumbnail_1 {
    flex-shrink: 0;
    /* 防止图标被压缩 */
    margin-right: 10px;
}

.section_16 {
    width: 90%;
    margin: 18px 0 0 80px;
    min-height: 560px;
    flex-direction: column;
}

.section-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.section-header .text_11 {
    margin-top: 0;
    margin-right: 12px;
    line-height: normal;
}

.section-header .image-text_11 {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    min-height: 560px;
}

.block_1 {
    display: flex;
    flex-direction: column;
    width: 48%;
    box-sizing: border-box;
    background-color: rgba(29, 29, 29, 0.9);
    /* 移除 height: auto，让它由内容决定，或者给一个最小高度 */
    min-height: 500px;
}

.responsive-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.section_17 {
    width: 45%;
    height: auto;
    margin: 0 34px 0 0;
}

.image-text_12 {
    width: 402px;
    height: 46px;
}

.label_2 {
    width: 23px;
    height: 28px;
    margin-top: 6px;
}

.text-group_3 {
    width: 367px;
    height: 46px;
    overflow-wrap: break-word;
    color: rgba(242, 100, 21, 1);
    font-size: 20px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
    line-height: 25px;
}

.section_18 {
    width: 100%;
    max-width: 391px;
    height: auto;
    margin: 16px 0 0 3px;
}

.image-wrapper_8 {
    width: 100%;
    flex: 1;
    /* 占据 section_17 的剩余空间 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* 5条新闻均匀分布 */
    min-height: 0;
}

.paragraph_2 {
    width: 360px;
    height: 276px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
}

.image-text_13 {
    display: flex;
    gap: 10px;

    /* 方案 B：让整个块靠右 */
    margin-top: 40px;
    margin-left: auto;
    margin-right: 30px;
    /* 右侧留白 */
    width: auto;
    /* 宽度由内容决定 */
}

.label_3 {
    width: 24px;
    height: 24px;
}

.text-group_4 {
    width: 47px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(233, 83, 31, 1);
    font-size: 25px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.block_4 {
    background-color: rgba(29, 29, 29, 0.9);
    width: 50%;
    margin-left: 18px;
}

.block_1,
.block_4 {
    display: flex;
    flex-direction: column;
    width: 48%;
    box-sizing: border-box;
    background-color: rgba(29, 29, 29, 0.9);
    min-height: 500px;
    /* 保证整体有足够高度 */
}

.group_4 {
    background-color: rgba(223, 98, 0, 1);
    width: 386px;
    height: 534px;
    margin-top: -1px;
}

.box_13 {
    width: 389px;
    height: 404px;
    margin: 105px 33px 0 36px;
}

.block_5 {
    width: 318px;
    height: 21px;
    margin-left: 3px;
}

.group_7 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    width: 9px;
    height: 9px;
    margin-top: 10px;
}

.paragraph_3 {
    width: 287px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
}

.image-text_14 {
    width: 387px;
    height: 276px;
    margin-top: 18px;
}

.section_19 {
    width: 23px;
    height: 223px;
    margin-top: 24px;
}

.box_6 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    width: 9px;
    height: 9px;
    margin-left: 3px;
}

.box_7 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    width: 9px;
    height: 9px;
    margin: 62px 0 0 3px;
}

.label_4 {
    width: 23px;
    height: 28px;
    margin-top: 53px;
}

.box_8 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    width: 9px;
    height: 9px;
    margin: 53px 0 0 3px;
}

.text-group_5 {
    width: 353px;
    height: 276px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
}

.paragraph_4 {
    width: 353px;
    height: 276px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
}

.paragraph_5 {
    width: 353px;
    height: 276px;
    overflow-wrap: break-word;
    color: rgba(242, 100, 21, 1);
    font-size: 20px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: left;
}

.text_14 {
    width: 353px;
    height: 276px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
}

.image-text_15 {
    width: 82px;
    height: 24px;
    margin: 65px 0 0 307px;
}

.label_5 {
    width: 24px;
    height: 24px;
}

.text-group_6 {
    width: 47px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(233, 83, 31, 1);
    font-size: 25px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
}

.section_11 {
    position: relative;
    width: 100%;
    background: url(/resources/images/backimg2.png) 100% no-repeat;
    background-size: 100% 100%;
    margin: 103px 0 1px 0;

    flex-direction: column;
    align-items: center;
}

.image-wrapper_9 {
    display: flex;
    flex-direction: row;

    /* 【关键1】改为 space-between 或 center，取决于你是否希望图标均匀分布 */
    /* 如果希望图标之间间距固定，用 center + gap */
    justify-content: center;
    align-items: center;

    /* 【关键2】使用 margin: 0 auto 确保在父级中水平居中 */
    margin: 40px auto 0 auto;


    position: relative;

    gap: 90px;
    /* 你可以根据需要调整这个间距 */

    transform: translateX(-20px);
}

.image-wrapper_9 img:hover {
    transform: scale(1.05);
}

/* 二维码容器 */
.qr-code-wrapper {
    /* 1. 启用 Flex 布局 */
    display: flex;

    flex: 0 0 auto;

    /* 2. 设置主轴方向为纵向（从上到下） */
    flex-direction: column;

    /* 3. 水平居中 */
    align-items: center;

    /* 4. 垂直居中（如果容器有固定高度）或均匀分布 */
    justify-content: center;

    /* 5. 保持原有的定位和层级 */
    position: relative;
    z-index: 1000;

    /* 6. 可选：增加图片和文字之间的间距 */
    gap: 11px;

    /* 7. 确保容器宽度能容纳内容，或者根据设计稿固定宽度 */
    width: auto;
    text-align: center;
    /* 确保多行文字也居中 */
}

.qr-code-wrapper img {
    display: block;
    /* 
 *        direction: below (向下倒影)
 *               offset: 5px (倒影与原图的间距)
 *                      mask-box-image: 线性渐变，从完全不透明到完全透明，形成渐隐效果
 *                          */
    -webkit-box-reflect: none;

    /* 可选：给图片加一点圆角或阴影，让倒影更自然 */
    border-radius: 4px;
    transition: transform 0.3s ease;
}

/* 二维码图片 - 默认隐藏 */
.qr-code-image {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 150px;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1001;
}

/* 二维码图片 - 默认隐藏 */
.qr-code-image1 {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 150px;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 9999;
}

/* 鼠标悬浮时显示二维码 */
.qr-code-wrapper:hover .qr-code-image {
    opacity: 1;
    visibility: visible;
    bottom: 70px;
}

/* 鼠标悬浮时显示二维码 */
.qr-code-wrapper:hover .qr-code-image1 {
    opacity: 1;
    visibility: visible;
    bottom: 70px;
}

.qr-code-wrapper .text_16 {
    margin: 0;
    padding: 0;
    line-height: normal;
    /* 防止行高过大导致视觉不居中 */
    white-space: nowrap;
    /* 防止文字换行 */
}

.qr-code-image img,
.qr-code-image1 img {
    -webkit-box-reflect: none;
    /* 关键：清除倒影 */
    box-reflect: none;
    /* 标准属性，以防未来浏览器支持 */
}

.qr-code-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.qr-code-image1 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.image_5 {
    width: 58px;
    height: 40px;
}

.image_6 {
    width: 58px;
    height: 40px;
}

.image_7 {
    width: 58px;
    height: 40px;
}

.image_8 {
    width: 58px;
}

.image_9 {
    width: 58px;
    height: 40px;
}

.image_10 {
    width: 58px;
    height: 40px;
}

.text-wrapper_6 {
    width: auto;
    height: 24px;
    gap: 62px;

    transform: translateX(-15px);
}

.text_16 {
    width: auto;
    height: auto;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 17px;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: normal;
}

.text_17 {
    width: 98px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 55px;
    margin-left: 118px;
}

.text_18 {
    width: 94px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 55px;
    margin-left: 104px;
}

.text_19 {
    width: 96px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 55px;
    margin-left: 115px;
}

.text_20 {
    width: 96px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 55px;
    margin-left: 105px;
}

.text_21 {
    width: 97px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 25px;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 55px;
    margin-left: 104px;
}

.image_11 {
    width: 75%;
    height: 4px;
    margin-top: 147px;
}

.block_6 {
    /* 建议恢复具体宽度，或者保持 100% 但内部元素需居中 */
    height: 34px;
    /* 修改为上下边距 61px，左右自动（实现水平居中） */
    margin: 61px auto 0 auto;

    gap: 56px;

    justify-content: content;

    transform: translateX(-5px);
}

.text_22 {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-family: AlibabaPuHuiTi-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 33px;
    margin-top: 8px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.block_6 .text_22 {
    margin-top: 0;
    /* 清除之前可能存在的 margin-top: 8px */
    line-height: normal;
    /* 恢复自然行高 */
    display: flex;
    align-items: center;
    height: 100%;
    /* 确保占满父级高度以便居中 */
}

.image_12 {
    width: 1px;
    height: 34px;
}

.text_23 {
    width: 82px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 33px;
    margin: 7px 0 0 100px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.image_13 {
    width: 1px;
    height: 34px;
    margin-left: 100px;
}

.text_24 {
    width: 83px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 33px;
    margin: 7px 0 0 100px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.image_14 {
    width: 1px;
    height: 34px;
    margin-left: 109px;
}

.text_25 {
    width: 81px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 33px;
    margin: 3px 0 0 107px;
    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_26 {
    width: 1045px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 33px;
    margin: 38px auto 44px auto;
}

.text-wrapper_3 {
    position: absolute;
    /* 1. 将左边缘定位到父容器的 50% 处 */
    left: 50%;
    /* 2. 向左平移自身宽度的 50%，从而实现完美居中 */
    transform: translateX(-50%);

    /* 【新增】使用 Flex 布局让内部元素居中 */
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */

    top: -16px;
    width: 46%;
    background: url(/resources/images/index-heng.png) 100% no-repeat;
    background-size: 100% 100%;

    /* 可选：如果希望在小屏幕上不溢出，可以添加最大宽度限制 */
    max-width: 100%;

    z-index: 0;
}

.text-group_10 {
    width: auto;
    height: 59px;
    margin-top: -24px;
    margin-right: 27px;
}

.text_27 {
    width: auto;
    height: 34px;
    overflow-wrap: break-word;
    color: rgba(233, 83, 31, 1);
    font-size: 24px;
    font-family: OPPOSans-B;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 34px;
}

.text_15 {
    width: auto;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(233, 83, 31, 1);
    font-size: 16px;
    font-family: OPPOSans-R;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 18px;
}

.image_15 {
    width: 59%;
    margin-top: -30px;
    margin-left: 13px;

    /* 可选：防止在大图在小屏幕上溢出 */
    max-width: 100%;
}

.news-item {
    display: flex !important;
    align-items: flex-start !important;
    /* 关键修改：改为顶部对齐，防止单行文本垂直居中导致上方留白过大 */
    margin-bottom: 15px;
    width: 90% !important;
    max-width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    padding: 2px 4px;
    /* 稍微减小上下 padding */
    background-color: rgb(255, 255, 255, 0.1);
    border-radius: 5px;
    transition: background-color 0.3s ease;
    overflow: hidden;
}

.news-item:hover .news-title {
    color: #ff0000;
}

.news-item img {
    margin-right: 10px;
    flex-shrink: 0;
}

.news-title {
    flex: 1;
    min-width: 0;
    color: #ffffff;
    line-height: 1.4;

    /* 【修改】基础样式设为大屏字体，例如 18px */
    font-size: 18px;

    transition: color 0.3s ease;
    text-decoration: none;
    cursor: pointer;

    /* 多行文本截断 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 关键：高度随字体变化 */
    height: 2.8em;
}

.qr-trigger-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* 二维码弹窗默认隐藏 */
.qr-popup {
    position: absolute;
    top: 100%;
    /* 在文字正下方 */
    left: 50%;
    transform: translateX(-50%);
    /* 水平居中 */

    margin-top: 10px;
    /* 间距 */

    /* 初始状态 */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    /* 平滑过渡 */

    /* 样式美化 */
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    text-align: center;
    min-width: 150px;
}

/* 二维码图片样式 */
.qr-popup img {
    width: 120px;
    height: 120px;
    display: block;
    margin-bottom: 5px;
}

/* 提示文字样式 */
.qr-popup p {
    font-size: 12px;
    color: #666;
    margin: 0;
    white-space: nowrap;
}

/* 当添加 active 类时显示弹窗 */
.qr-popup.active {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}

.qr-trigger-wrapper:hover .qr-popup {
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
    /* 可选：加一点上浮动画效果 */
}

/* 简单的淡入动画 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}


.nav-menu-container {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 占据剩余宽度 */
    height: 49px;
    /* 【修改】高度自适应，不要强制 100%，以免干扰 margin */

    gap: 40px;
    /* 间距 */

    position: relative;
    box-sizing: border-box;

    /* 【关键】推到底部 */
    margin-top: auto;
}

.nav-menu-container .text_2 {
    /* 1. 颜色更淡：使用 60% 透明度的白色 */
    color: rgba(255, 255, 255, 0.6) !important;


    /* 3. 字重变细：如果字体支持，使用 lighter 或 normal，避免 bold */
    font-weight: normal;

    /* 4. 增加字间距：让文字更舒展，显得更精致且不拥挤 */
    letter-spacing: 1px;

    /* 5. 阴影减弱：只保留极轻微的阴影，防止在复杂背景上看不清 */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    transition: all 0.3s ease;
}

.nav-menu-container .text_2:hover {
    color: #ffffff;
    /* 纯白 */
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
    /* 发光效果 */
}

.image-index-xu {
    position: absolute;

    /* 【关键定位】 */
    bottom: 6px;
    /* 负值可以让线稍微突出一点，或者设为 0 紧贴底部 */

    /* 如果线只在右侧菜单下方，可以调整 width 和 left/right */
    /* 例如：width: 100%; left: 0; */

    width: 100%;
    /* 假设线是横跨整个菜单宽度的 */
    height: 2px;
    /* 保持图片比例 */

    z-index: 1;
    /* 确保层级合适 */
    pointer-events: none;
    /* 防止遮挡下方元素的点击事件 */
}

.nav-active-bg {
    /* 1. 关键：使用 padding 扩展背景区域，而不是固定 width */
    padding: 0 15px;
    /* 上下0，左右15px。数值越大，背景比文字越宽 */

    /* 2. 确保元素表现为行内块或 flex 容器，以便 padding 生效且不影响布局流 */
    display: inline-flex;
    align-items: center;
    /* 垂直居中文字 */
    justify-content: center;
    /* 水平居中文字 */

    /* 3. 背景设置 */
    background-color: #f26416 !important; 
    /* 4. 其他优化 */
    margin: 0;
    min-height: 34px;
    /* 保持与其他导航项大致相同的高度感，可根据实际图片高度调整 */
    box-sizing: border-box;
    /* 确保 padding 包含在尺寸计算内（虽然 auto 宽度下影响不大，但是个好习惯） */
}

.nav-active-bg .text_2 {
    color: #ffffff;
    font-weight: bold;
    /* 激活状态加粗 */
}

/* 确保内部文字不受额外 margin 干扰，保持居中 */
.nav-active-bg .text_19 {
    margin: 0 !important;
    /* 覆盖可能存在的默认 margin */
    line-height: normal;
    /* 防止行高导致垂直偏移 */
    white-space: nowrap;
    /* 防止文字换行 */
}

.nav-menu-container .nav-active-bg {
    /* background-color: rgba(255, 255, 255, 0.15); */
    padding: 5px 15px;
    background-color: transparent;
    /* 改为透明 */
    /* 确保内边距合适 */
}

.nav-menu-container .nav-active-bg .text_2 {
    color: #ffffff;
    font-weight: bold;
    /* 可选：加粗强调 */
}

/* --- 导航菜单 Gap 动态响应式调整 --- */



.footer-copyright {
    display: flex;
    /* 使用 Flex 布局使子元素同行显示 */
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    flex-wrap: wrap;
    /* 允许在极小屏幕下换行，防止溢出 */

    font-size: 16px;
    /* 统一字号 */
    color: #ffffff;
    /* 柔和的灰色 */
    line-height: 1.5;
    /* 行高 */
    padding: 15px 0;
    /* 上下内边距 */
    gap: 15px;
    /* 版权文字与备案号之间的间距 */
}

/* 移除 p 标签默认的上下 margin，确保在同一基线 */
.footer-copyright p {
    margin: 0;
    display: inline;
    /* 确保内部内容也是行内流 */
}

/* 备案号链接样式 */
.record-info a {
    color: #ffffff;
    /* 链接颜色与文字一致 */
    text-decoration: none;
    /* 去除下划线 */
    transition: color 0.3s;
    /* 平滑过渡 */
}

.record-info a:hover {
    color: #ffe0b2;
    /* 悬停变为品牌红 */
    text-decoration: underline;
}

/* 分隔符样式 */
.divider1 {
    margin: 0 8px;
    /* 分隔符左右间距 */
    color: rgba(255, 255, 255, 0.6);
    /* 浅灰色分隔符 */
}



/* 轮播控制按钮 */
.carousel-controls {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    /* 距离左右的间距 */
    pointer-events: none;
    /* 让容器本身不阻挡点击，只让子元素响应 */
    z-index: 100;
    /* 确保在背景图和内容之上 */
}

.carousel-btn {
    width: 50px;
    /* 增大点击区域 */
    height: 50px;
    background-color: rgba(0, 0, 0, 0.4);
    /* 半透明黑色背景 */
    border-radius: 50%;
    /* 圆形背景 */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    /* 恢复按钮的点击事件 */
    transition: all 0.3s ease;
    /* 平滑过渡动画 */
    backdrop-filter: blur(4px);
    /* 可选：毛玻璃效果，更高级 */
}

.carousel-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
    transform: scale(1.5);
}

.carousel-btn img {
    width: 20px;
    filter: invert(1);
    filter: brightness(0) invert(1);
}

.movie-info-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* 或者 flex-start，取决于设计需求 */
    text-align: left;
    /* 文字居中 */
    gap: 15px;
    z-index: 100;
    /* 元素之间的间距 */

    /* 新增：提升层级，确保显示在最上层 */
    position: relative;
    z-index: 10;
    margin-top: 18%;
    margin-left: 9%;

    pointer-events: none;
}

.movie-info-container * {
    pointer-events: auto;
}

.label-showing {
    font-size: 16px;
    color: #000000;
    background-color: #FFFF00;
    letter-spacing: 2px;
    opacity: 0.8;
    padding: 4px 10px;
    border-radius: 4px;
    display: none;
}

/* 容器样式：确保有明确的宽度限制，否则省略号可能不生效 */
.text-wrapper_2 {
    width: 100%;
    /* 或者指定具体像素，如 600px */
    max-width: 600px;
    /* 建议设置最大宽度，防止在大屏上文字过长 */
    display: flex;
    flex-direction: column;
    /* 让标题和描述垂直排列 */
    gap: 10px;
    /* 标题和描述之间的间距 */
}

/* 标题样式 (可选优化) */
.label-title {
    font-size: 29px;
    color: #e0e0e0;
    line-height: 1.2;
}

/* 描述样式：核心修改部分 */
.label-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    /* 行高，用于计算总高度 */

    /* 多行省略核心代码 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* 限制显示3行 */
    overflow: hidden;
    text-overflow: ellipsis;

    /* 确保宽度受控 */
    width: 100%;
}

/* 2. 新增的内容主体容器：水平排列 (左图右文) */
.block-content-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 20px;

    /* 【关键】 */
    flex: 1;
    /* 自动填满 block_1 中除 header 和 bottom 外的所有垂直空间 */
    align-items: stretch;
    /* 【关键】强制子元素 (.block_2 和 .section_17) 拉伸至相同高度 */
    min-height: 0;
    /* 防止内容溢出导致滚动条或布局错乱 */
}

/* 3. 调整图片容器宽度 */
.block-content-body .block_2 {
    width: 45%;
    flex-shrink: 0;
    padding-left: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* 不需要设置 height，flex stretch 会自动处理 */
}

.block-content-body .block_2 .responsive-image {
    width: 100%;
    height: 100%;
    /* 强制填满拉伸后的高度 */

    /* 【关键】cover 会保证填满，但可能会轻微改变视觉比例 */
    object-fit: cover;

    display: block;
}

/* 4. 调整新闻列表容器宽度 */
.block-content-body .section_17 {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* 让新闻列表和可能的底部元素分散 */
    padding-right: 10px;

    /* 【关键】 */
    height: 100%;
    box-sizing: border-box;
}

.block-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

    /* 【修改】使用纯色背景 */
    background-color: rgba(242, 100, 22, 1);

    /* 【修改】调整 clip-path 的裁剪比例 */
    /* inset(0 50% 0 0 ...) 表示从右侧裁剪掉 50%，即保留左侧 50% */
    /* round 0 8px 8px 0 保持尾部圆角 */
    clip-path: inset(0 57% 0 0 round 0 8px 8px 0);

    height: 45px;
    padding-left: 20px;
    border-radius: 8px;
}

.header-title {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
}

.en-title {
    display: flex;
    font-size: 14px;
    color: #ffffff;
    opacity: 0.8;

    margin: 0;
    padding: 0;
    line-height: 1;
}

.cn-title {
    font-size: 24px;
    color: #ffffff;
    /* 品牌橙色 */
    font-weight: bold;
}

/* 确保内部元素没有额外的 margin 干扰垂直对齐 */
.header-title .cn-title,
.header-title .en-title {
    margin: 0;
    line-height: 1;
    /* 防止行高过大导致视觉偏移 */
}

/* 如果 .title-deco 图片高度不一致，也可以强制对齐 */
.header-title .title-deco {
    margin-top: 0;
    margin-bottom: 0;
}


.title-deco {
    height: 16px;
    margin-left: auto;
    /* 推到最右边 */
}

.block-content {
    display: flex;
    flex: 1;
    /* 占据剩余垂直空间 */
    gap: 15px;
    margin-bottom: 20px;
    /* align-items: stretch 是默认值，确保子元素等高 */
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.content-img-box {
    width: 40%;
    /* 图片占比 */
    overflow: hidden;
    border-radius: 4px;
}

.content-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 填满容器，裁剪多余部分 */
    display: block;
}

.content-list-box {
    width: 60%;
    /* 列表占比 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* 让列表项均匀分布 */
}

.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* 让5条新闻均匀分布填满高度 */
    height: 100%;
    gap: 10px;
    /* 新闻项之间的间距 */
}

.news-list li {
    display: flex;
    align-items: flex-start;
    /* 顶部对齐 */

    /* 【新增】背景颜色和圆角 */
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 10px 12px;
    /* 内边距，让文字不贴边 */

    transition: background-color 0.3s ease;
    width: 95%;
    box-sizing: border-box;
}

.news-list li:hover {
    background-color: rgba(255, 255, 255, 0.15);
    /* 悬停时稍微变亮 */
}

.news-list .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.7);
    /* 默认白点 */
    border-radius: 50%;
    margin-top: 8px;
    /* 微调对齐 */
    margin-right: 10px;
    flex-shrink: 0;
    transition: all 0.3s ease;
    position: relative;
}

.news-list a {
    flex: 1;
    /* 占据剩余宽度 */
    min-width: 0;
    /* 【关键】防止长文本撑破容器 */

    color: #e0e0e0;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;

    /* 多行省略 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 限制2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 强制换行策略 */
    word-break: break-all;
}

.news-list a:hover {
    color: #f26415;
    /* 品牌橙色 */
}

.news-list li:hover .dot {
    width: 8px;
    /* 稍微变大 */
    height: 8px;
    background-color: transparent;
    /* 清除圆点背景 */
    margin-top: 6px;
    /* 调整垂直对齐 */
}

.news-list li:hover .dot::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    /* 绘制向右的箭头形状 (使用 border 技巧) */
    border-top: 2px solid rgb(242, 100, 22);
    border-right: 2px solid rgb(242, 100, 22);
    transform: rotate(45deg);
    /* 旋转成正向箭头 */
}

.news-list li:hover .dot::after {
    content: '➤';
    color: rgb(242, 100, 22);
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: -3px;
    left: -2px;
    border: none;
    transform: none;
    width: auto;
    height: auto;
}

.block-footer {
    display: flex;
    justify-content: flex-end;
    /* 靠右对齐 */
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.more-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #f26415;
    text-decoration: none;
    font-size: 16px;
    transition: opacity 0.3s;
}



.more-btn:hover {
    opacity: 0.8;
}

.more-btn img {
    width: 16px;
    height: 16px;
}


/* 5. 修正 image-text_11 的边距 */
.block-header .image-text_11 {
    margin-left: 0 !important;
    margin-top: 0;
    width: auto;
}

.text_11,
.i_text_11 {
    margin-left: 0 !important;
    /* 移除之前为了定位加的固定左边距 */
    margin-bottom: 5px;
    /* 中文标题和英文副标题之间的间距 */
}

.block-bottom {
    flex-shrink: 0;
    /* 防止被压缩 */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 25px;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

.block-bottom a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.block-bottom .text-group_4 {
    margin-left: 5px;
    /* 图片和“更多”文字之间的间距 */
}

/* 4. 小手机 (max-width: 480px) */
@media (max-width: 480px) {
    .news-title {
        font-size: 13px;
        line-height: 1.3;
        height: 2.6em;
    }
}

/* 3. 大手机/小平板 (max-width: 768px) */
@media (max-width: 768px) {
    html, body {
        width: 1280px !important;
        min-width: 1280px !important;
        /* 建议添加 overflow-x: auto 以允许横向滚动，否则内容可能被裁剪 */
        overflow-x: auto; 
    }

    .news-title {
        font-size: 14px;
        line-height: 1.3;
        height: 2.6em;
    }

    .news-container {
        gap: 40px;
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .news-block {
        flex: 1;
    }

    /* 【关键修改】注释掉或删除以下将布局改为垂直的代码 */
    /* 
 *     .block-content {
 *             flex-direction: column; 
 *                 }
 *
 *                     .content-img-box,
 *                         .content-list-box {
 *                                 width: 100%;
 *                                     }
 *
 *                                         .content-img-box {
 *                                                 height: 200px;
 *                                                     } 
 *                                                         */

    /* 如果希望保持左右排列，确保它们维持原有的宽度比例 */
    .block-content {
        flex-direction: row; /* 强制保持水平排列 */
    }
    
    .content-img-box {
        width: 40%; /* 保持桌面端的比例，或者根据 1280px 下的视觉效果调整 */
        height: auto; /* 移除固定高度，让图片自适应 */
    }

    .content-list-box {
        width: 60%; /* 保持桌面端的比例 */
    }

    .footer-copyright {
        flex-direction: column;
        gap: 5px;
    }

    .nav-menu-container {
        gap: 15px;
        margin-left: 10px;
        overflow-x: auto;
        justify-content: flex-start;
        padding-right: 20px;
        /* 注意：由于 body 已经是 1280px，这里的 calc 可能需要重新审视，或者直接给固定宽度 */
        width: auto; 
    }

    .nav-menu-container .text_19 {
        font-size: 18px;
        white-space: nowrap;
    }
}

/* 2. 平板/小笔记本 (max-width: 1024px) */
@media (max-width: 1024px) {
    .news-title {
        font-size: 15px;
        height: 2.8em;
    }

    .block-content {
        gap: 40px;
        /* 增加图文间距 */
    }

    /* 图片区域宽度 */
    .content-img-box {
        width: 45%;
        /* 原来可能是 40%，改小一点让文字更宽 */
        /* 或者改大一点：width: 45%; */
    }

    /* 文字列表区域宽度 */
    .content-list-box {
        width: 45%;
        /* 对应上面的 35% */
    }

    .news-container {
        gap: 60px;
        /* 超大屏幕使用更大间距 */
    }

    .nav-menu-container {
        gap: 25px;
    }

    /* 可选：稍微缩小字体以防换行 */
    .nav-menu-container .text_19 {
        font-size: 22px;
    }
}

@media (min-width: 1200px) {
    .news-container {
        gap: 40px;
        max-width: 1640px;
        margin: 0 auto;
        /* 确保整个新闻区域在大屏居中 */
    }

    .news-block {
        flex: 0 0 48%;
        box-sizing: border-box;
    }

    .block-header {

        /* 【修改】调整 clip-path 的裁剪比例 */
        /* inset(0 50% 0 0 ...) 表示从右侧裁剪掉 50%，即保留左侧 50% */
        /* round 0 8px 8px 0 保持尾部圆角 */
        clip-path: inset(0 57% 0 0 round 0 8px 8px 0);
    }
}

@media (max-width: 1440px) {
    .news-title {
        font-size: 16px;
        /* 比大屏稍小 */
        height: 2.8em;
    }

    .nav-menu-container {
        gap: 40px;
    }

    .text-wrapper_3 {
        width: 62%;
    }
}

@media (min-width: 1463px) {
    .text-wrapper_3 {
        width: 62%;
    }
}

@media (min-width: 1600px) {
    .news-title {
        font-size: 16px;
        /* 比大屏稍小 */
        height: 2.8em;
    }

    .nav-menu-container {
        gap: 40px;
    }
}

@media (min-width: 1707px) {
    .news-title {
        font-size: 16px;
        /* 比大屏稍小 */
        height: 2.8em;
    }

    .nav-menu-container {
        gap: 40px;
    }

    .text-wrapper_6 {
        gap: 84px;
        transform: translateX(-11px);
    }

    .text-wrapper_3 {
        width: 62%
    }

    .block-header {

        /* 【修改】调整 clip-path 的裁剪比例 */
        /* inset(0 50% 0 0 ...) 表示从右侧裁剪掉 50%，即保留左侧 50% */
        /* round 0 8px 8px 0 保持尾部圆角 */
        clip-path: inset(0 60% 0 0 round 0 8px 8px 0);
    }
}

@media (min-width: 1920px) {
    .news-title {
        font-size: 16px;
        /* 比大屏稍小 */
        height: 2.8em;
    }

    .nav-menu-container {
        gap: 40px;
    }

    .text-wrapper_6 {
        gap: 113px;
        transform: translateX(-11px);
    }

}