.dropdown {
    position: relative;
    display: flex;
    justify-content: center;
}

.dropdown .submenu {
    display: none;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    padding: 0;
    z-index: 999;
    font-size: 0.5vw;
    list-style: none;
    width: 8vw;
    text-align: center;
}

.dropdown:hover .submenu,
.submenu:hover
{
    display: block;
}
.dropdown .submenu li a:hover {
    color:white; /* 继承父元素颜色，保持不变 */
    background-color: rgb(173,46,26); /* 确保背景透明 */
}
.dropdown .submenu li a {
    text-decoration: none !important; /* 强制无下划线 */
}
.submenu li {
    margin: 0;
    padding: 0 ;
    border-bottom: 0 solid rgb(173,46,26);
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown .submenu li:last-child {
    border-bottom: none;
}

.dropdown .submenu li a {
    color: rgb(173,46,26);
}
.main {
    height: 403.54vw;
    width: 100%;
}
.top {
    height: 12.39%;
    width: 100%;
    position: relative;
    z-index: 1;
}
.top-second {
    position: absolute;
    top: 0%;
    left: 0;
    height: 11%;
    width: 100%;
    background-color: rgba(135, 7, 1, 0.49);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 10;
}

.yuanhui {
    margin-right: 1vw;
    margin-top: 1%;
    height: 140%;
    width: 8%;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 11;
    border-radius: 0 0 4vw 4vw ;
    background: linear-gradient(to bottom,
    rgba(135, 7, 1, 0) 80%,
    rgba(135, 7, 1, 0.49) 20%
    );
}
.yuanming {
    height: 100%;
    width: 20%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.yuanhui img {
    max-width: 80%; /* 稍微缩小图片以适配圆角 */
    max-height: 80%;
    object-fit: contain; /* 保持图片比例 */
    z-index: 12;
    margin-left: 10%;
}
.yuanming img {
    /* 让图片自适应容器，保持比例且不超出容器 */
    max-width: 100%;
    max-height: 100%;
    object-fit: fill; /* 按比例缩放，包含在容器内 */
}
.daohang {
    margin-left: 12%;
    width: 55%;
    height: 100%;
    display: flex; /* 开启 Flex 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: flex-end; /* 整体向左对齐 */
}
.daohang li {
    margin: 1.5%;
}
.daohang li a {
    text-decoration: none;
    color: #fff;
    font-size: 1vw;
    white-space: nowrap;
    position: relative;
}

.daohang li.active a::after {
    content: '';
    position: absolute;
    bottom: -1vw; /* 调整这个值来控制下划线的垂直位置 */
    left: 50%;
    transform: translateX(-50%);
    width: 100%; /* 下划线宽度 */
    height: 0.1vw; /* 下划线粗细 */
    background-color: #fff; /* 下划线颜色 */
}

.dropdown .submenu li a::after {
    display: none; /* 隐藏下拉菜单中链接的伪元素 */
}
.search {
    position: relative;
    display: flex;
    margin-left: 1vw;
}
#search-input {
    border: none;
    border-radius: 1vw;
    font-size: 1vw;
    outline: none;
    width: 10vw;
    height: 1.5vw;
    padding-left: 0.5vw;
}
#search-input::placeholder {
    /* 设置文字大小，可根据需求调整，比如 14px、1vw 等 */
    font-size: 1vw;
    /* 设置文字颜色，可使用颜色名称、十六进制、rgb 等格式，这里用 rgb 示例 */
    color: #D3D3D3;
}
.search-icon {
    position: absolute;
    right: 0.5vw;
    width: 1.5vw;
    height: 1.5vw;
    background-image: url('../rwxy2022/images/search.png');
    background-size: cover;
    cursor: pointer; /* 鼠标悬停时显示手型 */
    transition: transform 0.2s; /* 添加过渡效果 */
}
/* 图标悬停效果 */
.search-icon:hover {
    transform: scale(1.1); /* 轻微放大 */
    filter: brightness(0.8); /* 图标变暗，增强交互感 */
}

.school-notice {
    height: 18.41%;
    width: 100%;
    background-image: url("../rwxy2022/images/schoolnews.png");
    background-size: cover; /* 让背景图铺满元素 */
    background-repeat: no-repeat; /* 避免背景图重复 */
    background-position: center; /* 背景图居中 */
    z-index: 10;
    position: relative;
    border-top-left-radius: 10vw;
}
.schoolnews {
    height: 58%;
    width: 100%;
    justify-content: center;
}
.notice {
    height: 42%;
    width: 100%;
    background-size: cover; /* 让背景图铺满元素 */
    background-repeat: no-repeat; /* 避免背景图重复 */
    background-position: center; /* 背景图居中 */
    background-image: url("../rwxy2022/images/notice.png");
    display: flex;
    justify-content: center;
}

.school-main {
    width: 75%;
    margin: 0 auto;
    padding-top: 5.2vw;
}
.school-main .text2 {
    color: #ccb364;
}
.school-main a {
    text-decoration: none;
}
.school-contain {
    display: flex;
    width: 75%;
    margin: 2.6vw auto;
    height: 75%; /* 适配高度，可根据设计微调 */
    gap:2vw;
}
/* Swiper轮播容器 */
.swiper-container{
    width: 50%;
    height: 100%; /* 添加高度限制 */
    position: relative; /* 为导航按钮定位提供参考 */
    overflow: hidden;
}
.swiper-slide img {
    width: 100%;
    height: 78.4%;
    object-fit: cover; /* 保持图片比例 */
    display: block;
}
/* 轮播图文字区域布局优化 */
.carousel-text {
    height: 21.6%;
    background-color: white;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.carousel-yellow-bg {
    background-color: #dec77e;
    width: 0.52vw;
    height: 100%;
    flex-shrink: 0;
}
.carousel-num-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0 1.56vw;
}
.carousel-num {
    font-size: 2.5vw;
    font-weight: bold;
    color: #ccb364;
    font-family: 思源黑体;
}
.carousel-date {
    font-size: 1vw;
    color: #ccb364;
    font-family: 思源黑体;
}
.carousel-num-date::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0.2vw;
    background-color: #dec77e;
}
.carousel-text-content {
    flex: 1;
    padding-left: 1.04vw;
    overflow: hidden;
}
.carousel-top-title {
    font-size: 1.25vw;
    font-weight: bold;
    color: #333333;
}
.carousel-bottom-title {
    font-size: 1vw;
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.carousel-link {
    position: absolute;
    bottom: 0.5vw;
    right: 0.78vw;
    cursor: pointer;
    display: flex;
}
.carousel-link span{
    font-size: 0.8vw;
    color: #870701;
    opacity: 0.5;
    margin-right: 0.42vw;
}
.carousel-link img {
    margin-right: 0.5vw;
    width: 1.2vw; /* 调整箭头图片大小 */
    height: 0.8vw;
    margin-left: 0.5vw; /* 与文字保持间距 */
    opacity: 1;
    margin-top: 0.2vw;
    object-fit: fill;
}

.school-swiper .swiper-button-prev{
    top: 45% !important; /* 相对于轮播图图片部分居中 */
    left: 1.5vw;
    transform: translateY(-45%) !important;
    background-image: url("../rwxy2022/images/school-left.png");
    background-size: contain; /* 图片自适应按钮大小 */
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}
.school-swiper .swiper-button-next {
    top: 45% !important; /* 相对于轮播图图片部分居中 */
    right: 1.5vw;
    transform: translateY(-45%) !important;
    background-image: url("../rwxy2022/images/school-right.png");
    background-size: contain; /* 图片自适应按钮大小 */
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}
.school-swiper .swiper-button-prev,
.school-swiper .swiper-button-next {
    width: 2.5vw !important; /* 适当增大宽度容纳图片 */
    height: 2.5vw !important;
}
.school-swiper .swiper-button-prev:after{
    content: "";
}
.school-swiper .swiper-button-next:after{
    content: "";
}
/* 修复分页器位置 */
.school-swiper .swiper-pagination {
    bottom: 25% !important; /* 放在轮播图底部，不占用文字区域 */
    left: auto !important; /* 取消默认左定位 */
    right: 2vw !important;
    width:  15vw !important; /* 宽度自适应 */
    transform: none !important; /* 取消居中变换 */
    display: flex !important;
    justify-content: center !important; /* 按钮水平居中排列 */
    align-items: flex-end !important; /* 垂直居中 */
    gap: 2vw !important; /* 按钮之间的间距（可根据视觉调整） */
    padding: 0 !important; /* 清除容器内边距 */
    margin: 0 !important; /* 清除容器外边距 */
}
/* 学院动态轮播分页器：独立样式 */
.school-swiper .swiper-pagination-bullet {
    width: 2vw;
    height: 0.41vw;
    border-radius: 0;
    background-color: #ffffff;
    opacity: 1;
    transition: all 0.3s ease;
    position: relative;
    color: inherit;
    margin: 0 !important;
}
.school-swiper .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.school-swiper .swiper-pagination-bullet-active {
    width: 2vw;
    height: 2vw;
    background-color: inherit;
    border-radius: 50%;
    opacity: 1;
}
.school-swiper .swiper-pagination-bullet-active::before {
    content: attr(data-index);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: inherit;
    font-size: 1.56vw;
    font-weight: bold;
    background: none;
    font-family: "Lux Lineae";
    -webkit-text-stroke: 0.069vw #fff;
}

.school-swiper .swiper-pagination-bullet-active::after {
    display: none;
}

.school-swiper .carousel-info {
    z-index: 10; /* 确保文字在箭头和分页器下方但不被遮挡 */
}

/* 右侧新闻列表（仅hover变色） */
.news-list {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1vw;
    justify-content: space-between;
}
.news-item {
    display: flex;
    cursor: pointer;
    background-color: #ffffff;
    align-items: center; /* 垂直居中 */
    width: 34.89vw; /* 固定宽度 */
    height: 7.13vw; /* 固定高度 */
    transition: all 0.3s ease; /* 添加过渡动画 */
    box-sizing: border-box;
    position: relative;
    transform-origin: left center;
}
.news-list a {
    text-decoration: none;
}
.news-red-bg {
    background-color: #870701;
    width: 0.52vw;
    height: 100%;
    flex-shrink: 0;
}
/* 列表日期区域 */
.news-date {
    text-align: center;
    margin-right: 0.78vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1.56vw;
}
.news-num {
    font-size: 2.5vw;
    font-weight: bold;
    color: #cc706b;
    font-family: 思源黑体;
}
.news-year {
    font-size: 1vw;
    color: #cc706b;
    font-family: 思源黑体;
}
.news-date::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0.2vw;
    background-color: #dbb4b2;
    transition: background-color 0.3s ease;
}
/* 列表内容区域 */
.news-content {
    flex: 1;
    overflow: hidden;
}
.news-top-title {
    font-size: 1.25vw;
    font-weight: bold;
    color: #333333;
    transition: color 0.3s;
}
.news-bottom-title {
    font-size: 1vw;
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    transition: color 0.3s;
}
/* 悬停效果 - 整个容器 */
.news-item:hover {
    transform: scale(1.03);
    box-shadow: 0 2vw 12vw rgba(0,0,0,0.1);
    z-index: 10;
}

.news-item:hover .news-num,
.news-item:hover .news-year,
.news-item:hover .news-top-title,
.news-item:hover .news-bottom-title {
    color: #ccb364; /* 悬停时所有文字变色 */
}
.news-item:hover .news-date::after {
    background-color: #ccb364; /* 悬停时变成黄色 */
}
.news-item:hover .news-red-bg {
    background-color: #dec77e;
}
.notice-main {
    width: 75%;
    margin-top: 14%;
}
.notice-main .text2{
    color: #ccb364;
}
.notice-main a {
    text-decoration: none;
}
.text{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 0.8vw;
}
.text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0; /* 靠底部对齐 */
    width: 100%; /* 全屏宽度 */
    height: 0.069vw; /* 直线高度 */
    background-color: #870701;
}
.text1-text2{
    display: flex;
}
.text1{
    font-size: 1.56vw;
    color: #870701;
    font-family: 思源黑体;
    font-weight: bold;
    position: relative;
    padding-right: 1.25vw;
}
.text1::after {
    content: "";
    position: absolute;
    right: 0; /* 靠右对齐 text1 */
    bottom: 0;
    height: 2vw; /* 竖线高度 */
    width: 0.12vw; /* 竖线宽度 */
    background-color: #870701;
    opacity: 0.3;
}
.text2{
    font-size: 1.25vw;
    color: #ffe48d;
    font-family: 思源黑体;
    margin-left: 1.25vw;
}
.text3{
    justify-content: flex-end;
    font-size: 0.9375vw;
    color: #870701;
    font-family: 思源黑体;
    position: relative; /* 用于小圆圈定位 */
    padding-right: 2vw; /* 给小圆圈预留空间 */
}
.text3::after {
    content: "";
    position: absolute;
    right: 0; /* 靠右对齐 text3 */
    top: 50%;
    transform: translateY(-50%); /* 垂直居中 */
    width: 1vw;
    height: 1vw;
    background-color: #870701; /* 圆圈颜色 */
    border: 0.2vw solid #fff; /* 白色边框 */
    border-radius: 50%; /* 圆形 */
}
.notice-box {
    justify-content: space-between;
    align-items: center;
    display: flex;
    width: 100%;
    height: 75%;
}
.notice-smallbox {
    width: 32%;
    height: 50%;
    background-image: url("../rwxy2022/images/notice-1.png");
    background-size: cover;
    background-color: white;
    background-position: center;
    border-bottom: 0.2vw solid #870701;
    box-shadow: 0.6vw 0.6vw 1.2vw rgba(135, 7, 1, 0.5);
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}
.notice-smallbox:hover {
    background-color: #870701; /* 背景色变为深灰黑色 */
}
.notice-smallbox:hover .notice-num,
.notice-smallbox:hover .notice-date {
    color: #fff;
}

/* 悬停时右侧标题变白色 */
.notice-smallbox:hover .notice-title {
    color: #fff;
}

/* 悬停时“查看详情”文字变白色（取消透明度） */
.notice-smallbox:hover .notice-link span {
    color: #fff;
    opacity: 1; /* 悬停时文字不透明 */
}
/* 悬停时箭头图片变白色（若图片是深色，可通过滤镜反转） */
.notice-smallbox:hover .notice-link img {
    filter: invert(1); /* 反转图片颜色（深色变白色） */
}
/* 悬停时中间竖线变白色 */
.notice-smallbox:hover .notice-right::before {
    background-color: #fff;
}
.notice-left {
    display: flex;
    flex-direction: column;
    align-items: center; /* 序号和日期垂直居中 */
    width: 24%;
    justify-content: center;
}
.notice-num {
    font-size: 2.5vw;
    color: #cc706b;
    font-family: 思源黑体;
    font-weight: bold;
}
.notice-date {
    font-size: 1vw;
    color: #cc706b;
    font-family: 思源黑体;
}

/* 右侧标题+查看详情区域 */
.notice-right {
    flex: 1; /* 占满剩余宽度 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 1.04vw;
    height: 100%;
}

.notice-right::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2vw;
    background-color: #dbb4b2;
    height: 70%;
}
.notice-title {
    font-size: 1vw;
    color: #757575;
    font-family: 思源黑体;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 最多显示3行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    align-self: center;
}
.notice-link {
    position: absolute;
    bottom: 0.1vw;
    right: 0.5vw;
    cursor: pointer;
    display: flex;
}
.notice-link span{
    font-size: 0.8vw;
    color: #870701;
    opacity: 0.5;
    margin-right: 0.42vw;
    font-family: 思源黑体;
}
.notice-link img {
    margin-right: 0.5vw;
    width: 1.2vw; /* 调整箭头图片大小 */
    height: 0.8vw;
    margin-left: 0.5vw;; /* 与文字保持间距 */
    opacity: 1;
    object-fit: fill;
    margin-top: 0.2vw;
}
.research {
    height: 10.32%;
    width: 100%;
    background-image: url("../rwxy2022/images/reserch.png");
    background-size: cover; /* 让背景图铺满元素 */
    background-repeat: no-repeat; /* 避免背景图重复 */
    background-position: center; /* 背景图居中 */
    box-sizing: border-box;
    position: relative;
}
.research-main {
    width: 75%;
    padding-top: 3%;
    margin: 0 auto;
}
.research-main .text2{
    color: #ccb364;
}
.research-main a {
    text-decoration: none;
}
.research-swiper {
    width: 100%; /* 轮播宽度（留边距显示两侧卡片） */
    height: 75%;
    margin-top: 3%;
    position: relative;
}
.research-card {
    background-color: white;
    border-radius: 1.6vw;
    overflow: visible; /* 图片圆角适配 */
    box-shadow: 0 0.8vw 2.4vw rgba(0,0,0,0.1);
    height: 88%;
    display: flex;
    flex-direction: column; /* 图片在上，文字在下 */
    z-index: 1;
}

/* 卡片图片 */
.research-card img {
    width: 100%;
    height: 72%; /* 图片占卡片60%高度 */
    object-fit: fill; /* 图片裁剪适配 */
}

/* 卡片文字区域 */
.research-text {
    padding: 1.04vw;
    flex: 1; /* 文字区域占剩余高度 */
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.research-text-1 {
    color: #333;
    font-size: 1.14vw;
    font-family: 思源黑体;
}
.research-text-2 {
    color: #757575;
    font-size: 1.04vw;
    font-family: 思源黑体;
    -webkit-line-clamp: 2; /* 最多显示2行 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.research-text-3 {
    color: #870701;
    font-size: 0.88vw;
    font-family: 思源黑体;
    opacity: 0.5;
}
.research-text-4 {
    color: #870701;
    font-size: 0.88vw;
    font-family: 思源黑体;
    opacity: 0.5;
}
.research-text-bottom{
    display: flex;
    justify-content: space-between; /* 日期左对齐，查看详情右对齐 */
    align-items: center;
}
.research-text-bottom-right{
    display: flex;
}
.research-text-bottom a{
    text-decoration: none;
}
.research-text-bottom img{
    margin-right: 0.5vw;
    width: 1.2vw;
    height: 0.8vw;
    margin-left: 0.5vw;
    margin-top: 0.2vw;
    opacity: 1;
    object-fit: fill;
}

/* 轮播卡片布局核心样式 */
.research-swiper .swiper-slide {
    transition: all 0.3s ease; /* 切换动画 */
}

/* 中间激活卡片放大突出 */
.research-swiper .swiper-slide-active {
    transform: scale(1.1); /* 主卡片轻微放大 */
    z-index: 10; /* 层级高于两侧卡片 */
    opacity: 1; /* 激活卡片不透明 */
}

/* 两侧卡片缩小并降低透明度 */
.research-swiper .swiper-slide-prev,
.research-swiper .swiper-slide-next {
    transform: scale(0.8); /* 两侧卡片缩小 */
    opacity: 0.4; /* 降低透明度，实现“部分可见” */
    z-index: 1;
}

/* 轮播按钮样式（适配研究板块风格） */
.research-swiper .swiper-button-prev,
.research-swiper .swiper-button-next {
    color: #ffffff; /* 按钮颜色（主题红） */
    width: 3.64vw;
    height: 3.64vw;
    top: 45%; /* 调整垂直位置，与目标图对齐 */
    transform: translateY(-45%);
    border-radius: 50%; /* 圆形按钮 */
    background-color: rgba(218, 150, 147, 0.5);
    border: 0.3vw solid #ffffff;
    font-size: 2vw
}


.research-swiper .swiper-button-prev::after,
.research-swiper .swiper-button-next::after {
    font-size: 2vw;
    font-weight: bold;
}
.research-swiper .swiper-pagination {
    bottom: 0vw !important;
    display: flex !important;
    justify-content: center !important;
    gap: 1vw !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* 分页器样式 */
.research-swiper .swiper-pagination-bullet {
    width: 1.04vw;
    height: 1.04vw;
    border-radius: 50%; /* 圆形 */
    background-color: #ffffff;
    opacity: 0.4;
    margin: 0 !important;
}

.research-swiper .swiper-pagination-bullet-active {
    width: 2vw; /* 长方形宽度 */
    height: 1.04vw; /* 长方形高度 */
    border-radius: 30%; /* 取消圆角，变为长方形 */
    background-color: #ffffff;
    opacity: 1; /* 激活时不透明 */
}
.party {
    height: 9.74%;
    width: 100%;
    position: relative;
}
.party-bg {
    position: absolute; /* 脱离文档流，独立于文字 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../rwxy2022/images/party.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6; /* 仅背景图透明 */
    z-index: 1; /* 背景层在下方 */
    background-attachment: fixed;
}

.party-main {
    width: 75%;
    padding-top: 4.6%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.party-main a{
    text-decoration: none;
}
.party-content {
    margin: 3% auto;
    width: 75%;
    height: 64.2%;
    display: flex;
    position: relative; /* 关键：相对定位，脱离背景层 */
    z-index: 2; /* 关键：与标题同层级，不透明 */
}
/* 图片容器 */
.party-img {
    width: 57.4%;
    height: 100%;
}
.party-img img {
    width: 100%;
    height: 100%;
    transition: opacity 0.3s; /* 图片切换淡入效果 */
    object-fit: cover;
}
.party-list {
    width: 42.6%;
    height: 100%;
}
.party-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%; /* 占满.party-list高度 */
    display: flex;
    flex-direction: column; /* 垂直排列列表项 */
}
/* 列表项样式 */
.list-item {
    display: flex;
    align-items: center;
    background-color: rgba(255,255,255); /* 半透明白色背景 */
    cursor: pointer; /* 鼠标悬停显示手型 */
    transition: all 0.3s; /* 切换动画 */
    flex: 1;
    position: relative; /* 用于竖线和梯形定位 */
    border-bottom: 0.2vw solid #dbb4b2; /* 横线分隔 */
}
/* 最后一个项去掉底部横线 */
.list-item:last-child {
    border-bottom: none;
}
/* 选中项样式（高亮） */
.list-item.active {
    background-color: #dec77e; /* 主题红背景 */
}
/* 序号+日期的column容器（垂直排列） */
.index-date-column {
    display: flex;
    flex-direction: column; /* 序号在上，日期在下 */
    align-items: center; /* 水平居中 */
    padding-right: 1.04vw; /* 与竖线保持距离 */
    z-index: 2; /* 确保内容在梯形背景上方 */
    padding-left: 1.04vw;
    position: relative;
}
/* 序号样式 */
.list-index {
    font-size: 1.875vw;
    font-family: 思源黑体;
    font-weight: bold;
    color: #cc706b;
    transition: color 0.3s;
}
.list-item.active .list-index {
    color: #fff; /* 选中时白色 */
    font-size: 1.875vw;
    font-family: 思源黑体;
    font-weight: bold;
}
/* 日期样式 */
.list-date {
    font-size: 1.04vw;
    font-family: 思源黑体;
    color: #cc706b; /* 未选中时红色 */
    transition: color 0.3s;
}
/* 选中项日期颜色 */
.list-item.active .list-date {
    color: #fff; /* 选中时白色 */
    font-size: 1.875vw;
    font-family: 思源黑体;
}
/* 序号日期列与标题之间的竖线 */
.index-date-column::after {
    content: "";
    position: absolute;
    left: 100%; /* 调整竖线位置（根据序号+日期宽度） */
    top: 15%;
    height: 70%; /* 竖线高度 */
    width: 0.2vw;
    background-color: #dbb4b2; /* 竖线颜色 */
}
.list-item.active .index-date-column::after {
    background-color: #ffffff; /* 竖线颜色 */
}

/* 标题样式 */
.list-title {
    flex: 1; /* 标题占剩余宽度 */
    font-size: 1vw;
    color: #333; /* 未选中时深灰 */
    transition: color 0.3s;
    font-family: 思源黑体;
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 超出隐藏 */
    text-overflow: ellipsis; /* 超出显示省略号 */
    padding-left: 1.04vw;
}
/* 选中项标题颜色 */
.list-item.active .list-title {
    color: #fff; /* 选中时白色 */
    font-size: 1vw;
    font-family: 思源黑体;
}
/* 选中项的左侧突出角 */
.list-item.active::before {
    content: "";
    position: absolute;
    left: 0;         /* 靠左侧定位 */
    top: 0;          /* 顶部对齐 */
    width: 9.375vw;     /* 增加宽度，强化梯形视觉 */
    height: 100%;    /* 高度与列表项一致 */
    background-color: #dec77e; /* 匹配目标金色背景 */
    transform: skewX(-25deg);  /* 加大倾斜角度，优化梯形形态 */
    transform-origin: top left; /* 变形原点确保梯形形状正确 */
    z-index: 1;      /* 低于内容层，避免遮挡文字 */
}

.student {
    height: 15.32%;
    width: 100%;
    background-color: #ffffff;
}
.student-main {
    width: 73.95%;
    padding-top: 5%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.student-main .text2{
    color: #ccb364;
}
.student-main a {
    text-decoration: none;
}
.student-photo {
    height: 74.81%;
    width: 73.95%;
    margin: 1.8vw auto 0;
}
.top-photo {
    display: flex;
    width: 100%;
    height: 56.2%;
}
.photo1 {
    height: 100%;
    width: 45.9%;
    background-image: url("../rwxy2022/images/party-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.photo2 {
    height: 100%;
    width: 54.1%;
    background-image: url("../rwxy2022/images/party-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.bottom-photo {
    display: flex;
    width: 100%;
    height: 43.8%;
}
.photo3 {
    height: 100%;
    width: 57.7%;
    background-image: url("../rwxy2022/images/party-3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.photo4 {
    height: 100%;
    width: 42.3%;
    background-image: url("../rwxy2022/images/party-4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.photo-text {
    display: flex;
    align-items: center;
}
.photo-link {
    position: absolute;
    bottom: 7%;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.photo-link span {
    font-size: 1.2vw;
    color: #ffffff;
    font-family: 思源黑体;
    font-weight: bold;
}
.photo-link img {
    width: 2vw;
    height: 1.2vw;
}
.culture-study-time {
    width: 100%;
    height: 27.34%;
    position: relative;
    overflow: hidden;
}
.culture-bg {
    position: absolute; /* 脱离文档流，独立于文字 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../rwxy2022/images/party.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
    z-index: 1;
    background-attachment: fixed;
}
.culture{
    height: 39.16%;
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
}
.culture-left{
    width: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    border-bottom-right-radius: 4vw;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2.4vw 2.6vw rgba(0, 0, 0, 0.1);
    z-index: 2;
    transition: width 0.5s ease; /* 宽度过渡动画 */
}
.culture-left-main{
    margin-top: 8%;
    margin-left: 13.265%;
    margin-right: 13.265%;
}
.culture-left-main a{
    text-decoration: none;
}
.culture-left-content {
    margin-top: 6%;
    margin-left: 13.265%;
    width: 73.47%;
    height: 62.16%;
    background-color: #ffffff;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    position: relative;
}

.culture-left-img {
    width: 100%;
    height: 73.44%;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    overflow: hidden;
}
.culture-left-img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.culture-left-text{
    display: flex;
    align-items: center;
    width: 100%;
    height: 26.56%;
}
.culture-yellow-bg {
    background-color: #dec77e;
    width: 0.52vw;
    height: 100%;
    flex-shrink: 0;
}
.culture-num-date{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0 1.56vw;
}
.culture-num {
    font-size: 2.5vw;
    font-weight: bold;
    color: #ccb364;
    font-family: 思源黑体;
}

.culture-date {
    font-size: 1vw;
    color: #ccb364;
    font-family: 思源黑体;
}
.culture-num-date::after {
    content: "";
    position: absolute;
    right: 0;
    top: 5%;
    bottom: 5%;
    width: 0.2vw;
    background-color: #dec77e; /* 与数字颜色一致 */
}
.culture-text {
    flex: 1;
    padding-left: 1.04vw;
    overflow: hidden;
}
.culture-top-title {
    font-size: 1.25vw;
    font-weight: bold;
    color: #333333;
}

.culture-bottom-title {
    font-size: 1vw;
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.culture-link {
    position: absolute;
    bottom: 0.5vw;
    right: 0.78vw;
    cursor: pointer;
    display: flex;
}
.culture-link span{
    font-size: 0.8vw;
    color: #870701;
    opacity: 0.5;
    margin-right: 0.42vw;
}
.culture-link img {
    margin-right: 0.5vw;
    width: 1.2vw; /* 调整箭头图片大小 */
    height: 0.8vw;
    margin-top: 0.2vw;
    margin-left: 0.5vw;; /* 与文字保持间距 */
    opacity: 1;
    object-fit: fill;
}
.culture-right{
    width: 50%; /* 非激活时宽度 */
    overflow: hidden;
    position: relative;
    z-index: 1; /* 非激活时层级低 */
    transition: all 0.5s ease;
}
.culture-left.inactive {
    width: 40%;
    z-index: 1;
    background-color: inherit;
    overflow: hidden;
}
.culture-left.inactive .culture-top-title,
.culture-right.inactive .culture-top-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; /* 确保占满可用宽度 */
}
.culture-left.inactive .text2 {
    color: #ffe48d;
}
.culture-left.active{
    width: 60%; /* 非激活时宽度 */
    z-index: 3;
    opacity: 1; /* 激活时不透明 */
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    border-bottom-right-radius: 4vw;
    transition: width 0.5s ease; /* 宽度过渡动画 */
}
.culture-left.active .text2 {
    color: #ccb364;
}
.culture-right.active {
    width: 60%; /* 激活时宽度 */
    z-index: 3;
    opacity: 1; /* 激活时不透明 */
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    border-bottom-left-radius: 4vw;
    transition: width 0.5s ease; /* 宽度过渡动画 */
}

.culture-right.active .text2 {
    color: #ccb364;
}
.culture-right.inactive{
    width: 40%;
    z-index: 1;
    background-color: inherit;
    overflow: hidden;
}
.culture-right.inactive .text2 {
    color: #ffe48d;
}
.culture-right-main {
    margin-top: 8%;
    margin-left: 13.265%;
    margin-right: 13.265%;
}
.culture-right-main a{
    text-decoration: none;
}
.culture-right-content {
    margin-top: 6%;
    margin-left: 13.265%;
    width: 73.47%;
    height: 62.16%;
    background-color: #ffffff;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    position: relative;
}

.culture-right-img {
    width: 100%;
    height: 73.44%;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    overflow: hidden;
}
.culture-right-img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.culture-right-text {
    display: flex;
    align-items: center;
    width: 100%;
    height: 26.56%;
}
.culture-red-bg {
    background-color: #870701; /* 右侧用红色竖线 */
    width: 0.52vw;
    height: 100%;
    flex-shrink: 0;
}
/* 右侧数字/日期颜色适配 */
.culture-right .culture-num,
.culture-right .culture-date {
    color: #870701;
}
.culture-right .culture-num-date::after {
    background-color: #870701;
}
.study{
    height: 29.11%;
    width: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
}
.study-main{
    width: 73.95%;
    padding-top: 4vw;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.study-main a{
    text-decoration: none;
}
/* 黄色直线和小光圈 */
.carousel-line {
    position: absolute;
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, -50%); /* 精确居中 */
    width: 100%;
}
.line {
    height: 0.2vw;
    background-color: #ffe48d; /* 黄色线条 */
    width: 100%;
    z-index: 0 !important;
}
.line-dots {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: -0.25vw;
    left: 0;
    width: 100%;
}
.dot {
    width: 0.5vw;
    height: 0.5vw;
    border-radius: 50%;
    background-color: yellow;
    z-index: 10;
    position: absolute;
    box-shadow: 0 0 0.2vw 0.3vw rgba(222, 199, 126, 0.7);
    box-sizing: border-box;
}
.dot:nth-child(1) {
    left: 27%; /* 第1和第2个圆圈中间 */
}
.dot:nth-child(2) {
    left: 42.05%; /* 第2和第3个圆圈中间 */
}
.dot:nth-child(3) {
    left: 57.1%; /* 第3和第4个圆圈中间 */
}
.dot:nth-child(4) {
    left: 72.15%; /* 第4和第5个圆圈中间 */
}

.carousel {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%; /* 垂直居中 */
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    width: 73.95%;
    height: 50%;
}
/* 切换箭头样式 */
.carousel-arrow {
    width: 3.64vw;
    height: 3.64vw;
    border-radius: 50%;
    border: 0.3vw solid #ffffff; /* 虚线边框颜色，匹配目标图 */
    background-color: rgba(218, 150, 147, 0.5);
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5vw;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.carousel-arrow.left {
    left: 3%; /* 距离study容器左侧 */
}
.carousel-arrow.right {
    right: 3%; /* 距离study容器右侧 */
}

/* 轮播项容器（实现平移动画） */
.carousel-container {
    display: flex;
    transition: transform 0.5s ease;
    justify-content: space-between;
    align-items: center;
    gap: 2%;
    height: 100%;
    width: 100%;
}

/* 单个圆形项样式 */
.carousel-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 18%;
    height: 12.44vw;
    border-radius: 50%;
    z-index: 3;
    position: relative;
    justify-content: center;
    border: 0.138vw dashed #ffffff;
    flex-shrink: 0;
}

.item-circle {
    width: 10.3125vw;
    height: 10.3125vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #ffffff;
    background-image: url("../rwxy2022/images/study-bg.png");
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 3!important;
    box-sizing: border-box;
}
.item-num-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.item-num {
    font-size: 3.75vw;
    font-weight: bold;
    color: #870701; /* 数字颜色，匹配目标图 */
}
.item-icon {
    font-size: 1.25vw;
    color: #870701; /* 箭头颜色，匹配目标图 */
}
.item-text {
    margin-top: 0.2vw;
    text-align: center;
}
.item-title {
    font-size: 1vw;
    color: #757575; /* 标题颜色 */
    padding: 0.2vw;
}
.item-num, .item-icon, .item-title {
    opacity: 1 !important; /* 强制文字不透明 */
    position: relative;
    z-index: 4; /* 文字层级高于圆圈，确保不被任何透明层覆盖 */
}

.time{
    height: 31.71%;
    width: 100%;
}
.time-main{
    width: 73.95%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.timeline {
    position: relative;
    width: 73.95%;
    height: 60%;
    margin: 1.71vw auto;
}
/* 时间轴路径（弯曲效果） */
.timeline-path {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
.path-top, .path-bottom, .path-middle{
    position: absolute;
    background-color: #dec77e; /* 黄色路径 */
    height: 0.41vw;
}
.path-top {
    position: absolute;
    top: 0.52vw;
    left: 3%;
    z-index: 1;
    height: 0.41vw;
    width: calc(97% - 2vw); /* 减去右侧连接器宽度（2vw） */
    border-top-right-radius: 2vw;
}
.path-top::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /* CSS绘制黄色右箭头（与路径颜色一致） */
    width: 0;
    height: 0;
    border-top: 0.8vw solid transparent;
    border-bottom: 0.8vw solid transparent;
    border-left: 1.2vw solid #dec77e;
    z-index: 2; /* 确保箭头在路径上层 */
}

.path-middle {
    position: absolute;
    top: 50%;
    bottom: 0;
    background-color: #dec77e;
    z-index: 1;
    width: 100%;
}
.path-middle::before {
    content: "";
    position: absolute;
    left: 0.5vw;
    top: 50%;
    transform: translateY(-50%);
    /* CSS绘制黄色左箭头（与路径颜色一致） */
    width: 0;
    height: 0;
    border-top: 0.8vw solid transparent;
    border-bottom: 0.8vw solid transparent;
    border-right: 1.2vw solid #dec77e;
    z-index: 2;
}
.path-bottom {
    bottom: 0;
    left: 2vw;
    z-index: 1;
    width: 83%;
}
/* 第三行黄线右侧箭头 */
.path-bottom::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /* CSS绘制黄色右箭头（与路径颜色一致） */
    width: 0;
    height: 0;
    border-top: 0.8vw solid transparent;
    border-bottom: 0.8vw solid transparent;
    border-left: 1.2vw solid #dec77e;
    z-index: 2;
}
.connector {
    position: absolute;
    width: 2vw;
    height: 50%;
    z-index: 1;
    overflow: hidden;
    background: transparent;
}

.connector::before {
    content: "";
    position: absolute;
    width: 6vw;
    height: 12vw;
    border: 0.41vw solid #dec77e;
    border-radius: 50%;
    box-sizing: border-box;
}

.connector-right {
    top: 0.4vw;
    right: 0;
}

.connector-right::before {
    top: 0;
    right: 0;
    border-top: none;
    border-left: none;
    border-bottom-right-radius: 0;
}

.connector-left {
    top: 50%;
    left: 0;
}

.connector-left::before {
    bottom: 0;
    left: 0;
    border-bottom: none;
    border-right: none;
    border-top-left-radius: 0;
}

/* 时间节点样式 */
.timeline-nodes {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.node-row {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1.5vw;
    position: relative;
}

.node {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
/* 第一行：文本居右 */
.node-row:nth-child(1) .node {
    align-items: flex-start; /* 水平右对齐 */
    margin-left: 5%;
}
.node-row:nth-child(1) .node::after{
    content: "";
    position: absolute;
    top: 2.04vw; /* 圆点下方开始 */
    left: 0.62vw;
    height: 7.25vw;
    border-left: 0.2vw dashed #870701;
    z-index: 2;
}
.node-row:nth-child(1) .node-content {
    align-items: flex-start;
}
.node-row:nth-child(1) .node-text {
    text-align: left; /* 文本左对齐 */
}
/* 第二行：文本居左 */
.node-row:nth-child(2) .node {
    align-items: flex-end;
    margin-right: 2%;
}
.node-row:nth-child(2) .node::after{
    content: "";
    position: absolute;
    top: 2.04vw; /* 圆点下方开始 */
    right: 0.62vw;
    height: 7.25vw;
    border-left: 0.2vw dashed #870701;
    z-index: 2;
}
.node-row:nth-child(2) .node-content {
    align-items: flex-end; /* 内容容器右对齐 */
}
.node-row:nth-child(2) .node-text {
    text-align: right; /* 文本右对齐 */
}
/* 第三行：文本居中，无虚线 */
.node-row:nth-child(3) .node::after {
    display: none;
}
.node-row:nth-child(3) .node-text {
    text-align: center;
}

.node img {
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    z-index: 3;
    position: relative;
    top:-1.04vw;
}
.node-dot {
    width: 1.04vw;
    height: 1.04vw;
    border-radius: 50%;
    background-color: #da9693; /* 红色节点 */
    /*margin-bottom: 0.52vw;*/
    position: relative;
    border: #ffffff  solid 0.26vw;
    z-index: 2;
}
.node-content {
    display: flex;
}
.node-text {
    padding: 1.04vw 1.52vw;
    height: 5vw;
}
.node-year {
    font-size: 1.2vw;
    font-weight: bold;
    color: #870701;
    font-family: 思源黑体;
    min-width: 6vw;
}
.node-desc {
    margin-top: 0.2vw;
    font-size: 0.9vw;
    color: black;
    font-family: 思源黑体;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 6vw;
}
.content {
    width: 100%;
    height: 6.45%;
    background-color: #870701;
    background-image: url("../rwxy2022/images/content-bg.png");
    background-repeat: no-repeat; /* 避免背景图重复 */
    background-position: center;
    background-size: contain;
}
.content-container {
    width: 100%;
    height: 87.58%;
    display: flex;
    align-items: center;
    position: relative;
}
.content-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.2vw;
    background-color: #fff;
    opacity: 1; /* 可根据视觉需求调整透明度 */
}
.school-logo{
    width: 32.44%;
    display: flex;
    flex-direction: column; /* 院徽、院名垂直排列 */
    align-items: center;
    justify-content: center;
    background-color: transparent;
    position: relative;
}
.school-logo img {
    display: block; /* 消除图片默认间隙 */
    width: 40%;
    margin: 1vw 0; /* 院徽与院名的间距 */
}
.vertical-line {
    width: 0.2vw;
    height: 70%; /* 竖线高度，可根据视觉调整 */
    background-color: #fff;
    margin: 0 2vw; /* 竖线左右间距 */
}

.text-code{
    width: 67.56% ;
    display: flex;
    align-items: center;
}
.content-text{
    width: 42%;
    padding-left: 4vw;
}
.content-code{
    width: 58%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.content-span1 {
    font-size: 1.875vw;
    font-weight: bold;
    color: #fff;
    display: block;
    margin-bottom: 5vh;
}
.content-span2 {
    font-size: 1.25vw;
    color: #fff;
    display: block;
    margin-bottom: 2vh;
}
.content-code img{
    width: 9.11vw;
}
.content-code span {
    font-size: 0.83vw;
    color: #fff;
    margin-top: 1vw;
    text-align: center;
}