.banner {
  --height: 5.53rem;
  overflow: hidden;
  margin-top: var(--head-height-add);
  position: relative;
  overflow: visible;
  height: var(--height);
}
.banner::after {
  content: "";
  position: absolute;
  top: -webkit-calc(var(--head-height-add) * -1);
  top: -moz-calc(var(--head-height-add) * -1);
  top: calc(var(--head-height-add) * -1);
  left: 0;
  width: 100%;
  height: -webkit-calc(100% + var(--head-height-add));
  height: -moz-calc(100% + var(--head-height-add));
  height: calc(100% + var(--head-height-add));
  background: url(../images/head-bg.jpg) no-repeat center top/contain;
  pointer-events: fill;
  z-index: 0;
}
.banner .swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.banner .swiper .swiper-wrapper {
  height: 100%;
}
.banner .swiper .swiper-wrapper .swiper-slide {
  height: var(--height);
  -webkit-border-radius: 0.12rem;
          border-radius: 0.12rem;
  overflow: hidden;
  position: relative;
  --bg: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 1.15rem, transparent 100%);
  position: relative;
}
.banner .swiper .swiper-wrapper .swiper-slide::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  background: var(--bg);
  z-index: 1;
  opacity: 1;
  pointer-events: none;
}
.banner .swiper .swiper-wrapper .swiper-slide h4 {
  width: -webkit-calc(100% - 0.24rem - 2.2rem);
  width: -moz-calc(100% - 0.24rem - 2.2rem);
  width: calc(100% - 0.24rem - 2.2rem);
  position: absolute;
  z-index: 3;
  bottom: 0.24rem;
  left: 0.24rem;
  color: #fff;
  font-size: 0.22rem;
  font-weight: 600;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.banner .swiper .btn {
  --b: .25rem;
  --gap: .19rem;
  --size: .16rem;
  --color: #fff;
  --active-color: var(--theme-color);
}
.banner .swiper .dots {
  left: auto;
  right: 0.44rem;
}

.common-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-title h3 {
  color: var(--theme-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-title h3 .spic {
  margin-top: 0.02rem;
}
.common-title h3 .spic .iconfont {
  margin-right: 0.13rem;
  font-size: 0.4rem;
}
.common-title h3 span {
  font-size: 0.32rem;
  line-height: 2;
}
.common-title .more {
  margin-left: auto;
  margin-right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-title .more .text {
  font-size: 0.2rem;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  color: #666;
}
.common-title .more i {
  width: 0.35rem;
  height: 0.35rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.09rem;
  font-size: 0.2rem;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  color: #fff;
  background: var(--theme-color);
}
.common-title .more:hover .text {
  color: var(--theme-color);
}
.common-title .more:hover .iconfont {
  background-color: var(--theme-color);
  color: #fff;
}
.common-title .more:hover .iconfont::before {
  -webkit-animation: moreLink 2.5s infinite;
     -moz-animation: moreLink 2.5s infinite;
       -o-animation: moreLink 2.5s infinite;
          animation: moreLink 2.5s infinite;
}

.section2 {
  padding-top: 0.36rem;
  padding-bottom: 1.07rem;
}
.section2 .layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section2 .news {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  min-width: 550px;
  width: -webkit-calc(921 / var(--box-width) * 100%);
  width: -moz-calc(921 / var(--box-width) * 100%);
  width: calc(921 / var(--box-width) * 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section2 .news .common-title .more .iconfont {
  margin-right: 0.13rem;
}
.section2 .news .card-list {
  margin-top: 0.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 0.22rem;
     -moz-column-gap: 0.22rem;
          column-gap: 0.22rem;
  row-gap: 0.26rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.section2 .news .card-list .card-item {
  position: relative;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
  padding: 0.25rem 0.3rem 0.29rem;
  height: 1.7rem;
}
.section2 .news .card-list .card-item::before, .section2 .news .card-list .card-item::after {
  content: "";
  position: absolute;
  width: 0.05rem;
  height: 100%;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), to(#1063C2));
  background: -webkit-linear-gradient(top, var(--theme-color) 0%, #1063C2 100%);
  background: -moz-linear-gradient(top, var(--theme-color) 0%, #1063C2 100%);
  background: -o-linear-gradient(top, var(--theme-color) 0%, #1063C2 100%);
  background: linear-gradient(180deg, var(--theme-color) 0%, #1063C2 100%);
  z-index: 0;
}
.section2 .news .card-list .card-item::after {
  width: 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(#4EA9F0));
  background: -webkit-linear-gradient(left, var(--theme-color) 0%, #4EA9F0 100%);
  background: -moz-linear-gradient(left, var(--theme-color) 0%, #4EA9F0 100%);
  background: -o-linear-gradient(left, var(--theme-color) 0%, #4EA9F0 100%);
  background: linear-gradient(90deg, var(--theme-color) 0%, #4EA9F0 100%);
  width: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.section2 .news .card-list .card-item .spic {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  right: 0.28rem;
  bottom: 0.11rem;
}
.section2 .news .card-list .card-item .time {
  margin-top: 0.15rem;
  color: var(--theme-color);
  font-size: var(--fs16);
  position: relative;
  z-index: 2;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.section2 .news .card-list .card-item h4 {
  position: relative;
  z-index: 2;
  font-size: var(--fs20);
  font-weight: 400;
  color: #333;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 2;
}
.section2 .news .card-list .card-item:hover::after {
  width: 100%;
  opacity: 1;
}
.section2 .news .card-list .card-item:hover h4,
.section2 .news .card-list .card-item:hover .time {
  color: #fff;
}
.section2 .academic {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 0.42rem;
  --c-size: .25rem;
}
.section2 .academic .swiper-box {
  margin-top: 0.25rem;
  height: 5.62rem;
  overflow: hidden;
}
.section2 .academic .mySwiper1 {
  width: 100%;
  --padding-left: .08rem;
  position: relative;
  height: 5.71rem;
  padding-right: 0.13rem;
  padding-left: var(--padding-left);
}
.section2 .academic .mySwiper1::before {
  content: "";
  position: absolute;
  left: -webkit-calc(var(--c-size) / 2 - 0.5px + var(--padding-left));
  left: -moz-calc(var(--c-size) / 2 - 0.5px + var(--padding-left));
  left: calc(var(--c-size) / 2 - 0.5px + var(--padding-left));
  top: 0.05rem;
  width: 1px;
  height: 100%;
  background: var(--theme-color);
}
.section2 .academic .mySwiper1 .swiper-slide {
  height: 33.3%;
}
.section2 .academic .card-item {
  position: relative;
  padding-left: 0.46rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.05rem;
}
.section2 .academic .card-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--c-size);
  height: var(--c-size);
  background: var(--theme-color);
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.section2 .academic .card-item::after {
  content: "";
  position: absolute;
  left: -webkit-calc(var(--c-size) * 0.25);
  left: -moz-calc(var(--c-size) * 0.25);
  left: calc(var(--c-size) * 0.25);
  top: -webkit-calc(var(--c-size) * 0.25);
  top: -moz-calc(var(--c-size) * 0.25);
  top: calc(var(--c-size) * 0.25);
  width: -webkit-calc(var(--c-size) * 0.5);
  width: -moz-calc(var(--c-size) * 0.5);
  width: calc(var(--c-size) * 0.5);
  height: -webkit-calc(var(--c-size) * 0.5);
  height: -moz-calc(var(--c-size) * 0.5);
  height: calc(var(--c-size) * 0.5);
  background: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.section2 .academic .card-item .pic {
  width: 1.23rem;
  height: 1.74rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.section2 .academic .card-item .text {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 0.27rem;
}
.section2 .academic .card-item .text h4 {
  margin-top: 0.02rem;
  font-weight: 400;
  font-size: var(--fs18);
  line-height: 1.8333333333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.section2 .academic .card-item .text .rows {
  margin-top: 0.05rem;
  width: 90%;
}
.section2 .academic .card-item .text .rows .row {
  position: relative;
  color: #666;
  font-size: var(--fs16);
  line-height: 1.55;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.3rem;
}
.section2 .academic .card-item .text .rows .row + .row {
  margin-top: 0.09rem;
}
.section2 .academic .card-item .text .rows .row i {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  top: 0.02rem;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.2rem;
  color: var(--theme-color);
  z-index: 1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.section2 .academic .card-item .text .rows .row .l {
  display: inline-block;
  white-space: nowrap;
}
.section2 .academic .card-item .text .rows .row .r {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.section2 .academic .card-list {
  position: relative;
  margin-top: 0.25rem;
  padding-right: 0.13rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  --c-size: .25rem;
  --padding-left: .08rem;
  padding-left: var(--padding-left);
}
.section2 .academic .card-list::before {
  content: "";
  position: absolute;
  left: -webkit-calc(var(--c-size) / 2 - 0.5px + var(--padding-left));
  left: -moz-calc(var(--c-size) / 2 - 0.5px + var(--padding-left));
  left: calc(var(--c-size) / 2 - 0.5px + var(--padding-left));
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--theme-color);
}
.section2 .academic .card-list .card-item {
  position: relative;
  padding-left: 0.46rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.section2 .academic .card-list .card-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--c-size);
  height: var(--c-size);
  background: var(--theme-color);
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.section2 .academic .card-list .card-item::after {
  content: "";
  position: absolute;
  left: -webkit-calc(var(--c-size) * 0.25);
  left: -moz-calc(var(--c-size) * 0.25);
  left: calc(var(--c-size) * 0.25);
  top: -webkit-calc(var(--c-size) * 0.25);
  top: -moz-calc(var(--c-size) * 0.25);
  top: calc(var(--c-size) * 0.25);
  width: -webkit-calc(var(--c-size) * 0.5);
  width: -moz-calc(var(--c-size) * 0.5);
  width: calc(var(--c-size) * 0.5);
  height: -webkit-calc(var(--c-size) * 0.5);
  height: -moz-calc(var(--c-size) * 0.5);
  height: calc(var(--c-size) * 0.5);
  background: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.section2 .academic .card-list .card-item .pic {
  width: 1.23rem;
  height: 1.74rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.section2 .academic .card-list .card-item .text {
  margin-left: 0.27rem;
}
.section2 .academic .card-list .card-item .text h4 {
  margin-top: 0.02rem;
  font-weight: 400;
  font-size: var(--fs18);
  line-height: 1.8333333333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.section2 .academic .card-list .card-item .text .rows {
  margin-top: 0.05rem;
  width: 90%;
}
.section2 .academic .card-list .card-item .text .rows .row {
  position: relative;
  color: #666;
  font-size: var(--fs16);
  line-height: 1.55;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.3rem;
}
.section2 .academic .card-list .card-item .text .rows .row + .row {
  margin-top: 0.09rem;
}
.section2 .academic .card-list .card-item .text .rows .row i {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  top: 0.02rem;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.2rem;
  color: var(--theme-color);
  z-index: 1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.section2 .academic .card-list .card-item .text .rows .row .l {
  display: inline-block;
  white-space: nowrap;
}
.section2 .academic .card-list .card-item .text .rows .row .r {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.notice {
  padding-top: 0.45rem;
  padding-bottom: 1.11rem;
  background: url(../images/notice-bg.png) no-repeat center top/cover;
}
.notice .menu-list {
  margin-top: 0.29rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: -webkit-calc(100% + 0.28rem);
  width: -moz-calc(100% + 0.28rem);
  width: calc(100% + 0.28rem);
  -webkit-transform: translateX(-0.14rem);
     -moz-transform: translateX(-0.14rem);
      -ms-transform: translateX(-0.14rem);
       -o-transform: translateX(-0.14rem);
          transform: translateX(-0.14rem);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.notice .menu-list .menu-item {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0 0.14rem 0.1rem;
  width: 1.6rem;
}
.notice .menu-list .menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notice .menu-list .menu-item a {
  display: inline-block;
  -webkit-border-radius: 0.12rem;
          border-radius: 0.12rem;
  padding: 0.19rem 0.4rem;
  max-width: 1.8rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--fs20);
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s, -webkit-box-shadow 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s, -webkit-box-shadow 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s;
  -moz-transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s, -webkit-box-shadow 0.3s ease-in-out;
  white-space: nowrap;
}
.notice .menu-list .menu-item.active a {
  font-weight: 600;
  background-color: #fff;
  -webkit-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.05);
}
.notice .content {
  margin-top: 0.34rem;
}
.notice .content .card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: -webkit-calc(100% + 0.25rem);
  width: -moz-calc(100% + 0.25rem);
  width: calc(100% + 0.25rem);
  -webkit-transform: translateX(-0.125rem);
     -moz-transform: translateX(-0.125rem);
      -ms-transform: translateX(-0.125rem);
       -o-transform: translateX(-0.125rem);
          transform: translateX(-0.125rem);
  display: none;
}
.notice .content .card-list .card-item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0 0.125rem 0.25rem;
  width: 300px;
}
.notice .content .card-list.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.notice .content .card-list .card-item {
  background: #fff;
  padding: 0.05rem 0.25rem 0.3rem;
  -webkit-border-radius: 0.12rem;
          border-radius: 0.12rem;
  -webkit-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.05);
}
.notice .content .card-list .card-item .item {
  display: block;
  -webkit-animation: scaleIn-10 0.3s linear;
     -moz-animation: scaleIn-10 0.3s linear;
       -o-animation: scaleIn-10 0.3s linear;
          animation: scaleIn-10 0.3s linear;
}
.notice .content .card-list .card-item .item:hover .title {
  color: var(--theme-color);
}
.notice .content .card-list .card-item .item:nth-of-type(1) {
  border-bottom: 1px dashed #CECECE;
}
.notice .content .card-list .card-item .item .time-box {
  margin-top: 0.23rem;
  margin-left: 0.08rem;
  width: 1.2rem;
}
.notice .content .card-list .card-item .item .time-box .date {
  width: 50%;
  color: #0B66AD;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.notice .content .card-list .card-item .item .time-box .t {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.notice .content .card-list .card-item .item .time-box .t .date {
  font-size: var(--fs16);
}
.notice .content .card-list .card-item .item .time-box .b {
  margin-top: 0.02rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.notice .content .card-list .card-item .item .time-box .b::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 0.2rem;
  background-color: var(--theme-color);
  left: 0;
  right: 0;
  top: 0.06rem;
  bottom: 0;
  margin: auto;
}
.notice .content .card-list .card-item .item .time-box .b .date {
  font-size: 0.28rem;
  font-weight: 600;
}
.notice .content .card-list .card-item .item .text {
  margin-top: 0.17rem;
  margin-bottom: 0.24rem;
  padding: 0 0.32rem 0 0.22rem;
}
.notice .content .card-list .card-item .item .title {
  font-size: var(--fs20);
  line-height: 1.65;
  min-height: 3.3em;
  font-weight: 400;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

.teachers {
  padding-top: 0.45rem;
  padding-bottom: 0.93rem;
  background: url(../images/teachers-bg.png) no-repeat center bottom/cover;
  background-attachment: fixed;
}
.teachers .common-title h3 .iconfont {
  font-size: 0.55rem;
}
.teachers .menu-list {
  margin: 0.15rem auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.teachers .menu-list .menu-item {
  display: inline-block;
  margin: 0 0.15rem;
  font-size: 0.24rem;
  color: #333;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  font-weight: 600;
  padding: 0.12rem 0.32rem;
  -webkit-border-radius: 0.12rem;
          border-radius: 0.12rem;
}
.teachers .menu-list .menu-item.active {
  color: #fff;
  background-color: var(--theme-color2);
}
.teachers .contentList {
  position: relative;
}
.teachers .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin-top: -0.02rem;
  opacity: 0;
  visibility: hidden;
}
.teachers .content#content1 {
  position: relative;
}
.teachers .content:nth-of-type(2n +1).active {
  opacity: 1;
  visibility: visible;
}
.teachers .content:nth-of-type(2n +1).active .left {
  -webkit-animation: topIn-3 0.4s ease-in;
     -moz-animation: topIn-3 0.4s ease-in;
       -o-animation: topIn-3 0.4s ease-in;
          animation: topIn-3 0.4s ease-in;
}
.teachers .content:nth-of-type(2n +1).active .right {
  -webkit-animation: bottomIn-3 0.4s ease-in;
     -moz-animation: bottomIn-3 0.4s ease-in;
       -o-animation: bottomIn-3 0.4s ease-in;
          animation: bottomIn-3 0.4s ease-in;
}
.teachers .content:nth-of-type(2n +1).other {
  opacity: 1;
  visibility: visible;
}
.teachers .content:nth-of-type(2n +1).other .left {
  -webkit-animation: topOut-5 0.5s ease-out;
     -moz-animation: topOut-5 0.5s ease-out;
       -o-animation: topOut-5 0.5s ease-out;
          animation: topOut-5 0.5s ease-out;
}
.teachers .content:nth-of-type(2n +1).other .right {
  -webkit-animation: bottomOut-5 0.5s ease-out;
     -moz-animation: bottomOut-5 0.5s ease-out;
       -o-animation: bottomOut-5 0.5s ease-out;
          animation: bottomOut-5 0.5s ease-out;
}
.teachers .content:nth-of-type(2n +2).active {
  opacity: 1;
  visibility: visible;
}
.teachers .content:nth-of-type(2n +2).active .left {
  -webkit-animation: leftIn-3 0.4s ease-in;
     -moz-animation: leftIn-3 0.4s ease-in;
       -o-animation: leftIn-3 0.4s ease-in;
          animation: leftIn-3 0.4s ease-in;
}
.teachers .content:nth-of-type(2n +2).active .right {
  -webkit-animation: rightIn-3 0.4s ease-in;
     -moz-animation: rightIn-3 0.4s ease-in;
       -o-animation: rightIn-3 0.4s ease-in;
          animation: rightIn-3 0.4s ease-in;
}
.teachers .content:nth-of-type(2n +2).other {
  opacity: 1;
  visibility: visible;
}
.teachers .content:nth-of-type(2n +2).other .left {
  -webkit-animation: leftOut-5 0.5s ease-out;
     -moz-animation: leftOut-5 0.5s ease-out;
       -o-animation: leftOut-5 0.5s ease-out;
          animation: leftOut-5 0.5s ease-out;
}
.teachers .content:nth-of-type(2n +2).other .right {
  -webkit-animation: rightOut-5 0.5s ease-out;
     -moz-animation: rightOut-5 0.5s ease-out;
       -o-animation: rightOut-5 0.5s ease-out;
          animation: rightOut-5 0.5s ease-out;
}
.teachers .content .left .swiper .swiper-slide {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.teachers .content .left .swiper .swiper-slide .pic-box {
  position: relative;
  width: 100%;
  height: auto;
  width: -webkit-calc(409 / var(--box-width) * 100%);
  width: -moz-calc(409 / var(--box-width) * 100%);
  width: calc(409 / var(--box-width) * 100%);
  --linear: linear-gradient(180deg, #067FDD, var(--theme-color));
}
.teachers .content .left .swiper .swiper-slide .pic-box::after {
  content: "";
  display: block;
  padding-bottom: -webkit-calc(563 / 409 * 100%);
  padding-bottom: -moz-calc(563 / 409 * 100%);
  padding-bottom: calc(563 / 409 * 100%);
}
.teachers .content .left .swiper .swiper-slide .pic-box false {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.teachers .content .left .swiper .swiper-slide .pic-box .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.teachers .content .left .swiper .swiper-slide .pic-box .bg::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50.1222493888%;
  height: 63.7655417407%;
  background: var(--linear);
}
.teachers .content .left .swiper .swiper-slide .pic-box .bg::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50.1222493888%;
  height: 39.6092362345%;
  background: var(--linear);
}
.teachers .content .left .swiper .swiper-slide .pic-box .pic {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 1.5%;
  margin: auto;
  width: 86.3080684597%;
  height: 89.5204262877%;
}
.teachers .content .left .swiper .swiper-slide .text {
  margin-top: 0.68rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 630px;
  margin-left: -webkit-calc(116 / var(--box-width) * 100%);
  margin-left: -moz-calc(116 / var(--box-width) * 100%);
  margin-left: calc(116 / var(--box-width) * 100%);
}
.teachers .content .left .swiper .swiper-slide .text h4 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.teachers .content .left .swiper .swiper-slide .text h4 .name {
  font-weight: 600;
  font-size: 0.22rem;
  color: #333;
}
.teachers .content .left .swiper .swiper-slide .text h4 .time {
  margin-top: -0.03rem;
  font-weight: 400;
  font-size: var(--fs16);
  color: #666;
}
.teachers .content .left .swiper .swiper-slide .text .des {
  margin-top: 0.16rem;
  border-top: 1px solid #0B66AD;
  padding-top: 0.14rem;
  font-size: var(--fs16);
  color: #666;
  line-height: 2;
  font-weight: 400;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.teachers .content .right {
  position: absolute;
  width: 64%;
  right: 0.32rem;
  top: 2.54rem;
  --gap: .5rem;
  --f-gap: .8rem;
}
.teachers .content .right .btn-forswiper .prev,
.teachers .content .right .btn-forswiper .next {
  width: 0.35rem;
  height: 0.35rem;
  background-color: #0B66AD;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  bottom: 0.36rem;
}
.teachers .content .right .btn-forswiper .prev .iconfont,
.teachers .content .right .btn-forswiper .next .iconfont {
  color: #fff;
  font-size: 0.33rem;
}
.teachers .content .right .btn-forswiper .prev {
  right: 100%;
}
.teachers .content .right .btn-forswiper .next {
  left: -webkit-calc(100% + var(--gap) / 2);
  left: -moz-calc(100% + var(--gap) / 2);
  left: calc(100% + var(--gap) / 2);
}
.teachers .content .right .swiper .swiper-slide {
  width: 100%;
  -webkit-transform: translateX(-webkit-calc(var(--f-gap) - var(--gap)));
     -moz-transform: translateX(-moz-calc(var(--f-gap) - var(--gap)));
      -ms-transform: translateX(calc(var(--f-gap) - var(--gap)));
       -o-transform: translateX(calc(var(--f-gap) - var(--gap)));
          transform: translateX(calc(var(--f-gap) - var(--gap)));
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
}
.teachers .content .right .swiper .swiper-slide.swiper-slide-prev {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
.teachers .content .right .swiper .swiper-slide.swiper-slide-active {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
.teachers .content .right .swiper .swiper-slide.swiper-slide-active .text::after {
  width: 100%;
}
.teachers .content .right .swiper .swiper-slide .pic {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: auto;
  width: -webkit-calc(100% - var(--gap));
  width: -moz-calc(100% - var(--gap));
  width: calc(100% - var(--gap));
  -webkit-border-radius: 0.12rem;
          border-radius: 0.12rem;
  overflow: hidden;
}
.teachers .content .right .swiper .swiper-slide .pic::after {
  content: "";
  display: block;
  padding-bottom: -webkit-calc(214 / 149 * 100%);
  padding-bottom: -moz-calc(214 / 149 * 100%);
  padding-bottom: calc(214 / 149 * 100%);
}
.teachers .content .right .swiper .swiper-slide .pic .ratioBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.teachers .content .right .swiper .swiper-slide .pic img {
  position: absolute;
}
.teachers .content .right .swiper .swiper-slide .text {
  width: -webkit-calc(100% - var(--gap));
  width: -moz-calc(100% - var(--gap));
  width: calc(100% - var(--gap));
  position: relative;
  margin: 0 auto;
  padding-top: 0.3rem;
  padding-bottom: 0.16rem;
}
.teachers .content .right .swiper .swiper-slide .text h4 {
  font-size: var(--fs20);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  text-align: center;
}
.teachers .content .right .swiper .swiper-slide .text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.03rem;
  background: var(--theme-color);
  -webkit-transition: 2.3s linear;
  -o-transition: 2.3s linear;
  -moz-transition: 2.3s linear;
  transition: 2.3s linear;
}
.teachers .content .right .swiper .btn {
  display: none;
}
.teachers .content .right .swiper .btn .prev,
.teachers .content .right .swiper .btn .next {
  width: 0.35rem;
  height: 0.35rem;
  background-color: #0B66AD;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.teachers .content .right .swiper .btn .prev .iconfont,
.teachers .content .right .swiper .btn .next .iconfont {
  color: #fff;
  font-size: 0.33rem;
}

section {
  overflow: hidden;
}