body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

header {
    position: absolute;
z-index:99;
}

/* 仅用于新闻通知区域的临时布局，不影响全局 mainArea */
.newsArea {
    background-color: #ffff;
    /* border: 1px dashed #e6e6e6; */
    height: 707px;
    box-sizing: content-box;
    padding: 0;
    margin-top: 65px;
}

.newsArea .newsTitleArea>.phoneHidden {
    width: 1634px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    padding: 20px 0;
}

/* 覆盖index.css中的mainArea样式 */
.newsArea .mainArea {
    width: 1634px !important;
}



.newsArea .news-board-left,
.newsArea .notice {
    min-height: 420px;
    background: #ffffff;
    /* border: 1px dashed #e6e6e6; */

    /* margin-bottom: 109px; */
}

/* 标题行 */
.newsArea .news-notice-head {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: end;
    gap: 24px;
    margin-bottom: 50px;
}

.newsArea .news-notice-head .head-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: 8px;
}

.newsArea .news-notice-head .head-item:first-child {
    width: 1156px;
}


.newsArea .news-notice-head .head-item:last-child {
    width: 430px;
}


.newsArea .news-notice-head .head-title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
}

.newsArea .news-notice-head .head-actions {
    display: flex;
    gap: 10px;
}

/* 提升新闻/通知头部左右按钮的可点击性与反馈 */
.newsArea .news-notice-head .head-actions span {
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    border-radius: 4px;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.newsArea .news-notice-head .head-actions span:hover {
    transform: scale(1.05);
    background-color: rgba(193, 52, 50, 0.08);
}

.newsArea .news-notice-head .head-actions span:active {
    transform: scale(0.95);
}

.newsArea .news-notice-head .head-btn {
    width: 18px;
    height: 18px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.newsArea .news-notice-head .head-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid #999;
    border-top: 2px solid #999;
    transform: translate(-50%, -50%) rotate(45deg);
}

.newsArea .news-notice-head .head-btn.prev::after {
    transform: translate(-50%, -50%) rotate(225deg);
}

/* 左侧布局 */
.newsArea .left-sidebar {
    width: 243px;
    float: left;
    position: relative;
    background: #f5f5f5;
    height: 602px;

}

.newsArea .side-item {
    height: 68px;
    border: none;
    /* margin-bottom: 14px; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

    color: #9ea3a9;
    margin: 8px 14px;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    transition: all 0.3s linear;

}

/* 左侧列表指示与激活态 */
.newsArea .left-sidebar::before {
    content: '';
    position: absolute;
    left: -8px;
    width: 4px;
    top: 0;
    bottom: 0;
    background: transparent;
}



/* PC端与全局：标题+日期样式 */
.newsArea .side-item .title {
    display: block;
    min-width: 0;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsArea .side-item .date {
    flex: 0 0 auto;
    font-size: 18px;
    font-weight: 400;
    margin-left: 8px;
    color: #9ea3a9;
}

/* 激活项：默认第一条，标题不省略且高亮颜色 */
.newsArea .side-item.active {
    color: rgba(193, 52, 50, 1);
    height: 248px;
}

.newsArea .side-item.active .title {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    color: rgba(193, 52, 50, 1);
}

.newsArea .side-item.active .date {
    color: rgba(193, 52, 50, 1);
    position: relative;
    top: 40px;
}

.projectArea .projectTitleArea .project-title {
    margin-top: 109px;
}

.newsArea .side-item::before {
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: transparent;
    /* 默认无红线 */
}

.newsArea .side-item .active {
    /* background: transparent; */
    color: #c13432;
    /* 激活红色 */
    font-weight: 700;
}

/* .newsArea .side-item.active::before {
    background: #c13432;
    激活项左侧红线
} */

.newsArea .main-hero {
    margin-left: 306px;
    height: 602px;
}

.newsArea .hero-media {
    height: 100%;
    background: #ebebeb;
    position: relative;
    /* margin-left: 80px; */
}

.newsArea .hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.newsArea .hero-media {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    width: 851px;
}

.newsArea .hero-media.active {
    display: block;
    opacity: 1;
}

.newsArea .hero-caption {
    padding: 16px 0;

}

.newsArea .hero-title {
    height: 30px;
    background: #f2f2f2;
    width: 60%;
    margin-bottom: 8px;
}

.newsArea .hero-desc {
    height: 18px;
    background: #f7f7f7;
    width: 80%;
    margin-bottom: 12px;
}

.newsArea .hero-btn {
    position: absolute;
    bottom: 14px;
    right: 9px;
    width: 210px;
    height: 54px;
    opacity: 1;
    border-radius: 4px;
    background: rgba(193, 52, 50, 1);
    z-index: 2;


    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 37.65px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;

    text-align: center;
    line-height: 54px;
}

.newsArea .thumb-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 75px;

}

.newsArea .thumb-card {
    width: 374px;
    height: 486px;
    border: 1px solid #e6e6e6;
    /* padding: 16px; */
    /* border-radius: 3px; */
    background: #fff;
    transition: all 0.3s ease;

}

.newsArea .thumb-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .newsArea .thumb-card:hover {
    border-color: #c13432;
    box-shadow: 0 4px 12px rgba(193, 52, 50, 0.1);
} */

.newsArea .thumb-media {
    width: 100%;
    height: 315px;
    background: #f0f0f0;
    margin-bottom: 12px;
    /* border-radius: 6px; */
    overflow: hidden;
    position: relative;
}

.newsArea .image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f0f0f0 25%, #e0e0e0 25%, #e0e0e0 50%, #f0f0f0 50%, #f0f0f0 75%, #e0e0e0 75%);
    background-size: 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 12px;
}

.newsArea .thumb-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin-bottom: 8px;
    height: auto;
    background: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-left: 14px;
    padding-right: 14px;

    /** 文本1 */
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 25.87px;
    color: rgba(0, 0, 0, 1);


}

.newsArea .thumb-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    height: auto;
    background: none;
    padding-left: 14px;
    padding-right: 14px;
    margin-top: 53px;
}

.newsArea .date-info {
    display: flex;
    align-items: center;
}

.newsArea .date-icon {
    display: flex;
    align-items: center;
    margin-right: 6px;
}

.newsArea .date-icon img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.newsArea .date-text {
    font-size: 12px;
    color: #666;

    /** 文本1 */
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 25.87px;
    color: rgba(128, 128, 128, 1);


}

.newsArea .thumb-btn {
    width: 100px;
    height: 36px;
    background: #c13432;
    color: #fff;
    /* border-radius: 4px; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    /* transition: all 0.3s ease; */
    opacity: 1;
    margin-left: auto;
    clip-path: polygon(0.15432098765432098% 17.17171717171717%, 15.432098765432098% 0%, 99.948% 0%, 99.84567901234568% 79.7979797979798%, 85.9567901234568% 98.98989898989899%, 0% 100%);

}



/* 右侧通知列表 */
.newsArea .notice-list {
    padding: 0 16px;
    width: 430px;
}

.newsArea .notice-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 13px 0;
    border-bottom: 1px dashed #e6e6e6;
    transition: all 0.3s ease;
}

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

/* .newsArea .notice-item:hover {
    background-color: #f8f9fa;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
} */

.newsArea .date-box {
    width: 60px;
    text-align: center;

    flex-shrink: 0;
}

.newsArea .date-box .day {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    line-height: 1.2;
    margin-bottom: 4px;
    display: block;

    /** 文本1 */
    font-size: 46px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 32px;
    /* color: rgba(193, 52, 50, 1); */
    color: rgba(56, 56, 56, 1);
}

.newsArea .date-box .year {
    font-size: 14px;
    color: #666;
    line-height: 1.2;
    display: block;

    /** 文本2 */
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 32px;
    /* color: rgba(193, 52, 50, 1); */
    color: rgba(56, 56, 56, 1);


}

.newsArea .notice-text {
    flex: 1;
    min-width: 0;

    /** 文本1 */
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 25.87px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 12px;


}

.newsArea .n-title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsArea .n-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 通知公告按钮样式 */
.newsArea .notice-btn {
    width: 18px;
    height: 18px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
}

.newsArea .notice-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid #999;
    border-top: 2px solid #999;
    transform: translate(-50%, -50%) rotate(45deg);
}

.newsArea .notice-btn.notice-prev::after {
    transform: translate(-50%, -50%) rotate(225deg);
}

/* 通知公告激活状态样式 */
.newsArea .notice-item.active .date-box .day,
.newsArea .notice-item.active .date-box .year,
.newsArea .notice-item.active .notice-text .n-title {
    color: rgba(193, 52, 50, 1) !important;
}

.newsArea .notice-item.active .notice-text .n-desc {
    color: rgba(193, 52, 50, 0.8) !important;
}


@media screen and (max-width: 768px) {
    .newsArea .newsTitleArea>.phoneHidden {
        width: 100%;
        padding: 0 13px;
        grid-template-columns: 1fr;
        gap: 16px;
    }


}

/* 仅PC端：标题在上，日期在下 */
@media screen and (min-width: 769px) {
    .newsArea .side-item {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .newsArea .side-item .title {
        width: 100%;
    }

    .newsArea .side-item .date {
        margin-top: 4px;
        margin-left: 0;
    }
}



.projectArea .mainArea {
    width: 1920px;
    display: flex;
    border-bottom: 2px solid rgba(204, 204, 204, 1);
    ;
    padding: 0 135px;
    margin-bottom: 42px;
}


.projectArea .projectTitleArea .project-title {
    /** 文本1 */
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 64px;
    color: rgba(0, 0, 0, 1);

}

.projectArea .mainArea .head-actions {
    margin-right: 70px;
    margin-top: 128px;
}

/* 按钮交互样式 */
.projectArea .head-actions span {
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 5px;
    border-radius: 4px;
}

.projectArea .head-actions span:hover {
    transform: scale(1.1);
    background-color: rgba(193, 52, 50, 0.1);
}

.projectArea .head-actions span:active {
    transform: scale(0.95);
}

.footerBanner {
    width: 100%;
    height: 688px;
    /* background-color: #333; */
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* 组件外边距与边框调整 */
.footerBanner {
    margin-bottom: 200px;
}

/* 去除该区域下边框（覆盖之前样式） */
/* .projectArea,
.projectArea .mainArea {
    border-bottom: none !important;
} */



/* 轮播图容器 */
.footer-carousel-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

/* 轮播图包装器 */
.footer-carousel-wrapper {
    display: flex;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    padding: 0 20px;
    padding-left: 234px;
    will-change: transform;
    align-items: flex-start;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

/* 轮播图项目 */
.footer-carousel-item {
    flex-shrink: 0;
    width: 715px;
    height: 405px;
    margin-right: 20px;
    transition: all 0.5s ease-in-out;
    align-self: flex-start;
    backface-visibility: hidden;
    transform: translateZ(0);
    position: relative;
}

/* 右侧描述文案（默认隐藏，完全激活时显示） */
.footer-right-title {
    position: absolute;
    left: 739px;
    /* 图片宽715 + 间距24 */
    bottom: 148px;
    /* 与图片底齐平，标题在上方一行 */
    display: none;
    /* 文本1 */
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 60px;
    color: rgba(0, 0, 0, 1);
    width: 886px;
    /* 高度由文字内容撑开，允许换行 */
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
 height: 60px;
}

.footer-right-sub {
    position: absolute;
    left: 739px;
    bottom: 80px;
    /* 与图片底齐平 */
    display: none;
    /* 文本1 */
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20px;
    color: rgba(56, 56, 56, 1);
    width: 886px;
    /* 高度由文字内容撑开，允许换行 */
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

/* 完全激活后显示描述文字 */
.footer-carousel-item.fully-active .footer-right-title,
.footer-carousel-item.fully-active .footer-right-sub {
    display: block;
 display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}

/* 重置时禁用过渡效果 */
.footer-carousel-item.no-transition {
    transition: none !important;
}

.footer-carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: all 0.3s ease;
    border-bottom-left-radius: 0;
}

/* 激活状态的轮播项样式 */
.footer-carousel-item.active {
    width: 725px !important;
    height: 688px !important;
    margin-right: 30px !important;
    z-index: 10;
    position: relative;
    align-self: flex-start !important;
}

.footer-carousel-item.active img {
    width: 715px;
    height: 604px;
    transform: none;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    object-fit: cover;
    border-bottom-left-radius: 0;
}

/* 了解更多按钮 */
.footer-carousel-item .footer-more-btn {
    position: absolute;
    top: 604px;
    /* 紧贴图片下方，留8px间距 */
    left: 0;
    display: none;
    width: 486px;
    height: 84px;
    opacity: 1;
    border-radius: 0 0 12px 12px;
    background: rgba(193, 52, 50, 1);
    color: #fff;
    /* 文本1 */
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 64px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    text-decoration: none;
}

.footer-more-btn:hover {
    background: #a92b2a;
    text-decoration: none;
}

/* 图片完全激活后显示按钮（通过 JS 添加 fully-active 标记） */
.footer-carousel-item.fully-active .footer-more-btn {
    display: inline-block;
}

/* 克隆项目样式 - 已移除，保留样式以防将来需要 */
/* .footer-carousel-item.clone-item {
    pointer-events: none;
} */

/* 轮播图指示器样式 */
.footer-carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 20;
}

.indicator-item {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D8D8D8;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.6;
}

.indicator-item:hover {
    opacity: 1;
    transform: scale(1.2);
}

.indicator-item.active {
    width: 24px;
    height: 6px;
    border-radius: 3px;
    background-color: #c13432;
    opacity: 1;
}

/* 移动端样式调整 */
@media screen and (max-width: 768px) {

    .projectArea .projectTitleArea .project-title {
        margin-top: 0;
    }

    .active .footer-right-title {}

    .mainArea {
        padding: 0 13px !important;
        margin-bottom: 10px !important;
    }

    .head-actions {
        margin: 0 !important;
    }

    /* 移动端底部轮播图显示 */
    .footerBanner {
        display: block !important;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }

    /* 移动端轮播图容器样式 */
    .footer-carousel-container {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative !important;
        padding-left: 20px;
        /* 为激活项目留出左边距 */
    }

    .footer-carousel-wrapper {
        display: flex;
        flex-direction: row;
        gap: 15px;
        padding: 20px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        /* 确保容器有足够的宽度来显示多个项目 */
        min-width: calc(100vw - 40px);
        height: 400px;
    }

    /* 移动端轮播图项目样式 */
    .footer-carousel-item {
        width: 167px !important;
        min-width: 167px !important;
        height: 185px !important;
        margin: 0 !important;
        border-radius: 8px;
        /* overflow: hidden; */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        scroll-snap-align: start;
        flex-shrink: 0;
        transition: height 0.5s ease-in-out;
        position: relative;
    }

    /* 移动端轮播图项目激活状态样式 */
    .footer-carousel-item.active {
        width: 167px !important;
        min-width: 167px !important;
        height: 314px !important;
        margin: 0 !important;
    }

    .footer-carousel-item img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        transition: height 0.5s ease-in-out;
    }

    /* 激活项目的图片高度 */
    .footer-carousel-item.active img {
        height: 276px;
    }

    .footer-carousel-item .footer-more-btn {
        display: none !important;
        /* 默认隐藏按钮 */
        width: 100%;
        padding: 12px;
        background: #c13432;
        color: white;
        text-decoration: none;
        text-align: center;
        border-radius: 0 0 8px 8px;
        transition: all 0.3s ease;
    }

    /* 激活状态下的按钮样式 */
    .footer-carousel-item.active .footer-more-btn {
        display: block !important;
        /* 激活状态显示按钮 */
        margin-top: 10px;
    }

    .footer-carousel-item .footer-more-btnmb {
        display: none !important;
        /* 默认隐藏移动端按钮 */
        width: 100%;
        /* padding: 12px; */
        background: #c13432;
        color: white;
        text-decoration: none;
        text-align: center;
        border-radius: 0 0 8px 8px;
        transition: all 0.3s ease;
        height: 38px;
        width: 100%;
        margin-top: -4px;
    }

    /* 激活状态下的移动端按钮样式 */
    .footer-carousel-item.active .footer-more-btnmb {
        display: block !important;
        /* 激活状态显示移动端按钮 */
    }


    .footer-right-titlemb {
        color: #333;
        position: absolute;
        z-index: 99;
    }

    .footer-right-submb {
        color: #333;
        position: absolute;
        z-index: 99;


  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

    }


    .footer-carousel-item .footer-right-title {
        padding: 15px 15px 5px;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        transition: all 0.3s ease;
    }

    .footer-carousel-item .footer-right-sub {
        padding: 0 15px 15px;
        font-size: 14px;
        color: #666;
        line-height: 1.4;
        transition: all 0.3s ease;
    }

    /* 激活状态下的文字样式 */
    .footer-carousel-item.active .footer-right-titlemb {
        display: block !important;
        position: absolute;
        left: 180px;
        bottom: 50px;
        width: 100%;
        height: 34px;
        /** 文本1 */
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 32px;
        color: rgba(0, 0, 0, 1);

        /* 超出部分显示省略号 */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;


    }

    .footer-carousel-item.active .footer-right-submb {
        display: block !important;
        left: 180px;
        bottom: 0px;
        width: 100%;
        /* 超出两行显示省略号 */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        /** 文本1 */
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 16px;
        color: rgba(128, 128, 128, 1);


    }

    .footer-carousel-item .footer-right-titlemb {
        display: none !important;
    }

    .footer-carousel-item .footer-right-submb {
        display: none !important;
    }

    /* 移动端轮播图按钮样式 */
    .projectArea.pcHidden .head-actions span {
        cursor: pointer !important;
        padding: 8px !important;
        border-radius: 4px !important;
        transition: all 0.2s ease !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        /* background: rgba(0, 0, 0, 0.1) !important; */
        margin: 0 4px !important;
    }

    .projectArea.pcHidden .head-actions span:hover {
        background: rgba(0, 0, 0, 0.2) !important;
        transform: scale(1.05) !important;
    }

    .projectArea.pcHidden .head-actions span:active {
        transform: scale(0.95) !important;
    }

    .projectArea.pcHidden .head-actions span img {
        width: 20px !important;
        height: 20px !important;
        filter: brightness(0.7) !important;
        transition: filter 0.2s ease !important;
    }

    .projectArea.pcHidden .head-actions span:hover img {
        filter: brightness(0.5) !important;
    }

    /* 移动端显示指示器 */
    .footer-carousel-indicators {
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        position: absolute !important;
        bottom: 0px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 1000 !important;
        padding: 8px 12px !important;
        border-radius: 20px !important;
        margin: 0 !important;
        width: auto !important;
    }

    /* 移动端自定义滚动条样式 */
    .footer-carousel-wrapper::-webkit-scrollbar {
        display: none;
    }

    .footer-carousel-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    /* 移动端顶部背景透明 */
    header {
        background: transparent !important;
        overflow: visible !important;
        /* 确保header内容不被裁剪 */
        z-index: 9999 !important;
        /* 确保header在最上层 */
    }

    .topArea {
        background: transparent !important;
        overflow: visible !important;
        /* 确保topArea内容不被裁剪 */
        z-index: 9999 !important;
        /* 确保topArea在最上层 */
    }

    .navbar {
        background: transparent !important;
    }

    /* 移动端顶部区域样式调整 */
    .topArea {
        height: 65px;
        padding: 10px !important;
        width: 100%;
        margin: 0;
    }

    /* 移动端导航栏样式调整 */
    .navbar {
        width: 100%;
        margin: 0;
        padding: 0 13px;
    }
}

/* 大屏幕优化 */
@media screen and (min-width: 1200px) {

    .footer-right-titlemb {
        color: #333;
        z-index: 1000;
    }

    .footer-right-submb {
        color: #333;
        z-index: 1000;
    }

    .footer-carousel-item {
        width: 715px;
        height: 405px;
        margin-right: 25px;
        align-self: flex-start;
    }

    .footer-carousel-item.active {
        width: 725px !important;
        height: 688px !important;
        margin-right: 30px !important;
        align-self: flex-start !important;
    }

    .footerBanner {
        height: 688px;
    }
}

/* 中等屏幕调整 */
@media screen and (max-width: 1199px) and (min-width: 769px) {


    .footer-carousel-item {
        width: 715px;
        height: 405px;
        margin-right: 18px;
        align-self: flex-start;
    }

    .footer-carousel-item.active {
        width: 725px !important;
        height: 688px !important;
        margin-right: 30px !important;
        align-self: flex-start !important;
    }

    .footerBanner {
        height: 688px;
    }
}

/* 移动端轮播图贴紧视口顶部 */
@media screen and (max-width: 768px) {

    .mobile-menu-toggle {
        line-height: 28px;
    }

    .footer-carousel-item.active img {
        width: 100%;
        border-bottom-right-radius: 0;
    }



    /* 移动端轮播图容器贴紧视口顶部 */
    .mobile-banner-container {
        width: 100vw !important;
        height: 100vh !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1 !important;
    }

    header {
        height: 65px !important;
        /* position: absolute; */
    }

    .mobile-banner-title {
        /** 文本1 */
        font-size: 32px !important;
        font-weight: 700 !important;
        letter-spacing: 0px;
        line-height: 46.34px;
        text-align: left;
        vertical-align: top;

    }

    .mobile-banner-sub {
        /** 文本1 */
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 28px;
        text-align: left;
        vertical-align: middle;

    }

    .mobile-banner-desc {
        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 24px;
        color: rgba(255, 255, 255, 1);

  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;



    }

    .mobile-banner-btn {
        width: 147px;
        height: 46px;
        opacity: 1;
        border-radius: 4px;
        background: rgba(193, 52, 50, 1);

        /** 文本1 */
        font-size: 18px !important;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 26.06px;
        color: rgba(255, 255, 255, 1);


    }

    /* 轮播图容器在移动端使用标准流布局 */
    main>div:first-of-type {
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 768px !important;
    }

    /* 轮播图在移动端贴紧视口顶部 */
    #bannerCarousel {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* 轮播图内部容器 */
    #bannerCarousel .carousel-inner {
        width: 100% !important;
        height: 100% !important;
    }

    /* 轮播图项目 */
    #bannerCarousel .carousel-item {
        width: 100% !important;
        height: 100% !important;
    }

    /* 移动端轮播图图片宽高100% */
    #bannerCarousel .bannerImg {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 移动端页面整体宽度限制 */
    body {
        max-width: 375px !important;
        margin: 0 auto !important;
        overflow-x: hidden !important;
    }

    /* 移动端header宽度限制 */
    header {
        max-width: 375px !important;
        width: 100% !important;
    }

    /* 移动端main区域宽度限制 */
    main {
        max-width: 375px !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 移动端footer宽度限制 */
    footer,
    .new-footer {
        max-width: 375px !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 移动端底部区域宽度限制 */
    .mobileBottomArea {
        max-width: 375px !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 移动端新闻区域宽度限制 */
    .newsArea {
        max-width: 375px !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    /* 移动端所有图片宽度限制 */
    /* img {
        max-width: 375px !important;
        width: 100% !important;
        height: auto !important;
    } */

    /* 移动端内容区域在轮播图下方正常排列 */
    .newsArea {
        margin-top: 100vh !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* 移动端header在轮播图上方 */
    header {
        position: relative !important;
        z-index: 3 !important;
    }

    /* 移动端footer在轮播图上方 */
    footer,
    .new-footer {
        position: relative !important;
        z-index: 2 !important;
    }

    /* 移动端底部区域在轮播图上方 */
    .mobileBottomArea {
        position: relative !important;
        z-index: 2 !important;
    }

    /* PC端重置移动端轮播图样式 */
    @media screen and (min-width: 769px) {
        .mobile-banner-container {
            display: none !important;
        }
    }

    /* 移动端顶部logo尺寸调整 */
    .topArea .logo {
        width: 200px !important;
        height: 30px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }

    /* 移动端搜索图标尺寸调整 */
    .clickSearchIcon {
        width: 16px !important;
        height: 16px !important;
        object-fit: contain !important;
    }

    /* 移动端菜单图标尺寸调整 */
    .mobile-menu-toggle img {
        width: 16px !important;
        height: 16px !important;
        object-fit: contain !important;
    }

    /* 移动端语言切换样式 */
    .language-toggle-wrapper {
        display: flex !important;
        align-items: center !important;
        margin-right: 8px !important;
        position: relative !important;
        z-index: 9999 !important;
        /* 确保语言切换在最上层 */
    }

    .language-toggle-icon {
        width: 14px !important;
        height: 14px !important;
    }

    .language-text {
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0px !important;
        line-height: 17.38px !important;
        color: rgba(255, 255, 255, 1) !important;
        margin: 0 1px !important;
    }

    .language-arrow {
        width: 10px !important;
        height: 14px !important;
    }

    /* 语言下拉列表样式 */
    .language-dropdown {
        position: fixed !important;
        /* 改为fixed定位，避免被父容器影响 */
        top: auto !important;
        /* 重置top值 */
        left: auto !important;
        /* 重置left值 */
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        border-radius: 6px !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
        display: none !important;
        z-index: 99999 !important;
        /* 进一步提高z-index */
        min-width: 80px !important;
        margin-top: 8px !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        opacity: 0 !important;
        transform: translateY(-8px) scale(0.95) !important;
        transition: all 0.25s ease-out !important;
        overflow: visible !important;
        /* 确保内容完全显示 */
        white-space: nowrap !important;
        /* 防止文字换行 */
        pointer-events: auto !important;
        /* 确保可以点击 */
    }

    .language-dropdown.active {
        display: block !important;
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
    }

    /* PC端语言切换样式重置 */
    @media screen and (min-width: 769px) {
        .language-dropdown {
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            z-index: 1001 !important;
        }
    }

    .language-option {
        padding: 12px 20px !important;
        cursor: pointer !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
        transition: all 0.2s ease !important;
        position: relative !important;
        background: transparent !important;
    }

    .language-option:first-child {
        border-radius: 6px 6px 0 0 !important;
    }

    .language-option:last-child {
        border-bottom: none !important;
        border-radius: 0 0 6px 6px !important;
    }

    .language-option:hover {
        background-color: rgba(24, 144, 255, 0.08) !important;
        color: #1890ff !important;
        padding-left: 24px !important;
    }

    .language-option.active {
        background-color: rgba(24, 144, 255, 0.12) !important;
        color: #1890ff !important;
        font-weight: 600 !important;
    }

    /* 移动端通知公告区域样式 */
    .notifyArea {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
        padding: 40px 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 375px !important;
        margin: 0 auto !important;
    }

    .notifyTitleArea {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 30px !important;
        border-bottom: 1px solid rgba(204, 204, 204, 0.5) !important;
        padding-bottom: 15px !important;
    }

    .notify-title {
        font-size: 24px !important;
        font-weight: 700 !important;
        /* color: rgba(193, 52, 50, 1) !important; */
        margin: 0 !important;
        margin-left: 16px !important;
    }

    .head-actions {
        display: flex !important;
        gap: 10px !important;
    }

    .head-actions span {
        width: 32px !important;
        height: 32px !important;
        /* background: rgba(193, 52, 50, 0.1) !important; */
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }

    .head-actions span:hover {
        background: rgba(193, 52, 50, 0.2) !important;
        transform: scale(1.05) !important;
    }

    .head-actions img {
        width: 16px !important;
        height: 16px !important;
    }

    .notifyListArea {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .notifyItem {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        background: #ffffff !important;
        border-radius: 8px !important;
        padding: 16px !important;
        box-shadow: none !important;
        border: none !important;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
        /* margin-bottom: 15px !important; */

        background: rgba(229, 229, 229, 0.3) !important;
        /* padding-left: 17px; */
        width: 343px;
        margin: 0 auto;
        padding: 2px !important;
        height: 75px;

    }

    .notifyItem:hover {
        transform: translateY(-2px) !important;
        /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important; */
    }

    .date-box {
        width: 60px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
        margin-right: 16px !important;
    }

    .date-box .day {
        font-size: 32px !important;
        font-weight: 700 !important;
        color: rgba(193, 52, 50, 1) !important;
        line-height: 1.2 !important;
        margin-bottom: 4px !important;
        display: block !important;

        /** 文本1 */
        font-size: 46px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 32px;
        color: rgba(193, 52, 50, 1);


    }

    .date-box .year {
        font-size: 14px !important;
        color: #666 !important;
        line-height: 1.2 !important;
        display: block !important;
        font-weight: 500 !important;
        color: rgba(193, 52, 50, 1) !important;

        /** 文本2 */
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 32px;
        color: rgba(193, 52, 50, 1);


    }

    .notice-text {
        flex: 1 !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        /** 文本1 */
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 20.12px;
        color: rgba(193, 52, 50, 1);

        margin-top: 15px;


    }

    .n-title {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: rgba(193, 52, 50, 1) !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* 移动端垂直轮播图样式 */
.mobile-banner-container {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
}

.mobile-banner-container .carousel {
    width: 100%;
    height: 100%;
    position: relative;
}

/* 添加轮播图蒙层 */
.mobile-banner-container .carousel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(128, 128, 128, 0.4);
    z-index: 5;
    pointer-events: none;
}

.mobile-banner-container .carousel-inner {
    width: 100%;
    height: 100%;
}

.mobile-banner-container .carousel-item {
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.6s ease-in-out;
    min-height: 100vh !important;
}

.mobile-banner-container .carousel-item.active,
.mobile-banner-container .carousel-item-next,
.mobile-banner-container .carousel-item-prev {
    display: block;
}

.mobile-banner-container .carousel-item-next:not(.carousel-item-left),
.mobile-banner-container .active.carousel-item-right {
    transform: translateY(-100%);
}

.mobile-banner-container .carousel-item-prev:not(.carousel-item-right),
.mobile-banner-container .active.carousel-item-left {
    transform: translateY(100%);
}

.mobile-banner-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
}

.mobile-banner-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    color: white;
    padding: 20px;
    text-align: left;
    z-index: 10;
}

.mobile-banner-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.mobile-banner-sub {
    font-size: 14px;
    margin-bottom: 6px;
    opacity: 0.9;
}

.mobile-banner-desc {
    font-size: 12px;
    margin-bottom: 8px;
    opacity: 0.8;
    line-height: 1.4;
}

.mobile-banner-time {
    font-size: 11px;
    opacity: 0.7;
    margin-bottom: 12px;
}

.mobile-banner-btn {
    display: inline-block;
    background: #c13432;
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    transition: background-color 0.3s;
}

.mobile-banner-btn:hover {
    background: #a02826;
    color: white;
    text-decoration: none;
}

/* 移动端轮播图指示器样式 */
.mobile-banner-container .carousel-indicators {
    position: absolute !important;
    right: 20px !important;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 20 !important;
    flex-direction: column !important;
    display: flex !important;
}

.mobile-banner-container .carousel-indicators li {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    margin: 6px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-indent: 0 !important;
    overflow: visible !important;
}

.mobile-banner-container .carousel-indicators li.active {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: white;
    transform: scale(1.1);
}

.mobile-banner-container .carousel-indicators .indicator-number {
    color: white !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    display: block !important;
    text-indent: 0 !important;
    position: relative !important;
    z-index: 21 !important;
}