.main-content {
  position: relative;
  z-index: 10;
  /* 初始背景透明，为了让新闻区域看起来悬浮 */
  background: transparent;
  /* 添加过渡效果 */
  transition: background-color 0.5s ease, box-shadow 0.5s ease;
}

/* 当页面滚动后，main-content 整体变白并添加阴影 */
.main-content.is-scrolled {
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* course-thumbs 模块样式 */
.course-thumbs {
  position: relative;
  padding-bottom: .5rem;
}



.course-thumbs .swiper-container {
  width: 100%;
  padding: .3rem .3rem .8rem 0;
}

.course-thumbs .slick-track {
  display: flex !important;
}

.course-thumbs .slick-slide {

  transform: scale(.9);
  -webkit-transform: scale(.9);
  transition: all .83s;
  -webkit-transition: all .83s;
  padding-left: .3rem;
}



.course-thumbs .slick-slide>div {
  width: 100%;
}

.course-thumbs .course-thumbs-item {


  position: relative;
  font-size: 0;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: all .3s;
  -webkit-transition: all .3s;


}

.course-thumbs .course-thumbs-item a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}

.course-thumbs .course-thumbs-item .pic {
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  position: relative;
}

.course-thumbs .course-thumbs-item .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all .5s;
}



.course-thumbs .course-thumbs-item .mask {
  flex: 1;
  padding: .15rem .2rem;
  background: #fff;
  color: #333;
  text-align: left;
}

.course-thumbs .slick-current .course-thumbs-item {
  transform: scale(1.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  z-index: 2;
  border:2px solid #c9a164;
}



.course-thumbs .course-thumbs-item .mask h4 {
  font-size: .2rem;
  color: #333;
  font-weight: bold;
  line-height: 1;
  margin-bottom: .05rem;
  min-height: 2em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.course-thumbs .course-thumbs-item .mask p {
  font-size: .16rem;
  color: #005826;
}



.course-thumbs .ssbtn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1.4rem;
  height: .6rem;
  bottom: .2rem;
  z-index: 10;
}

.course-thumbs .ssbtn a {
  display: block;
  text-align: center;
  line-height: .6rem;
  width: .7rem;
  height: .6rem;
  font-size: .24rem;
  position: absolute;
  bottom: 0rem;
  z-index: 5;
  transition: all .3s;
}

.course-thumbs .ssbtn a.next {
  background: #fff;
  color: #333;
  left: .7rem;
}

.course-thumbs .ssbtn a.prev {
  background: #ecc474;
  color: #fff;
  left: 0;
}

.course-thumbs .ssbtn a:hover {
  background: #005826;
  color: #fff;
}

.index-news {
  padding: .2rem 1rem;
  /* 移除单独的背景色设置，由父级 main-content 控制 */
  background-color: rgba(255, 255, 255, 0.52);
  position: relative;
}

/* 新闻区域外层 flex 布局 - 标题和内容并排 */
.index-news-wrap {
  display: flex;
  align-items: center;
}

.index-news-wrap .news-title {
  flex-shrink: 0;
  margin-right: .3rem;
}

.index-news-wrap .news-content {
  flex: 1;
  min-width: 0; /* 防止 flex 子项溢出 */
}

.index-news .news-title h2 {
  font-size: .32rem;
  font-weight: bold;
  color: #000;
  background: #fff;
  margin-bottom: .2rem;
  padding:.1rem .2rem;
  width: auto;
  white-space: nowrap;
  display: inline-block;
}

.news-content ul li {
  background: #FFF;
  display: flex;
  align-items: center;
  transition: all .8s;
  -webkit-transition: all .8s;
}

/* Slick 轮播样式 - 保持原有展示效果 */
.news-slick {
  width: 100%;
}

.news-slick .slick-list {
  overflow: hidden;
}

.news-slick .slick-track {
  display: flex;
}

.news-slick .slick-slide {
  float: none;
  height: auto;
  margin-left: .2rem;
}

.news-slick .slick-slide > li {
  
  width: 100% !important;
}

/* 确保 slick 初始化前不显示多余内容 */
.news-slick ul {
  display: block;
}

.news-slick.slick-initialized ul {
  display: block;
}

/* 新闻要闻简单列表 - 只显示两个，无轮播 */
.news-list-simple {
  display: flex;
  gap: 0.2rem;
  width: 100%;
}

.news-list-simple .news-item-simple {
  display: flex;
  align-items: center;
  background: #FFF;
  width: calc(50% - 0.1rem);
  transition: all .8s;
  -webkit-transition: all .8s;
}

.news-list-simple .news-item-simple:hover {
  background: #f9f9f9;
}

.news-list-simple .news-item-simple:hover a {
  color: #cca76e;
}

.news-list-simple .news-item-simple .news-img {
  width: 45%;
  overflow: hidden;
  flex-shrink: 0;
}

.news-list-simple .news-item-simple .news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-list-simple .news-item-simple .news-text {
  width: 55%;
  padding: 0 .2rem .1rem .2rem;
  margin-top: -0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  font-size: .16rem;
}

.news-list-simple .news-item-simple .news-text .news-time {
  margin-bottom: .1rem;
}

.news-list-simple .news-item-simple .news-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news-content ul li:hover a {
  color: #cca76e;
}


.news-content ul li .news-img {
  width: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.news-content ul li .news-img img {
  width: 100%;
  height: 100%;
}

.news-content ul li .news-text {
  width: 50%;
  padding: .1rem .2rem 0 .2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  font-size: .16rem;

}

.news-content ul li .news-text p{

  /* 限制最多三行 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

}

.news-content ul li .news-text .news-time {
  margin-bottom: .05rem;
}


.index-advantage {
  background: url(../images/advantage-bg.jpg) no-repeat center center;
  background-size: cover;
}

.advantage-title h2 {
  font-size: .32rem;
  color: #031c6a;
  padding: .5rem 0;
  font-weight: bold;

}
.advantage-content {
  padding-bottom: .8rem;
}
.advantage-content ul {
  margin-top: .1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.advantage-content ul li {

  width: 20%;
  text-align: left;
  color: #333333;
}

.advantage-content ul li .title {
  color: #031c6a;
  display: flex;
  align-items: center;
}

.advantage-content ul li .title h5 {
  font-size: .24rem;
  font-weight: bold;
  margin-left: .1rem;
}


.advantage-content ul li .title .icon-advantage {
  width: .62rem;
  height: .48rem;
  background: url('../images/icon3.png') no-repeat;
  background-size: cover;
}

.advantage-content ul li .number {
  margin-top: .1rem;
  display: flex;
  align-items: flex-end;
}

.advantage-content ul li .number span {
  font-size: .38rem;
  font-weight: bold;
}

.advantage-content ul li .number p {

  padding-left: .05rem;
}

.advantage-content ul li .description {
  padding-top: .1rem;
  font-size: .18rem;
  line-height: .28rem;
}

.search-course {
  margin-top: .2rem;
  display: flex;
  justify-content: center;
  padding: .5rem 0;
  width: 100%;
}

.search-course input {
  width: 100%;
  height: .8rem;
  font-size: .24rem;
  border: 1px solid #c9a164;
  border-radius: 5px 0 0 5px;
  padding-left: .2rem;
}

.search-course button {
  width: .8rem;
  height: .8rem;
  font-size: .24rem;
  border: none;
  border-radius: 0 5px 5px 0;
  background: url('../images/icon4.png') no-repeat center center #c9a164;

}


.index-course {
  background: url('../images/course-bg.jpg') no-repeat center center;
  background-size: cover;
  padding-bottom:.5rem;
  padding-top:2rem;
}

.index-course .course-title h2 {
  font-size: .32rem;
  color: #031c6a;
  padding: .5rem 0;
  font-weight: bold;
}

.index-college {
  background: url('../images/college-bg.jpg') no-repeat center center;
  background-size: cover;
  padding-bottom:.5rem;
}

.index-college .college-title h2,
.index-institution .institution-title h2,
.index-dynamic .dynamic-title h2 {
  font-size: .32rem;
  color: #031c6a;
  padding: .5rem 0;
  font-weight: bold;

}

.more {
  font-size: .16rem;
  color: #c9a164;
  border: 1px solid #c9a164;
  padding: .02rem .1rem;
  border-radius: .1rem;
  display: inline-block;
  display: flex;
  align-items: center;
}

.more::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: .05rem;
  width: 0;
  height: 0;
  border-left: .06rem solid #c9a164;
  border-top: .04rem solid transparent;
  border-bottom: .04rem solid transparent;
  transition: transform .2s ease;
}


.more:hover {

  color: #c9a164;
}

.college-content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.college-content ul li {
  background: #FFF;
  padding: .15rem;
  display: flex;
  justify-content: space-between;

  width:33%;
  margin-bottom: .1rem;
  
}

.college-content ul li:hover{
  background:#c9a164;
  box-shadow: 3px 35px 77px -8px rgb(0 0 0 / 40%);
  color: #FFF;
}
.college-content ul li:hover a,.college-content ul li a:hover{
  color:#FFF;
 
}
.college-content ul li:hover .text a{
  color:#FFF;
  background-size:100% 1px;
}



.college-content ul li img {
  width:100%;
}
/* .college-content ul li .text {
  width: calc(100% - 2.27rem);
  padding: .1rem .1rem .1rem .1rem;
}
.college-content ul li .text h4 {
  display:inline-block;
  font-size: .18rem;
  font-weight: bold;
  margin-bottom: .1rem;
  
}
.college-content ul li .text .description {
  font-size: .16rem;
  line-height: .28rem;
}
.college-content ul li .text a {
 position:relative;background-image:linear-gradient(#FFF,#FFF);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s;
} */

.index-institution {
  padding-bottom:.5rem;
}

.index-institution ul{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .2rem .2rem;
}
.index-institution ul li{
  max-width:2.68rem;
  width: 100%;
  overflow: hidden;
  border:1px solid #c9a164;
}

.index-dynamic {
  padding: .6rem 0;
  background: #f1f0ea;
}

.index-dynamic .dynamic-content {
  margin-top: .4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.index-dynamic .aleft {
  width: 51%;
}

.index-dynamic .aright {
  width: 48%;
}

.index-dynamic .aleft .pic {
  height: 5.32rem;
  overflow: hidden;
}

.index-dynamic .aleft .pic a {
  display: block;
  width: 100%;
  height: 100%;
}

/* 左侧轮播项样式 */
.index-dynamic .aleft .items {
  position: relative;
  transition: all .4s;
}

.index-dynamic .aleft .pic a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 右侧列表样式 */
.index-dynamic .aright ul li {
  color: #333;
  border: 1px solid #c9a164;
  display: flex;
  transition: all .4s;
  cursor: pointer;
  background: #FFF;
  height: 1.64rem;
  margin-bottom: .2rem;
  overflow: hidden;
  padding-right: .2rem;
}

.index-dynamic .aright ul li:last-child {
  margin-bottom: 0;
}


.index-dynamic .aright ul li.on,
.index-dynamic .aright ul li:hover {
  background: #c9a164;
  box-shadow: 3px 15px 30px -8px rgba(0, 0, 0, 0.1);
  color: #FFF;
  border:1px solid #c9a164;
  z-index: 5;
}
.index-dynamic .aright ul li.on a,.index-dynamic .aright ul li:hover a{
  color:#FFF;
  background-size:100% 1px;
}
.index-dynamic .aright ul li a{
  position:relative;background-image:linear-gradient(#FFF,#FFF);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s;

}


.index-dynamic .aright ul li .pic {
  width: 2.71rem;
  height:1.64rem;
  flex-shrink: 0;
  margin-right: .2rem;
  overflow: hidden;
}

.index-dynamic .aright ul li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-dynamic .aright ul li .text {
  flex: 1;
}

.index-dynamic .aright ul li .text .time {
  font-size: .14rem;
  margin:.2rem 0 .1rem 0;
}

.index-dynamic .aright ul li h4.title {
  font-size: .18rem;
  font-weight: bold;
  margin-bottom: .05rem;
  line-height: 1.3;
}



.index-dynamic .aright ul li .description {
  font-size: .14rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 响应式媒体查询 */
@media (max-width: 992px) {
  /* 新闻区块不浮动 - 改为垂直布局 */
  .index-news-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .index-news-wrap .news-title {
    margin-right: 0;
    margin-bottom: 0.2rem;
    /* 标题显示在左上方 */
    text-align: left;
    width: 100%;
  }

  .index-news-wrap .news-content {
    width: 100%;
  }

  /* 新闻区块手机适配 */
  .index-news {
    padding: 0.2rem 0;
    max-width: 14.4rem;
    width: 90%;
  }

  /* 新闻要闻简单列表响应式 */
  .news-list-simple {
    flex-wrap: wrap;
    gap: 0.2rem;
  }

  .news-list-simple .news-item-simple {
    width: 48%;
    flex-direction: row;
    margin-bottom: 0.2rem;
  }

  .news-list-simple .news-item-simple .news-img {
    width: 40%;
    height: 1rem;
  }

  .news-list-simple .news-item-simple .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .news-list-simple .news-item-simple .news-text {
    width: 60%;
  }

  /* 新闻列表改为piclittle样式 - 横向排列 */
  .news-slick ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .news-content ul li {
    width: 48%;
    flex-direction: row;
    margin-bottom: 0.2rem;
    background: #fff;
  }

  .news-content ul li .news-img {
    width: 40%;
    height: 1rem;
  }

  .news-content ul li .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .news-content ul li .news-text {
    width: 60%;
    padding: 0.1rem;
  }

}

@media (max-width: 768px) {
  .course-thumbs .mask h4 {
    font-size: 16px;
    height: 48px;
  }




  /* 小屏幕新闻列表改为单列 */
  .news-content ul li {
    width: 100%;
  }

  /* 新闻要闻简单列表小屏幕响应式 */
  .news-list-simple .news-item-simple {
    width: 100%;
  }

  /* advantage-content响应式 */
  .advantage-content ul li {
    width: 100%;
    margin-bottom: 0.3rem;
  }

  .advantage-content ul li .number span {
    font-size: 0.48rem;
  }

  /* college-content响应式 */
  .college-content ul li {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .college-content ul li .pic {
    width: 1.5rem;
    height: auto;
  }

  .college-content ul li .text {
    width: calc(100% - 1.6rem);
  }

  /* institution-content响应式 */
  .index-institution ul li {
    width: 48%;
    max-width: none;
  }

  /* index-dynamic响应式 - 768px以下改为垂直布局 */
  .index-dynamic .dynamic-content {
    flex-direction: column;
  }

  .index-dynamic .aleft {
    width: 100%;
    margin-bottom: 0.3rem;
  }

  .index-dynamic .aleft .pic {
    height: 50vw;
  }

  .index-dynamic .aright {
    width: 100%;
  }

  .index-dynamic .aright ul li {
    height: auto;
    min-height: 1.2rem;
  }
/* 
  .index-dynamic .aright ul li .pic {
    width: 1.8rem;
    height: 1.2rem;
  } */

  .index-dynamic .aright ul li .text {
    padding: 0.1rem 0;
  }

  .index-dynamic .aright ul li h4.title {
    font-size: 0.18rem;
  }

  .index-dynamic .aright ul li .text .time {
    font-size: 0.14rem;
  }

  .index-dynamic .aright ul li .description {
    font-size: 0.14rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
  }
}