﻿@charset "utf-8";

/* ============================================================
   板块 01：Banner 轮播（sec-banner）
   依据：index_section_01_raw.html + index_section_01_decisions.md
   ============================================================ */

.sec-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* ---------- 轮播容器 ---------- */
.sec-banner__swiper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.sec-banner__slide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sec-banner .imged{transform: scale(1.05); transition: opacity 0.5s;transform: scale(1)\0;padding-bottom:41.6%}
.sec-banner .imged::after{width: 100%;height: 30%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.5)0%, rgba(0, 0, 0, 0) 100%);}
.sec-banner .swiper-slide-active .imged{transform: scale(1); transition: all 6s ; }

.sec-banner .cir{align-items: center;justify-content: center;display: flex;bottom:.35rem;}
.sec-banner .cir li{width: 0.1rem;height: 0.1rem;color: rgb(255, 255, 255);font-size: 0rem;text-align: center;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: none;opacity: 1;position: relative;margin: 0 .1rem !important;background: #fff;}
.sec-banner .cir li.on{border: 1px dashed rgba(255,255,255,.81);width: 0.48rem;height: 0.48rem;background: none;}
.sec-banner .cir li span{width: 0.1rem;height: 0.1rem;border-radius: 50%;background: #fff;}
.sec-banner .cir .on span{background: none;font-size: 0.14rem;color: #fff;width: .25rem;height: .25rem;line-height: .25rem;}

.sec-banner svg {
	position: absolute;
	left: -.05rem;
	top: -.05rem;
	transform: rotate(-90deg);
	fill: none;
	stroke: #fff;
	stroke-width: 1px;
	stroke-dasharray: 100;
	stroke-dashoffset: 100;
	width: 0.55rem;
	height: 0.55rem;
}
.sec-banner li.on svg {
	animation: indexsvg 6s linear forwards
}

@keyframes indexsvg {
	0% {
		stroke-dashoffset: 100
	}
	100% {
		stroke-dashoffset: 0
	}
}


@media (max-width: 1024px) {
	.sec-banner .cir{bottom:.2rem;}
}


.sec-banner__mask-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.4rem;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.5;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 1024px) {
  .sec-banner__mask-bottom { display: block; height: 1rem; }
}

@media (max-width: 640px) {
  .sec-banner__mask-bottom { height: 0.8rem; }
}

.sec-banner__pager {
  position: absolute;
  left: 0;
  bottom: 0.35rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.sec-banner__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.46rem;
  height: 0.46rem;
  margin-right: 0.21rem;
  background-image: url('../images/sec_div_15.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

.sec-banner__badge:hover {
  transform: scale(1.1);
}

.sec-banner__badge-num {
  font: 400 0.14rem/0.18rem 'Microsoft YaHei';
  color: #ffffff;
}

.sec-banner__dot {
  display: block;
  width: 0.09rem;
  height: 0.09rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.sec-banner__dot:hover {
  background: rgba(255, 255, 255, 0.8);
  border-color: #ffffff;
  transform: scale(1.2);
}

.sec-banner__dot + .sec-banner__dot {
  margin-left: 0.18rem;
}

@media (max-width: 1024px) {
  .sec-banner__pager { display: flex; bottom: 0.3rem; }
  .sec-banner__badge { width: 0.3rem; height: 0.3rem; margin-right: 0.12rem; }
  .sec-banner__badge-num { font: 400 0.1rem/0.13rem 'Microsoft YaHei'; }
  .sec-banner__dot { width: 0.06rem; height: 0.06rem; }
  .sec-banner__dot + .sec-banner__dot { margin-left: 0.1rem; }
}

/* ---------- 工具行：English + 搜索入口 ---------- */

/* ---------- PC 导航 ---------- */

/* 首页与第一个栏目的间距反算：47px */

/* ---------- 汉堡按钮（PC 隐藏） ---------- */

/* ---------- 滚动态（规则29） ---------- */

/* ---------- 搜索弹出遮罩（规则112） ---------- */

/* ---------- 移动端导航：遮罩 + 右侧滑入面板 ---------- */

/* ---------- PC hover 交互（规则118 移动端隔离） ---------- */

/* ============================================================
   板块 02：学院要闻 + 通知公告（sec-news）
   依据：index_section_02_raw.html + index_section_02_decisions.md
   ============================================================ */

.sec-news {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: .55rem 0 .6rem;
}

/* raw 分栏方程按 16.01rem 满宽计算（11.41+0.39+4.21），容器内边距归零 */
.sec-news .g-container {
  padding: 0;
}

@media (max-width: 1024px) {
  .sec-news .g-container {
    padding: 0 0.15rem;
  }
}

.sec-news__layout {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

/* ---------- 左列：学院要闻 ---------- */
.sec-news__left {
  width: 11.41rem;
  flex-shrink: 0;
}

.sec-news__head {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3rem;
  position: relative;
}

.sec-news__title {
  font: 700 0.3rem/0.4rem 'Microsoft YaHei';
  color: #00849A;
}

.sec-news__more {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  transition: transform 0.3s ease;
  position: absolute;
  right: 0;
}

.sec-news__more:hover {
  transform: translateX(0.04rem);
}

.sec-news__more img {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
}

.sec-news__left-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

/* ---------- 焦点轮播 ---------- */
.sec-news__focus {
  position: relative;
  width: 7rem;
  flex-shrink: 0;
  overflow: hidden;
}

.sec-news__slide {
  position: relative;
}

.sec-news__slide-img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.sec-news__slide-img .imged{padding-bottom: 66%;}

.sec-news__slide-img::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.65rem;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
}

.sec-news__caption {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 0.82rem;
  padding: 0 0.36rem 0 0.31rem;
  box-sizing: border-box;
  background: linear-gradient(135deg, #00849a 0%, #006b80 100%);
  border-radius: 0 0 0.04rem 0.04rem;
}

.sec-news__caption-title {
  width: 5rem;
  font: 700 0.2rem/0.26rem 'Microsoft YaHei';
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sec-news__caption-date {
  flex-shrink: 0;
  font: 400 0.16rem/0.21rem 'MiSans';
  color: #ffffff;
}

.sec-news .sec-news__pagination{
  position: absolute;
  bottom: 1rem;
  z-index: 5;width:100%;
}

.sec-news__pagination .swiper-pagination-bullet {

  width: 0.2rem;
  height: 0.03rem;
  margin: 0 0.05rem !important;
  border-radius: 0;
  background: #ffffff;
  opacity: 1;
  cursor: pointer;
}

.sec-news__pagination .swiper-pagination-bullet-active {
  background: #00849a;
}

/* ---------- 新闻列表（左列右挂） ---------- */
.sec-news__list {
  width: 4.23rem;
  margin-left: 0.18rem;
  margin-top: -.25rem;
}

.sec-news__item {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  /* height: 0.49rem; */
  border-bottom: 1px solid rgba(0, 132, 154, 0.15);
  /* margin-bottom: 0.2rem; */
  padding-left: 0;
  transition: padding-left 0.3s ease, border-color 0.3s ease;
}

.sec-news__item:last-child {
  margin-bottom: 0;
}
.sec-news__item:after{ content: '';
    position: absolute;
    left: 0;
    bottom: -0.02rem;
    width: 100%;
    height: 0.03rem;
    background: #00849A; width:0;transition:0.5s;}
.sec-news__item > a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: .7rem;
}

.sec-news__item > a::before {
  content: '';
  display: block;
  width: 0.135rem;
  height: 0.1rem;
  margin-right: 0.14rem;
  flex-shrink: 0;
  background-image: url('../images/sec_div_13.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.sec-news__item-title {
  width: 2.93rem;
  font: 400 0.18rem/0.3rem 'Microsoft YaHei';
  color: #1f1f1f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sec-news__item-date {
  flex-shrink: 0;
  margin-left: auto;
  font: 400 0.16rem/0.21rem 'MiSans';
  color: #999999;
}

/* ---------- 右列：通知公告 ---------- */
.sec-news__right {
  width: 4.21rem;
  flex-shrink: 0;
  margin-left: 0.39rem;
}

.sec-news__notice-head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 0.43rem;
  margin-bottom: 0.3rem;
}

.sec-news__dots {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: auto;
  padding: 0.1rem;
  transition: opacity 0.3s ease;
}

.sec-news__dots:hover {
  opacity: 0.6;
}

.sec-news__dots span {
  display: block;
  width: 0.047rem;
  height: 0.047rem;
  background: #00849a;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.sec-news__dots:hover span {
  transform: scale(1.3);
}

.sec-news__dots span + span {
  margin-left: 0.023rem;
}

.sec-news__notice-list {
  width: 4.21rem;
  /* height: 5.42rem; */
  padding: 0.2rem 0;
  background-image: url('../images/h1-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.04rem;
}

.sec-news__notice-item {
  display: block;
  height: 0.84rem;
  box-sizing: border-box;
  transition: background-color 0.25s;
  padding: 0 .25rem;
  position: relative;
  transition:0.5s;
}

.sec-news__notice-link {
  display: flex;
  align-items: center;
  height: 100%;
}

.sec-news__notice-date {
  margin-right: 0.26rem;
  text-align: center;
}

.sec-news__notice-day {
  font: 600 0.26rem/0.34rem 'MiSans';
  color: #00849a;
  transition: color 0.3s ease;
}

.sec-news__notice-month {
  display: block;
  height: 0.24rem;
  border: 1px solid #d6d6d6;
  font: 400 0.14rem/0.22rem 'MiSans';
  color: #999999;
  width: .65rem;
  margin-top: .03rem;
}

.sec-news__notice-title {
  font: 400 0.16rem/0.26rem 'Microsoft YaHei';
  color: #333333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
  min-width: 0;
}

/* ---------- 中间断点（规则133） ---------- */

/* ---------- 移动端 ---------- */
@media (max-width: 1024px) {
  .sec-news {height: auto;overflow: visible;padding: .4rem 0;}

  .sec-news__layout {
    flex-direction: column;
    width: 100%;
  }

  .sec-news__left,
  .sec-news__right {
    width: 100%;
    margin-left: 0;
  }
  .sec-news__right {margin-top:.2rem;}
  .sec-news__left-body {
    flex-direction: column;
    width: 100%;
  }

  .sec-news__focus {
    display: block;
    position: relative;
    width: 100%;
  }




  .sec-news__slide-img::after {
    display: none;
  }

  .sec-news__caption {
    position: relative;
    width: 100%;
    height: 0.82rem;
  }

  .sec-news__caption-title {
    width: auto;
    flex: 1;
  }

  .sec-news__pagination {
    display: flex;
    position: absolute;
    bottom: 0.2rem;
  }

  .sec-news__list {
    display: block;
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-top: 0.3rem;
  }

  .sec-news__item-title {
    flex: 1;
    width: auto;
  }

  .sec-news__item-date {
    margin-left: 0.1rem;
  }

  .sec-news__notice-list {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0.2rem;
  }

  .sec-news__notice-item {
    height: auto;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }

  .sec-news__notice-link {
    height: auto;
    padding: 0.08rem 0;
  }

  .sec-news__notice-title {
    -webkit-line-clamp: 3;
    height: 0.78rem;
  }
}

@media (max-width: 768px) {
  .sec-news__focus,
  .sec-news__slide { height: 3.3rem; }
  .sec-news__slide-img { height: 2.5rem; }
  .sec-news__item-title { font: 400 0.17rem/0.3rem 'Microsoft YaHei'; }
}

@media (max-width: 640px) {
  .sec-news__focus,
  .sec-news__slide { height: 2.9rem; }
  .sec-news__slide-img { height: 2.1rem; }
  .sec-news__caption-title { font: 700 0.17rem/0.26rem 'Microsoft YaHei'; }
  .sec-news__notice-title { height: auto; }
}

/* ---------- PC hover 交互（规则118 移动端隔离） ---------- */
@media (min-width: 1025px) {
  .sec-news__item:hover .sec-news__item-title {
    color: #00849a;
    font-weight: 700;
  }

  .sec-news__item:hover .sec-news__item-date {
    color: #00849a;
  }

  .sec-news__item:hover::after {
    width: 100%;
  }

  .sec-news__notice-item {
    transition: background-color 0.3s ease, padding-left 0.3s ease;
  }

  .sec-news__notice-item:hover {
    background: linear-gradient(90deg, #00849a 0%, #006b80 100%);
    padding-left: 0.32rem;
  }

  .sec-news__notice-item:hover .sec-news__notice-day,
  .sec-news__notice-item:hover .sec-news__notice-title {
    color: #ffffff;
  }

  .sec-news__notice-item:hover .sec-news__notice-title {
    font-weight: 700;
    font-size: 0.18rem;
  }

  .sec-news__notice-item:hover .sec-news__notice-month {
    border-color: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.8);
  }
}
/* home2 */
.set1{background: url(../images/hbg.png) no-repeat center/cover;}
.home2{width: 100%;padding:0.5rem 0;background: url(../images/hbg2.png) no-repeat top/cover;}
.home2 .sec-news__title{margin:0 auto;}
.home2-t {position: relative;}
.home2-t li a{display: block;position: relative;}
.home2-t li a:after{border: 1px solid #00849A;content: '';position: absolute;top: -0.1rem;left: 0.1rem;width: 100%;height:100%;z-index: -1;opacity: 0;}
.home2-t li .imged{padding-bottom: 150%;}
.home2-t li .con{width: 100%;position: absolute;bottom: 0;left: 0;right: 0;height: 100%;padding: 0.94rem 0.25rem;background: url(../images/h2-bg.png) no-repeat center/cover;opacity: 0;transition: 0.5s;z-index:10}
.home2-t li h3{font-size: 0.16rem;font-weight: bold;color: #fff;}
.home2-t li span{width: 0.6rem;height: 0.03rem;background: #fff;display: block;margin: 0.22rem 0;}
.home2-t li h4{font-size: 0.16rem;color: #fff;line-height: 0.28rem;max-height: 3.5rem;}
.home2 .arror{width: 0.59rem;height: 0.42rem;margin: 0;transform: translateY(-50%);}
.home2 .arror::after{display: none;}
.home2 .swiper-button-prev{background: url(../images/prev.png) no-repeat center/100% 100%;left: -0.85rem;}
.home2 .swiper-button-next{background: url(../images/next.png) no-repeat center/100% 100%;right: -0.85rem;}


@media (min-width: 1025px) {
.home2-t li{padding-top: 0.1rem;}
.home2-t li a:hover::after{opacity: 1;}
.home2-t li a:hover .con{opacity: 1;height:100%;}
}

@media (max-width: 1024px) {
.home2{padding: 0.3rem 0;}
.home2-t{padding: 0 0.5rem;}
.home2 .swiper-button-prev{left: 0;}
.home2 .swiper-button-next{right: 0;}
}
/* ============================================================
   板块 04：人才培养 Tab + 图文卡片网格（sec-talent）
   依据：index_section_04_raw.html + index_section_04_decisions.md
   ============================================================ */

.sec-talent {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}

.sec-talent .sec-talent__more a{display:none}
.sec-talent .sec-talent__more a.on{display:block;}


.sec-talent__head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  height: 0.43rem;
  margin-bottom: 0.31rem;
}

.sec-talent__head-spacer {
  width: 0.25rem;
  flex-shrink: 0;
}

.sec-talent__tabs {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
}

.sec-talent__tab {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: 700 0.24rem/0.32rem 'Microsoft YaHei';
  color: #333333;
  margin-top: 0.04rem;
}

.sec-talent__tab{margin:0 .15rem;}

.sec-talent__tab.active {
  margin-top: 0;
  font: 700 0.3rem/0.4rem 'Microsoft YaHei';
  color: #00849a;
  position: relative;
}

.sec-talent__more {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  flex-shrink: 0;
  margin-top: 0.09rem;
  transition: transform 0.3s ease;
}

.sec-talent__more:hover {
  transform: translateX(0.04rem);
}

.sec-talent__more img {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
}

.sec-talent__panel {
  display: none;
}

.sec-talent__panel.active {
  display: block;
}

.sec-talent__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.sec-talent__card {
  height: 1.38rem;
  border: 1px solid rgba(0, 132, 154, 0.15);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 132, 154, 0.06) 100%);
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.03);
  width: 48%;transition:0.5s;
}

.sec-talent__card:nth-child(n+3) {
  margin-top: 0.31rem;
}

.sec-talent__card-link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.18rem;
}

.sec-talent__date {
  position: relative;
  display: flex;
  width: 1.02rem;
  height: 1.02rem;
  flex-shrink: 0;
  margin-right: 0.32rem;
  overflow: hidden;
  background:url(../images/sec_div_7.png) no-repeat center/100% 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}

.sec-talent__date-text {
  /* position: absolute; */
  left: 0;
  top: 0.19rem;
  width: 100%;
  /* text-align: center; */
}

.sec-talent__day {
  display: block;
  font: 500 0.3rem/0.4rem 'MiSans';
  color: #00849a;
}

.sec-talent__month {
  display: block;
  margin-top: 0.02rem;
  font: 400 0.14rem/0.19rem 'MiSans';
  color: #6b6b6b;
}

.sec-talent__info {
  flex: 1;
  min-width: 0;
}

.sec-talent__title {
  display: block;
  font: 400 0.18rem/0.3rem 'Microsoft YaHei';
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0s;
}

.sec-talent__desc {
  margin-top: 0.1rem;
  height: 0.52rem;
  font: 400 0.16rem/0.26rem 'Microsoft YaHei';
  color: #888888;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: 0.5s;
}

/* ---------- 移动端 ---------- */
@media (max-width: 1024px) {
  .sec-talent { height: auto; overflow: visible; }

  .sec-talent__head {
    position: relative;
    flex-wrap: wrap;
    height: auto;
  }

  .sec-talent__head-spacer {
    display: none;
  }

  .sec-talent__tabs {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }

  .sec-talent__more {
    /* position: static; */
    /* display: block; */
    /* margin: 0.16rem auto 0; */
  }

  .sec-talent__grid {
    display: block;
    width: 100%;
  }

  .sec-talent__card {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 0.24rem;
  }

  .sec-talent__card:nth-child(2n) {
    margin-left: 0;
  }

  .sec-talent__card:nth-child(n+3) {
    margin-top: 0;
  }

  .sec-talent__desc {
    -webkit-line-clamp: 3;
    height: 0.78rem;
  }
}

@media (max-width: 768px) {
  .sec-talent__tab {font: 700 0.2rem/0.28rem 'Microsoft YaHei';}
  .sec-talent__tab.active {font: 700 0.2rem/0.28rem 'Microsoft YaHei';}
  .sec-talent__title { font: 400 0.17rem/0.28rem 'Microsoft YaHei'; }
	.home2 .sec-news__title{margin:0}
	.sec-talent__tab {margin: 0 .05rem;}
}

@media (max-width: 640px) {
  .sec-talent__card-link { padding: 0.14rem; }
  .sec-talent__date { width: 0.9rem; height: 0.9rem; margin-right: 0.2rem; }
}

/* ---------- PC hover 交互（规则118 移动端隔离） ---------- */
@media (min-width: 1025px) {
  .sec-talent__tab:hover {
    color: #00849a;
  }

  .sec-talent__card:hover {
    background-image: url('../images/sec_div_5.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-color: transparent;
    box-shadow: 0 0.12rem 0.36rem rgba(0, 132, 154, 0.2);
  }
	.sec-talent__card:hover .sec-talent__date{  background: url('../images/sec_div_6.png') no-repeat center/100% 100%;;}
  .sec-talent__card:hover .sec-talent__day,
  .sec-talent__card:hover .sec-talent__month,
  .sec-talent__card:hover .sec-talent__title,
  .sec-talent__card:hover .sec-talent__desc {
    color: #ffffff;
  }

  .sec-talent__card:hover .sec-talent__title {
    font-weight: 700;
  }

  .sec-news__item:hover {
  }
}

/* ============================================================
   板块 05：期刊编辑部/研究基地 中间放大轮播（sec-platform）
   依据：index_section_05_raw.html + index_section_05_decisions.md
   轨道 16.02rem 居中（534x3），可视 3 张，中间 active 加宽压叠
   ============================================================ */

.sec-platform {
  position: relative;
  width: 100%;
  padding: .66rem 0;
}
.sec-platform::after{width: 100%;height: 4.96rem;background: url(../images/hbg4.png) no-repeat bottom/100%;}
.sec-platform__inner {
  position: relative;
}

/* 轮播轨道：3 张 slide 宽度（5.34x3=16.02rem）居中，可视数恰为 3 */
.sec-platform__swiper {
  position: relative;
  width: 16.02rem;
  max-width: 100%;
  height: 1.52rem;
  margin: 0 auto;
}

.sec-platform__slide {
  position: relative;
  width: 5.34rem;
  height: 1.3rem;
  margin-top: 0.11rem;
  box-sizing: border-box;
}

.sec-platform__card {
  position: relative;
  display: flex;
  width: 100%;
  height: 1.3rem;
  overflow: hidden;
  transition: 0.5s;
  background:url(../images/h4-bg.png) no-repeat center/100% 100%;
  padding: 0 .5rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}


.sec-platform__name {
  width: 100%;
  text-align: center;
  /* padding: 0 0.3rem; */
  box-sizing: border-box;
  font: 400 0.2rem/0.36rem 'Microsoft YaHei';
  color: #333333;
  display: block;
}

/* 中间选中卡（active）：加宽 6.23rem 上下居中，青底 + 白字 + 白描边 */
.sec-platform__slide.swiper-slide-active .sec-platform__card {
  width: 6.23rem;
  height: 1.52rem;
  margin: -0.11rem 0 0 -0.445rem;
  background-image: url('../images/sec_div_4.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0.1rem 0.4rem rgba(0, 132, 154, 0.25);
}

.sec-platform__slide.swiper-slide-active .sec-platform__card-img {
  display: none;
}

.sec-platform__slide.swiper-slide-active .sec-platform__name {
  font: 700 0.24rem/0.32rem 'Microsoft YaHei';
  color: #ffffff;
}

.sec-platform__slide.swiper-slide-active .sec-platform__card::before {
  content: '';
  position: absolute;
  left: 0.09rem;
  top: 0.1rem;
  width: 6.03rem;
  height: 1.32rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  pointer-events: none;
}

/* ---------- 左右切换箭头 ---------- */
.sec-platform  .arror{width: 0.59rem;height: 0.42rem;margin: 0;transform: translateY(-50%);}
.sec-platform  .arror::after{display: none;}
.sec-platform  .swiper-button-prev{background: url(../images/prev.png) no-repeat center/100% 100%;left: -0.85rem;}
.sec-platform  .swiper-button-next{background: url(../images/next.png) no-repeat center/100% 100%;right: -0.85rem;}

/* ---------- 移动端 ---------- */
@media (max-width: 1024px) {
.sec-platform{padding:.1rem 0 .4rem;}
.sec-platform__inner{padding:0 .5rem;}
	.sec-platform  .arror{width: 0.4rem;height: 0.3rem}
.sec-platform  .swiper-button-prev{left:0;}
	.sec-platform  .swiper-button-next{right:0;}
  .sec-platform__swiper {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
  }
.sec-platform__card{padding:0 .2rem;}


  .sec-platform__slide.swiper-slide-active .sec-platform__card {
    width: 100%;
    margin: 0;
    height: 100%;
    box-shadow: none;
  }

  .sec-platform__slide.swiper-slide-active .sec-platform__card::before {
    display: none;
  }

  .sec-platform__prev,
  .sec-platform__next {
    display: block;
    position: absolute;
    width: 0.32rem;
    height: 0.32rem;
    font: 400 0.16rem/0.3rem Arial, sans-serif;
  }
}

@media (max-width: 768px) {
  .sec-platform__name { font: 400 0.17rem/0.3rem 'Microsoft YaHei'; }
  .sec-platform__slide.swiper-slide-active .sec-platform__name { font: 700 0.2rem/0.3rem 'Microsoft YaHei'; }
}

@media (max-width: 640px) {
  .sec-platform__inner { padding: 0 0.4rem; }
  .sec-platform__slide { width: 78%; }
}

