/* 公共banner */
.common-banner {
  display: block;
  position: relative;
}
.common-banner .pic img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 260px;
  object-fit: cover;
  object-position: center center;
}
.common-banner .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 12.23404255%;
}
.common-banner .text .tag {
  font-weight: 400;
  font-size: var(--font18);
  color: #fff;
  line-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.common-banner .text .tag::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 12px;
}
.common-banner .text .banner-title {
  font-weight: 400;
  font-size: var(--font56);
  color: #fff;
  line-height: 1.35714286;
  margin-top: 0.2rem;
  text-align: center;
  max-width: 1190px;
  margin-left: auto;
  margin-right: auto;
}
.common-banner.common-banner-type2 .text {
  top: 33.59375%;
}
.common-banner.common-banner-type3 .text {
  top: 25.78125%;
}
.common-tab {
  background: #ffffff;
  box-shadow: 0px 7px 39px 1px rgba(0, 0, 0, 0.05);
}
.common-tab .tab-list {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.common-tab .tab-list .tab-item {
  margin-right: max(15px, 0.4rem);
  position: relative;
  white-space: nowrap;
}
.common-tab .tab-list .tab-item::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 4px;
  background-color: #043e88;
  transform: translateX(-50%);
  transition: var(--duration);
}
.common-tab .tab-list .tab-item:last-child {
  margin-right: 0;
}
.common-tab .tab-list .tab-item.active::after,
.common-tab .tab-list .tab-item:hover::after {
  width: 100%;
}
.common-tab .tab-list .tab-item.active a,
.common-tab .tab-list .tab-item:hover a {
  color: #043e88;
}
.common-tab .tab-list .tab-item a {
  display: block;
  width: fit-content;
  padding-top: max(15px, 0.28rem);
  padding-bottom: max(15px, 0.34rem);
  font-weight: 300;
  font-size: var(--font18);
  color: #333333;
  line-height: 1;
  padding-left: 0.51rem;
  padding-right: 0.51rem;
  transition: var(--duration);
}
.school-intro {
  padding-bottom: max(var(--space), 1.24rem);
  overflow: hidden;
}
.school-intro-desc {
  padding-top: max(var(--space), 1.33rem);
  background-image: url(../images/school-intro-bg1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  padding-bottom: max(0.76rem, 30px);
}
.school-intro-desc .desc-title {
  font-weight: 500;
  font-size: var(--font40);
  color: #033f88;
  line-height: 1.4;
  width: 48.17708333%;
  flex-shrink: 0;
  overflow-wrap: break-word;
  font-family: SourceHanSansCN-Medium, sans-serif;
  margin-bottom: 0.65rem;
}
.school-intro-desc .intro-section .section1-wrap {
  display: flex;
  align-items: flex-start;
  margin-bottom: max(35px, 1.09rem);
}
.school-intro-desc .intro-section .section1-wrap .intro-logo {
  width: 37.95572917%;
  flex-shrink: 0;
}
.school-intro-desc .intro-section .section1-wrap .intro-logo img {
  display: block;
  width: 80.61749571%;
  margin-left: auto;
  mix-blend-mode: multiply;
}
.school-intro-desc .intro-section .section1-wrap .intro-desc {
  width: 48.50260417%;
  flex-shrink: 0;
  font-weight: 300;
  font-size: var(--font18);
  color: #666666;
  line-height: 2;
  font-family: SourceHanSansCN-Light, sans-serif;
  margin-left: auto;
}
.school-intro-desc .intro-section .section1-wrap .intro-desc p:not(:last-child) {
  margin-bottom: max(15px, 0.22rem);
}
.school-intro-desc .intro-section .section2 {
  padding-bottom: max(45px, 1.3rem);
  background-image: url(../images/school-intro-bg2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left 70%;
}
.school-intro-desc .intro-section .section2 .section2-wrap .pic {
  border-radius: 10px;
  overflow: hidden;
}
.school-intro-desc .intro-section .section2 .section2-wrap .pic:hover img {
  transform: scale(1.05);
}
.school-intro-desc .intro-section .section2 .section2-wrap .pic img {
  display: block;
  width: 100%;
  height: auto;
  transition: var(--duration);
}
.school-intro-desc .intro-section .section2 .section2-wrap .intro-list {
  display: flex;
  margin-top: max(30px, 0.74rem);
}
.school-intro-desc .intro-section .section2 .section2-wrap .intro-list .intro-item {
  width: 25%;
  text-align: center;
}
.school-intro-desc .intro-section .section2 .section2-wrap .intro-list .intro-item .top {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: var(--font46);
  color: #053e88;
  line-height: 1;
  margin-bottom: max(0.17rem, 10px);
}
.school-intro-desc .intro-section .section2 .section2-wrap .intro-list .intro-item .bottom {
  font-weight: 400;
  font-size: var(--font22);
  color: #333333;
  line-height: 1;
}
.school-intro-desc .intro-section .section3 .item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: max(30px, 0.83rem);
}
.school-intro-desc .intro-section .section3 .item .text {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font18);
  color: #666666;
  line-height: 2;
  padding-top: 15px;
  width: 46.41927083%;
  flex-shrink: 0;
  text-align: justify;
}
.school-intro-desc .intro-section .section3 .item .text P:not(:last-child) {
  margin-bottom: max(10px, 0.22rem);
}
.school-intro-desc .intro-section .section3 .item .pic {
  width: 46.41927083%;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
}
.school-intro-desc .intro-section .section3 .item .pic:hover img {
  transform: scale(1.05);
}
.school-intro-desc .intro-section .section3 .item .pic img {
  display: block;
  width: 100%;
  height: auto;
  transition: var(--duration, 0.45s);
}
.school-intro-desc .intro-section .section3 .item2 {
  margin-bottom: 0.66rem;
}
.school-intro-desc .intro-section .section3 .item2 .pic {
  width: 49.0234375%;
}
.school-intro-desc .intro-section .section3 .item2 .text {
  width: 46.22395833%;
}
.school-intro-desc .intro-section .section3 .text-item p {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font18);
  color: #666666;
  line-height: 2;
  text-align: justify;
}
.school-intro-desc .intro-section .section3 .text-item p:not(:last-child) {
  margin-bottom: max(10px, 0.18rem);
}
.school-msg-update .msg-wrap {
  border-top: 1px solid #053e88;
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font18);
  color: #053e88;
  line-height: 2;
  padding-top: 0.32rem;
}
/*  学院概况-管理服务 */
.school-manage-area {
  padding-top: max(var(--space-min), 0.67rem);
  padding-bottom: max(0.91rem, var(--space));
}
/* 共用，学校管理，通知公告，招生简章页面共用模块 */
.common-manage-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.common-manage-list .item {
  width: 49.0234375%;
  flex-shrink: 0;
  margin-bottom: max(0.3rem, 20px);
  padding: max(20px, 0.58rem) max(15px, 0.5rem) max(20px, 0.61rem);
  background: #f8f8f8;
  border-radius: 10px;
  transition: var(--duration);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.common-manage-list .item::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: var(--liner);
  z-index: -1;
  transition: var(--duration);
  opacity: 0;
  pointer-events: none;
}
.common-manage-list .item:hover {
  box-shadow: 0px 0px 48px 1px rgba(4, 62, 136, 0.35);
}
.common-manage-list .item:hover::after {
  opacity: 1;
}
.common-manage-list .item:hover .title-line {
  border-bottom-color: #fff;
}
.common-manage-list .item:hover .title-line .icon {
  filter: brightness(0) invert(1);
}
.common-manage-list .item:hover .title-line .text {
  color: #fff;
}
.common-manage-list .item:hover .info-line .time .time-icon {
  filter: brightness(0) invert(1);
}
.common-manage-list .item:hover .info-line .time .time-text {
  color: #fff;
}
.common-manage-list .item:hover .info-line .link-btn {
  background-color: #fff;
  border-color: transparent;
}
.common-manage-list .item .title-line {
  display: flex;
  align-items: center;
  padding-bottom: max(0.31rem, 10px);
  border-bottom: 1px dashed #ccc;
  margin-bottom: max(15px, 0.6rem);
}
.common-manage-list .item .title-line .icon {
  transition: var(--duration);
}
.common-manage-list .item .title-line .text {
  font-weight: 300;
  font-size: var(--font24);
  color: #333333;
  margin-left: max(0.23rem, 10px);
  min-width: 0;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  width: 100%;
  transition: var(--duration);
  font-family: SourceHanSansCN-Light, sans-serif;
}
.common-manage-list .item .info-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.common-manage-list .item .info-line .time {
  display: flex;
  align-items: center;
}
.common-manage-list .item .info-line .time .time-icon {
  transition: var(--duration);
}
.common-manage-list .item .info-line .time .time-text {
  font-weight: 300;
  font-size: var(--font16);
  color: #999999;
  margin-left: 12px;
  font-family: SourceHanSansCN-Light, sans-serif;
  line-height: 1;
  transition: var(--duration);
}
.common-manage-list .item .info-line .link-btn {
  line-height: 1;
  width: 120px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #cccccc;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-weight: 400;
  font-size: var(--font14);
  color: #053e88;
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: var(--duration);
}
.common-manage-list .item .info-line .link-btn .text {
  transition: var(--duration);
}
.common-manage-list .item .info-line .link-btn .icon {
  width: 5px;
  margin-left: 7px;
  transition: var(--duration);
}
/* 新闻动态,科研新闻共用 */
.common-news-list-area {
  padding-top: max(0.71rem, 35px);
  padding-bottom: max(1.15rem, var(--space));
}
.common-news-list-swiper {
  margin-bottom: max(36px, 0.61rem);
}
.common-news-list-swiper .swiper-slide {
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: max(0.86rem, 20px);
  display: flex;
  align-items: flex-start;
  background: #f8f8f8;
  border-radius: max(0.2rem, 10px);
}
.common-news-list-swiper .swiper-slide .slide-left {
  width: 50.62937063%;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.common-news-list-swiper .swiper-slide .slide-left:hover img {
  transform: scale(1.05);
}
.common-news-list-swiper .swiper-slide .slide-left::after {
  content: "";
  display: block;
  padding-bottom: 85.08287293%;
}
.common-news-list-swiper .swiper-slide .slide-left img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.common-news-list-swiper .swiper-slide .slide-left::before {
  content: "";
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(3, 63, 136, 0.6), transparent);
  pointer-events: none;
}
.common-news-list-swiper .swiper-slide .slide-right {
  margin-left: max(0.83rem, 20px);
  min-width: 0;
  padding-top: max(10px, 0.27rem);
}
.common-news-list-swiper .swiper-slide .slide-right:hover .title span {
  background-size: 100% 1px;
  color: var(--theme);
  background-position: left bottom;
}
.common-news-list-swiper .swiper-slide .slide-right:hover .desc {
  color: var(--theme);
}
.common-news-list-swiper .swiper-slide .slide-right .time-line {
  line-height: 1;
  display: flex;
  align-items: center;
}
.common-news-list-swiper .swiper-slide .slide-right .time-line .icon {
  margin-right: 12px;
}
.common-news-list-swiper .swiper-slide .slide-right .time-line .text {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #999999;
}
.common-news-list-swiper .swiper-slide .slide-right .title {
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: var(--font32);
  color: #333333;
  line-height: 1.4375;
  margin-top: max(15px, 0.37rem);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
}
.common-news-list-swiper .swiper-slide .slide-right .title span {
  background-image: var(--liner);
  background-repeat: no-repeat;
  background-size: 0 1px;
  background-position: right bottom;
  transition: background-size 0.6s ease, color 0.6s ease;
}
.common-news-list-swiper .swiper-slide .slide-right .desc {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #666666;
  line-height: 1.625;
  margin-top: max(20px, 0.5rem);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  transition: var(--duration);
}
.common-news-list-swiper .swiper-slide .slide-right .link-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  width: 190px;
  height: 46px;
  border-radius: 23px;
  margin-top: 1.91rem;
  transition: var(--duration);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.common-news-list-swiper .swiper-slide .slide-right .link-btn .link-text {
  font-weight: 400;
  font-size: var(--font16);
  color: #fff;
}
.common-news-list-swiper .swiper-slide .slide-right .link-btn .link-icon {
  width: 7px;
  margin-left: max(0.19rem, 10px);
  filter: brightness(0) invert(1);
}
.common-news-list-swiper .swiper-slide .slide-right .link-btn::before,
.common-news-list-swiper .swiper-slide .slide-right .link-btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  transition: var(--duration) linear;
}
.common-news-list-swiper .swiper-slide .slide-right .link-btn::before {
  background-image: var(--liner);
  opacity: 1;
}
.common-news-list-swiper .swiper-slide .slide-right .link-btn::after {
  background-image: var(--liner-hover);
  opacity: 0;
}
.common-news-list-swiper .swiper-slide .slide-right .link-btn:hover::before {
  opacity: 0;
}
.common-news-list-swiper .swiper-slide .slide-right .link-btn:hover::after {
  opacity: 1;
}
.common-news-list-group {
  display: flex;
  flex-wrap: wrap;
}
.common-news-list-group .news-item {
  width: 32.03125%;
  margin-right: 1.953125%;
  display: block;
  margin-bottom: max(0.6rem, 30px);
}
.common-news-list-group .news-item:nth-child(3n) {
  margin-right: 0;
}
.common-news-list-group .news-item .pic {
  width: 100%;
  padding-bottom: 56.30081301%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: max(15px, 0.3rem);
}
.common-news-list-group .news-item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.common-news-list-group .news-item .text .title {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 400;
  font-size: var(--font20);
  color: #333333;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  width: 100%;
  transition: var(--duration);
}
.common-news-list-group .news-item .text .time-line {
  display: flex;
  align-items: center;
  margin-top: max(10px, 0.21rem);
}
.common-news-list-group .news-item .text .time-line .text {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #999999;
  line-height: 1;
}
.common-news-list-group .news-item .text .time-line .icon {
  margin-right: 12px;
}
.common-news-list-group .news-item .text .desc {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #999999;
  line-height: 1.625;
  margin-top: max(15px, 0.25rem);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  height: calc((26 / 16) * var(--font16) * 2);
}
.common-news-list-group .news-item .text .more {
  display: flex;
  align-items: center;
  border-top: 1px dashed #cccccc;
  margin-top: max(0.22rem, 10px);
  padding-top: max(0.2rem, 10px);
}
.common-news-list-group .news-item .text .more .text {
  font-weight: 400;
  font-size: var(--font14);
  color: #999;
  line-height: 1;
}
.common-news-list-group .news-item .text .more .icon {
  width: 5px;
  margin-left: 7px;
  object-fit: contain;
  margin-top: 0.2em;
}
.common-news-list-group .news-item:hover .pic img {
  transform: scale(1.05);
}
.common-news-list-group .news-item:hover .text .title {
  color: var(--theme);
}
/* 新闻动态-通知公告 */
.news-notice-page .school-manage-area {
  padding-bottom: max(var(--space), 1.16rem);
}
.news-notice-page .common-manage-list {
  margin-bottom: 32px;
}
/* 党建页面 */
.party-banner {
  background: url(../images/party-banner.png) no-repeat center 18% / cover;
  margin-bottom: max(0.6rem, 35px);
}
.party-banner .text-wrap {
  padding-top: max(1.2rem, 45px);
}
.party-banner .text-wrap .title {
  font-weight: 500;
  font-size: var(--font46);
  color: #e60313;
  line-height: 1.2173913;
  margin-bottom: 17px;
}
.party-banner .text-wrap .desc {
  font-weight: 300;
  font-size: var(--font24);
  color: #666666;
  line-height: 1.5;
  overflow-wrap: break-word;
  margin-bottom: max(30px, 0.8rem);
}
.party-banner .text-wrap .tab-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1.32rem;
  padding-bottom: max(0.29rem, 15px);
  border-bottom: 1px solid #ccc;
}
.party-banner .text-wrap .tab-list .tab-item {
  display: flex;
  align-items: center;
}
.party-banner .text-wrap .tab-list .tab-item:not(:last-child) {
  margin-right: max(0.66rem, 30px);
}
.party-banner .text-wrap .tab-list .tab-item::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #e60112;
  border-radius: 50%;
  margin-right: 8px;
  display: block;
  opacity: 0;
  transition: var(--duration);
}
.party-banner .text-wrap .tab-list .tab-item:hover a {
  color: #e60112;
}
.party-banner .text-wrap .tab-list .tab-item.active::before {
  opacity: 1;
}
.party-banner .text-wrap .tab-list .tab-item.active a {
  color: #e60112;
}
.party-banner .text-wrap .tab-list .tab-item a {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 400;
  font-size: var(--font18);
  color: #666666;
  line-height: 1;
  white-space: nowrap;
  transition: var(--duration);
}
.party-swiper {
  margin-bottom: max(0.5rem, 30px);
}
.party-swiper .swiper-slide {
  position: relative;
  border-radius: max(0.2rem, 10px);
  overflow: hidden;
}
.party-swiper .swiper-slide .pic {
  position: relative;
}
.party-swiper .swiper-slide .pic::after {
  content: "";
  display: block;
  padding-bottom: 42.83854167%;
}
.party-swiper .swiper-slide .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.party-swiper .swiper-slide .text-content {
  position: absolute;
  top: 24.62006079%;
  left: 3.97135417%;
  width: 86%;
}
.party-swiper .swiper-slide .text-content .time-line {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 19px;
}
.party-swiper .swiper-slide .text-content .time-line .icon {
  margin-right: 12px;
  filter: brightness(0) invert(1);
}
.party-swiper .swiper-slide .text-content .time-line .text {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  white-space: nowrap;
  color: #fff;
}
.party-swiper .swiper-slide .text-content .title {
  font-weight: 400;
  font-size: var(--font32);
  line-height: 1.4375;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  max-width: 645px;
  color: #fff;
  margin-bottom: 17px;
}
.party-swiper .swiper-slide .text-content .desc {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 400;
  font-size: var(--font14);
  line-height: 1.85714286;
  color: rgba(255, 255, 255, 0.8);
  max-width: 507px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
}
.party-swiper .swiper-slide .text-content .more {
  width: 90px;
  height: 46px;
  background: #ffffff;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  margin-top: max(0.55rem, 20px);
}
.party-swiper .swiper-slide .text-content .more img {
  width: 17px;
  transition: var(--duration);
}
.party-swiper .swiper-slide .text-content .more:hover img {
  margin-left: 10px;
}
.party-swiper .party-pagination {
  width: fit-content;
  position: absolute;
  left: 3.97135417%;
  bottom: 9.11854103%;
}
.party-swiper .party-pagination .swiper-pagination-bullet {
  width: max(0.14rem, 10px);
  height: 4px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  margin-left: 0;
  margin-right: 10px;
  opacity: 1;
  transition: var(--duration);
}
.party-swiper .party-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.party-swiper .party-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: max(0.66rem, 30px);
  background-color: #ffffff;
}
/* 党建新闻 */
.party-news-area {
  background-color: #fefefe;
  padding-bottom: max(var(--space), 1.16rem);
}
.party-news-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.party-news-list .item {
  width: 32.03125%;
  margin-right: 1.953125%;
  background: #ffffff;
  box-shadow: 0px 0px max(40px, 0.79rem) 0px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding-top: max(0.41rem, 20px);
  padding-left: max(0.42rem, 15px);
  padding-bottom: max(0.4rem, 20px);
  padding-right: max(0.4rem, 15px);
  margin-bottom: 30px;
}
.party-news-list .item.no-pic {
  display: flex;
  flex-direction: column;
}
.party-news-list .item.no-pic .title {
  margin-top: calc(calc((46 / 32) * var(--font32) * 2) + max(0.24rem, 10px));
  margin-bottom: 1.07rem;
}
.party-news-list .item.no-pic .pic {
  display: none;
}
.party-news-list .item.no-pic .more {
  margin-top: auto;
}
.party-news-list .item:nth-child(3n) {
  margin-right: 0;
}
.party-news-list .item .time-line {
  display: flex;
  margin-bottom: 0.6rem;
}
.party-news-list .item .time-line .icon {
  display: flex;
  align-items: center;
}
.party-news-list .item .time-line .text {
  font-weight: 300;
  font-size: var(--font16);
  color: #999999;
  line-height: 1;
  margin-left: 12px;
}
.party-news-list .item .title {
  font-weight: 300;
  font-size: var(--font32);
  color: #333333;
  line-height: 1.4375;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  margin-bottom: max(0.24rem, 10px);
  transition: var(--duration);
  height: calc((46 / 32) * var(--font32) * 2);
}
.party-news-list .item .pic {
  width: 100%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: max(10px, 0.29rem);
}
.party-news-list .item .pic::after {
  content: "";
  display: block;
  padding-bottom: 41.95121951%;
}
.party-news-list .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.party-news-list .item .desc {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 400;
  font-size: var(--font16);
  color: #666666;
  line-height: 1.75;
  max-width: 290px;
  height: calc((28 / 16) * var(--font16) * 3);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
}
.party-news-list .item .more {
  width: 60px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: rgba(255, 255, 255, 0);
  border-radius: 16px;
  border: 1px solid #333333;
  margin-top: max(15px, 0.55rem);
  transition: var(--duration);
}
.party-news-list .item .more::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #e60112;
  transition: var(--duration);
  z-index: -1;
}
.party-news-list .item .more img {
  display: block;
  width: 17px;
  transition: var(--duration);
}
.party-news-list .item:hover .title {
  color: #e60112;
}
.party-news-list .item:hover .pic img {
  transform: scale(1.05);
}
.party-news-list .item:hover .more {
  border-color: transparent;
}
.party-news-list .item:hover .more img {
  filter: brightness(0) invert(1);
}
.party-news-list .item:hover .more::after {
  width: 100%;
  right: auto;
  left: 0;
}
/* 党建详情页面,学生详情页面共用 */
.common-party-detail-banner {
  position: relative;
  overflow: hidden;
}
.common-party-detail-banner .pic img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 260px;
  object-fit: cover;
}
.common-party-detail-banner .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 37.27272727%;
}
.common-party-detail-banner .text .banner-title {
  font-weight: 500;
  font-size: var(--font46);
  color: #ffffff;
  line-height: 1.2173913;
  text-align: center;
  overflow-wrap: break-word;
  margin-bottom: max(10px, 0.25rem);
}
.common-party-detail-banner .text .info-line {
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-party-detail-banner .text .info-line .info-item {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #ffffff;
  margin-right: max(10px, 0.3rem);
  line-height: 1;
  white-space: nowrap;
}
.common-party-detail-banner .text .info-line .info-item::after {
  content: "|";
  margin-left: max(0.3rem, 10px);
}
.common-party-detail-banner .text .info-line .info-item:last-child {
  margin-right: 0;
}
.common-party-detail-banner .text .info-line .info-item:last-child::after {
  display: none;
}
.common-party-detail-banner .bread-crumb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: rgba(3, 3, 3, 0.3);
  padding-top: max(15px, 0.23rem);
  padding-bottom: max(15px, 0.23rem);
}
.common-party-detail-banner .bread-crumb .bread-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-party-detail-banner .bread-crumb .bread-wrap .icon {
  margin-right: 3px;
}
.common-party-detail-banner .bread-crumb .bread-wrap .icon img {
  display: block;
}
.common-party-detail-banner .bread-crumb .bread-wrap .list {
  display: flex;
  align-items: center;
}
.common-party-detail-banner .bread-crumb .bread-wrap .list .item:last-child a::after {
  display: none;
}
.common-party-detail-banner .bread-crumb .bread-wrap .list .item a {
  font-weight: 300;
  font-size: var(--font14);
  color: rgba(255, 255, 255, 0.6);
  transition: var(--duration);
}
.common-party-detail-banner .bread-crumb .bread-wrap .list .item a:hover {
  color: #ffffff;
}
.common-party-detail-banner .bread-crumb .bread-wrap .list .item a::after {
  content: ">";
  margin-left: 10px;
  margin-right: 10px;
}
/* 党建详情页面,学生详情页面共用 */
.common-party-article-main {
  padding-top: max(0.7rem, 35px);
  padding-bottom: max(1.61rem, 35px);
  background: url(../images/party-detail-bg.png) no-repeat center bottom / cover;
}
.common-party-article-main .article-wrap {
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
  width: 82%;
}
.common-party-article-main .article-wrap p,
.common-party-article-main .article-wrap span,
.common-party-article-main .article-wrap a,
.common-party-article-main .article-wrap div {
  max-width: 100%;
  overflow-wrap: break-word;
}
.common-party-article-main .article-wrap img,
.common-party-article-main .article-wrap video {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.common-party-article-main .article-wrap .table-wrap {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
}
@media (max-width: 768px) {
  .common-party-article-main .article-wrap {
    width: 90%;
  }
}
/* 师资队伍页面 */
.teacher-area {
  background: url(../images/teacher-bg.png) no-repeat center top;
  background-size: 100% auto;
  background-color: #fff;
  padding-top: max(45px, 1.41rem);
  padding-bottom: max(45px, 2.02rem);
  overflow: hidden;
}
.teacher-desc {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: max(30px, 1.02rem);
}
.teacher-desc .desc-left {
  width: 22.13541667%;
  flex-shrink: 0;
  font-weight: 400;
  font-size: var(--font48);
  color: #043e88;
  line-height: 1.375;
}
.teacher-desc .desc-right {
  width: 52.752604%;
  flex-shrink: 0;
  font-weight: 400;
  font-size: var(--font16);
  color: #666666;
  line-height: 2;
  font-family: SourceHanSansCN-Light, sans-serif;
  text-align: justify;
}
.teacher-list-area .tab-list {
  display: flex;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  padding-top: max(10px, 0.22rem);
  padding-bottom: max(10px, 0.22rem);
  border-top: 1px solid #053e88;
  border-bottom: 1px solid #053e88;
  width: 80%;
  max-width: 753px;
  margin-bottom: max(0.7rem, 30px);
  padding-left: max(30px, 0.48rem);
}
.teacher-list-area .tab-list .tab-item {
  font-size: 16px;
  position: relative;
}
.teacher-list-area .tab-list .tab-item::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #4b0c77;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: min(-10px, -0.19rem);
  opacity: 0;
  transition: var(--duration);
}
.teacher-list-area .tab-list .tab-item::after {
  content: "|";
  margin-left: max(15px, 0.5rem);
  margin-right: max(15px, 0.5rem);
  color: #053e88;
}
.teacher-list-area .tab-list .tab-item:last-child::after {
  display: none;
}
.teacher-list-area .tab-list .tab-item.active .text {
  color: #053e88;
}
.teacher-list-area .tab-list .tab-item.active::before {
  opacity: 1;
}
.teacher-list-area .tab-list .tab-item .text {
  font-family: Source Han Sans CN;
  font-weight: 300;
  color: #666;
  line-height: 1;
  white-space: nowrap;
  transition: var(--duration);
}
.teacher-list-area .tab-list .tab-item .text:hover {
  color: #053e88;
}
.teacher-list-area .filter-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 21px;
}
.teacher-list-area .filter-list .filter-item {
  width: max(0.47rem, 30px);
  height: max(0.47rem, 30px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-weight: 400;
  font-size: var(--font16);
  color: #053e88;
  line-height: 1;
  white-space: nowrap;
}
.teacher-list-area .filter-list .filter-item.active {
  background-image: linear-gradient(to bottom, #043e88, #4b0c77);
  color: #fff;
}
.teacher-list-area .teacher-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: max(0.32rem, 20px) max(0.29rem, 15px);
  margin-bottom: max(0.64rem, 30px);
}
.teacher-list-area .teacher-list .teacher-item {
  display: block;
  padding-left: max(0.26rem, 15px);
  padding-right: max(0.26rem, 15px);
  padding-top: max(0.27rem, 20px);
  padding-bottom: max(0.29rem, 20px);
  background: #ffffff;
  box-shadow: 0px 0px 0.82rem 2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.teacher-list-area .teacher-list .teacher-item:hover .pic img {
  transform: scale(1.05);
}
.teacher-list-area .teacher-list .teacher-item:hover .text .name,
.teacher-list-area .teacher-list .teacher-item:hover .text .cate {
  color: var(--theme);
}
.teacher-list-area .teacher-list .teacher-item .pic {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.teacher-list-area .teacher-list .teacher-item .pic::after {
  content: "";
  display: block;
  padding-bottom: 106.12903226%;
}
.teacher-list-area .teacher-list .teacher-item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.teacher-list-area .teacher-list .teacher-item .text {
  margin-top: max(15px, 0.3rem);
}
.teacher-list-area .teacher-list .teacher-item .text .name {
  font-weight: 400;
  font-size: var(--font26);
  color: #333333;
  margin-bottom: 7px;
  line-height: 1;
  transition: var(--duration);
}
.teacher-list-area .teacher-list .teacher-item .text .cate {
  font-weight: 300;
  font-size: var(--font18);
  color: #666666;
  font-family: SourceHanSansCN-Light, sans-serif;
  transition: var(--duration);
}
/* 师资详情页面 */
.teacher-detail-area {
  padding-top: max(0.81rem, 45px);
  padding-bottom: max(1.2rem, 45px);
  overflow: clip;
}
.teacher-detail-area .teacher-detail-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.teacher-detail-area .teacher-detail-wrap .aside {
  width: 23.30729167%;
  flex-shrink: 0;
  background-image: url(../images/teacher-detail-aside-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  padding-top: max(30px, 0.6rem);
  padding-bottom: max(0.26rem, 20px);
  padding-left: max(15px, 0.24rem);
  padding-right: max(15px, 0.24rem);
  border-radius: 0 0 10px 10px;
  position: sticky;
  top: 30px;
}
.teacher-detail-area .teacher-detail-wrap .aside .content {
  background: #ffffff;
  border-radius: 6px;
  padding: 20px 16px;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list {
  margin-bottom: max(20px, 0.25rem);
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  background: #ededed;
  border-radius: 3px;
  padding: max(0.22rem, 10px);
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item:not(:last-child) {
  margin-bottom: 20px;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item .point {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #053e88;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: max(0.19rem, 10px);
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item .point img {
  width: 5px;
  filter: brightness(0) invert(1);
  display: block;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item .text {
  font-weight: 400;
  font-size: var(--font18);
  color: #053e88;
  font-family: SourceHanSansCN-Light, sans-serif;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item.active {
  background-color: #053e88;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item.active .point {
  background-color: #fff;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item.active .point img {
  filter: none;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-list .aside-item.active .text {
  color: #fff;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-pic {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  display: block;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-pic:hover img {
  transform: scale(1.05);
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-pic::after {
  content: "";
  display: block;
  padding-bottom: 102.51798561%;
}
.teacher-detail-area .teacher-detail-wrap .aside .content .aside-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.teacher-detail-area .teacher-detail-wrap .main {
  width: 74.54427083%;
  flex-shrink: 0;
}
.teacher-detail-area .teacher-detail-wrap .main .main-content {
  background: #ffffff;
  box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding-top: max(0.36rem, 20px);
  padding-left: max(0.3rem, 15px);
  padding-right: max(0.3rem, 15px);
  padding-bottom: max(0.42rem, 20px);
}
.teacher-detail-area .teacher-detail-wrap .main .person-content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: max(0.4rem, 20px);
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .pic {
  width: 31.42857143%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .pic::after {
  content: "";
  display: block;
  padding-bottom: 67.74193548%;
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .description {
  width: 67.00460829%;
  flex-shrink: 0;
  background: rgba(0, 32, 96, 0.06);
  border-radius: 6px;
  padding-left: max(10px, 0.32rem);
  padding-right: max(10px, 0.32rem);
  padding-top: max(0.25rem, 20px);
  padding-bottom: 10px;
  word-break: break-all;
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .description .name {
  font-weight: bold;
  font-size: var(--font26);
  color: #333333;
  line-height: 1.38461538;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .description .desc-list {
  margin-top: max(20px, 0.3rem);
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  column-gap: max(20px, 0.68rem);
  row-gap: 10px;
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .description .desc-list .desc-item {
  display: flex;
  align-items: center;
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .description .desc-list .desc-item .icon {
  width: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.2;
  margin-right: 10px;
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .description .desc-list .desc-item .text {
  font-weight: 300;
  font-size: 14px;
  color: #333333;
  line-height: 1.5;
}
.teacher-detail-area .teacher-detail-wrap .main .person-content .description .desc-list .desc-item:last-child {
  grid-column: span 2;
}
.teacher-detail-area .teacher-detail-wrap .main .desc-section {
  margin-bottom: 32px;
}
.teacher-detail-area .teacher-detail-wrap .main .desc-section:last-child {
  margin-bottom: 0;
}
.teacher-detail-area .teacher-detail-wrap .main .desc-section .section-title {
  position: relative;
  padding-left: 18px;
  margin-bottom: 20px;
}
.teacher-detail-area .teacher-detail-wrap .main .desc-section .section-title::before {
  content: "";
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(to bottom, #033f88, #4b0c77);
}
.teacher-detail-area .teacher-detail-wrap .main .desc-section .section-title .zh {
  font-weight: bold;
  font-size: var(--font26);
  color: #053e88;
  line-height: 1;
  white-space: nowrap;
}
.teacher-detail-area .teacher-detail-wrap .main .desc-section .section-title .en {
  font-weight: 500;
  font-size: var(--font16);
  color: #999999;
  line-height: 1;
  white-space: nowrap;
  margin-top: 6px;
}
.teacher-detail-area .teacher-detail-wrap .main .desc-section .section-article {
  padding-left: max(0.38rem, 15px);
  padding-right: max(0.46rem, 15px);
  padding-top: max(20px, 0.34rem);
  padding-bottom: max(20px, 0.34rem);
  background-color: #f8f8f8;
}
.teacher-detail-area .teacher-detail-wrap .main .return-btn {
  width: 174px;
  height: 38px;
  background: rgba(5, 62, 136, 0);
  border-radius: 19px;
  border: 1px solid #053e88;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  font-weight: 300;
  font-size: var(--font16);
  color: #666666;
  margin-top: max(0.51rem, 30px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.teacher-detail-area .teacher-detail-wrap .main .return-btn span {
  transition: var(--duration);
}
.teacher-detail-area .teacher-detail-wrap .main .return-btn img {
  margin-right: 9px;
  width: 16px;
  transition: var(--duration);
}
.teacher-detail-area .teacher-detail-wrap .main .return-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-image: var(--liner);
  transition: var(--duration);
  z-index: -1;
}
.teacher-detail-area .teacher-detail-wrap .main .return-btn:hover span {
  color: #fff;
}
.teacher-detail-area .teacher-detail-wrap .main .return-btn:hover img {
  filter: brightness(0) invert(1);
}
.teacher-detail-area .teacher-detail-wrap .main .return-btn:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
/* 教育教学系列公用模块 */
.common-edu-btn-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: max(30px, 0.39rem);
}
.common-edu-btn-list::before {
  content: "";
  flex: 1;
  margin-right: 10px;
  height: 1px;
  background-color: rgba(204, 204, 204, 0.5);
}
.common-edu-btn-list::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: rgba(204, 204, 204, 0.5);
  margin-left: 10px;
}
.common-edu-btn-list .btn-item {
  display: flex;
  align-items: center;
}
.common-edu-btn-list .btn-item:last-child::after {
  display: none;
}
.common-edu-btn-list .btn-item::after {
  content: "";
  display: block;
  height: 1px;
  width: 30px;
  background-color: rgba(204, 204, 204, 0.5);
  margin-left: 5px;
  margin-right: 5px;
}
.common-edu-btn-list .edu-btn {
  width: max(110px, 1.64rem);
  height: max(0.46rem, 36px);
  background: #ffffff;
  border-radius: 23px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-weight: 300;
  font-size: var(--font16);
  color: #666666;
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: var(--duration);
}
.common-edu-btn-list .edu-btn::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-image: var(--liner);
  z-index: -1;
  transition: var(--duration);
}
.common-edu-btn-list .edu-btn.active,
.common-edu-btn-list .edu-btn:hover {
  color: #fff;
}
.common-edu-btn-list .edu-btn.active::before,
.common-edu-btn-list .edu-btn:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}
/* 教育教学-教学资源 */
.edu-source-page {
  padding-bottom: max(0.76rem, var(--space));
}
.edu-source-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: max(0.61rem, 35px);
  margin-bottom: 0.37rem;
}
.edu-source-list .source-item {
  width: 32.03125%;
  flex-shrink: 0;
  margin-right: 1.953125%;
  margin-bottom: 30px;
}
.edu-source-list .source-item:nth-child(3n) {
  margin-right: 0;
}
.edu-source-list .source-item .pic {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 21px;
}
.edu-source-list .source-item .pic::after {
  content: "";
  display: block;
  padding-bottom: 56.30081301%;
}
.edu-source-list .source-item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.edu-source-list .source-item .text {
  font-weight: 300;
  font-size: var(--font20);
  color: #333333;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  width: 100%;
  text-align: center;
  transition: var(--duration);
}
.edu-source-list .source-item:hover .pic img {
  transform: scale(1.05);
}
.edu-source-list .source-item:hover .text {
  color: var(--theme);
}
/* 教育教学-就业信息页面 */
.edu-employment-page {
  padding-bottom: max(0.76rem, var(--space));
}
/*  就业信息展示列表   */
.edu-employment-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: max(0.61rem, 35px);
  margin-bottom: max(0.3rem, 15px);
}
.edu-employment-list .employment-item {
  width: 32.03125%;
  flex-shrink: 0;
  margin-right: 1.953125%;
  padding-left: max(15px, 0.62rem);
  padding-right: max(15px, 0.56rem);
  padding-top: max(0.65rem, 20px);
  padding-bottom: max(0.6rem, 20px);
  background-color: #f8f8f8;
  border-radius: 10px;
  margin-bottom: 31px;
  transition: var(--duration);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.edu-employment-list .employment-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: var(--duration);
  background-image: linear-gradient(to right bottom, #033f88 60%, #4b0c77);
  pointer-events: none;
  opacity: 0;
}
.edu-employment-list .employment-item:nth-child(3n) {
  margin-right: 0;
}
.edu-employment-list .employment-item .date .day {
  font-weight: bold;
  font-size: var(--font68);
  color: #053d88;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 12px;
  transition: var(--duration);
}
.edu-employment-list .employment-item .date .month {
  font-weight: 400;
  font-size: var(--font18);
  color: #053d88;
  line-height: 1;
  transition: var(--duration);
}
.edu-employment-list .employment-item .desc {
  font-weight: 400;
  font-size: var(--font26);
  color: #333333;
  line-height: 1.46153846;
  transition: var(--duration);
  margin-top: max(0.49rem, 15px);
  margin-bottom: max(0.34rem, 15px);
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  padding-bottom: max(0.35rem, 10px);
}
.edu-employment-list .employment-item .desc span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
}
.edu-employment-list .employment-item .desc-text {
  font-weight: 300;
  font-size: var(--font16);
  color: #999999;
  font-family: SourceHanSansCN-Light, sans-serif;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  transition: var(--duration);
  height: calc((28 / 16) * var(--font16) * 2);
}
.edu-employment-list .employment-item .link {
  margin-top: max(0.54rem, 25px);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  width: 120px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #cccccc;
}
.edu-employment-list .employment-item .link .text {
  font-weight: 400;
  font-size: var(--font14);
  color: #053e88;
  line-height: 1;
  margin-right: 7px;
  white-space: nowrap;
  transition: var(--duration);
}
.edu-employment-list .employment-item .link .icon {
  width: 5px;
  transition: var(--duration);
}
.edu-employment-list .employment-item:hover::after {
  opacity: 1;
}
.edu-employment-list .employment-item:hover .date .day {
  color: #fff;
}
.edu-employment-list .employment-item:hover .date .month {
  color: #fff;
}
.edu-employment-list .employment-item:hover .desc {
  color: #fff;
}
.edu-employment-list .employment-item:hover .desc-text {
  color: #fff;
}
.edu-employment-list .employment-item:hover .link {
  background-color: #fff;
  border-color: transparent;
}
/* 招生简章 */
.edu-enroll-page {
  padding-bottom: max(1.16rem, var(--space));
}
.edu-enroll-page .common-manage-list {
  margin-top: max(0.42rem, 35px);
  margin-bottom: max(0.32rem, 20px);
}
.edu-enroll-page .common-manage-list .item .title-line .text {
  margin-left: max(0.22rem, 10px);
}
.edu-enroll-page .Shadow {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1920px;
  height: 2976px;
  z-index: 193;
}
.edu-enroll-page .Shadow_1 {
  background-image: url("Shadow 1.png");
  opacity: 0.702;
  position: absolute;
  left: 1015px;
  top: 1068px;
  width: 203px;
  height: 274px;
  z-index: 192;
}
.edu-enroll-page .Shadow_2 {
  background-image: url("Shadow 2.png");
  opacity: 0.6;
  position: absolute;
  left: 1011px;
  top: 1058px;
  width: 286px;
  height: 360px;
  z-index: 191;
}
/* 专业介绍页面 */
.edu-department-page {
  padding-bottom: max(0.76rem, var(--space));
}
/* 专业介绍模块 */
.edu-department-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: max(0.61rem, 35px);
  margin-bottom: 15px;
}
.edu-department-list .department-item {
  display: block;
  width: 49.08854167%;
  flex-shrink: 0;
  background: #f8f8f8;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: max(0.51rem, 20px);
  padding-bottom: max(0.76rem, 20px);
  padding-left: max(0.57rem, 15px);
  padding-right: max(0.61rem, 15px);
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
.edu-department-list .department-item .pic {
  width: 29.87421384%;
  flex-shrink: 0;
  position: relative;
  box-shadow: 32px 32px max(0.45rem, 30px) rgba(0, 0, 0, 0.2), -10px 0 20px rgba(0, 0, 0, 0.1);
  transition: var(--duration);
}
.edu-department-list .department-item .pic::after {
  content: "";
  display: block;
  padding-bottom: 139.47368421%;
}
.edu-department-list .department-item .pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  transition: var(--duration);
}
.edu-department-list .department-item .text {
  width: 58.17610063%;
  flex-shrink: 0;
  margin-left: auto;
}
.edu-department-list .department-item .text .name {
  font-weight: 400;
  font-size: var(--font26);
  color: #333333;
  line-height: 1.46153846;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  max-width: 100%;
  margin-bottom: max(0.16rem, 10px);
  transition: var(--duration);
}
.edu-department-list .department-item .text .desc {
  font-weight: 300;
  font-size: var(--font16);
  color: #999999;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  transition: var(--duration);
}
.edu-department-list .department-item .text .link {
  margin-top: max(30px, 0.54rem);
  width: 120px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  transition: var(--duration);
}
.edu-department-list .department-item .text .link .link-text {
  font-weight: 400;
  font-size: var(--font14);
  color: #053e88;
  transition: var(--duration);
}
.edu-department-list .department-item .text .link .link-icon {
  display: block;
  width: 5px;
  margin-left: 7px;
  transition: var(--duration);
}
.edu-department-list .department-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right bottom, #033f88 60%, #4b0c77);
  z-index: -1;
  transition: var(--duration);
  pointer-events: none;
  opacity: 0;
}
.edu-department-list .department-item:hover::after {
  opacity: 1;
}
.edu-department-list .department-item:hover .text .name {
  color: #fff;
}
.edu-department-list .department-item:hover .text .desc {
  color: #fff;
}
.edu-department-list .department-item:hover .text .link {
  border-color: #fff;
}
.edu-department-list .department-item:hover .text .link .link-text {
  color: #fff;
}
.edu-department-list .department-item:hover .text .link .link-icon {
  filter: brightness(0) invert(1);
}
/* 科研平台页面 */
.research-platform-page {
  overflow: clip;
}
.research-platform-page .platform-title {
  font-weight: 500;
  font-size: var(--font36);
  color: #053d88;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
.research-platform-section1 {
  background: url(../images/research-platform-section1-bg.png) no-repeat center / cover;
  padding-top: max(1.22rem, var(--space));
  padding-bottom: max(1.18rem, 45px);
}
.research-platform-section1 .platform-desc .main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: max(0.58rem, 30px);
}
.research-platform-section1 .platform-desc .main .text {
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font18);
  color: #666666;
  line-height: 2;
  width: 46.02864583%;
  flex-shrink: 0;
}
.research-platform-section1 .platform-desc .main .text p:not(:last-child) {
  margin-bottom: max(0.18rem, 10px);
}
.research-platform-section1 .platform-desc .main .pic {
  width: 50%;
  flex-shrink: 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  position: sticky;
  top: 0;
}
.research-platform-section1 .platform-desc .main .pic:hover img {
  transform: scale(1.05);
}
.research-platform-section1 .platform-desc .main .pic::after {
  content: "";
  display: block;
  padding-bottom: 50.78125%;
}
.research-platform-section1 .platform-desc .main .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.research-platform-section1 .platform-device {
  margin-top: max(2.11rem, var(--space));
}
.research-platform-section1 .platform-device .device-btn-list {
  margin-top: max(0.45rem, 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.research-platform-section1 .platform-device .device-btn-list .item {
  display: flex;
  align-items: center;
}
.research-platform-section1 .platform-device .device-btn-list .item:last-child::after {
  display: none;
}
.research-platform-section1 .platform-device .device-btn-list .item.active .btn {
  color: #fff;
}
.research-platform-section1 .platform-device .device-btn-list .item.active .btn::before {
  width: 100%;
  left: 0;
  right: auto;
}
.research-platform-section1 .platform-device .device-btn-list .item .btn {
  width: max(1.64rem, 120px);
  height: max(0.46rem, 36px);
  background: #ffffff;
  border-radius: 23px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #666666;
  line-height: 1;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--duration);
  user-select: none;
  cursor: pointer;
  /* 空间不足自动收缩 */
  flex-shrink: 1;
}
.research-platform-section1 .platform-device .device-btn-list .item .btn::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-image: var(--liner);
  z-index: -1;
  transition: var(--duration);
}
.research-platform-section1 .platform-device .device-btn-list .item::after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background-color: rgba(204, 204, 204, 0.5);
  margin-left: 6px;
  margin-right: 6px;
}
.research-platform-section1 .platform-device .device-content {
  margin-top: max(0.62rem, 30px);
}
.research-platform-section1 .platform-device .device-content .device-item {
  display: none;
}
.research-platform-section1 .platform-device .device-content .device-item.show {
  display: block;
}
.research-platform-section1 .platform-device .device-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.research-platform-section1 .platform-device .device-list .item {
  width: 49.08854167%;
  flex-shrink: 0;
  background: #ffffff;
  box-shadow: 0px 0px 39px 1px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: max(0.4rem, 20px);
  padding-bottom: max(0.4rem, 15px);
  padding-left: max(0.41rem, 15px);
  padding-right: max(0.45rem, 15px);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.research-platform-section1 .platform-device .device-list .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--liner);
  z-index: -1;
  transition: var(--duration);
  opacity: 0;
  pointer-events: none;
}
.research-platform-section1 .platform-device .device-list .item:hover::after {
  opacity: 1;
}
.research-platform-section1 .platform-device .device-list .item:hover .text .title {
  color: #fff;
  border-color: #fff;
}
.research-platform-section1 .platform-device .device-list .item:hover .text .params-list {
  border-color: #fff;
}
.research-platform-section1 .platform-device .device-list .item:hover .text .params-list .params .name,
.research-platform-section1 .platform-device .device-list .item:hover .text .params-list .params .value {
  color: #fff;
}
.research-platform-section1 .platform-device .device-list .item:hover .text .link {
  border: transparent;
  background-color: #fff;
}
.research-platform-section1 .platform-device .device-list .item .pic {
  width: 38.32335329%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.research-platform-section1 .platform-device .device-list .item .pic::after {
  content: "";
  display: block;
  padding-bottom: 105.078125%;
}
.research-platform-section1 .platform-device .device-list .item .pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center center;
  transition: var(--duration);
}
.research-platform-section1 .platform-device .device-list .item .text {
  width: 55.23952096%;
  flex-shrink: 0;
}
.research-platform-section1 .platform-device .device-list .item .text .title {
  font-weight: 400;
  font-size: var(--font26);
  color: #333333;
  line-height: 1.46153846;
  padding-bottom: max(0.15rem, 10px);
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  width: 100%;
  margin-bottom: 14px;
  transition: var(--duration);
}
.research-platform-section1 .platform-device .device-list .item .text .params-list {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.research-platform-section1 .platform-device .device-list .item .text .params-list .params {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  line-height: 1.5;
}
.research-platform-section1 .platform-device .device-list .item .text .params-list .params:last-child {
  margin-bottom: 0;
}
.research-platform-section1 .platform-device .device-list .item .text .params-list .params .name {
  color: #999999;
  white-space: nowrap;
  width: 82px;
  transition: var(--duration);
}
.research-platform-section1 .platform-device .device-list .item .text .params-list .params .value {
  color: #666666;
  margin-left: max(0.47rem, 10px);
  overflow-wrap: break-word;
  transition: var(--duration);
}
.research-platform-section1 .platform-device .device-list .item .text .link {
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  margin-top: 22px;
  width: 120px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #cccccc;
  transition: var(--duration);
}
.research-platform-section1 .platform-device .device-list .item .text .link .link-text {
  font-weight: 400;
  color: #053e88;
  font-size: var(--font14);
  line-height: 1;
  white-space: nowrap;
  transition: var(--duration);
}
.research-platform-section1 .platform-device .device-list .item .text .link .link-icon {
  width: 5px;
  margin-left: 7px;
  transition: var(--duration);
}
.research-platform-section2 {
  background: #f8f8f8 url(../images/research-platform-section2-bg.png) no-repeat center center / cover;
  padding-top: max(1.22rem, 45px);
  padding-bottom: max(0.9rem, 45px);
}
.research-platform-section2 .common-manage-list {
  margin-top: max(0.61rem, 30px);
}
.research-platform-section2 .common-manage-list .item {
  box-shadow: 0px 0px 39px 1px rgba(0, 0, 0, 0.06);
}
/* 科学研究-设备介绍 页面 */
.research-device-info-main {
  padding-top: max(1.25rem, var(--space));
  padding-bottom: max(1.21rem, var(--space));
  overflow: clip;
}
.research-device-info-main .info-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.research-device-info-main .info-wrap .info-pic {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  width: 42.05729167%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  position: sticky;
  top: 30px;
}
.research-device-info-main .info-wrap .info-pic::after {
  content: "";
  display: block;
  padding-bottom: 105.10835913%;
}
.research-device-info-main .info-wrap .info-pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  object-position: center center;
  mix-blend-mode: multiply;
}
.research-device-info-main .info-wrap .info-text {
  width: 50%;
  flex-shrink: 0;
  padding-top: 0.26rem;
}
.research-device-info-main .info-wrap .info-text .info-title {
  font-weight: 500;
  font-size: var(--font36);
  color: #053d88;
  overflow-wrap: break-word;
  margin-bottom: max(0.31rem, 10px);
}
.research-device-info-main .info-wrap .info-text .params-info {
  margin-top: max(0.31rem, 15px);
  border-radius: 10px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  width: 100%;
  overflow: hidden;
  margin-bottom: max(0.46rem, 30px);
}
.research-device-info-main .info-wrap .info-text .params-info .item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.research-device-info-main .info-wrap .info-text .params-info .item:not(:last-child) {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.research-device-info-main .info-wrap .info-text .params-info .item .cell {
  padding-top: max(0.19rem, 10px);
  padding-bottom: max(0.19rem, 10px);
  font-weight: 400;
  font-size: var(--font18);
  overflow-wrap: break-word;
}
.research-device-info-main .info-wrap .info-text .params-info .item .i-param {
  background-color: #f8f8f8;
  color: #999999;
  width: 155px;
  flex-shrink: 0;
  padding-left: max(0.35rem, 15px);
  padding-right: 10px;
  border-right: 1px solid rgba(204, 204, 204, 0.5);
}
.research-device-info-main .info-wrap .info-text .params-info .item .i-value {
  background-color: #fff;
  color: #666666;
  flex: 1;
  min-width: 0;
  padding-left: max(0.46rem, 15px);
  padding-right: 10px;
}
/* 学生园地页面 */
.student-field-page .common-news-list-area {
  padding-top: max(0.82rem, var(--space));
  padding-bottom: max(1.15rem, var(--space));
}
/* 学生风采页面 */
.student-mien-list-area {
  background-color: #f8f8f8;
  padding-top: max(0.83rem, var(--space));
  padding-bottom: max(0.81rem, var(--space));
}
.student-mien-list-area .student-mien-list {
  display: flex;
  flex-wrap: wrap;
}
.student-mien-list-area .student-mien-list .student-item {
  width: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
  user-select: none;
  cursor: pointer;
  --w: max(0.23rem, 15px);
  /* 调整左边为图片的，进行单独设置 */
  /* 调整右边为图片，单独设置的 */
}
@media (any-hover: hover) {
  .student-mien-list-area .student-mien-list .student-item:hover .pic img {
    transform: scale(1.05);
  }
}
.student-mien-list-area .student-mien-list .student-item:hover .text .desc span {
  color: var(--theme);
  background-size: 100% 1px;
  background-position: left bottom;
}
.student-mien-list-area .student-mien-list .student-item:hover .text .link {
  opacity: 1;
  transform: translateY(0);
}
.student-mien-list-area .student-mien-list .student-item:nth-child(4n + 1) .pic::before,
.student-mien-list-area .student-mien-list .student-item:nth-child(4n + 2) .pic::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  width: var(--w);
  height: var(--w);
  background-color: #fff;
  z-index: 2;
}
.student-mien-list-area .student-mien-list .student-item:nth-child(4n + 3) .pic,
.student-mien-list-area .student-mien-list .student-item:nth-child(4n + 0) .pic {
  order: 1;
}
.student-mien-list-area .student-mien-list .student-item:nth-child(4n + 3) .pic::before,
.student-mien-list-area .student-mien-list .student-item:nth-child(4n + 0) .pic::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: var(--w);
  height: var(--w);
  background-color: #fff;
  z-index: 2;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.student-mien-list-area .student-mien-list .student-item .pic {
  width: 50%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.student-mien-list-area .student-mien-list .student-item .pic::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.student-mien-list-area .student-mien-list .student-item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration, 0.5s);
}
.student-mien-list-area .student-mien-list .student-item .text {
  padding-left: max(15px, 0.45rem);
  padding-right: max(15px, 0.45rem);
  padding-top: max(20px, 1.02rem);
  background-color: #fff;
}
.student-mien-list-area .student-mien-list .student-item .text .name {
  font-weight: 400;
  font-size: var(--font32);
  color: #053d88;
  margin-bottom: max(0.24rem, 10px);
  text-align: center;
}
.student-mien-list-area .student-mien-list .student-item .text .desc {
  font-weight: 300;
  font-size: var(--font16);
  color: #666666;
  line-height: 1.75;
  font-family: SourceHanSansCN-Light, sans-serif;
  margin-bottom: max(0.53rem, 25px);
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
}
.student-mien-list-area .student-mien-list .student-item .text .desc span {
  background-image: linear-gradient(to right, var(--theme), var(--theme));
  background-position: right bottom;
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: background-size 0.6s ease, color 0.45s ease;
}
.student-mien-list-area .student-mien-list .student-item .text .link {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
  cursor: pointer;
  width: fit-content;
  opacity: 0;
  transform: translateY(20px);
  transition: var(--duration);
  margin-bottom: 15px;
}
.student-mien-list-area .student-mien-list .student-item .text .link .link-text {
  font-weight: 400;
  font-size: var(--font14);
  line-height: 1;
  white-space: nowrap;
  color: #053d88;
}
.student-mien-list-area .student-mien-list .student-item .text .link .link-icon {
  width: 5px;
  margin-left: 7px;
}
.student-mien-list-area .student-more-btn {
  width: 228px;
  height: 48px;
  background-image: var(--liner);
  border-radius: 24px;
  font-family: SourceHanSansCN-Light, sans-serif;
  font-weight: 300;
  font-size: var(--font16);
  color: #ffffff;
  line-height: 1;
  user-select: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: max(0.6rem, 30px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.student-mien-list-area .student-more-btn::before,
.student-mien-list-area .student-more-btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  transition: var(--duration) linear;
}
.student-mien-list-area .student-more-btn::before {
  background-image: var(--liner);
  opacity: 1;
}
.student-mien-list-area .student-more-btn::after {
  background-image: var(--liner-hover);
  opacity: 0;
}
.student-mien-list-area .student-more-btn:hover::before {
  opacity: 0;
}
.student-mien-list-area .student-more-btn:hover::after {
  opacity: 1;
}
/* 开始进行适配调节 */
/* 共用设置 */
@media (max-width: 1200px) {
  .common-tab .tab-list {
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
  }
  .common-tab .tab-list::-webkit-scrollbar {
    height: 6px;
    background-color: #ccc;
    border-radius: 10px;
  }
  .common-tab .tab-list::-webkit-scrollbar-thumb {
    background-color: var(--theme);
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  .common-tab .tab-list .tab-item.active::after,
  .common-tab .tab-list .tab-item:hover::after {
    display: none;
  }
}
@media (max-width: 576px) {
  .common-tab .tab-list .tab-item {
    width: 31%;
    text-align: center;
  }
  .common-tab .tab-list .tab-item a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
/* 共用banner */
@media (max-width: 576px) {
  .common-banner .text {
    top: 26%;
  }
  .common-banner .text .banner-title {
    font-size: 18px;
  }
  .common-banner .text .banner-title br {
    display: none;
  }
}
/* 学校简介页面 */
@media (max-width: 1200px) {
  .school-intro-desc .desc-title {
    width: 100%;
  }
  .school-intro-desc .intro-section .section1-wrap {
    flex-wrap: wrap;
  }
  .school-intro-desc .intro-section .section1-wrap .intro-logo {
    width: 100%;
    margin-bottom: 30px;
  }
  .school-intro-desc .intro-section .section1-wrap .intro-logo img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  .school-intro-desc .intro-section .section1-wrap .intro-desc {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .school-intro-desc .intro-section .section3 .item {
    flex-wrap: wrap;
  }
  .school-intro-desc .intro-section .section3 .item .text {
    width: 100%;
    order: 1;
    margin-top: 15px;
  }
  .school-intro-desc .intro-section .section3 .item .pic {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .school-intro-desc .intro-section .section3 .item .pic img {
    width: fit-content;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 576px) {
  .school-intro .common-banner .text {
    top: 25%;
  }
  .school-intro-desc .desc-title {
    font-size: 18px;
  }
  .school-intro-desc .intro-section .section2 .section2-wrap .intro-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .school-intro-desc .intro-section .section2 .section2-wrap .intro-list .intro-item {
    width: 47.5%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .school-intro-desc .intro-section .section2 {
    padding-bottom: 20px;
  }
}
/* 学院概况-管理服务 页面  */
@media (max-width: 768px) {
  .common-manage-list .item {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .common-manage-list .item .title-line .text {
    font-size: 16px;
  }
  .common-manage-list .item .info-line .link-btn {
    width: 100px;
    height: 30px;
  }
  .common-manage-list .item .info-line .link-btn .icon {
    margin-top: 0.1em;
  }
}
/* 新闻动态页面 */
@media (max-width: 1200px) {
  .common-news-list-swiper .swiper-slide .slide-right .link-btn {
    margin-top: max(0.65rem, 30px);
  }
  .common-news-list-swiper .swiper-slide .slide-right .link-btn {
    width: 135px;
    height: 35px;
  }
  .common-news-list-swiper .swiper-slide .slide-right .link-btn .link-icon {
    width: 4px;
  }
}
@media (max-width: 992px) {
  .common-news-list-swiper .swiper-slide {
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }
  .common-news-list-swiper .swiper-slide .slide-left {
    width: 100%;
    margin-bottom: max(0.3rem, 20px);
  }
  .common-news-list-swiper .swiper-slide .slide-right {
    margin-left: 0;
    padding-top: 0;
  }
  .common-news-list-group {
    justify-content: space-between;
  }
  .common-news-list-group .news-item {
    width: 47.5%;
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .common-news-list-swiper .swiper-slide .slide-right .title {
    font-size: 16px;
    line-height: 1.35;
  }
  .common-news-list-group .news-item {
    width: 100%;
  }
}
/* 党建页面 */
@media (max-width: 1200px) {
  .party-swiper .swiper-slide .text-content {
    top: 15%;
  }
  .party-swiper .swiper-slide .text-content .time-line {
    margin-bottom: 10px;
  }
  .party-swiper .swiper-slide .text-content .title {
    margin-bottom: 12px;
  }
  .party-swiper .swiper-slide .text-content .more {
    margin-top: 15px;
  }
  .party-swiper .swiper-slide .text-content .more {
    width: 60px;
    height: 30px;
  }
  .party-swiper .swiper-slide .text-content .more img {
    width: 14px;
  }
  .party-news-list .item .more img {
    width: 14px;
  }
}
@media (max-width: 992px) {
  .party-swiper .swiper-slide .pic::after {
    padding-bottom: 56%;
  }
  .party-news-list {
    justify-content: space-between;
  }
  .party-news-list .item {
    width: 47.5%;
    margin-right: 0;
  }
  .party-banner .text-wrap .tab-list {
    padding-right: 0;
  }
}
@media (max-width: 576px) {
  .party-banner .text-wrap .title {
    margin-bottom: 10px;
  }
  .party-banner .text-wrap .desc {
    font-size: 16px;
  }
  .party-banner .text-wrap .desc br {
    display: none;
  }
  .party-swiper .swiper-slide .text-content {
    top: 10%;
  }
  .party-swiper .swiper-slide .text-content .title {
    font-size: 16px;
  }
  .party-swiper .swiper-slide .pic::after {
    padding-bottom: 92%;
  }
  .party-news-list .item {
    width: 100%;
  }
  .party-news-list .item .title {
    font-size: 16px;
    line-height: 1.5;
    height: auto;
  }
  .party-news-list .item .desc {
    font-size: 14px;
    line-height: 1.5;
    height: auto;
    max-width: none;
  }
  .party-news-list .item.no-pic .title {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }
  .party-news-list .item.no-pic .more {
    margin-top: max(0.55rem, 15px);
  }
}
/* 党建详情页面 */
@media (max-width: 1500px) {
  .common-party-detail-banner .text {
    top: 25%;
  }
}
@media (max-width: 768px) {
  .common-party-detail-banner .bread-crumb {
    display: none;
  }
}
@media (max-width: 576px) {
  .common-party-detail-banner .text .banner-title {
    font-size: 18px;
  }
  .common-party-detail-banner .text {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
/* 师资队伍页面 */
@media (max-width: 1200px) {
  .teacher-desc .desc-right {
    width: 62%;
  }
}
@media (max-width: 768px) {
  .teacher-desc {
    flex-wrap: wrap;
  }
  .teacher-desc .desc-left {
    width: 100%;
    margin-bottom: 25px;
  }
  .teacher-desc .desc-left br {
    display: none;
  }
  .teacher-desc .desc-right {
    width: 100%;
  }
  .teacher-list-area .filter-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, 30px);
  }
  .teacher-list-area .filter-list .filter-item {
    flex-shrink: 0;
    margin-bottom: 5px;
    margin-right: 0;
    height: 30px;
  }
  .teacher-list-area .teacher-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .teacher-desc .desc-left {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .teacher-list-area .tab-list {
    width: 100%;
    justify-content: flex-end;
    padding-right: 20px;
  }
  .teacher-list-area .teacher-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}
/* 师资队伍-详情页面 */
@media (max-width: 1200px) {
  .teacher-detail-area .teacher-detail-wrap .aside {
    display: none;
  }
  .teacher-detail-area .teacher-detail-wrap .main {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .teacher-detail-area .teacher-detail-wrap .main .person-content {
    flex-wrap: wrap;
  }
  .teacher-detail-area .teacher-detail-wrap .main .person-content .pic {
    width: 100%;
    margin-bottom: 15px;
  }
  .teacher-detail-area .teacher-detail-wrap .main .person-content .description {
    width: 100%;
  }
  .teacher-detail-area .teacher-detail-wrap .main .person-content .description .desc-list {
    display: block;
  }
  .teacher-detail-area .teacher-detail-wrap .main .person-content .description .desc-list .desc-item {
    margin-bottom: 10px;
  }
}
/* 教育系列公用按钮 */
@media (max-width: 1200px) {
  .common-edu-btn-area {
    overflow-x: auto;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6px;
  }
  .common-edu-btn-area .common-edu-btn-list {
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }
  .common-edu-btn-area .common-edu-btn-list::before,
  .common-edu-btn-area .common-edu-btn-list::after {
    display: none;
  }
  .common-edu-btn-area::-webkit-scrollbar {
    height: 6px;
    border-radius: 10px;
    background-color: #ccc;
  }
  .common-edu-btn-area::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--theme);
  }
}
/* 教育资源页面 */
@media (max-width: 992px) {
  .edu-source-list {
    justify-content: space-between;
  }
  .edu-source-list .source-item {
    margin-right: 0;
    width: 47.5%;
  }
}
@media (max-width: 576px) {
  .edu-source-list .source-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .edu-source-list .source-item .pic {
    margin-bottom: 15px;
  }
}
/* 教育资源-就业信息页面 */
@media (max-width: 992px) {
  .edu-employment-list {
    justify-content: space-between;
  }
  .edu-employment-list .employment-item {
    width: 47.5%;
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .edu-employment-list .employment-item {
    width: 100%;
    margin-bottom: 25px;
  }
}
/* 教育教学-专业介绍 */
@media (max-width: 768px) {
  .edu-department-list .department-item .text .link {
    width: 100px;
    height: 32px;
  }
}
@media (max-width: 576px) {
  .edu-department-list .department-item {
    width: 100%;
  }
  .edu-department-list .department-item .pic {
    box-shadow: 16px 16px max(0.45rem, 30px) rgba(0, 0, 0, 0.2), -10px 0 20px rgba(0, 0, 0, 0.1);
  }
  .edu-department-list .department-item .text .name {
    font-size: 16px;
  }
}
/* 科学研究-科研平台 */
@media (max-width: 1500px) {
  .research-platform-section1 .platform-device .device-btn-list .item::after {
    display: none;
  }
  .research-platform-section1 .platform-device .device-btn-list .item {
    margin-right: 10px;
  }
}
@media (max-width: 1250px) {
  .research-platform-section1 .platform-device .device-btn-list {
    overflow-x: auto;
    padding-bottom: 6px;
  }
  .research-platform-section1 .platform-device .device-btn-list::-webkit-scrollbar {
    height: 6px;
    border-radius: 10px;
    background-color: #ccc;
  }
  .research-platform-section1 .platform-device .device-btn-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--theme);
  }
  .research-platform-section1 .platform-device .device-btn-list .item .btn {
    width: 130px;
  }
}
@media (max-width: 992px) {
  .research-platform-section1 .platform-desc .main {
    flex-wrap: wrap;
  }
  .research-platform-section1 .platform-desc .main .text {
    width: 100%;
    margin-top: 25px;
    order: 1;
  }
  .research-platform-section1 .platform-desc .main .pic {
    position: static;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .research-platform-section1 .platform-device .device-list .item {
    flex-wrap: wrap;
  }
  .research-platform-section1 .platform-device .device-list .item .text {
    width: 100%;
    margin-top: 15px;
  }
  .research-platform-section1 .platform-device .device-list .item .pic {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .research-platform-section1 .platform-device .device-list .item .pic img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
  }
}
@media (max-width: 576px) {
  .research-platform-section1 .platform-device .device-list .item {
    width: 100%;
  }
  .research-platform-section1 .platform-device .device-list .item .pic::after {
    padding-bottom: 65%;
  }
}
/* 科学研究-设备介绍  */
@media (max-width: 768px) {
  .research-device-info-main .info-wrap {
    flex-wrap: wrap;
  }
  .research-device-info-main .info-wrap .info-pic {
    position: static;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .research-device-info-main .info-wrap .info-pic::after {
    padding-bottom: 65%;
  }
  .research-device-info-main .info-wrap .info-text {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .research-device-info-main .info-wrap .info-pic {
    width: 100%;
  }
  .research-device-info-main .info-wrap .info-text .info-title {
    font-size: 18px;
  }
}
/* 学生风采页面 */
@media (max-width: 768px) {
  .student-mien-list-area .student-mien-list {
    justify-content: space-between;
  }
  .student-mien-list-area .student-mien-list .student-item {
    flex-wrap: wrap;
    width: 47.5%;
    margin-bottom: 20px;
  }
  .student-mien-list-area .student-mien-list .student-item .pic {
    width: 100%;
  }
  .student-mien-list-area .student-mien-list .student-item:nth-child(4n + 1) .pic::before,
  .student-mien-list-area .student-mien-list .student-item:nth-child(4n + 2) .pic::before {
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%) rotate(45deg);
  }
  .student-mien-list-area .student-mien-list .student-item:nth-child(4n + 3) .pic::before,
  .student-mien-list-area .student-mien-list .student-item:nth-child(4n + 0) .pic::before {
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%) rotate(45deg);
  }
  .student-mien-list-area .student-mien-list .student-item:nth-child(4n + 3) .text,
  .student-mien-list-area .student-mien-list .student-item:nth-child(4n + 0) .text {
    order: 1;
  }
  .student-mien-list-area .student-mien-list .student-item .text .desc {
    margin-bottom: 0;
  }
  .student-mien-list-area .student-mien-list .student-item:hover .text .link {
    display: none;
  }
}
@media (max-width: 576px) {
  .student-mien-list-area .student-mien-list .student-item {
    width: 49%;
  }
  .student-mien-list-area .student-more-btn {
    width: 180px;
    height: 36px;
  }
}