@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;
    /* 关键：防止字体加载时文字消失 */
}

html,

* {
*     margin: 0;
*         padding: 0;
*             box-sizing: border-box;
*             }
*
*             body {
*                 width: 100%;
*                     /* 强制隐藏横向滚动条 */
    margin: 0;
    padding: 0;
}

.page {
    position: relative;
    width: 100%;
    /* 修改前: height: 2631px; */
    min-height: 100vh;
    /* 至少占满一屏 */
    height: auto;
    /* 允许内容撑开 */
    overflow: visible;
    /* 避免内容被裁剪，如果内部有绝对定位元素，可能需要保留 hidden 但需调整内部布局 */
}

.group_1 {
    min-height: auto;
    /* 不再强制 1024px，由内容决定 */
    background: url(/resources/images/level2_group1.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto; 
    position: relative;
}

.block_2 {
    position: relative;
    width: 90%;
    min-height: auto;
    /* 修改前: margin-top: 189px; (这个值太大了，导致页面头部空白过多) */
    margin-top: 20px;
    /* 根据实际情况调整，例如 20px-50px */
}

.box_4 {
    width: 654px;
    height: 52px;
    margin: 45px 0 0 141px;
}

.text_1 {
    width: 17%;
    height: 52px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 40px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 55px;
}

.text_2 {
    width: 37px;
    height: 19px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 19px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 19px;
    margin: 29px 0 0 185px;
}

.thumbnail_1 {
    width: 14px;
    height: 19px;
    margin: 31px 0 0 15px;
}

.text_3 {
    min-width: 76px;
    height: 18px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 19px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 19px;
    margin: 30px 0 0 20px;
}

.text_4 {
    min-width: 76px;
    height: 19px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 19px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 19px;
    margin: 29px 0 0 20px;
}

.image-wrapper_4 {
    width: 337px;
    height: 9px;
    margin: 19px 0 0 140px;
}

.image_1 {
    width: 80%;
    height: 9px;
}

.box_5 {
    width: 664px;
    height: 51px;
    margin: 45px 0 0 161px;
}

.label_9 {
    width: 21px;
    height: 21px;
    margin-top: 7px;
}

.text_5 {
    width: 95px;
    height: 23px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 23px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin: 5px 0 0 23px;
}

.text_6 {
    width: 210px;
    height: 51px;
    overflow-wrap: break-word;
    color: rgba(255, 87, 1, 1);
    font-size: 52px;
    font-family: SourceHanSansCN-Heavy;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    line-height: 52px;
    margin-left: 232px;
}

.image_10 {
    width: 62px;
    height: 29px;
    margin: 15px 0 0 21px;
}

.box_6 {
    width: 85%;
    /* 修改前: height: 1666px; (固定高度容易导致空白或溢出) */
    height: auto;
    min-height: 600px;
    /* 设置一个合理的最小高度 */
    /* 修改前: margin: 30px 0 324px 161px; (底部 324px 太大) */
    margin: 30px 0 50px 161px;
    /* 减少底部间距 */
}

.image-wrapper_5 {
    width: 21px;
    height: 476px;
    margin-top: 3px;
}

.label_2 {
    width: 21px;
    height: 21px;
    margin-top:3px;
}

.ii_label_2 {
    width: 21px;
    height: 21px;
    margin-top:3px;
}

.label_3 {
    width: 21px;
    height: 21px;
    margin-top: 56px;
}

.ii_label_3 {
    width: 21px;
    height: 21px;
    margin-top: 110px;
}

.label_4 {
    width: 21px;
    height: 21px;
    margin-top: 55px;
}

.ii_label_4 {
    width: 21px;
    height: 21px;
    margin-top: 145px;
}

.label_5 {
    width: 21px;
    height: 21px;
    margin-top: 53px;
}

.label_6 {
    width: 21px;
    height: 21px;
    margin-top: 56px;
}

.label_7 {
    width: 21px;
    height: 21px;
    margin-top: 52px;
}

.label_8 {
    width: 21px;
    height: 21px;
    margin-top: 57px;
}

.text-wrapper_4 {
    width: 118px;

    margin-left: 13px;
}

.text_7 {
    width: 94px;
    height: 23px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
    margin-top: 5px;
}

.text_8 {
    width: 117px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin: 52px 0 0 1px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.i_text_8 {
    width: 117px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin: 46px 0 0 1px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.ii_text_8 {
    width: 117px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_9 {
    width: 95px;
    height: 23px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin-top: 55px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.ii_text_9 {
    width: 95px;
    height: 23px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_10 {
    width: 71px;
    height: 23px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin-top: 51px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_11 {
    width: 95px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin-top: 55px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_12 {
    width: 95px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin-top: 48px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.text_13 {
    width: 95px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin-top: 55px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

.paragraph_1 {
    width: 85%;
    height: auto;
    min-height: 400px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 25px;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    line-height: 25px;
    margin: 22px 0 0 129px;
}

.paragraph_1 h1 {
    font-size: 24px;
    /* 将原本可能很大的 h1 调整为 24px */
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
    text-align: center;
}

.paragraph_1 h3 {
    font-size: 14px;
    /* 将 h3 调整为与正文相近或稍小的尺寸 */
    font-weight: normal;
    color: #999;
    /* 使用灰色区分发布信息 */
    margin-bottom: 20px;
    text-align: center;
}

.image_4 {
    position: absolute;
    left: 410px;
    top: 116px;
    width: 80%;
    height: 6px;
}

.group_3 {
    position: relative;
    width: 100%;
    max-width: 1920px;
    /* 限制最大宽度，保持设计稿比例 */
    margin: 0 auto;
    /* 水平居中 */
    height: 202px;
    background: url(/resources/images/level2_group_3.png) center top no-repeat;
    /* 背景居中 */
    background-size: cover;
    z-index: 10;

    /* 【新增】Flex 布局实现内部元素水平居中 */
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 (可选，根据需求调整) */
}

.image_5 {
    width: 100%;
    height: 4px;

}

.box_7 {
    height: 34px;
    gap: 64px;
    transform: translateX(-3px);
}

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

.text_110 {
    width: 95px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin-top: 50px;
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承原有文字颜色 */
    cursor: pointer;
    /* 显示手型光标 */
}

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

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

.image_7 {
    width: 1px;
    height: 34px;
    margin-left: 113px;
}

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

.image_8 {
    width: 1px;
    height: 34px;
    margin-left: 128px;
}

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

.text_18 {
    width: 100%;
    max-width: 1019px;
    height: auto;
    /* 允许高度自适应 */
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: SourceHanSansCN-Regular;
    font-weight: normal;
    text-align: center;
    /* 文字内容居中 */
    white-space: nowrap;
    line-height: 33px;
    /* 修改前: margin: 38px 0 44px 441px; */
    margin: 38px auto 44px auto;
    /* 左右 auto 实现块级元素居中 */
    display: block;
    /* 确保 margin: auto 生效 */
}

.group_5 {
    width: 100%;
    height: auto;
    min-height: 100px;
    flex-wrap: wrap;
    position: relative;
    display: flex;
    
    flex-direction: column;
    align-items: center;

    justify-content: center; 

    background: url(/resources/images/level2_group_5.png) 100% no-repeat;
    background-size: 100% 100%;
    z-index: 999;
    /* 新增：设置较高的层级，确保在最顶层 */
    
}

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

    left: 60px;
    top: 20px;
}

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

.text_21 {
    width: 124px;
    height: 25px;
    overflow-wrap: break-word;
    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;
    /* 去除下划线 */
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    /* 显示手型光标 */
}

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


.text_22 {
    width: 98px;
    height: 25px;
    overflow-wrap: break-word;
    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;
    /* 去除下划线 */
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    /* 显示手型光标 */
}

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

.text_23 {
    width: 98px;
    height: 24px;
    overflow-wrap: break-word;
    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;
    /* 去除下划线 */
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    /* 显示手型光标 */
}

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

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

    text-decoration: none;
    /* 去除下划线 */
    cursor: pointer;
    /* 显示手型光标 */
}

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

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

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

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

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

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

.i_section_1 {
    /* 恢复背景图 */
    background: url(/resources/images/level2_section_1.png) 100% no-repeat;
    background-size: 100% 100%;

    /* 尺寸设置 (根据原代码推断) */
    width: 137px;
    height: 27px;

    /* 布局设置 */
    position: static;
    /* 关键：移除 absolute，让它跟随 Flex 流 */
    display: flex;
    justify-content: center;
    align-items: center;

    margin: 0;
}

.block_1 {
    background-color: rgba(255, 89, 3, 1);
    border-radius: 2px;
    width: 104px;
    height: 5px;
    margin: 23px 0 0 16px;
}

.i_block_1 {
    position: static;
    /* 移除绝对定位 */
    width: 104px;
    /* 根据设计稿调整宽度 */
    height: 5px;
    /* 根据设计稿调整高度 */
    background-color: rgba(255, 89, 3, 1);
    border-radius: 2px;
    margin-top: 5px;
    /* 与文字的间距 */
}

.i_box_3 {
    width: 103px;
    height: 53px;
    background: url(/resources/images/level2_i_box_3.png) 100% no-repeat;
    background-size: 100% 100%;

    position: absolute;
    margin: 137px 0 0 512px;
}

.i_box_4 {
    height: 53px;
    background: url(/resources/images/level2_i_box_3.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 103px;
    position: absolute;
    margin: 137px 0 0 691px;
}

.i_box_5 {
    height: 53px;
    background: url(/resources/images/level2_i_box_3.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 127px;
    position: absolute;
    margin: 137px 0 0 874px;
}

.i_box_6 {
    height: 53px;
    background: url(/resources/images/level2_i_box_3.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 103px;
    position: absolute;
    margin: 137px 0 0 1086px;
}

.i_box_7 {
    /* 1. 恢复背景图 */
    background: url(/resources/images/level2_i_box_3.png) 100% no-repeat;
    background-size: 100% 100%;

    /* 2. 保持原有的尺寸 (根据之前的代码推断) */
    width: 103px;
    height: 53px;

    /* 3. 保持 Flex 布局以实现内部元素对齐 */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* 让内容靠底部对齐 */
    align-items: center;
    /* 水平居中 */

    /* 4. 定位与间距 */
    position: relative;
    margin: 0;
    /* 清除可能导致错位的 margin */

    /* 可选：如果背景图导致文字看不清，可以调整 padding */
    padding-bottom: 5px;
}

.i_box_7 .text_19 {
    margin: 0;
    margin-bottom: 2px;
    /* 文字与下方装饰条的微小间距 */
    z-index: 2;
    /* 确保文字在背景之上 */
    position: relative;
}

/* 菜单项容器 */
.menu-item-with-submenu {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* 保持与原有单行链接一致的高度感，具体值可根据设计稿微调 */
    min-height: 36px;
    justify-content: center;
}

/* 触发按钮样式 */
.submenu-toggle {
    display: block;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    z-index: 2;
    /* 继承原有 text_7 或 i_text_8 的颜色和字体 */
}

/* 箭头样式 */
.arrow {
    float: right;
    margin-right: 10px;
    font-size: 12px;
    transition: transform 0.3s;
    line-height: inherit;
}

/* 激活状态下箭头旋转 */
.submenu-toggle.active .arrow {
    transform: rotate(180deg);
}

/* 子菜单容器：绝对定位，不占位 */
.submenu-container {
    /* 关键：使用相对定位或静态定位，确保占据文档流空间 */
    position: relative;
    display: block;
    /* 默认显示 */

    /* 视觉美化 */
    background-color: #f9f9f9;
    /* 浅灰背景，与白色主背景区分 */
    border-radius: 4px;
    /* 圆角 */
    margin-top: 8px;
    /* 与标题的间距 */
    margin-bottom: 15px;
    /* 与下一个菜单项的间距 */
    padding: 10px 0;

    /* 过渡动画 */
    transition: all 0.3s ease;
}

.submenu-container.expanded {
    /* 1. 关键：改为相对定位或静态定位，使其占据文档流空间 */

    /* 如果原来是 absolute，这里必须改掉 */

    /* 2. 确保可见 */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    /* 3. 重置可能存在的隐藏属性 */
    height: auto;
    max-height: none;
    /* 如果之前用 max-height 做动画，这里要解开限制 */
    overflow: visible;

    /* 4. 样式美化（可选，根据你现有的设计调整） */
    background-color: #fff;
    /* 确保背景色，避免透明看到后面内容 */
    box-shadow: none;
    /* 默认展示通常不需要阴影，或者保留轻微阴影 */
    margin-top: 10px;
    /* 增加一点间距，让布局更自然 */
    
    /* 缩进，体现层级关系 */
}

/* 2. 子菜单链接样式 */
.submenu-link {
    display: block;
    padding: 6px 1px;
    /* 上下8px，左侧20px缩进体现层级 */
    color: #666;
    /* 默认灰色文字 */
    font-size: 14px;
    text-decoration: none;
    border-left: 3px solid transparent;
    /* 预留左侧边框位置 */
    transition: all 0.2s ease;
}

/* 3. 鼠标悬停效果 */
.submenu-link:hover {
    background-color: #eeeeee;
    /* 悬停背景变深 */
    color: #F26416;
    /* 悬停文字变色，呼应主题色 */
    border-left-color: #F26416;
    /* 左侧出现紫色指示条 */
    
    /* 轻微右移，增加动态感 */
}

/* 4. 当前页面高亮逻辑 (需要配合JS或手动添加active类，这里提供通用样式) */
.submenu-link.active,
.submenu-link[current] {
    color: blueviolet;
    font-weight: bold;
    background-color: #f0ebf8;
    /* 淡紫色背景 */
    border-left-color: blueviolet;
}

/* 箭头旋转效果 
 * .arrow {
 *     margin-left: auto;
 *         margin-right: 10px;
 *             transition: transform 0.3s;
 *                 font-size: 12px;
 *                 }
 *
 *                 .submenu-toggle.active .arrow {
 *                     transform: rotate(180deg);
 *                     }*/


/* 新闻容器整体样式 */
.news-container {
    width: 100%;
    padding: 20px 40px;
    /* 根据实际设计调整内边距 */
    background-color: #fff;
}

/* --- 轮播容器 --- */
.news-carousel {
    display: flex;
    flex-direction: row;
    /* 确保是横向排列 */
    align-items: center;
    /* 垂直居中 */

    position: relative;
    width: 95%;
    height: 280px;
    /* 固定高度，防止抖动 */
    margin: 0 auto 30px auto;
    overflow: hidden;
    background-color: #f9f9f9;
    gap: 30px;
}

/* --- 轮播项 (关键修复) --- */
.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* 1. 默认完全隐藏，不占位，不可见 */
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: 1;

    /* 2. 确保内部布局为 Flex，左右分栏 */
    display: flex;
    /* 注意：这里为了布局必须写 flex，但会被下面的 .active 覆盖逻辑处理 */
    /* 修正：由于 display:none 和 display:flex 切换无法产生过渡动画，
 *        我们采用“默认 display:none”，激活时“display:flex + opacity:1”的方式 */
}

.hidden {
    display: none !important;
}

/* --- 激活状态 (关键修复) --- */
.carousel-item.active {
    display: flex;
    /* 激活时变为 flex 布局 */
    opacity: 1;
    visibility: visible;
    z-index: 10;
    /* 确保在最上层 */

    /* 3. 添加淡入动画，解决“切换生硬”问题 */
    animation: carouselFadeIn 0.5s ease-in-out forwards;
}

.news-carousel .carousel-item {
    display: none;
    /* 默认隐藏 */
    width: 100%;
    transition: opacity 0.5s ease;
    /* 淡入淡出效果 */
    opacity: 0;
}

.news-carousel .carousel-item.active {
    display: flex;
    /* 激活时显示 */
    opacity: 1;
}

.carousel-indicators {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

/* 定义专用的轮播淡入动画 */
@keyframes carouselFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* --- 内部布局 --- */
.carousel-img-wrapper {
    width: 50%;
    height: 100%;
    flex-shrink: 0;
    /* 防止图片被压缩 */
}

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

.carousel-info {
    width: 49%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 垂直居中 */
    padding-left: 30px;
    /* 增加左侧间距，避免贴图 */
    box-sizing: border-box;
    overflow: hidden;
    /* 防止文字溢出 */
}

/* --- 文字样式优化 --- */
.carousel-title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 15px;

    /* 单行省略 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;

    text-decoration: none;
    display: block;
}

.carousel-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    text-indent: 2em;

    /* 多行省略 (最多3行) */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    /* 确保文字不会重叠 */
    position: relative;
    z-index: 2;
}

/* --- 指示点 --- */
.carousel-indicators {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 20;
    /* 确保在内容之上 */
}

.indicator {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.indicator.active {
    background-color: #ff0000;
    transform: scale(1.2);
}


/* --- 第二层：新闻列表样式 --- */
.news-list {
    width: 100%;
    margin-bottom: 30px;
}

.news-item {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed #ddd;
    /* 虚线分隔符 */
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.3s;
}

.news-item-1 {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed #ddd;
    /* 虚线分隔符 */
    align-items: center;
    justify-content: space-between;
}


/* 鼠标悬停时标记颜色也可随之变化（可选） */
.news-item:hover .news-title::before {
    height: 18px;
    background-color: #ce0000;
}

.news-item:last-child {
    border-bottom: none;
}

.news-title {
    font-size: 16px;
    color: #333;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;

    /* 新增样式 */
    position: relative;
    padding-left: 12px;
    /* 文字与标记的间距 */
}

.news-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    /* 竖条宽度 */
    height: 14px;
    /* 竖条高度 */
    background-color: #e50914;
    /* 万达红 */
    border-radius: 2px;
    /* 轻微圆角 */
    transition: all 0.3s ease;
}

.news-title:hover {
    color: #ce0000;
    /* 万达红或其他主题色 */
}

.news-date {
    font-size: 14px;
    color: #999;
    min-width: 100px;
    text-align: right;
}

/* --- 第三层：分页样式 --- */
.news-pagination {
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    gap: 8px;
    /* 元素间距 */
    margin-top: 30px;
    /* 与上方内容拉开距离 */
    margin-bottom: 20px;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 14px;
}

.page-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #666;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
    user-select: none;
}

.page-btn:not(.disabled):hover {
    border-color: #e50914;
    /* 万达红 */
    color: #e50914;
    box-shadow: 0 2px 5px rgba(229, 9, 20, 0.1);
}

.page-btn.active {
    background-color: #e50914;
    border-color: #e50914;
    color: #fff;
    font-weight: bold;
}

.page-btn.disabled {
    background-color: #f5f5f5;
    border-color: #eee;
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
    /* 禁止点击事件 */
}

/* 页码信息文字样式 */
.page-info {
    color: #999;
    margin: 0 10px;
    font-size: 13px;
}

/* 特殊处理：如果“下一页/尾页”需要更宽的按钮 */
.page-btn.fy {
    min-width: 60px;
}

/* 视频列表容器 */
.video-list-container {
    width: 100%;
    padding: 20px 40px;
}

/* Grid 布局：4列，自动行高 */
.video-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 4列等宽 */
    gap: 100px 40px;
    width: 100%;
}

/* 单个视频项 */
.video-item {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

/* 链接包装器：去除默认样式，占满父容器 */
.video-link-wrapper {
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* 确保标题颜色一致 */
.video-link-wrapper .video-title {
    color: #333;
    margin-top: 10px;
    font-size: 14px;

    /* 单行溢出隐藏 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 鼠标悬停效果（可选） */
.video-link-wrapper:hover .video-title {
    color: #ce0000;
    /* 万达红 */
}

.video-link-wrapper:hover .video-thumb img {
    opacity: 0.9;
}

/* 封面图容器 */
.video-thumb {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 比例 */
    overflow: hidden;
    background-color: #f0f0f0;
    border-radius: 4px;
}

.video-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* 鼠标悬停放大效果 */
.video-item:hover .video-thumb img {
    transform: scale(1.05);
}

/* 播放按钮图标 */
.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    pointer-events: none;
    /* 让点击事件穿透到父元素 */
}

/* 标题样式 */
.video-title {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    text-align: center;

    /* 单行溢出隐藏 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* 新增：限制视频播放器区域的宽度和居中 */
.video-player-wrapper {
    width: 100%;
    max-width: 1024px;
    /* 根据设计需求调整最大宽度，例如 800px 或 1000px */
    margin: 20px auto;
    /* 上下间距20px，左右自动居中 */
}

/* 确保视频元素本身适应容器宽度 */
.main-video-player {
    width: 100%;
    height: auto;
    display: block;
    /* 消除底部默认间隙 */
    border-radius: 8px;
    /* 可选：添加圆角美化 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* 可选：添加阴影 */
}

/* 子菜单标题栏容器 */
.submenu-header {
    display: flex;
    align-items: center;
    /* 关键：确保图片和文字垂直居中 */
    justify-content: flex-start;
    margin-bottom: 20px;
    padding-left: 10px;
}

/* 子菜单名称文字 - 红色 */
.submenu-name.red-text {
    font-size: 24px;
    font-weight: bold;
    color: #e50914;
    /* 万达红 */
    margin-right: 8px;
    /* 文字与图标的间距 */
    font-family: "SourceHanSansCN-Bold", sans-serif;
}

/* 图标图片样式 */
.submenu-icon-img {
    height: 16px;
    /* 根据实际图片比例调整高度，通常与字号相近 */
    width: auto;
    /* 宽度自动适应 */
    display: block;
    vertical-align: middle;
    /* 确保图片基线对齐 */
}

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

/* 二维码弹窗默认隐藏 */
.qr-popup {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    margin-top: 10px;
    background-color: #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;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

/* 二维码图片样式 */
.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 {
    visibility: visible !important;
    /* 关键：覆盖内联的 hidden */
    opacity: 1 !important;
    /* 关键：覆盖内联的 0 */
    pointer-events: auto !important;
    /* 关键：恢复鼠标交互 */
    transform: translateX(-50%) translateY(0);
}

/* 简单的淡入动画 */
@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_19 {
    /* 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-active-bg {
    /* 1. 关键：使用 padding 扩展背景区域，而不是固定 width */
    padding: 0 15px;
    /* 上下0，左右15px。数值越大，背景比文字越宽 */

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

    /* 3. 背景设置 */
    background: url(/resources/images/level2_i_box_3.png) no-repeat center bottom;
    background-size: 100% 100%;
    /* 让背景图拉伸填充整个 padding 后的区域 */

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

/* 确保内部文字不受额外 margin 干扰，保持居中 */
.nav-active-bg .text_19 {
    /* 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 .nav-active-bg {
    background-color: rgba(255, 255, 255, 0.15);
    padding: 5px 15px;
    /* 确保内边距合适 */
}

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



/* 董事会成员列表样式 */
.board-members-list {
    width: 100%;
    padding: 20px 40px;
}

.board-member-item {
    display: flex;
    align-items: flex-start;
    /* 顶部对齐，如果希望垂直居中可改为 center */
    margin-bottom: 30px;
    /* 每个成员之间的间距 */
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    /* 可选：添加分隔线 */
}

.board-member-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.member-photo-wrapper {
    flex-shrink: 0;
    /* 防止图片被压缩 */
    width: 120px;
    /* 图片宽度，可根据设计稿调整 */
    height: 160px;
    /* 图片高度，可根据设计稿调整 */
    margin-right: 20px;
    /* 图片与文字的间距 */
    overflow: hidden;
}

.member-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 保持图片比例填充 */
    display: block;
}

.member-info-wrapper {
    flex: 1;
    /* 占据剩余空间 */
    justify-content: flex-start;
}

.member-header {
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    /* 名字和头衔底部对齐 */
    flex-wrap: wrap;
}

.member-name {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
}

.member-title {
    font-size: 14px;
    color: #666;
}

.member-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    text-align: justify;
    /* 两端对齐，使段落更整齐 */
}

/* 确保原有的 flex 类生效，如果 common.css 中已定义可忽略 */
.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

/* 大事记时间轴样式 */
.timeline-container {
    width: 100%;
    padding: 30px 0;
    background-color: #fff;
}

/* 年份控制栏 */
.year-controls {
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
}

.year-btn {
    background: none;
    border: 1px solid #ddd;
    color: #333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    z-index: 2;
}

.year-btn:hover {
    background-color: #e60012;
    /* 万达红 */
    color: #fff;
    border-color: #e60012;
}

.year-list-wrapper {
    overflow-x: auto;
    max-width: 600px;
    /* 限制宽度，超出可滚动 */
    margin: 0 15px;
    scrollbar-width: none;
    /* Firefox 隐藏滚动条 */
}

.year-list-wrapper::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari 隐藏滚动条 */
}

.year-list {
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.year-item {
    font-size: 18px;
    /* 保留较大的字体大小，或者根据需求统一为 16px */
    padding: 10px 20px;
    margin: 0 5px;
    cursor: pointer;
    /* 修复：分离 cursor 属性 */
    color: #666;
    /* 修复：分离 color 属性，假设原意是灰色 #666 */
    transition: all 0.3s;
    border-bottom: 2px solid transparent;
}

.year-item:hover {
    color: #e60012;
}

.year-item.active {
    color: #e60012;
    font-weight: bold;
    border-bottom: 2px solid #e60012;
}

/* 事件列表 */
.events-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.event-list {
    animation: fadeIn 0.5s ease-in-out;
    display: none;
}

.event-list.active {
    animation: fadeIn 0.5s ease-in-out;
    display: block;
    /* 或者 flex，取决于你的布局需求 */
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.event-item {
    padding: 15px 0;
    border-bottom: 1px dashed #eee;
    align-items: baseline;
    /* 日期和标题底部对齐 */
}

.event-item:last-child {
    border-bottom: none;
}

.event-date {
    font-size: 16px;
    color: #999;
    min-width: 60px;
    margin-right: 20px;
    font-family: Arial, sans-serif;
}

.event-title {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    flex: 1;
}

/* 荣誉墙样式 - 竖版图片适配版 */
.honor-wall-container {
    padding: 40px 0;
    width: 100%;
}

.honor-grid {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
    padding-left: 40px;
    /* 整体右移 */
    box-sizing: border-box;
}

.honor-item {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 图片包裹层 - 适配竖版图片 */
.honor-img-wrapper {
    /* 调整宽高比，使其更适合竖图展示，例如 3:4 或固定高度 */
    width: 160px;
    height: 220px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 6px;
    margin-right: 60px;
    /* 增大图文间距 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    /* 白色背景作为“相框” */
    padding: 10px;
    /* 内边距，让图片不贴边，更像装裱好的照片 */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.honor-img-wrapper img {
    width: 100%;
    height: 100%;
    /* 关键：contain 保证竖图完整显示，不裁剪 */
    object-fit: contain;
    transition: transform 0.5s ease;
    display: block;
}

.honor-title {
    font-size: 20px;
    color: #333;
    line-height: 1.6;
    transition: color 0.3s ease;
    font-weight: 600;
    flex: 1;
    text-align: left;
}

/* --- 悬浮效果 (Hover) --- */

/* 1. 图片轻微放大 */
.honor-item:hover .honor-img-wrapper img {
    transform: scale(1.05);
}

/* 2. 文字变红 */
.honor-item:hover .honor-title {
    color: #e60012;
}

/* 3. 卡片上浮 */
.honor-item:hover {
    transform: translateY(-5px);
    background-color: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-color: #ffdcdc;
}

/* 影城列表容器 */
.cinema-list-container {
    padding: 30px 40px;
    width: 100%;
}

/* 筛选区样式 */
.cinema-filter {
    background-color: #f5f5f5;
    padding: 20px 30px;
    border-radius: 8px;
    margin-bottom: 30px;
    align-items: center;
    gap: 40px;
    /* 两个下拉框之间的间距 */
}

.filter-item {
    display: flex;
    align-items: center;
}

.filter-label {
    font-size: 16px;
    color: #333;
    margin-right: 10px;
    font-weight: bold;
}

.filter-select {
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    min-width: 150px;
    outline: none;
    cursor: pointer;
    background-color: #fff;
}

.filter-select:focus {
    border-color: #e60012;
}

.filter-select:disabled {
    background-color: #eee;
    cursor: not-allowed;
    color: #999;
}

/* 影城网格布局 - 关键：一行两个 */
.cinema-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 强制两列 */
    gap: 30px;
    /* 卡片之间的间距 */
    width: 100%;
}

/* 单个影城卡片 */
.cinema-card {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.cinema-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
    border-color: #ffdcdc;
}

.cinema-info {
    flex: 1;
}

.cinema-name {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.cinema-address {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
    line-height: 1.4;
}

.cinema-phone {
    font-size: 14px;
    color: #999;
}

.cinema-btn {
    padding: 8px 20px;
    border: 1px solid #e60012;
    color: #e60012;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s;
    white-space: nowrap;
    margin-left: 20px;
}

.cinema-btn:hover {
    background-color: #e60012;
    color: #fff;
}

/* 招聘内容排版样式 */
.recruitment-content {
    width: 100%;
    padding: 20px 0;
}

/* 主标题 */
.main-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.4;
}

/* Slogan 副标题 */
.slogan {
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
    font-style: italic;
    /* 可选：斜体增加设计感 */
    line-height: 1.6;
}

/* 文本块容器 */
.text-block {
    margin-bottom: 30px;
}

/* 小标题 (如：我们的使命) 
 * .section-title {
 *     font-size: 24px;
 *         font-weight: bold;
 *             color: #333;
 *                 margin-bottom: 15px;
 *                     padding-left: 15px;
 *
 *                         line-height: 1.4;
 *                         }*/

/* 正文段落 */
.paragraph {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    /* 增加行高，提升阅读体验 */
    text-align: justify;
    /* 两端对齐 */
    text-indent: 2em;
    /* 首行缩进 */
    margin: 0;
}

/* 图片容器 */
.image-container {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.image-container img {
    max-width: 100%;
    /* 响应式：不超过父容器宽度 */
    height: auto;
    /* 保持比例 */
    width: 800px;
    /* 默认宽度 */
    border-radius: 8px;
    /* 圆角 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* 轻微阴影 */
}

/* 只让 TRS_Editor 下，直接包含 img 的 p 标签内容居中 */
.TRS_Editor p:has(> img) {
    text-align: center;
}

/* 确保图片本身也是块级或行内块级，以便 margin auto 生效（如果需要） */
.TRS_Editor p img {
    display: inline-block;
    /* 或者 block，配合 text-align: center 使用 inline-block 即可 */
    max-width: 100%;
    /* 防止图片溢出 */
    height: auto;
}


/* 新增：联系我们页面专用样式 */
.contact-container {
    width: 100%;
    max-width: 800px;
    /* 限制最大宽度，防止在大屏上拉得太长 */
    margin: 0 auto;
    /* 居中显示 */
    padding: 20px 0;
    font-size: 14px;
    color: #333;
    line-height: 1.8;
}

.company-name {
    font-size: 18px;
    font-weight: bold;
    color: #ce0d23;
    /* 万达红或主题色 */
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.contact-section {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fff;
}

/*
 * .section-title {
 *     font-size: 16px;
 *         font-weight: bold;
 *             margin-bottom: 15px;
 *                 color: #333;
 *                 }*/

.contact-item {
    margin-bottom: 8px;
}

.contact-list {
    list-style: none;
}

.contact-list li {
    display: flex;
    /* 使用 Flex 布局对齐标签和内容 */
    margin-bottom: 12px;
    align-items: flex-start;
    /* 顶部对齐，防止多行内容错位 */
}

.contact-list .label {
    min-width: 140px;
    /* 固定标签宽度，确保冒号对齐 */
    font-weight: bold;
    color: #555;
    flex-shrink: 0;
    /* 防止标签被压缩 */
}

.contact-list .value {
    color: #666;
    word-break: break-all;
    /* 防止邮箱地址过长溢出 */
}

.contact-list .value a {
    color: #0056b3;
    text-decoration: none;
}

.contact-list .value a:hover {
    text-decoration: underline;
}

.value-group {
    display: inline-block;
}

.divider {
    margin: 0 5px;
    color: #999;

    width: 60px;
    height: 4px;
    background-color: #e60012;
    /* 居中 */
    border-radius: 2px;
}

.link-highlight {
    color: #ce0d23;
    text-decoration: none;
    font-weight: bold;
}

.link-highlight:hover {
    text-decoration: underline;
}

/* 举报页面专用样式 */
.report-content-wrapper {
    width: 100%;
    max-width: 900px;
    /* 限制最大宽度，提升阅读体验 */
    margin: 0 auto;
    padding: 20px 0;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.intro-text {
    margin-bottom: 20px;
    text-indent: 2em;
    /* 首行缩进 */
}

.intro-text strong {
    color: #ce0d23;
    /* 强调色，如万达红 */
    font-weight: bold;
}

/* 违规行为列表 */
.violation-list {
    list-style-type: none;
    /* 去除默认圆点 */
    padding-left: 20px;
    margin-bottom: 30px;
    background-color: #f9f9f9;
    /* 浅灰背景突出显示 */
    padding: 20px 20px 20px 40px;
    border-left: 4px solid #ce0d23;
    /* 左侧红线强调 */
}

.violation-list li {
    margin-bottom: 8px;
    position: relative;
}

/* 自定义列表序号样式，或者直接保留文字中的序号 */
.violation-list li::before {
    content: "•";
    color: #ce0d23;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/*
 * .section-title {
 *     font-size: 16px;
 *         font-weight: bold;
 *             color: #ce0d23;
 *                 margin-bottom: 15px;
 *                     border-bottom: 1px dashed #ddd;
 *                         padding-bottom: 10px;
 *                         }*/

.contact-item {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}

.contact-item .label {
    font-weight: bold;
    min-width: 140px;
    color: #555;
}

.email-link {
    color: #0056b3;
    text-decoration: none;
}

.email-link:hover {
    text-decoration: underline;
}

/* 提醒事项 */
.notice-section {
    background-color: #fffbf0;
    /* 浅黄色背景表示提示 */
    padding: 20px;
    border-radius: 4px;
}

.notice-list {
    padding-left: 20px;
}

.notice-list li {
    margin-bottom: 10px;
    text-align: justify;
    /* 两端对齐 */
}

/* 法律声明页面专用样式 */
.legal-content-wrapper {
    width: 100%;
    max-width: 900px;
    /* 限制最大宽度，提升长文阅读体验 */
    margin: 0 auto;
    padding: 30px 0;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.legal-section {
    margin-bottom: 20px;
}

.section-title {
    font-size: 18px;
    font-weight: bold;
    color: #ce0d23;
    /* 主题色，如万达红 */
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 4px solid #ce0d23;
    /* 左侧装饰线 */
}

.section-body p {
    margin-bottom: 15px;
    text-align: justify;
    /* 两端对齐，使段落更整齐 */
}

.section-body a {
    color: #0056b3;
    text-decoration: none;
}

.section-body a:hover {
    text-decoration: underline;
}

.highlight-text {
    font-weight: bold;
    color: #555;
}

.section-divider {
    border: 0;
    height: 1px;
    background-color: #eee;
    margin: 30px 0;
}

/* 品牌合作页面专用样式 */
.coop-content-wrapper {
    width: 95%;
    max-width: 900px;
    margin: 20px auto 0;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.coop-intro {
    margin-bottom: 15px;
    text-align: justify;
}

.coop-intro strong {
    color: #ce0d23;
    /* 主题红 */
    font-weight: bold;
}

.coop-slogan {
    font-size: 16px;
    font-weight: bold;
    color: #555;
    margin-bottom: 30px;
    padding-left: 15px;
    border-left: 3px solid #ce0d23;
}

/* 业务范畴样式 */
.coop-services {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 30px;
}

.service-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

.service-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.service-list li {
    background-color: #fff;
    padding: 8px 15px;
    border: 1px solid #eee;
    border-radius: 20px;
    font-size: 13px;
    color: #666;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* 联系方式样式 */
.coop-contact {
    text-align: center;
    padding: 20px;
    border-top: 1px dashed #ddd;
}

.contact-title {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}

.email-link {
    font-size: 18px;
    color: #ce0d23;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s;
}

.email-link:hover {
    color: #a00a1c;
    text-decoration: underline;
}

/* 品牌营销页面专用样式 */
.marketing-content-wrapper {
    width: 95%;
    max-width: 900px;
    margin: 20px auto 0;
}

.marketing-intro {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    text-align: justify;
    margin-bottom: 30px;
}

/* 联系方式卡片容器 */
.contact-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.contact-card {
    flex: 1;
    min-width: 250px;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.contact-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.card-label {
    display: block;
    font-size: 12px;
    color: #888;
    margin-bottom: 8px;
    font-weight: normal;
}

.card-value {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    word-break: break-all;
}

.card-value a {
    color: #0056b3;
    text-decoration: none;
}

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

/* 电话卡片高亮样式 */
.highlight-card {
    background-color: #fff5f5;
    /* 浅红色背景 */
    border-color: #ffdcdc;
}

.highlight-card .card-label {
    color: #ce0d23;
}

.phone-number small {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

/* 平台合作页面专用样式 */
.platform-content-wrapper {
    width: 95%;
    max-width: 900px;
    margin: 20px auto 0;
}

.platform-intro {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    text-align: justify;
    margin-bottom: 30px;
}

.platform-intro strong {
    color: #ce0d23;
    /* 主题红，强调核心服务 */
    font-weight: bold;
}

/* 联系方式盒子 */
.contact-box {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-left: 4px solid #ce0d23;
    /* 左侧红线强调 */
    padding: 20px 30px;
    display: inline-block;
    min-width: 300px;
    border-radius: 4px;
}

.contact-label {
    font-size: 14px;
    color: #666;
    margin-right: 10px;
}

.contact-email {
    font-size: 16px;
    color: #0056b3;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s;
}

.contact-email:hover {
    color: #ce0d23;
    text-decoration: underline;
}

/* 团体采购页面专用样式 */
.group-purchase-content-wrapper {
    width: 95%;
    max-width: 900px;
    margin: 20px auto 0;
}

.gp-intro {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    text-align: justify;
    margin-bottom: 30px;
}

.gp-intro strong {
    color: #ce0d23;
    /* 主题红，强调核心产品 */
    font-weight: bold;
}

/* 联系方式卡片容器 */
.contact-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.contact-card {
    flex: 1;
    min-width: 280px;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.contact-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* 电话卡片高亮 */
.highlight-card {
    background-color: #fff5f5;
    border-color: #ffdcdc;
}

.card-label {
    display: block;
    font-size: 12px;
    color: #888;
    margin-bottom: 8px;
}

.highlight-card .card-label {
    color: #ce0d23;
    font-weight: bold;
}

.card-value {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    word-break: break-all;
}

.phone-group {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.phone-number {
    font-weight: bold; /* 加粗 */
    color: #333;       /* 确保颜色足够深 */
    font-size: 14px;   /* 可选：稍微加大字号 */
}

.phone-number:hover {
    text-decoration: underline;
}

.phone-time {
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.email-link {
    color: #0056b3;
    text-decoration: none;
}

.email-link:hover {
    text-decoration: underline;
}

/* 影院项目页面专用样式 */
.cinema-project-content-wrapper {
    width: 90%;
    margin: 20px auto 0;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.content-section {
    width: 95%;
    margin-bottom: 25px;
}

.section-subtitle {
    font-size: 16px;
    font-weight: bold;
    color: #ce0d23;
    /* 主题红 */
    margin-bottom: 10px;
    padding-left: 10px;
    border-left: 3px solid #ce0d23;
}

.content-section p {
    margin-bottom: 10px;
    text-align: justify;
}

.content-section strong {
    color: #ce0d23;
    font-weight: bold;
}

/* 技术列表样式 */
.highlight-section {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 4px;
}

.tech-list {
    list-style: none;
    padding-left: 0;
}

.tech-list li {
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.tech-list li::before {
    content: "•";
    color: #ce0d23;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* 联系方式盒子 
 * .contact-box {
 *     margin-top: 30px;
 *         padding: 20px;
 *             background-color: #fff5f5;
 *                 border: 1px solid #ffdcdc;
 *                     border-radius: 8px;
 *                         text-align: center;
 *                         }
 *
 *                         .contact-label {
 *                             font-size: 14px;
 *                                 color: #666;
 *                                     margin-right: 10px;
 *                                     }*/

.contact-phone {
    font-size: 18px;
    color: #ce0d23;
    font-weight: bold;
    text-decoration: none;
}

.contact-phone small {
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

.contact-phone:hover {
    text-decoration: underline;
}

/* 公司简介页面专用样式 */
.company-intro-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    /* 清除浮动影响 */
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

/* 视频容器：浮动右侧 */
.video-container {
    float: right;
    margin: 0 0 20px 20px;
    /* 上右下左，左边距确保文字不贴太近 */
    width: 353px;
    height: 199px;
    background-color: #000;
    /* 视频加载前的背景色 */
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 保持视频比例填充容器 */
    display: block;
}

/* 文本内容 */
.intro-text-content p {
    margin-bottom: 15px;
    text-align: justify;
    /* 两端对齐，使环绕效果更整齐 */
    text-indent: 2em;
    /* 首行缩进 */
}

.intro-text-content strong {
    color: #ce0d23;
    /* 主题红，强调关键数据 */
    font-weight: bold;
}

/* 分页容器样式 */
.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    padding-bottom: 20px;
}

.page-btn1 {
    padding: 6px 12px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s;
    min-width: 60px;
}

.page-btn1:hover:not(:disabled) {
    background-color: #f5f5f5;
    border-color: #ccc;
    color: #000;
}

.page-btn11:disabled {
    color: #ccc;
    cursor: not-allowed;
    background-color: #f9f9f9;
    border-color: #eee;
}

.page-info1 {
    font-size: 14px;
    color: #666;
    margin: 0 10px;
}

/* 确保 cinema-grid 有基本布局，如果原有 CSS 未定义 */
.cinema-grid1 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.cinema-card1 {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 4px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cinema-btn1 {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #fff;
    background-color: #000;
    padding: 5px 10px;
    border-radius: 3px;
    text-align: center;
}

/* 团体采购内容样式 */
.group-purchase-content1 {
    margin-top: 20px;
    padding: 0 20px;
    /* 左右留白 */
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}

.gp-intro1 p {
    text-align: justify;
    /* 两端对齐 */
    text-indent: 2em;
    /* 首行缩进 */
    margin-bottom: 20px;
    /* 段落间距 */
}

.gp-contact1 {
    background-color: #f9f9f9;
    /* 浅灰背景突出联系方式 */
    padding: 15px 20px;
    border-radius: 4px;
    border-left: 4px solid #e60012;
    /* 左侧红色装饰条，呼应品牌色 */
}

.contact-item1 {
    margin: 8px 0;
    display: flex;
    /* 使用 Flex 布局对齐标签和内容 */
    align-items: center;
}

.contact-item1 .label {
    font-weight: bold;
    color: #333;
    min-width: 80px;
    /* 固定标签宽度，使冒号对齐 */
}

.contact-item1 .value {
    color: #333;
    text-decoration: none;
    font-family: Arial, sans-serif;
    /* 数字使用无衬线字体更清晰 */
}

.contact-item1 .value:hover {
    color: #e60012;
}

.contact-item1 .time {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.email-link1 {
    color: #e60012;
}

.cooperation-content {
    margin-top: 20px;
    /* 与标题的间距 */
    padding-right: 20px;
    /* 右侧留白，防止贴边 */
    line-height: 1.8;
    /* 增加行高，提升阅读体验 */
    color: #555;
    /* 深灰色字体，比纯黑更柔和 */
    font-size: 14px;
    /* 正文字号 */
    text-align: justify;
    /* 两端对齐，使段落块状更整齐 */
}

/* 加入我们页面专用样式 */
.join-us-content {
    margin-top: 20px;
    padding: 0 20px;
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}

/* 标题部分 */
.ju-header {
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.ju-title {
    font-size: 24px;
    /* 与大标题协调，不过分巨大 */
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.ju-subtitle {
    font-size: 16px;
    color: #888;
    font-style: italic;
}

/* 正文部分 */
.ju-section-title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin: 20px 0 10px;
    border-left: 4px solid #e60012;
    /* 左侧红色装饰条，呼应品牌 */
    padding-left: 10px;
}

.ju-body p {
    margin-bottom: 15px;
    text-align: justify;
    /* 两端对齐 */
    text-indent: 2em;
    /* 首行缩进 */
}

/* 图片样式 */
.ju-image-wrapper {
    text-align: center;
    margin: 30px 0;
}

.ju-image-wrapper img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* 温馨提示样式 - 使用浅红背景强调 */
.ju-notice {
    background-color: #fff5f5;
    border: 1px solid #ffebeb;
    padding: 15px;
    border-radius: 4px;
    margin-top: 30px;
    color: #d9534f;
}

.ju-notice p {
    text-indent: 0 !important;
    /* 提示框内不缩进 */
    margin-bottom: 5px;
}

.ju-notice strong {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
}

/* 公司简介内容样式 */
.company-intro-content {
    margin-top: 20px;
    font-size: 14px;
    /* 统一正文字号 */
    line-height: 1.8;
    /* 舒适行高 */
    color: #555;
    /* 柔和字体颜色 */
    overflow: hidden;
    /* 清除浮动影响 */
}

/* 视频容器 */
.intro-video-wrapper {
    float: right;
    /* 视频右浮动 */
    margin: 0 0 15px 20px;
    /* 上右下左外边距 */
    width: 40%;
    /* 限制视频宽度占比 */
    min-width: 300px;
    /* 最小宽度 */
}

.intro-video {
    width: 100%;
    /* 视频自适应容器宽度 */
    height: auto;
    border-radius: 4px;
    /* 圆角 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    /* 轻微阴影 */
}

/* 文字段落 */
.intro-text p {
    margin-bottom: 15px;
    /* 段落间距 */
    text-align: justify;
    /* 两端对齐 */
    text-indent: 2em;
    /* 首行缩进 */
}

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

    font-size: 19px;
    /* 统一字号 */
    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);
    /* 浅灰色分隔符 */
}

.content-text-wrapper {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    /* 设置字体 */
    font-size: 16px;
    /* 基础字体大小 */
    line-height: 1.8;
    /* 行高，增加阅读舒适度 */
    color: #333333;
    /* 字体颜色 */
    text-align: justify;
    /* 两端对齐，使段落边缘整齐 */
}

.content-text-wrapper p {
    text-indent: 2em;
    /* 首行缩进2个字符 */
    margin-bottom: 15px;
    /* 段间距 */
    margin-top: 0;
}

@media (max-width: 600px) {
    .video-grid {
        grid-template-columns: 1fr;
        /* 手机显示1列 */
    }
}

/* 响应式调整 */
@media (max-width: 768px) {
 html, body {
    width: 1280px !important;
    min-width: 1280px !important;
  }

    .contact-list li {
        flex-direction: column;
        /* 手机上改为上下排列 */
    }

    .contact-list .label {
        min-width: auto;
        margin-bottom: 4px;
    }

    .intro-video-wrapper {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
        min-width: auto;
    }

    .company-intro-content {
        font-size: 13px;
        /* 移动端稍微缩小字体 */
    }

    .contact-cards {
        flex-direction: column;
    }

    .contact-cards {
        flex-direction: column;
    }

    .cinema-filter {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .cinema-grid {
        grid-template-columns: 1fr;
        /* 手机上一列 */
    }

    .cinema-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .cinema-btn {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .main-title {
        font-size: 24px;
    }

    .slogan {
        font-size: 14px;
    }

    .section-title {
        font-size: 20px;
    }

    .paragraph {
        font-size: 14px;
    }

    .image-container img {
        width: 100%;
        /* 手机上占满宽度 */
    }

    .footer-copyright {
        flex-direction: column;
        /* 手机上改为垂直排列，更易读 */
        gap: 5px;
    }

    .nav-menu-container .text_19 {
        font-size: 18px;
        /* 更小的字体 */
        white-space: nowrap;
        /* 强制不换行 */
    }

    .event-item {
        flex-direction: column;
    }

    .event-date {
        margin-bottom: 5px;
        margin-right: 0;
    }

    .video-container {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .video-container video {
        height: auto;
        aspect-ratio: 16/9;
    }

    .honor-grid {
        padding-left: 0;
        gap: 30px;
    }

    .honor-item {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .honor-img-wrapper {
        width: 180px;
        /* 手机上稍微大一点 */
        height: 240px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .honor-title {
        text-align: center;
        font-size: 18px;
    }
}

/* 2. 小屏幕/平板 (最大宽度 1024px) */
@media (max-width: 1024px) {
    .nav-menu-container {
        gap: 25px;
    }

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

    .video-grid {
        grid-template-columns: repeat(2, 1fr);
        /* 平板显示2列 */
    }
}

/* 1. 中等屏幕 (例如笔记本, 最大宽度 1440px) */
@media (max-width: 1200px) {
    .nav-menu-container {
        gap: 40px;
    }
}

/* 1. 中等屏幕 (例如笔记本, 最大宽度 1440px) */
@media (max-width: 1440px) {
    .nav-menu-container {
        gap: 40px;
    }
}

@media (max-width: 1708px) {
    .ii_label_4{
        margin-top: 140px;
    }
}



/* 1. 中等屏幕 (例如笔记本, 最大宽度 1440px) */
@media (max-width: 1920px) {
    .nav-menu-container {
        gap: 40px;
    }

    .ii_label_4{
        margin-top: 140px;
    }
}