html,
body {
  position: relative;
  height: 100%;
  background: #fff;
}

html {
  font-size: 16px;
}

/* body {
  font-size: 1rem;
} */


@font-face {
  font-family: "SYST500";
  src: url("../font/SourceHanSerifCN-Medium.ttf") format("truetype");
}

:root {
  --base-scale: 1;
  /* 默认比例 */
}

a {
  text-decoration: none;
}

p {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

.container {
  width: 1400px;
  max-width: 75%;
  margin: 0 auto;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

header {
  width: 100%;
}

.top-menu-bar {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  top: -90px;
  transition: top 1s ease;
  padding: 5px 0;

}

.top-menu-bar.visible {
  top: 0;
}

.logo {
  z-index: 10;
  width: 33%;
}

.logo img {
  /* height: 65px; */
  width: 100%;
}


.menu-nav-plate {
  width: 1800px;
  max-width: 93%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
  background: transparent;
  margin-top: 7px;
}


.menu-nac-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(22, 146, 255, 0.9), rgba(53, 200, 235, 0.3));

  transform: translateY(-100%);
  transition: transform 0.4s ease;
  z-index: 1;
}

.top-menu-bar.active .menu-nac-bg {
  transform: translateY(0);
}

.menu-main-link {
  margin-right: 20px;
}

.menu-mian-link-a {
  color: #fff;
  font-size: 0.21rem;
  display: inline-block;
  background-image: linear-gradient(#fff, #fff);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 100%;
  -webkit-transition: background-size 0.7s ease-out 0s;
  -moz-transition: background-size 0.7s ease-out 0s;
  -ms-transition: background-size 0.7s ease-out 0s;
  -o-transition: background-size 0.7s ease-out 0s;
  transition: background-size 0.7s ease-out 0s;
}

.menu-mian-link-a:hover {
  background-size: 100% 1px;
}

.menu-mian-english-a {
  color: #fff;
  font-size: 0.21rem;
  display: inline-block;
  background-image: linear-gradient(#fff, #fff);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: 0 100%;
  -webkit-transition: background-size 0.7s ease-out 0s;
  -moz-transition: background-size 0.7s ease-out 0s;
  -ms-transition: background-size 0.7s ease-out 0s;
  -o-transition: background-size 0.7s ease-out 0s;
  transition: background-size 0.7s ease-out 0s;
}

.menu-mian-english-a:hover {
  background-size: 100% 1px;
}


.menu-right-mianSearch {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  color: #fff;
  font-size: 16px;
}

.menu-right-plate {
  width: 56%;
  z-index: 10;
}

.menu-search-link {
  margin-left: 20px;
}

.icon-sousuo:before {
  vertical-align: middle;
}

.menu-search-link .icon-sousuo {
  font-size: 0.3rem;
  cursor: pointer;
}

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(6, 121, 229, 0.8), rgba(108, 221, 234, 0.8));

  /* 半透明黑色遮罩 */
  display: none;
  /* 初始隐藏 */
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1000;
  /* 确保在最上层 */
}

.search-text {
  color: #fff;
  margin-bottom: 20px;
  font-size: 20px;
}

.search-container {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.search-input {
  padding: 15px 10px;
  border: none;
  border-radius: 4px;
  margin-right: 10px;
  width: 410px;
  max-width: 410px;
  font-size: 18px;
  font-size: 15px;
}

.search-input:focus {
  outline: none;
}

.search-button {
  background-color: #dcedff;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
}

.search-button .icon-sousuo {
  color: #3188d5;
  font-size: 23px;
  font-weight: 700;
}

.search-button:hover {
  background-color: #97c9ff;
}

.menu-nav-link {
  width: 100%;
  margin-top: 5px;
}

.menu-nav-change {
  display: flex;
  justify-content: space-between;
}

.menu-nav-item {
  list-style: none;
  position: relative;
  text-align: center;
}

.menu-nav-itemspan {
  color: #fff;
  font-size: 0.25rem;
}

.menu-nav-itemspan::after {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 1;
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.menu-nav-itemspan:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

.submenu {
  position: absolute;
  top: 3.5em;
  left: 50%;
  background-color: #fff;
  min-width: 1.5rem;
  z-index: 20;
  border-radius: 5px;
  /* padding: 10px 16px; */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  transition: all 0.7s ease;
  padding-top: 4px;
}

.menu-nav-item:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scaleY(1);
}

.submenu span {
  font-size: 15px;
  padding-bottom: 5px;
  white-space: nowrap;
}

/* 二级目录上三角 */
.submenu::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #257cc9 transparent;
}

/* 二级目录上长条 */
.submenu::before {
  content: '';
  position: absolute;
  bottom: calc(100% - 4px);
  left: 0;
  right: 0;
  height: 4px;
  background-color: #257cc9;
  border-radius: 5px 5px 0 0;
}

.submenu-item-link {
  color: #000;
  display: block;
  padding: 10px 15px;
  /* 根据需要调整内边距 */
  position: relative;
  z-index: 1;
}

.submenu-item {
  position: relative;
  overflow: visible;
  padding: 0 16px;

}

.submenu-item-link {
  font-size: 17px;
  border-bottom: 1px dashed #ddd;
  display: inline-block;
  width: 100%;
  padding: 7px 0;
  color: #000;
  position: relative;
  z-index: 1;
}

.submenu-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgb(2, 97, 181), rgb(108, 175, 234), rgb(2, 97, 181));
  transform: translateX(-50%);
  transition: all 0.3s ease;
  z-index: 0;
  opacity: 0;
  /* 初始状态为透明 */
}

.submenu-item:hover::before {
  width: 100%;
  opacity: 1;
  /* 悬浮时完全不透明 */
}

.submenu-item:hover .submenu-item-link {
  color: #fff;
}

.three-submenu {
  position: absolute;
  top: 0px;
  left: 100%;
  background-color: #fff;
  min-width: 145px;
  z-index: 20;
  border-radius: 5px;
  /* padding: 10px 16px; */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  transition: transform 0.4s ease-out, opacity 0.4s ease-out, visibility 0.4s ease-out;
}

.submenu-item:hover .three-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(2px);
}

/* 三级左侧三角 */
.three-submenu::after {
  content: '';
  position: absolute;
  top: 5px;
  left: -20px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #257cc9 transparent transparent;
}

/* 三级左侧长条 */
.three-submenu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #257cc9;
  border-radius: 5px 0 0 5px;
}

.three-submenu-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgb(2, 97, 181), rgb(108, 175, 234), rgb(2, 97, 181));
  transform: translateX(-50%);
  transition: all 0.3s ease;
  z-index: 0;
  opacity: 0;
  /* 初始状态为透明 */
}

.three-submenu-item:hover::before {
  width: 100%;
  opacity: 1;
  /* 悬浮时完全不透明 */
}

.three-submenu-item {
  position: relative;
  overflow: visible;
  padding: 0 16px;
}

.three-submenu-link {
  font-size: 17px;
  border-bottom: 1px dashed #ddd;
  display: inline-block;
  width: 100%;
  padding: 7px 0;
  color: #000;
  position: relative;
  z-index: 1;
}

.three-submenu-item:hover .three-submenu-link {
  color: #fff;
}

/* 二级菜单最后一个项目的下边框 */
.menu-nav-item .submenu .submenu-item:last-child .submenu-item-link {
  border-bottom: none;
}

/* 三级菜单最后一个项目的下边框 */
.menu-nav-item .three-submenu li:last-child .three-submenu-link {
  border-bottom: none;
}

.app-menu-bar {
  display: none;
}

/* 轮播 */
.top-swiper {
  width: 100%;
  height: 100vh;
  position: relative;
  background: #fff;
  
}

.top-swiper .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.top-swiper .swiper-slide {
  overflow: hidden;
}

.top-swiper .swiper-slide img {
  width: 100%;
  object-fit: cover;
  min-height: 100%;
  transition: 1s linear 2s;
  transform: scale(1.1, 1.1);
}

.top-swiper .swiper-slide-active img,
.swiper-slide-duplicate-active img {
  transition: 7s linear;
  transform: scale(1, 1);
}

.top-swiper .swiper-pagination-bullet {
  position: relative;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 .1rem;
  background: url(../images/paginationgreen.png) no-repeat 50% 50%;
  background-size: .48rem;
  opacity: .85;
  cursor: pointer;
}

.top-swiper .swiper-pagination-bullet-active {
  background: url(../images/pagination.png) no-repeat 50% 50%;
  background-size: .58rem;
}

.top-swiper .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 30px);
}

.top-swiper .swiper-container .swiper-pagination {
  width: auto;
  right: 4%;
  left: auto;
}

/* 学院动态 */
.shchool-new-plate {
  padding-bottom: 30px;
  background: url(../images/schoolnewbg.jpg)no-repeat center;
  /* background-repeat: no-repeat; */
  background-size: 100% 100%;
  position: relative;
}

.shchool-new-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease-out;
}

.plate-title-logo {
  height: 0.3rem;
}

.shchool-new-title h3 {
  font-size: 0.35rem;
  margin: 0.6rem 0;
}

.shchool-new-title h3::before {
  box-sizing: border-box;
  width: 55px;
  height: 2px;
  margin: 0 auto;
  background: linear-gradient(90deg, rgb(151, 206, 255), rgb(2, 97, 181));
  margin-top: 3px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1px;
  margin: 0 .14rem;
  position: relative;
  top: -2px;
  background-position: center;
  background-repeat: no-repeat;
}

.shchool-new-title h3::after {
  box-sizing: border-box;
  width: 55px;
  height: 2px;
  margin: 0 auto;
  background: linear-gradient(90deg, rgb(2, 97, 181), rgb(151, 206, 255));
  margin-top: 3px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1px;
  margin: 0 .14rem;
  position: relative;
  top: -2px;
  background-position: center;
  background-repeat: no-repeat;
}

.look-more {
  position: absolute;
  right: 0;
  color: #5d5d5d;
  font-size: 0.18rem;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  padding: 0.1rem;
  z-index: 1;
  font-size: 0.2rem;
}

.look-more::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../images/moreicon.png) no-repeat left center;
  background-size: auto 100%;
  z-index: -1;
  opacity: 0.5;
}

.look-more .icon-xiangyou {
  color: #3188d5;
  font-size: 18px;
  font-weight: 700;
  margin-left: 5px;
}

.icon-xiangyou:before {
  vertical-align: middle;
}

.shchool-new-title .look-more:hover {
  transform: translateX(5px);
  font-weight: 700;
}

.shchool-new-title .look-more:hover .look-more.icon-xiangyou {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.school-new-content {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.school-new-content:after {
  content: "";
  position: absolute;
  right: -14.2%;
  bottom: -30px;
  width: 100%;
  height: calc(100% + 30px);
  background: url(../images/schoolnew.jpg) center center / cover no-repeat;
  z-index: 1;
}

.school-new-leftswiper {
  width: 67%;
  z-index: 2;
  opacity: 0;
  transform: translateX(-200px);
  transition: all 1.2s ease-out;
}

.school-new-leftswiper .swiper {
  width: 100%;
  height: 100%;
}

.school-new-leftswiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.school-new-imgbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

.school-new-leftswiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease;

}

.school-new-leftswiper .swiper-slide img:hover {
  transform: scale(1.02);
}

.new-swiper-button {
  width: 1.2rem;
  height: 0.8rem;
  position: absolute;
  bottom: 0;
  /* left: calc(70% + 0.4rem); */
  right: 1.2rem;
  z-index: 10;
}

.new-swiper-button .swiper-button-prev {
  width: .6rem;
  height: .6rem;
  background: #ebf6ff;
  right: var(--swiper-navigation-sides-offset, 0.6rem);
  color: rgba(0, 0, 0, 0);
  left: auto;
  background-image: url(../images/prev.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem;
  bottom: var(--swiper-navigation-top-offset, 0);
  top: auto;
}

.new-swiper-button .swiper-button-next {
  width: .6rem;
  height: .6rem;
  background: #ebf6ff;
  right: var(--swiper-navigation-sides-offset, 0);
  color: rgba(0, 0, 0, 0);
  left: auto;
  background-image: url(../images/prev.png);
  transform: scaleX(-1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem;
  bottom: var(--swiper-navigation-top-offset, 0);
  top: auto;
}

.new-swiper-button .swiper-button-next:hover {
  background: #a9d8ff;
  background-image: url(../images/prev.png);
  transform: scaleX(-1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem;
}

.new-swiper-button .swiper-button-prev:hover {
  background: #a9d8ff;
  background-image: url(../images/prev.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem;
}

.school-new-photo-link {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.newphoto-title {
  background: linear-gradient(90deg, rgb(57, 145, 221), rgb(0, 189, 154), rgb(2, 97, 181));
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 2.4rem;
  font-family: 'SYST500';
  /* width: 70%; */
  height: 0.45rem;
  line-height: 0.45rem;
}

.newphoto-title p {
  /* padding: 5px 0; */
  color: #fff;
  font-size: 0.25rem;
  margin: 0;
  text-align: left;
  font-weight: 700;
  white-space: nowrap;
  /* 防止文本换行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
}

.school-new-photo-logotype {
  display: flex;
  width: 100%;
}

.newphoto-title :hover {
  color: #cfe9ff;
}

.school-new-photo .swiper-pagination-bullet-active {
  background: #fff;
}

.school-new-leftswiper .school-new-photo .swiper-pagination {
  width: auto;
  bottom: 1rem;
  left: auto;
  right: 0.2rem;
}

.school-new-photo .swiper-pagination-bullet {
  border: 2px solid #fff;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.08rem));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.08rem));
}

.school-new-rightswiper {
  width: 33%;
  background: #ebf6ff;
  box-sizing: border-box;
  margin-bottom: 30px;
  z-index: 2;
  opacity: 0;
  transform: translateX(148px);
  transition: all 1.2s ease-out;
}

.school-newlist li {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.school-newlist li:hover {
  -webkit-transform: translateX(0.1rem);
  -moz-transform: translateX(0.1rem);
  -ms-transform: translateX(0.1rem);
  -o-transform: translateX(0.1rem);
  transform: translateX(0.1rem);
}



.school-newlist-date {
  font-family: 'SYST500';
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  float: left;
  /* margin: 5px 15px 0 0; */
  font-size: 0.15rem;
  color: #777;
}

.school-newlist-date .newdate-hao {
  font-size: 0.24rem;
  color: #3188d5;

}

.school-newlist {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}


.school-newlist li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0.3rem;
  padding: 0.2rem 0;
  border-bottom: 1px dashed #ddd;
}

.school-newlist li:last-child a {
  border-bottom: none;
}

.school-newlist-title {
  width: 47%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.22rem;
  color: #000;
  /* margin-top: 10px; */
  font-size: 0.17rem;
}

.school-newlist li:hover .school-newlist-title {
  color: #3188d5;
  font-weight: 700;
}

.school-new-img {
  float: left;
  width: 28%;
}

.school-new-img img {
  width: 100%;
  height: 0.77rem;
}

/*通知公告与学术活动板块 */
.notice-bulletin-activity {
  position: relative;
  background: url(../images/threebg.jpg)no-repeat center;
  background-size: 100% 100%;
}

.notice-bulletin-width {
  display: flex;
  padding-bottom: 0.4rem;
}

.notice-bulletin-left {
  width: 66%;
  margin-right: 0.1rem;
}

.notice-bullentin-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0;
  opacity: 0;
  transition: all 0.8s ease-out;
  transform: translateY(50px);
}

.notice-bottom {
  padding: 0.4rem 0 0.4rem 0;
}

.notice-bullentin-title .look-more-link {
  color: #5d5d5d;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 0.1rem;
  position: relative;
  z-index: 1;
  font-size: 0.2rem;
}

.notice-bullentin-title .look-more-link::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../images/moreicon.png) no-repeat left center;
  background-size: auto 100%;
  opacity: 0.5;
  z-index: -1;
}

.look-more-link .icon-xiangyou {
  font-weight: 700;
  color: #3188d5;
}

.notice-bullentin-title .look-more-link:hover {
  transform: translateX(5px);
  font-weight: 700;
}

.notice-bullentin-title h3 {
  color: #000;
  font-size: 0.35rem;
  margin: 0;
}


.notice-bullentin-title h3::after {
  box-sizing: border-box;
  width: 0.7rem;
  height: 1px;
  margin: 0 auto;
  background: linear-gradient(90deg, rgb(2, 97, 181), rgb(151, 206, 255));
  margin-top: 3px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 .14rem;
  position: relative;
  top: -2px;
  background-position: center;
  background-repeat: no-repeat;
}

.notice-bullentin-swiper {
  width: 100%;
  height: 3.8rem;
  opacity: 0;
  transition: all 1.2s ease-out;
  transform: translateX(-157px);
}

.notice-bulletin-left .notice-bullentin-swiper .swiper {
  width: 100%;
  height: 100%;
}

.notice-bulletin-left .notice-bullentin-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.notice-bullentin-link {
  display: inline-block;
  width: 3.8rem;
  height: 3rem;
  padding: 0.3rem 0 0 0;
  position: relative;
}

.notice-bullentin-bg {
  height: 100%;
  width: 73%;
  background: url(../images/noticebg.jpg)no-repeat center;
  background-size: 100% 100%;
  float: right;
  border-radius: 0 0 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.notice-bullentin-date {
  font-family: 'SYST500';
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  margin: 0 0.1rem 0 0;
  font-size: 0.15rem;
  color: #fff;
}

.notice-bullentin-date .noticedate-hao {
  font-size: 0.18rem;
  font-weight: 700;
}

.notice-bullentin-text {
  width: 80%;
  height: 3rem;
  background: #fff;
  border-radius: 0.5rem 0 0.5rem 0;
  position: absolute;
  z-index: 2;
  box-shadow: 0px 0px .13rem 0px rgba(110, 88, 45, 0.29);
  box-sizing: border-box;
  padding: 0 0.2rem;
  color: #000;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.notice-bullentin-text h3 {
  font-weight: 400;
  margin: 0;
  font-size: 0.2rem;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制为两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
  text-align: left;
}

.notice-bor {
  width: 100%;
  height: 1px;
  background: #ddd;
  margin-bottom: 8px;
}

.notice-des span {
  font-size: 0.15rem;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  /* 限制为两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.notice-swiper.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, -1px);
}

.notice-bulletin-left .notice-bullentin-swiper .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 0px);
  color: rgba(0, 0, 0, 0);
  width: .4rem;
  height: .4rem;
  background-image: url(../images/prev.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem;
  transform: scaleX(-1);
  border: 2px solid #3188d5;
  border-radius: 50%;
}

.notice-bulletin-left .notice-bullentin-swiper .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 0px);
  width: .4rem;
  height: .4rem;
  border: 2px solid #3188d5;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0);
  background-image: url(../images/prev.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem;
}

.notice-swiper .swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.2rem));
  border-radius: var(--swiper-pagination-bullet-border-radius, 4px);
  background: linear-gradient(90deg, #3188d5, #3fe2f7);
}

.notice-bullentin-content {
  margin-top: 10px;
}

.notice-bullentin-link:hover .notice-bullentin-text {
  transform: translateY(-0.2rem);
  box-shadow: 0px 0px .13rem 0px rgba(1, 88, 175, 0.3);
}

.notice-bullentin-link:hover .notice-bullentin-text h3 {
  color: #3188d5;
}

/* 学术活动板块 */
.notice-bulletin-right {
  width: 34.5%;
}

.academic-activity-swiper {
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all 1.2s ease-out;
  transform: translateX(126px);
}

.academic-activity-swiper .swiper {
  width: 100%;
  height: 100%;
}

.academic-activity-swiper .swiper-slide {
  height: 3.9rem;
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
}

/* .academic-activity-link {
  width: 100%;
  height: 4rem;
  position: relative;
}

.academic-activity-below {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 5%;
  background: #e3f2ff;
}

.academic-activity-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}

.academic-activity-below h3 {
  font-size: .24rem;
  font-weight: 400;
  color: #000;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.academic-activity-des {
  color: #000;
  font-size: 0.2rem;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.academic-activity-sign {
  color: #fff;
  background: linear-gradient(90deg, rgb(108, 175, 234), rgb(68, 202, 157));
  border-radius: 3px;
  font-size: 0.22rem;
  padding: 0.1rem;
}

.academic-activity-date {
  color: #3188d5;
  font-weight: bold;
  font-size: 0.2rem;
}

.academic-btn {
  font-size: .4rem;
  text-align: right;
  margin-right: 10px;
  color: #000;
}

.academic-activity-picture {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  transition: transform 0.8s ease;
}

.academic-activity-picture img {
  width: 100%;
  height: 100%;
}

.academic-activity-link:hover .academic-activity-below {
  background: url(../images/actextBg.jpg) no-repeat center;
  background-size: 100% 100%;
}

.academic-activity-link:hover .academic-activity-below h3 {
  color: #fff;
}

.academic-activity-link:hover .academic-activity-sign {
  background: #fff;
  color: #3188d5;
}

.academic-activity-link:hover .academic-activity-date {
  color: #fff;
}

.academic-activity-link:hover .academic-activity-picture {
  transform: translateY(1.1rem);
}

.academic-activity-link:hover .academic-activity-des,
.academic-activity-link:hover .academic-btn {
  color: #fff;
} */

/* 学术活动 */
.activitySwiper .swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.2rem));
  background: linear-gradient(90deg, #3188d5, #3fe2f7);
  border-radius: var(--swiper-pagination-bullet-border-radius, 4px);
}

.notice-bulletin-right .activitySwiper .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 0px);
  color: rgba(0, 0, 0, 0);
  width: .4rem;
  height: .4rem;
  background-image: url(../images/prev.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.4rem;
  transform: scaleX(-1);
  border: 2px solid #3188d5;
  border-radius: 50%;
}

.dangmass-student-work {
  padding-bottom: 0.7rem;
  background: url(../images/stuwordbg.jpg) no-repeat center;
  background-size: 100% 100%;
}

.dangmass-studentwork-width {
  display: flex;
  justify-content: space-between;
}

.dangmass-left {
  width: 49%;
}

.dangmass-list {
  opacity: 0;
  transition: all 1.2s ease-out;
  transform: translateX(-157px);
}

.dangmass-item {
  background: #fff;
  border-radius: 0 0.2rem 0 0.2rem;
  margin: 0.2rem 0;
}

.dangmass-item-link {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.2rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  z-index: 1;
}

.dangmass-item-link h3 {
  margin: 0;
  font-size: 0.2rem;
  font-weight: 400;
  padding-left: .2rem;
  position: relative;
  width: 75%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #000;
  z-index: 1;
  transition: color 0.8s ease;
}

.dangmass-item-link h3:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: .05rem;
  height: .05rem;
  border-radius: 50%;
  background-color: #3188d5;
}

.dangmass-item-link span {
  color: #000;
  z-index: 1;
  transition: color 0.8s ease;
  font-size: 0.2rem;
}

.dangmass-list li:first-child {
  margin-top: 0;
}

.dangmass-list li:last-child {
  margin-bottom: 0;
}

.dangmass-list li:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 0 0.2rem 0 0.2rem;
  background: linear-gradient(90deg, #3991dd 0%, #00bd9a 100%);
  transition: width 0.8s ease;
  z-index: 0;
}

.dangmass-item {
  position: relative;
}

.dangmass-list li:hover:after {
  width: 100%;
}

.dangmass-list li:hover h3 {
  color: #fff;
}

.dangmass-list li:hover h3:after {
  background: #fff;
}

.dangmass-list li:hover span {
  color: #fff;
}

.studentswork-right {
  width: 49%;
}

.studentswork-swiper-plate {
  width: 100%;
  height: 4.4rem;
  margin: 0 auto;
  overflow: visible !important;
  /* 确保不裁剪阴影 */
  perspective: 1200px;
  opacity: 0;
  transition: all 1.2s ease;
  transform: translateX(148px);
}

.studentswork-swiper-plate .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
}

.studentswork-swiper-plate .swiper-slide {
  width: 60%;
  height: 100%;
  overflow: hidden;
  transform-style: preserve-3d;
  z-index: 1;
  position: relative;
}

/* 默认显示所有阴影 */
.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
  opacity: 0.5 !important;
}

/* 隐藏中间幻灯片的阴影 */
.swiper-slide-active .swiper-slide-shadow-left,
.swiper-slide-active .swiper-slide-shadow-right {
  opacity: 0 !important;
}

.students-work-img {
  width: 100%;
  height: 70%;
  overflow: hidden;
}

.students-work-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease;
}

.studentswork-swiper-plate .swiper-slide:hover img {
  transform: scale(1.1);
}

.students-work-text {
  width: 100%;
  height: 30%;
  background: linear-gradient(90deg, #3991dd, #00bd9a);
  color: #fff;
  box-sizing: border-box;
  padding: 0.2rem;
  position: relative;
  display: flex;
  align-items: center;
}

.students-work-text span {
  position: absolute;
  top: -10%;
  left: 0.2rem;
  background: #fff;
  color: #3188d5;
  padding: 0.04rem 0.08rem;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.2rem;
}

.students-work-text h3 {
  font-size: 0.22rem;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.studentswork-swiper-plate .swiper-pagination-bullet-active {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 17px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 4px);
  background: linear-gradient(90deg, #3991dd, #50ccdc);
}

.go-in-engineering {
  width: 100%;
  background: #fff;

}

.goin-engineer-container {
  width: 100%;
  max-width: 1960px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  /* justify-content: space-between; */
  padding-bottom: 0.7rem;
}

.engineering-title-plate {
  width: 13%;
  /* height: 100%; */
}

.engineering-title-all {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/engineertitbg.jpg) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  text-align: center;
  opacity: 0;
  transition: all 1s ease;
  transform: translateY(150px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.engineering-title-all h2 {
  width: 0.4rem;
  display: flex;
  flex-direction: column;
  margin: 0 auto 0.3rem;
  color: #fff;
  font-size: 0.39rem;
}

.engineering-title-icon {
  width: 0.4rem;
  height: 0.4rem;
  margin-top: 0.05rem;
}

.engineering-title-all .title-look-more {
  color: #fff;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 0.1rem;
  position: relative;
  font-size: 0.2rem;
}

.title-look-more::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/moreicon.png) no-repeat left center;
  background-size: auto 100%;
  opacity: 0.3;
}

.engineering-title-all .title-look-more:hover {
  font-weight: 700;
  transform: translateX(5px);
}

.engineering-mover-plate {
  width: 87%;
  /* height: 100%; */
}

.engineering-mover-plate li {
  width: 34.3%;
  float: left;
  padding-left: 0.1rem;
  margin-bottom: 0.1rem;
  opacity: 0;
  transition: all 1s ease;
  transform: translateY(200px);
}

.engineer-mover-pic {
  padding-top: 62%;
}

.engineering-mover-plate li:first-child {
  width: 64.3%;
  opacity: 0;
  transition: all 1.2s ease;
  transform: translateY(200px);
  margin-bottom: 0;
}

.engineering-mover-plate li:last-child {
  margin-bottom: 0;
}

.engineering-mover-link {
  position: relative;
}

.engineering-mover-plate li:first-child .engineer-mover-pic {
  padding-top: 67%;
  position: relative;
}

.engineer-mover-sign {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  background: linear-gradient(#ffffff00, #00000059);

}

.engineer-mover-bofang {
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/bofang.png)no-repeat center;
  background-size: 100% 100%;
}

.engineer-mover-sign h3 {
  width: 80%;
  margin-left: 0.3rem;
  font-size: 0.22rem;
  font-weight: 400;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.engineering-mover-link img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* 弹出层样式 */
.engineer-video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  overflow: auto;
}

.engineer-video-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 800px;
}

.engineer-video-close {
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  position: absolute;
  right: -0.25rem;
  top: -0.25rem;
  font-size: 30px;
  cursor: pointer;
  color: #ededed;
  background: #000;
  border-radius: 50%;
  z-index: 1010;
  transition: 0.8s ease;
}

.engineer-src {
  display: none;
}

.engineer-video-close:hover {
  transform: rotate(180deg);
}

.video-player {
  width: 100%;
}

/* 底部样式 */
.footer {
  width: 100%;
  background: linear-gradient(90deg, #3991dd, #00bd9a);
  padding-bottom: 50px;
  position: relative;
}

.footer-item ul {
  background: #fff;
  box-sizing: border-box;
  padding: 0.1rem 0.5rem;
  display: flex;
  justify-content: space-between;
  border-radius: 0.5rem 0 0 0.5rem;
  position: relative;
  top: -0.15rem;
}

.footer-item ul::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  width: 16.65%;
  background-color: #fff;
}

.footer-item li {
  text-align: center;
}

.footer-item li img {
  width: 0.5rem;
  height: 0.5rem;
}

.footer-item li p {
  color: #000;
  font-size: 0.17rem;
}

.footer-item li:hover p {
  color: #3188d5;
}

.footer-links {
  padding: 20px 0 10px 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid #cccccc59;
}

.footer-links h3 {
  margin: 0;
  font-size: 0.23rem;
  font-weight: 700;
}

.footer-links-box {
  width: calc(100% - 1.94rem);
  display: flex;
  align-items: center;
}

.footer-links-box a {
  color: #fff;
  position: relative;
}

.footer-links-box a:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}

.footer-links-box a::after {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 1;
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.footer-links-box a {
  margin-left: 0.15rem;
}

.footer-academy {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}

.footer-academy-academy {
  color: #fff;
  cursor: pointer;
  font-size: 0.21rem;
}

.footer-academy-academy p {
  /* max-width: 267px; */
  margin-bottom: 0.1rem;
}


.footer-academy-img img {
  max-height: 0.9rem;
}

.footer-academy-or {
  display: flex;
}

.footer-academy-or .or {
  margin-left: 0.15rem;
  cursor: pointer;
  text-align: center;
}

.footer-academy-or img {
  max-height: 1rem;
}

.footer-academy-or p {
  color: #fff;
  font-size: 0.19rem;
}

/* 右侧固定 */
.right-fixed-plate {
  background: linear-gradient(#3991dd, #34b49c);
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -3rem;
  z-index: 500;
  border-radius: 0.5rem;
  box-shadow: rgba(43, 86, 143, 0.5) 0px 0.07rem 0.24rem 1px;
  opacity: 0;
  transition: 1.2s;
}

.right-fixed-plate ul {
  padding: 0.2rem 0;
}

.right-fixed-plate ul li:last-child .right-fixed-link {
  padding-bottom: 0.2rem;
}

.right-fixed-link {
  display: inline-block;
  text-align: center;
  padding: 0.15rem 0.08rem 0 0.08rem;
}

.right-fixed-link img {
  width: 0.4rem;
  height: 0.4rem;
  transition: transform 0.5s ease;
}

.right-fixed-link p {
  color: #fff;
  font-size: 0.15rem;
}

.right-fixed-plate ul li:hover img {
  transform: translateY(-0.1rem);
}

.right-fixed-plate.visible {
  opacity: 1;
  right: 0.3rem;
}

/* 动态 */
.sliding-displaying {
  opacity: 1 !important;
  transform: translateY(0) translateX(0) !important;
}