* {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: "Monoton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../css/fonts/5h1aiZUrOngCibe4TkHLQka4BU4.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,
body {
  overflow-x: hidden;
  /* scroll-behavior: smooth; */
  font: calc(100vw / 120) arial, verdana;
  font-family: "Source Han Sans CN";
}
a,
ul,
li,
p,
h3 {
  list-style: none;
  text-decoration: none;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
img,
table {

  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
*:hover {
  cursor: pointer;
}
.banner {
  height: 52.1875rem;
  padding-top: 8.75rem;
  position: relative;
  background-size: 100%;
  background-color:#0E76B5;
}
.banner .swiper {
  height: 100%;
}
.banner .swiper .swiper-pagination {
  position: absolute;
  right: 7.5rem;
  left: auto;
  bottom: 3.0625rem;
  width: max-content;
}
.banner .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: #ffffff;
  opacity: 1;
}
.banner .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #088ee7;
}

.xxyw-swiper .swiper .swiper-pagination {
  position: absolute;
  right:1rem;
  bottom:1.1rem;
  left: auto;
  width: max-content;
}
.xxyw-swiper .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #088ee7;
  width:2.3125rem!important;
  border-radius:25px;
}
.banner .swiper a {
  height: 100%;
}
.banner .swiper img {
  height: 100%;
  width: 100%;
  display: flex;
  object-fit: cover;
}
.banner .banner-section {
  z-index: 10;
  position: absolute;
  padding-left: 10.9375rem;
  padding-right: 7.3125rem;
  box-sizing: border-box;
  bottom: -0.125rem;
  left: 0;
  clip-path: polygon(0 0, /* 左上角 */ 95% 0, /* 右上角 */ 98% 100%, /* 右下角（向右缩进） */ 0 100% /* 左下角（向左缩进） */);
  /* background-image: url(../images/nav-bk.png);
    background-repeat: no-repeat; */
  background: #1169b8;
  background-size: 100%;
  object-fit: cover;
  width: 47%;
  height: 4.25rem;
}
.active-d {
  display: block!important;
}
.new-item-first {
  display: none;
}
.second-t{

margin-right:9rem;


}
.banner .banner-section .nav-bar {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner .banner-section .nav-bar .nav-item {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 1.125rem;
  font-weight: 500;
}
.banner .banner-section .nav-bar .nav-item:nth-child(1) {
  padding-left: 1.4375rem;
}
.banner .banner-section .nav-bar .nav-item:nth-child(1)::before {
  content: "";
  background: url(../images/zihui.png);
  width: 1.1875rem;
  height: 0.9375rem;
  left: 0rem;
  position: absolute;
  top: 41%;
}
.banner .banner-section .nav-bar .nav-item:nth-child(2) {
  padding-left: 1.8125rem;
}
.banner .banner-section .nav-bar .nav-item:nth-child(2)::before {
  content: "";
  background: url(../images/rili.png);
  width: 1rem;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 39%;
}
.banner .banner-section .nav-bar .nav-item:nth-child(3) {
  padding-left: 2.375rem;
}
.banner .banner-section .nav-bar .nav-item:nth-child(3)::before {
  content: "";
  background: url(../images/xiazai-fang-F.png);
  width: 1.8rem;
  height: 1.7rem;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 38%;
}
.banner .banner-section .nav-bar a {
  font-size: 1.125rem;
  color: #ffff;
}
/* 学校要闻 */
.school-news {
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.school-news .max {
  width: 100%;
  padding-left: 9.375rem;
  padding-right: 9.375rem;
  box-sizing: border-box;
}
.school-news .max .school-news-top {
  height: 7.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.school-news .max .school-news-top .left {
  display: flex;
  width: 39.88%;
  justify-content: space-between;
}
.school-news .max .school-news-top .left .active {
  color: #070707;
}
.school-news .max .school-news-top .left li {
  position: relative;
  list-style: none;
}
.school-news .max .school-news-top .left li:nth-child(1)::after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  left: 0;
  top: 25%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.school-news .max .school-news-top .left li:nth-child(2)::after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2.3rem;
  left: 0;
  top: 16%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.school-news .max .school-news-top .left li:nth-child(3)::after {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 2.2rem;
  left: 0;
  top: 16%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.school-news .max .school-news-top .left li:nth-child(1)::after {
  background-image: url("../images/yw.png");
}
.school-news .max .school-news-top .left li:nth-child(2)::after {
  background-image: url("../images/tz.png");
}
.school-news .max .school-news-top .left li:nth-child(3)::after {
  background-image: url("../images/zs.png");
}
.school-news .max .school-news-top .left li:nth-child(1):hover::after {
  background-image: url("../images/yw-a.png");
}
.school-news .max .school-news-top .left li:nth-child(2):hover::after {
  background-image: url("../images/tz-a.png");
}
.school-news .max .school-news-top .left li:nth-child(3):hover::after {
  background-image: url("../images/zs-a.png");
}
.school-news .max .school-news-top .left li.active:nth-child(1)::after {
  background-image: url("../images/yw-a.png");
}
.school-news .max .school-news-top .left li.active:nth-child(2)::after {
  background-image: url("../images/tz-a.png");
}
.school-news .max .school-news-top .left li.active:nth-child(3)::after {
  background-image: url("../images/zs-a.png");
}
.school-news .max .school-news-top .left li {
  font-family: PingFang;
  font-size: 1.875rem;
  color: #999999;
  padding-left: 2.625rem;
  font-weight: bold;
}
.school-news .max .school-news-top .left li:hover {
  color: #070707;
}
.school-news .max .tabs-content .active {
  display: block !important;
}
.school-news .max .tabs-content .right-img {
  width: 5.625rem;
  position: absolute;
  right: 0;
  top: -4.95rem;
}
.school-news .max .tabs-content .right-img img {
  height: 3.125rem;
}
.school-news .max .tabs-content .right-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.school-news .max .tabs-content .school-news-bot {
  width: 100%;
  display: none;
  height:44rem;
  position: relative;
}
.school-news .max .tabs-content .school-news-bot .item-box{

display:flex;
justify-content:space-between;

}
/* 第三版轮播图版本 版本 */
.xxyw-swiper{
width: 30%;
}
.school-news .max .tabs-content .school-news-bot .line {
  border-bottom: 0.0625rem dotted #e1e1e1;
}
.school-news .max .tabs-content .school-news-bot .new-item-first {

  margin-top: 1rem;
  float: left;
  width:100%;
  height:37.3rem;
 background-color:#F0F0F0;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .new-item-first-img {
  overflow: hidden;
  height: 27.69rem;
  width: 100%;
    position:relative;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .new-item-first-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}
.school-news .max .tabs-content .school-news-bot .new-item-first .new-item-first-img p{
padding: 0.5rem 1rem;
color:#ffffff;
    background: url(../images/title-bg.png) center center no-repeat;
position:absolute;
left:0;
right:0;
bottom:0;
z-index:33;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;


}
.school-news .max .tabs-content .school-news-bot .new-item-first .new-item-first-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.school-news .max .tabs-content .school-news-bot .new-item-first .caption {
padding:0 1rem;
  margin-top: 1.25rem;
  height: 2.5rem;
  display: flex;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .caption p {
  margin: 0;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .caption .time {
  display: flex;
  align-items:center;
  width: 3.38rem;
  margin-right:1.1875rem;
  height:2.5rem;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .caption .time span:nth-child(1) {
  font-size: 1.6875rem;
  margin-right:1rem;
  color: #1169b8;
  height:100%;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .caption .time span:nth-child(2) {
  font-size: 1rem;
  color: #1169b8;
    height:100%;
    text-align:end;
    padding-top:1.5rem;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .caption p > a {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  color: #333333;
  display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 overflow: hidden;
 text-overflow: ellipsis;
 line-height: 2.5rem;

}
.school-news .max .tabs-content .school-news-bot .new-item-first p {
  font-size: 1.13rem;
  line-height: 1.88rem;
  margin-top: 1rem;
  box-sizing: border-box;
  
}
.school-news .max .tabs-content .school-news-bot .new-item-first p a {
padding:0rem 1rem;
  color: #666666;
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;

}
.school-news .max .tabs-content .school-news-bot .new-item-first p:hover a {
  color: #1169b8;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .btn:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.school-news .max .tabs-content .school-news-bot .new-item-first .btn {
  width: 6.25rem;
  height: 2.44rem;
  border-radius: 0.5rem;
  background-color: #1169b8;
  text-align: center;
  margin-top: 2.06rem;
  box-sizing: border-box;
}
.school-news .max .tabs-content .school-news-bot .new-item-first .btn a {
  font-size: 1rem;
  color: #ffff;
  line-height: 2.44rem;
}
.school-news .max .tabs-content .school-news-bot .new-item-second {
  margin-top: 1rem;
  width: 27.65%;
  float: left;
}
.school-news .max .tabs-content .school-news-bot .new-item-second ul {
  height: 44.0625rem;
  overflow: hidden;
}
.school-news .max .tabs-content .school-news-bot .new-item-second ul li {
  height: 7rem;
  margin-bottom: 1.6875rem;
}
.school-news .max .tabs-content .school-news-bot .new-item-second ul li a:hover .time {
  color: #333333;
}
.school-news .max .tabs-content .school-news-bot .new-item-second ul li a {
  height: 100%;
  display: block;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  box-sizing: border-box;
}
.school-news .max .tabs-content .school-news-bot .new-item-second ul li a .time {
  color: #1169b8;
  font-size: 0.875rem;
}
.school-news .max .tabs-content .school-news-bot .new-item-second ul li a .text:hover {
  color: #1169b8;
}
.school-news .max .tabs-content .school-news-bot .new-item-second ul li a .text {
  height: 3.375rem;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: 1.875rem;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 2;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.school-news .max .tabs-content .school-news-bot .new-item-third {
  width: 32.3%;
  float: right;
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul {
  overflow: hidden;
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li:nth-child(1) {
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li:nth-child(1) a {
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li {
  height: 7.8125rem;
  display: flex;
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li a:hover .time {
  transform: scale(1.01);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li a:hover p {
  color: #1169b8;
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li a {
  width: 100%;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li a p {

  height: 3.375rem;
  width:80%;
  font-size: 1.13rem;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 2;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  color: #333333;
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li a .time {
  width: 4.625rem;
  background:#F0F0F0;
  height: 6rem;
  color: #636363;
  text-align: center;
}

.school-news .max .tabs-content .school-news-bot .new-item-third ul li a .time .item:nth-child(1) {
  font-size: 2.2rem;
  line-height: 2.925rem;
  padding-top: 0.1rem;
    margin-right: 0.18rem;
  box-sizing: border-box;
}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li:hover .time{

background:#1169b8;
color:#ffffff;

}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li:hover a .time .item:nth-child(2){

color:#ffffff;

}
.school-news .max .tabs-content .school-news-bot .new-item-third ul li a .time .item:nth-child(2) {
  color: #636363;
  font-size:0.875;
  padding-top: 0.325rem;
  font-family: PingFang;
  box-sizing: border-box;
  opacity: 0.8;
}
/* 标准弹跳动画 */
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(-10px);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes moveDots {
  0% {
    background-position: 0 bottom;
  }
  100% {
    background-position: 20px bottom;
  }
}
@keyframes scale {
  0% {
    font-size: 24px;
  }
  100% {
    font-size: 36px;
  }
}
.hover-underline {
  position: relative;
  display: inline-block;
}
.hover-underline::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0.0625rem;
  bottom: 0;
  left: 0;
  background-color: #1169b8;
  transition: width 1s ease;
  /* transform: translateX(-50%); */
  /*   content: '';
  position: absolute;
  width: 0;
  height: 0.25rem;
  bottom: 0;
  left: 0;
  /* 使用线性渐变创建虚线效果 */
  /*  background-image: linear-gradient(to right, #165DFF 50%, transparent 50%);
  background-size: 8px 2px; 
  background-repeat: repeat-x;
  transition: width 1s ease;  */
}
.hover-underline:hover::after {
  width: 100%;
}
.hover-underline-secondary::after {
  background-color: #ffffff;
}
.hover-underline-blue::after {
  background-color: #1169b8;
}
/* 科研动态 */
.scientific-research {
  background-image: url(../images//scientific-sesearch.png);
  object-fit: cover;
  width: 100%;
  height: 65.5625rem;
  padding: 3.6875rem 9.375rem 6rem 9.25rem;
  box-sizing: border-box;
}
.scientific-research .kydt {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 25.4375rem;
}
.scientific-research .kydt .img {
  width: 46%;
  display: flex;
  justify-content: space-between;
  /* .img-r {
        max-width: 39.0625rem;
        max-height: 25.4375rem;
        object-fit: cover;
      } */
}
.scientific-research .kydt .img .icon-l {
  width: 5.625rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  padding-top: 0.625rem;
  padding-bottom: 2.5rem;
}
.scientific-research .kydt .img .icon-l .top {
  width: 5.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scientific-research .kydt .img .icon-l .top i img {
  width: 1.6875rem;
  height: 2rem;
  margin-bottom: 0.4375rem;
}
.scientific-research .kydt .img .icon-l .top p {
  writing-mode: vertical-rl;
  font-size: 2rem;
  color: #fdfdfd;
}
.scientific-research .kydt .img .icon-l .chakan-img {
  background-repeat: no-repeat;
  background-size: 100%;
  max-width: 3.125rem;
  display:block;
}
.scientific-research .kydt .img .icon-l .chakan-img-y {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 6.0625rem;
  display:none
}
.scientific-research .kydt .img .icon-l .chakan-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scientific-research .kydt .img .icon-l .chakan-img-y img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scientific-research .kydt .img .icon-l .chakan-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.scientific-research .kydt .img .active {
  display: block !important;
}
.scientific-research .kydt .img .img-r {
  overflow: hidden;
}
.scientific-research .kydt .img .img-r img {
  display: none;
  width: 100%;
  height: 100%;
}
.scientific-research .kydt .img .img-r:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.scientific-research .kydt .text {
  width: 52.22%;
  height: 100%;
}
.scientific-research .kydt .text .text-title:hover {
  /*  background-image: 
          repeating-linear-gradient(
            90deg, 
            #ffffff, 
            #ffffff .0625rem, 
            transparent 00.25rem, 
            transparent 00.5rem
          );
        background-size: 1.25rem .0625rem, ;
        background-repeat: repeat-x;
        background-position: bottom; */
  /* 添加动画 */
}
.scientific-research .kydt .text .text-title-active {
  display: block !important;
}
.scientific-research .kydt .text .text-title-close {
  display: none !important;
}
.scientific-research .kydt .text .text-list {
  width: 100%;
  height: 100%;
}
.scientific-research .kydt .text .text-list ul li:hover .text-detail a {
  color: #efa767 !important;
}
.scientific-research .kydt .text .text-list ul {
  height: 100%;
  overflow: hidden;
}
.scientific-research .kydt .text .text-list ul li .text-title {
  transition: all 0.5s ease;
  display: none;
  width: 100%;
  height: 10rem;
  /*   border-bottom: 0.0625rem dotted #ffffff ;  */
  padding-top: 0.625rem;
  box-sizing: border-box;
}
.scientific-research .kydt .text .text-list ul li .text-title .text-title-top {
  padding-right: 20rem;
  display: flex;
  width: 100%;
}
.scientific-research .kydt .text .text-list ul li .text-title .text-title-top .time {
  width: 3.375rem;
}
.scientific-research .kydt .text .text-list ul li .text-title .text-title-top .time .text-year {
  font-size: 0.875rem;
  color: #ffffff;
  opacity: 0.5;
  padding-bottom: 0.0375rem;
}
.scientific-research .kydt .text .text-list ul li .text-title .text-title-top .time .text-date {
  font-size: 1rem;
  color: #ffffff;
}
.scientific-research .kydt .text .text-list ul li .text-title .text-title-top .text-detail a {
  width: 48.5rem;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 2.75rem;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.scientific-research .kydt .text .text-list ul li .text-title .text-title-top:hover .text-detail {
  /*           animation: bounce 1s infinite;
 */
}
.scientific-research .kydt .text .text-list ul li .text-title P:hover {
  /*           animation: bounce 1s infinite;
 */
}
.scientific-research .kydt .text .text-list ul li .text-title p {
  padding-top: 1.125rem;
  line-height: 1.875rem;
  font-size: 1rem;
  color: #fcfcfe;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 2;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.scientific-research .kydt .text .text-list ul li .closeTite {
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
  height: 5.3125rem;
  display: flex;
  /*   border-bottom: 0.065rem dotted #ffffff; */
  padding-top: 1.6875rem;
  padding-bottom: 2.125rem;
}
.scientific-research .kydt .text .text-list ul li .closeTite p {
  width: 88%;
  line-height: 1.5rem;
  font-size: 1.25rem;
  box-sizing: border-box;
  color: #ffffff;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.scientific-research .kydt .text .text-list ul li .closeTite span {
  line-height: 1.5rem;
  width: 12%;
  opacity: 0.6;
  color: #ffffff;
  font-size: 1rem;
}
.scientific-research .xshd {
  width: 100%;
  height: 25.4375rem;
  display: flex;
  margin-top: 5rem;
}
.scientific-research .xshd .text {
  width: 61.2%;
  height: 25.4375rem;
  background-color: #ffffff;
  padding: 3.3125rem 0.3125rem 1.25rem 3.75rem;
  display: flex;
  box-sizing: border-box;
}
.scientific-research .xshd .text .text-l {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 3.125rem;
  margin-right: 2.875rem;
}
.scientific-research .xshd .text .text-l .icon-t {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scientific-research .xshd .text .text-l .icon-t img:nth-child(1) {
  width: 1.8125rem;
}
.scientific-research .xshd .text .text-l .icon-t p {
  position: relative;
  padding-top: 0.625rem;
  width: 3.125rem;
  font-size: 2rem;
  color: #fdfdfd;
  writing-mode: vertical-rl;
  color: #333333;
}
.scientific-research .xshd .text .text-l .icon-b {
  margin-bottom: 0.625rem;
}
.scientific-research .xshd .text .text-l .icon-b img {
  width: 100%;
}
.scientific-research .xshd .text .text-l .icon-b img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.scientific-research .xshd .text .text-r {
  width: 87%;
}
.scientific-research .xshd .text .text-r ul {
  height: 100%;
  overflow: hidden;
}
.scientific-research .xshd .text .text-r ul li {
  padding-bottom: 1.7rem;
  box-sizing: border-box;
}
.scientific-research .xshd .text .text-r ul li a:hover p {
  color: #1169b8;
}
.scientific-research .xshd .text .text-r ul li a span {
  font-size: 1rem;
  color: #1169b8;
}
.scientific-research .xshd .text .text-r ul li a p {
  transition: color 0.5s ease;
  /* 定义颜色过渡效果 */
  margin-top: 0.25rem;
  font-size: 1.25rem;
  font-family: PingFang;
  color: #333333;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
}
.scientific-research .xshd .xshd-img {
  width: 38.8%;
  overflow: hidden;
}
.scientific-research .xshd .xshd-img .active {
  display: block !important;
}
.scientific-research .xshd .xshd-img img {
  height: 25.4375rem;
  display: none;
  height: 100%;
  object-fit: cover;
}
.scientific-research .xshd .xshd-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
/* 招生就业 */
.admissions-employment {
  box-sizing: border-box;
  width: 100%;
  padding: 3.125rem 9.375rem;
  background-color: #ffff;
  display: flex;
  justify-content: space-between;
}
.admissions-employment .admissions-employment-list {
  width: 65.12%;
  height: 25.25rem;
  overflow: hidden;
}
.admissions-employment .admissions-employment-list .top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.625rem;
  box-sizing: border-box;
}
.admissions-employment .admissions-employment-list .top img {
  height: 3.125rem;
}
.admissions-employment .admissions-employment-list .top img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.admissions-employment .admissions-employment-list .top p {
  width: 10.1875rem;
  text-align: end;
  font-size: 2rem;
  color: #333333;
  position: relative;
}
.admissions-employment .admissions-employment-list .top p::after {
  position: absolute;
  content: "";
  top: 17%;
  left: 0;
  width: 1.625rem;
  height: 1.875rem;
  background-repeat: no-repeat;
  background-image: url(../images/zs-active.png);
  background-size: 100%;
}
.admissions-employment .admissions-employment-list .list {
  display: flex;
  justify-content: space-between;
}
.admissions-employment .admissions-employment-list .list ul {
  height: 100%;
  overflow: hidden;
  width: 46.3%;
}
.admissions-employment .admissions-employment-list .list ul a:hover {
  animation: bounce 1s infinite;
}
.admissions-employment .admissions-employment-list .list ul li {
  border-bottom: 0.0625rem dotted #1169b8;
}
.admissions-employment .admissions-employment-list .list ul li a {
  display: flex;
  box-sizing: border-box;
  height: 5.15rem;
  align-items:center;
  justify-content:space-between;
}
.admissions-employment .admissions-employment-list .list ul li a span {
  font-size: 0.875rem;
  color: #1169b8;
  box-sizing: border-box;
  width:20%
}
.admissions-employment .admissions-employment-list .list ul li a p {
  font-size: 1.125rem;
  color: #333333;
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
flex:1;
}
.admissions-employment .admissions-employment-img {
  height: 25.25rem;
  width: 30.24%;
}
.admissions-employment .admissions-employment-img ul {
  height: 100%;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
.admissions-employment .admissions-employment-img ul li {
  width: 100%;
  height: 100%;
}
.admissions-employment .admissions-employment-img ul li a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.admissions-employment .admissions-employment-img ul li a img {
  height: 6.0875rem;
  width:100%;
}
.admissions-employment .admissions-employment-img ul li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
/* 多彩校园 */
.school {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 3.125rem 9.375rem;
  background-image: url("../images/school.png");
  box-sizing: border-box;
}
.school .moti {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.school .moti p::after {
  position: absolute;
  content: "";
  top: 17%;
  left: 0;
  width: 2.1875rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-image: url("../images/xiaoyuan.png");
  background-size: 100%;
}
.school .moti p {
  position: relative;
  text-align: end;
  width: 10.375rem;
  font-size: 2rem;
  color: #333333;
}
.school .moti img {
  height: 3.125rem;
}
.school .moti img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.school .school-img {
  padding-top: 2.875rem;
  box-sizing: border-box;
}
.school .school-img ul {
  display: flex;
}
.school .school-img ul li {
  margin-right: 1.3125rem;
  box-sizing: border-box;
  overflow: hidden;
  width: 19.1875rem;
  height: 27.375rem;
}
.school .school-img ul li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.school .school-img ul li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.school .school-img ul li a span {
  position: absolute;
  width: 3.125rem;
  height: 8.25rem;
  z-index: 9999;
  background-color: #1169b8;
  font-size: 1.125rem;
  color: #ffffff;
  writing-mode: vertical-rl;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem 0 0 0;
  right: 0;
  bottom: 0;
}
.school .school-img ul li a:hover img {
  object-fit: cover;
  /*  transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1); */
}
.school .school-img .expanded {
  width: 39.6875rem !important;
}
.school .school-img .expanded a {
  width: 100%;
  height: 100%;
}
.school .school-img .expanded a span {
  position: absolute;
  width: 3.125rem;
  height: 8.25rem;
  z-index: 9999;
  background-color: #1169b8;
  font-size: 1.125rem;
  color: #ffffff;
  writing-mode: vertical-rl;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem 0 0 0;
  right: 0;
}
.school .school-img .expanded a img {
  width: 100%;
  object-fit: cover;
}
/* 专题专栏 */
.special-column {
  width: 100%;
  background-color: #ffffff;
  padding: 2.5625rem 9.375rem;
  box-sizing: border-box;
}
.special-column .moti {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.special-column .moti p::after {
  position: absolute;
  content: "";
  top: 17%;
  left: 0;
  width: 2.1875rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../images/zhuantihuodong.png");
}
.special-column .moti p {
  width: 10.75rem;
  font-size: 2rem;
  position: relative;
  color: #333333;
  text-align: end;
}
.special-column .moti img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.special-column .moti img {
 height: 3.125rem;
  background-repeat: no-repeat;
}
.special-column .special-item {
  width: 100%;
  padding-top: 3.625rem;
}
.special-column .special-item ul {
  display: flex;
  justify-content: space-between;
}
.special-column .special-item ul li:hover p {
  color: #1169b8;
}
.special-column .special-item ul li {
  width: 18.9%;
  float: left;
}
.special-column .special-item ul li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.special-column .special-item ul li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.special-column .special-item ul li a img {
  width: 100%;
}
.special-column .special-item ul li a p {
  width: 100%;
  text-align: center;
  font-size: 1.125rem;
  color: #333333;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.footer .link {
  padding-left: 9.375rem;
  padding-right: 9.375rem;
  height: 4.1875rem;
  background: #f9f9f9;
}
.footer .link ul li {
  float: left;
  font-size: 1rem;
  padding-right: 4.875rem;
  color: #333333;
  line-height: 4.1875rem;
  font-weight: bold;
  box-sizing: border-box;
}
.footer .link ul li a:hover {
  color: #1169b8;
}
.footer .link ul li a {
  font-size: 1.125rem;
  color: #333333;
  line-height: 4.1875rem;
  font-weight: bold;
}
.footer .footer-text {
  padding: 2.5625rem 9.375rem;
  width: 100%;
  box-sizing: border-box;
  background-image: url("../images/footerbk.png");
  object-fit: cover;
}
.footer .footer-text .footer-text-t .logos img {
  height: 5.8125rem;
}
.footer .footer-text .footer-text-t .loction {
  width: 100%;
  box-sizing: border-box;
  margin-top: 1rem;
  padding-bottom: 3.75rem;
  border-bottom: 0.0625rem solid #ffffff;
  justify-content: space-between;
  display: flex;
}
.footer .footer-text .footer-text-t .loction .loction-l {
  display: flex;
  font-size: 1.25rem;
  letter-spacing: 0.125rem;
}
.footer .footer-text .footer-text-t .loction .loction-l .text-l {
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 3rem;
  flex-direction: column;
  box-sizing: border-box;
  padding-right: 9.9375rem;
}
.footer .footer-text .footer-text-t .loction .loction-l .text-l span {
  opacity: 0.8;
  color: #ffffff;
}
.footer .footer-text .footer-text-t .loction .loction-l .text-l img {
  padding-right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.footer .footer-text .footer-text-t .loction .loction-l .text {
  display: flex;
}
.footer .footer-text .footer-text-t .loction .loction-l .text .text-c {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  color: #ffffff;
  padding-right: 4.8125rem;
}
.footer .footer-text .footer-text-t .loction .loction-l .text .text-c li {
  opacity: 0.8;
}
.footer .footer-text .footer-text-t .loction .loction-l .text .text-c li a{
 color: #ffffff;
   opacity: 0.8;
}
.footer .footer-text .footer-text-t .loction .loction-l .text .text-c p {
  font-weight: 500;
  color: #ffffff;
}
.footer .footer-text .footer-text-t .loction .loction-l .text .text-r {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  color: #ffffff;
  padding-right: 9.9375rem;
  opacity: 0.8;
}
.footer .footer-text .footer-text-t .loction .loction-l .text .text-r li a{
color: #ffffff;
  opacity: 0.8;
}
.footer .footer-text .footer-text-t .loction .loction-l .text .text-r p {
  opacity: 0;
}
.footer .footer-text .footer-text-t .loction .loction-r {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  padding-right: 3.5625rem;
  font-size: 1.25rem;
  letter-spacing: 0.125rem;
}
.footer .footer-text .footer-text-t .loction .loction-r img {
  width: 8.4375rem;
  height: 8.4375rem;
}
.footer .footer-text .footer-text-t .loction .loction-r p:nth-child(1) {
  font-weight: 500;
  padding-bottom: 1.75rem;
  font-family: AlibabaPuHuiTiM;
}
.footer .footer-text .footer-text-t .loction .loction-r .code {
  padding-top: 1.5rem;
  text-align: center;
  opacity: 0.8;
}
.footer .footer-text .footer-text-b {
  padding-top: 1.4rem;
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.125rem;
  font-size: 1.25rem;
  color: #ffff;
  opacity: 0.8;
  font-family: PingFang;
  line-height: 3rem;
}
.footer .footer-text .footer-text-b a{
 color: #ffff;
  opacity: 0.8;
}
.phone-list {
  display: none;
  position: fixed;
  width: 80%;
  height: 100vh;
  background-color: #088ee7;
  left: 0;
  top: 0;
  z-index: 999;
  padding: 0.9375rem;
  box-sizing: border-box;
  overflow-y: scroll;
}
.phone-list .home a {
  width: max-content !important;
  height: auto;
  line-height: normal !important;
  display: flex !important;
  align-items: center;
  box-shadow: 0 0 0 0 !important;
}
.phone-list a:not(.phone-list li > a) {
  width: calc(100% / 4);
  display: block;
  color: #fff;
  font-size: 0.875rem;
  /* width: max-content; */
  /* padding: 0 4.25rem; */
  line-height: 2.5rem;
  text-align: center;
  background-color: #088ee7;
  margin-bottom: 0.9375rem;
  /* margin-right: 1rem; */
  float: left;
  margin: 0.625rem 0.625rem;
  box-shadow: 0 0 0.3125rem #fff;
}
.phone-list p,
.phone-list li > a {
  font-size: 1rem;
  font-weight: bold;
  line-height: 3.125rem;
  color: #fff;
}
.phone-list div {
  margin: 0 -1rem;
}
.phone-list div::after {
  content: "";
  display: block;
  clear: both;
}
.phone-list li {
  margin-bottom: 1.25rem;
}
.phone-list .phone-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.0625rem solid #088ee7;
  max-width: 21.25rem;
  width: 100%;
  height: 2.1875rem;
  /* margin-left: 1.875rem; */
  padding: 0 0.625rem;
  box-sizing: border-box;
}
.phone-list .phone-search input {
  border: 0;
  outline: none;
  padding-left: 1.25rem;
  height: 100%;
  width: 80%;
}
.phone-list .phone-search p {
  background-color: #088ee7;
  width: 20%;
  height: 100%;
  text-align: center;
  line-height: 2.1875rem;
  color: #fff;
  box-shadow: 0 0 0.3125rem #fff;
  cursor: pointer;
}
.top-link {
  width: 15rem;
  position: fixed;
  right: 1.25rem;
  top: 40%;
  z-index: 2;
  /* overflow: hidden; */
}
.top-link .show {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 5rem;
  /* width: 3.125rem;
    min-height: 13.9375rem; */
  font-weight: 400;
  font-size: 1.5rem;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  /*     writing-mode: vertical-rl;
 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  -webkit-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  -moz-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  -ms-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  -o-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
}
.top-link .show .text {
  width: 3.6444rem;
  height: 3.6444rem;
  border-radius: 0.5rem;
  display: block;
  font-size: 0.75rem;
  color: #ffffff;
  background-color: #0476ba;
  position: relative;
  display: flex;
  align-items: end;
  padding-bottom: 0.5rem;
  padding-left: 0.3125rem;
  margin-bottom: 1.875rem;
  box-sizing: border-box;
}
.top-link .show .text::after {
  position: absolute;
  content: "";
  background-image: url(../images/QQ-2.png);
  width: 1.25rem;
  height: 1.5rem;
  background-size: 100%;
  top: 0.5625rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.top-link .show .imgs {
  height: 9.4375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.top-link .show .imgs .img-item:hover {
  background-color: #0476ba;
}
.top-link .show .imgs .img-item {
  width: 2.5625rem;
  height: 2.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 0.5313rem;
}
.top-link .show .imgs .img-item .data-imgsrc {
  width: 10rem;
  height: 10rem;
  position: absolute;
  display: none;
  left: -15rem;
}
.top-link .show .imgs .img-item .data-imgsrc img {
  width: 100%;
  height: 100%;
}
.top-link .show .imgs .img-item .min-img {
  width: 1.375rem;
  object-fit: cover;
}
.top-link .show ul {
  z-index: 3;
  width: 14.0625rem;
  position: absolute;
  transition: all 0.6s;
  transform: translate(120%, 0);
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.875rem 0rem rgba(0, 0, 0, 0.2);
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-transform: translate(120%, 0);
  -moz-transform: translate(120%, 0);
  -ms-transform: translate(120%, 0);
  -o-transform: translate(120%, 0);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.top-link .show ul li {
  text-align: center;
  height: 4.25rem;
  line-height: 4.25rem;
  font-weight: 400;
  font-size: 1.5rem;
  color: #ffffff;
  padding: 0 0.625rem;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.top-link .show ul li li a {
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 0.0625rem solid #088ee7;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  background-color: #fff;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.top-link .show ul li:first-child {
  background: #088ee7;
}
.top-link .show ul li:last-child a {
  border: 0;
}
.top-link .show ul li:hover:not(.top-link li:first-child),
.top-link .show ul li:hover a {
  background-color: #088ee7;
  color: #fff;
}
.banners {
  width: 100%;
  padding-top: 8.75rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  object-fit: cover;
  height: 43.625rem;
  position: relative;
  box-sizing: border-box;
  background-color:#0E76B5;
}
.banners .banner-title {
  color: #ffffff;
  position: absolute;
  left: 9.1875em;
  bottom: 8.125rem;
}
.banners .banner-title .chinese {
  font-size: 2.25rem;
}
.banners .banner-title .English {
  font-size: 1.125rem;
}
.banners .banner-section {
  position: absolute;
  box-sizing: border-box;
  bottom: -1.875rem;
  left: 0;
  object-fit: cover;
  width: 82%;
  height: 4.25rem;
  clip-path: polygon(0 0, /* 左上角 */ 95% 0, /* 右上角 */ 98% 100%, /* 右下角（向右缩进） */ 0 100% /* 左下角（向左缩进） */);
  background: #1169b8;
  gap: 1.125rem;
  padding-left: 9.375rem;
  z-index:4;
}
.banners .banner-section .nav-bar {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
    
  scrollbar-width: none;
  overflow-x: auto;
  -ms-overflow-style: none; 
}
.element::-webkit-scrollbar {
  display: none;
}
.banners .banner-section .nav-bar::-webkit-scrollbar {
            display: none;
        }
.banners .banner-section .nav-bar .nav-item {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  margin-right: 4.375rem;
  color: #ffff;
  position: relative;
  white-space:nowrap;
  
}
::-webkit-scrollbar {
  /* 1 */
  width: 6px;
  height: 2px;
  background-color: #C7C7C7;
}

::-webkit-scrollbar-button {
  /* 2 */
  display: none;
}

::-webkit-scrollbar-track {
  /* 3 */
}

::-webkit-scrollbar-track-piece {
  /* 4 */
}

::-webkit-scrollbar-thumb {
  /* 5 */
  width: 2px;
  height: 2px;
  border-radius: 0;
  background-color: #195593;
}

::-webkit-scrollbar-corner {
  /* 6 */
  background-color: #333;
}

::-webkit-resizer {
  /* 7 */
}


.banners .banner-section .nav-bar .nav-item:hover::after,
.banners .banner-section .nav-bar .active::after {
  position: absolute;
  content: "";
  width: 3.5rem;
  height: 0.25rem;
  top: 80%;
  background: #ffffff;
}
.banners .banner-section .nav-bar .nav-item:hover,
.banners .banner-section .nav-bar .active {
  font-weight: 500;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.pages {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.5625rem;
}
.pages ul {
  width: max-content;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  box-sizing: border-box;
  margin: 0;
}
.pages ul a {
  display: inline-block;
  padding: 1.125rem 1.3125rem;
  margin-left: 0.0625rem;
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  line-height: 1.5rem;
  background-color: #e8e8e8;
}
.pages ul a.curr,
.pages ul a:hover {
  background-color: #088ee7;
  color: #fff;
}
.maxs {
  padding: 4.5625rem 9.375rem 0 9.375rem;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
}
.thematic-study-contnainer {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.thematic-study-contnainer .thematic {
  width: 100%;
  height: 100%;
  margin-bottom: 2.4rem;
}
.thematic-study-contnainer .thematic li:hover P {
  color: #007acb;
}
.thematic-study-contnainer .thematic li {
  width: calc(100% / 4);
  float: left;
  margin-left: 1.13rem;
  margin-right: 1.13rem;
  box-sizing: border-box;
  width: 22.8125rem;
  height: 10.9375rem;
  margin-bottom: 2.78rem;
}
.thematic-study-contnainer .thematic li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.thematic-study-contnainer .thematic li a {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.thematic-study-contnainer .thematic li a i {
  display: flex;
  width: 100%;
  height: 8.26rem;
  overflow: hidden;
}
.thematic-study-contnainer .thematic li a i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thematic-study-contnainer .thematic li a p {
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  font-weight: 500;
  font-size: 1.25rem;
  text-align: center;
  color: #333333;
}
.specia-list {
  padding: 2rem 9.375rem 0 9.375rem;
  background-color: #ffffff;
}
.specia-list .specia-list-ul {
  margin-bottom: 2.75rem;
}
.specia-list .specia-list-ul li a:hover span {
  color: #1169b8 !important;
}
.specia-list .specia-list-ul li a {
  height: 6.5625rem;
  line-height: 6.5625rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #f0f0f0;
  font-size: 1.25rem;
  font-weight: 400;
}
.specia-list .specia-list-ul li a span:nth-child(1) {
  flex: 1;
  padding-right: 3rem;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  color: #333333;
}
.specia-list .specia-list-ul li a span:nth-child(2) {
  width: 6.875rem;
  color: #999999;
}
.resource-ownload {
  padding: 2rem 9.375rem 0 9.375rem;
  background-color: #ffffff;
}
.resource-ownload .resource-ownload-ul {
  margin-bottom: 2.75rem;
}
.resource-ownload .resource-ownload-ul li a span:nth-child(1):hover {
  color: #1169b8 !important;
}
.resource-ownload .resource-ownload-ul li:hover a {
  border-bottom: 0.0625rem solid #1169b8;
}
.resource-ownload .resource-ownload-ul li a:hover span:nth-child(2) p {
  color: #1169b8 !important;
}
.resource-ownload .resource-ownload-ul li a:hover span:nth-child(2) p:nth-child(1)::after {
  background-image: url(../images/download-active.png);
}
.resource-ownload .resource-ownload-ul li a:hover span:nth-child(2) p:nth-child(2)::after {
  background-image: url(../images/eye-active.png);
}
.resource-ownload .resource-ownload-ul li a {
  height: 6.5625rem;
  line-height: 6.5625rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #f0f0f0;
  font-size: 1.25rem;
  font-weight: 400;
}
.resource-ownload .resource-ownload-ul li a span:nth-child(1) {
  flex: 1;
  padding-right: 3rem;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  color: #333333;
}
.resource-ownload .resource-ownload-ul li a span:nth-child(2) {
  display: flex;
  width: 9.5rem;
  justify-content: space-between;
}
.resource-ownload .resource-ownload-ul li a span:nth-child(2) p:nth-child(1) {
  position: relative;
  color: #333333;
}
.resource-ownload .resource-ownload-ul li a span:nth-child(2) p:nth-child(1)::after {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  left: -1rem;
  top: 41%;
  background-image: url(../images/xiazai-2.png);
  background-size: 100%;
  transform: translate(-50%);
  background-repeat: no-repeat;
}
.resource-ownload .resource-ownload-ul li a span:nth-child(2) p:nth-child(2) {
  position: relative;
  color: #333333;
  display:none;
}
.resource-ownload .resource-ownload-ul li a span:nth-child(2) p:nth-child(2)::after {
  position: absolute;
  content: "";
  top: 41%;
  transform: translate(-50%);
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: 100%;
  left: -1rem;
  background-image: url(../images/yulan.png);
}
.xsfc {
  padding: 4.5625rem 8.375rem 0 8.375rem;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.xsfc ul {
  padding-bottom: 0;
  box-sizing: border-box;
  background-color: #fff;
}
.xsfc ul li {
  width: calc(100% / 5);
  float: left;
  padding: 0 1rem;
  margin-bottom: 3.75rem;
  box-sizing: border-box;
}
.xsfc ul li a i {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.xsfc ul li a i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xsfc ul li a .text {
  background-color: #f1f1f1;
  padding: 0.5rem;
  box-sizing: border-box;
}
.xsfc ul li a .text h3 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  text-align: center;
}
.xsfc ul li a .text p {
  font-size: 1.25rem;
  line-height: 2.25rem;
  color: #333333;
  text-align: center;
}
.xsfc ul li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.xsfc ul li a:hover h3 {
  color: #007acb;
}
.xsfc .pages {
  margin-top: 0 !important;
}
.admission-rochure {
 
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
 padding: 4.5625rem 6.6875rem 0 6.6875rem
}
.admission-rochure .clearfix  {
  padding-bottom: 0;
  box-sizing: border-box;
  background-color: #fff;
  padding-bottom: 0.625rem;
    display:grid;
   grid-template-columns: repeat(4, 1fr); 
   gap:4rem 5rem;
}
.admission-rochure ul li {
  box-sizing: border-box;
}
.admission-rochure ul li a:hover .text > p {
  color: #007acb;
}
.admission-rochure ul li a i {
  display: flex;
  width: 100%;
  height: 29.5rem;
  overflow: hidden;
}
.admission-rochure ul li a i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.admission-rochure ul li a .text {
  box-sizing: border-box;
  line-height: 3.125rem;
}
.admission-rochure ul li a .text p {
  height: 3rem;
  font-size: 1.25rem;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 显示省略号 */
  color: #333333;
}
.admission-rochure ul li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.admission-rochure ul li a:hover h3 {
  color: #007acb;
}
.admission-rochure ul .pages {
  margin-top: 0 !important;
}
.colorful-campus {
  padding: 4.5625rem 8.25rem 0 8.25rem;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.colorful-campus ul {
  padding-bottom: 0;
  box-sizing: border-box;
  background-color: #fff;
  padding-bottom: 0.625rem;
}
.colorful-campus ul li {
  width: calc(100% / 3);
  float: left;
  padding: 0 1.125rem 1.875rem 1.125rem;
  box-sizing: border-box;
}
.colorful-campus ul li a:hover .text p {
  color: #088ee7;
}
.colorful-campus ul li a i {
  display: flex;
  width: 100%;
  height: 18.75rem;
  overflow: hidden;
}
.colorful-campus ul li a i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.colorful-campus ul li a .text {
  box-sizing: border-box;
  line-height: 3.75rem;
}
.colorful-campus ul li a .text p {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333333;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.colorful-campus ul li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.colorful-campus ul li a:hover h3 {
  color: #007acb;
}
.institution-setting {
  padding: 4.5625rem 7.5rem 0 7.5rem;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
}


.institution-setting h1{

  text-align: center;
  margin-bottom: 3rem;
}
.institution-setting ul:nth-of-type(1) ,.institution-setting ul:nth-of-type(2){
  display: flex!important;
  justify-content: center!important; /* 水平居中 */
  align-items: center!important;     /* 垂直居中 */
}
 .institution-setting ul:nth-of-type(1)  li, .institution-setting ul:nth-of-type(2)  li{
  border-top: none;
    width: calc(19%);
    padding: 1.5rem;
 }
 .institution-setting ul:nth-of-type(1)  li .name, .institution-setting ul:nth-of-type(2)  li .name{

  text-align: center;
 }
  .institution-setting ul:nth-of-type(1)  li .text,  .institution-setting ul:nth-of-type(2)  li .text{
    padding-top:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
 }
 .institution-setting ul:nth-of-type(2)  li:hover img{

    transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);

}
.institution-setting ul:nth-of-type(1)  li:hover img{

    transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);

}
.institution-setting ul {
  padding-bottom: 0;
  box-sizing: border-box;
  background-color: #fff;
  padding-bottom: 0.9375rem;
  display:grid;
  grid-template-columns:repeat(4,1fr)
}

.institution-setting>ul li:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.institution-setting ul li {
  margin: 0 1rem 2.5rem 1rem;
  box-sizing: border-box;

  border-top: 0.19rem solid #e77410;
  box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.07);
  padding: 2.0625rem;
}

.institution-setting ul li .imgs{
  width: 100%;
  height:20rem;
  margin-bottom: 1rem;
  text-align: center;
  overflow: hidden;

}
.institution-setting ul li .imgs img{
  background-size: 100% 100%;
  width: 100%;
   height:100%;
    object-position: center top; 
    object-fit: cover; 

  
}
.institution-setting ul li a {
  background: #ffffff;
  width: 100%;
  height: 100%;
}
.institution-setting ul li a .name {
  font-family: PingFang;
  font-weight: bold;
  font-size: 1.25rem;
  color: #1169b8 !important;
}
.institution-setting ul li a .text {
  padding-top: 1.25rem;
  box-sizing: border-box;
}
.institution-setting ul li a .text p {
  font-family: PingFang;
  line-height: 2.375rem;
  font-weight: 500;
  font-size: 1rem;
  color: #707070 !important;
  text-align: start;
  display: flex;
  justify-content: space-between;
}
.institution-setting ul li a a:hover h3 {
  color: #007acb;
}
.programme {
  padding: 2rem 9.375rem 0 9.375rem;
  background-color: #ffffff;
}
.programme ul {
  padding-top: 2.8125rem;
  padding-bottom: 3.125rem;
}
.programme ul li {
  margin-bottom: 2rem;
}
.programme ul li .title {
  box-sizing: border-box;
  padding-left: 1.25rem;
  padding-right: 0.9375rem;
  line-height: 4.125rem;
  background-color: #f5f5f5;
  display: flex;
  justify-content: space-between;
  font-size: 1.25rem;
  font-weight: bold;
  color: #333333;
}
.programme ul li .title span:nth-child(1) {
  flex: 1;
  padding-right: 3rem;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.programme ul li .title span:nth-child(2) {
  display: flex;
  align-items: center;
}
.programme ul li .title span:nth-child(2) img {
  background-repeat: no-repeat;
  width: 1.3125rem;
}
.programme ul li .detail {
  z-index: 9999;
  line-height: 2.25rem;
  padding: 1.875rem 4.375rem 1.75rem 1.875rem;
  font-size: 1rem;
  background: #f5f5f5;
  display: none;
  overflow-y: auto;
}
.programme ul li .detail p {
  font-size: 1rem;
}
.school-survey {
  background-color: #ffffff;
  padding: 5.25rem 9.375rem;
  box-sizing: 100%;
}
.school-survey img {
     margin: 1.8125rem 0 0.625rem 0;
    background-repeat: no-repeat;
    object-fit: cover;
    box-sizing: 100%;
    background-size: 100% 100%;
}
.school-survey p {
  font-size: 1rem;
  <!--line-height: 2.875rem;-->
  text-indent: 2;
  padding: 0.4rem 0;
}
.school-survey p strong{
   margin：1rem 0;

}
.info {
  background-color: #ffffff;
  padding: 5.3125rem 9.375rem 2.5rem 9.375rem;
}
.info .info-box {
  /*  .backlist a::before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      background-repeat: no-repeat;
      width: 1.125rem;
      height: .8125rem;
      background-image: url('../images/daohang.png');
      background-size: 100% 100%;
      margin-right: .9375rem;
    
    }  */
}
.info .info-box .img {
  text-align: center;
  margin-top: 4.875rem;
  text-indent: 0 !important;
}
.info .info-box .img img {
  max-width: 73%;
  object-fit: contain;
}
.info .info-box .num {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.25rem;
}
.info .info-box .num p {
  position: static;
  padding: 0;
  background-color: transparent;
  text-align: center;
  font-weight: 400;
  color: #bfbfbf;
  /*         width: 8.125rem;
 */
  height: 2.375rem;
  line-height: 2.375rem;
  border-radius: 1.125rem;
  margin-right: 1.4rem;
}
.info .info-box h3 {
  font-weight: 800;
  font-size: 1.625rem;
 display:flex;
 justify-content:center;
  color: #333333;
  
}
.info .info-box .text {
  /*       border-bottom: .0625rem solid #EBEBEB;
 */

}

.info .info-box .text table{

width:60%;
margin:0 auto;



}
.info .info-box .text table tbody{
width：80%；

}

.info .info-box .text p {
  position: static;
  background-color: transparent;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.875rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.info .info-box .text p img{
width：100%!important；
height：100% important；
background-size：100% 100%；
object-fit：cover；
}
.info .info-box .text p a{
width:100%;
height:100%;
display:block;

}
.info .info-box .text p a{
display:flex;
justify-content:center;

}
.info .info-box .text  p a img {
  text-align: center;
  object-fit:cover;
}
.info .info-box .syt {
  max-width: 50%;
}
.info .info-box .syt a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.125rem;
  color: #3a3a3a;
  line-height: 3rem;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.info .info-box .syt a:hover {
  color: #088ee7;
}
.info .info-box .info-bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info .info-box .backlist a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.25rem;
  height: 2.875rem;
  border-radius: 6rem;
  border: 0.125rem solid #ebebeb;
  font-weight: 500;
  font-size: 1.125rem;
  color: #666666;
}
.info .info-box .backlist a img {
  width: 1.125rem;
  height: 0.8125rem;
  margin-right: 0.625rem;
}
.info .info-box .backlist a {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.info .info-box .backlist:hover a {
  background-color: #088ee7;
  border: none;
  color: #fff;
}
.info .info-box .backlist:hover a img {
  filter: grayscale(100%) brightness(100);
  -webkit-filter: grayscale(100%) brightness(100);
}
.new-center {
  padding: 4.375rem 9.375rem 0 9.375rem;
  background-color: #ffffff;
}
.new-center ul li:hover a .right img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.new-center ul li a {
  height: 16.4375rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.875rem;
  background-color: #fff;
  margin-bottom: 1.875rem;
  border-bottom: 0.0625rem solid #efefef;
}
.new-center ul li a .left {
  position: relative;
  width: 75%;
}
.new-center ul li a .left .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 1.875rem;
}
.new-center ul li a .left .bot span:nth-child(1) {
  font-weight: 400;
  color: #000000;
  font-size: 0.875rem;
  color: #999999;
}
.new-center ul li a .left .bot span:last-child {
  font-weight: 400;
  font-size: 0.875rem;
  color: #999999;
  /*    position: absolute;
              bottom: 0;
              right: 0; */
  display: flex;
  align-items: center;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-center ul li a .left .bot span:last-child::after {
  content: "";
  display: flex;
  align-items: center;
  width: 1.5625rem;
  height: 0.625rem;
  background-image: url("../images/rightjiant.png");
  background-size: 100% 100%;
  margin-left: 0.625rem;
}
.new-center ul li a .left p {
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */
  display: box;
  /* 用于 Firefox */
  box-orient: vertical;
  overflow: hidden;
}
.new-center ul li a .left h3 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #000000;
  margin: 1.25rem 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-center ul li a .right {
  width: 20%;
  max-height: 15rem;
  overflow: hidden;
}
.new-center ul li a .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.new-center ul li a:hover {
  color: #088ee7;
  border-bottom: 0.0625rem solid #088ee7;
}
.new-center ul li a:hover h3 {
  color: #088ee7;
}
.new-center ul li a:hover .bot span:last-child {
  color: #088ee7;
}
.moral-character-management {
  padding: 4.375rem 9.375rem 0 9.375rem;
  background-color: #ffffff;
}
.moral-character-management ul li:hover a .right img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.moral-character-management ul li:hover a .left p:last-child {
  color: #088ee7;
}
.moral-character-management ul li a:hover p:last-child::after {
  background-image: url(../images/blue-arrow-active.png);
}
.moral-character-management ul li a {
  height: 15.3125rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding-bottom: 3.125rem;
  background-color: #fff;
  margin-bottom: 1.875rem;
  border-bottom: 0.0625rem solid #efefef;
}
.moral-character-management ul li a .left {
  position: relative;
  width: 75%;
}
.moral-character-management ul li a p {
  font-weight: 400;
  font-size: 0.875rem;
  color: #000000;
}

.moral-character-management ul li a .more{
  font-weight: 400;
  font-size: 0.875rem;
  color: #999999;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.moral-character-management ul li a h3 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #000000;
  margin: 1.25rem 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.moral-character-management ul li a h3 + p {
line-height:1.8rem;
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */
  display: box;
  /* 用于 Firefox */
  box-orient: vertical;
  overflow: hidden;
}
.kszy ul li a{
height: 13.3125rem!important;

}
.moral-character-management ul li a .more::after {
  content: "";
  display: flex;
  align-items: center;
  width: 1.5625rem;
  height: 0.625rem;
  background-image: url("../images/xwdt-ar.png");
  background-size: 100% 100%;
  margin-left: 0.625rem;
}
.moral-character-management ul li a .right {
  width: 20%;
  max-height: 15rem;
  overflow: hidden;
}
.moral-character-management ul li a .right img {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  object-fit: cover;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.moral-character-management ul li a:hover h3 {
  color: #088ee7;
}
.sysjs {
  padding: 4.375rem 9.375rem 0 9.375rem;
  background-color: #fff;
}
.sysjs .max ul {
  /*       padding: 2.125rem;
 */
  box-sizing: border-box;
  background-color: #fff;
  padding-bottom: 1.4375rem;
}
.sysjs .max ul li :hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.sysjs .max ul li {
  width: calc(100% / 2);
  float: left;
  padding: 1.25rem;
  box-sizing: border-box;
}
.sysjs .max ul li a .text:hover h3 {
  color: #088ee7;
}
.sysjs .max ul li a:hover P:nth-child(4) {
  background-color: #088ee7;
  color: #fff;
}
.sysjs .max ul li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 20.875rem;
  border: 0.0625rem solid #e5e5e5;
  padding: 1.88rem 1.94rem 2.31rem 2.56rem;
  box-sizing: border-box;
}
.sysjs .max ul li a .img {
  width:9.5625rem;
  height: 9.5625rem;
  overflow: hidden;
  display:flex;
   border-radius:50%;
  justify-content:center;
}
.sysjs .max ul li a .img img {
  width:9.5625rem;
  height: 9.5625rem;
  object-fit: cover;
  border-radius:50%;

}
.sysjs .max ul li a .text {
  width: 64%;
  position: relative;
}
.sysjs .max ul li a .text h3 {
    width: 100%;
    font-weight: 800;
    font-size: 1.5rem;
    color: #333333;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;          
    -webkit-line-clamp: 2;        
    -webkit-box-orient: vertical;  
    text-overflow: ellipsis;      
    line-height: 1.5;         
}
.sysjs .max ul li a .text span {
  position: relative;
  font-size: 1rem;
  color: #333333;
  display: block;
  margin-top: 0.625rem;
  margin-bottom: 2rem;
}
.sysjs .max ul li a .text span::after {
  content: "";
  display: flex;
  position: absolute;
  width: 2rem;
  height: 0.3125rem;
  background: #088ee7;
  bottom: -1.125rem;
  left: 0;
}
.sysjs .max ul li a .text p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.875rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 4;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */
  display: box;
  /* 用于 Firefox */
  box-orient: vertical;
  overflow: hidden;
}
.sysjs .max ul li a .text .lj {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -0.875rem;
  width: 6.9375rem;
  height: 2.0625rem;
  background: #f3f3f3;
  font-weight: 400;
  font-size: 1rem;
  color: #686868;
}
.professional-building {
  padding: 3.125rem 9.375rem 0 9.375rem;
  background-color: #ffffff;
  z-index:-1;
}
.professional-building .tabs {
  padding-bottom: 3rem;
  display:none;
}
.professional-building .tabs ul {
  display: flex;
  background: #f8f8f8;
}
.professional-building .tabs ul li {
  line-height: 3.625rem;
}
.professional-building .tabs ul li a {
  height: 3.625rem;
  padding: 0 2.875rem;
  font-size: 1rem;
  color: #333333;
  display: block;
}
.professional-building .tabs ul li .active,
.professional-building .tabs ul li a:hover {
  background: #1169b8;
  color: #ffffff !important;
}
.professional-building .list {
  padding-bottom: 2.3125rem;
}
.professional-building .list li {
  /* 悬停时文本变色 */
}
.professional-building .list li .title:hover span {
  color: #088ee7 !important;
  /* 使用!important强制优先级 */
  transition: color 0.3s ease;
  /* 添加平滑过渡 */
}
.professional-building .list li .title {
  box-sizing: border-box;
  line-height: 7rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.25rem;
  color: #333333;
  border-bottom: 0.0625rem solid #f0f0f0;
}
.professional-building .list li .title span:nth-child(1) {
  flex: 1;
  display: -webkit-box;
  /* 必须 */
  -webkit-box-orient: vertical;
  /* 必须 */
  -webkit-line-clamp: 1;
  /* 限制为2行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  color: #333333;
}
.professional-building .list li .title span:nth-child(2) {
  display: flex;
  align-items: center;
  color: #999999;
}
.professional-building .list li .detail {
  display: none;
}
.professional-building .list li .detail a {
  height: 16.4375rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.875rem;
  background-color: #fff;
  border-bottom: 0.0625rem solid #efefef;
}
.professional-building .list li .detail a .left {
  position: relative;
  width: 75%;
}
.professional-building .list li .detail a .left .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 1.875rem;
}
.professional-building .list li .detail a .left .bot span:nth-child(1) {
  font-weight: 400;
  color: #000000;
  font-size: 0.875rem;
  color: #999999;
}
.professional-building .list li .detail a .left .bot span:last-child {
  font-weight: 400;
  font-size: 0.875rem;
  color: #999999;
  /*    position: absolute;
                bottom: 0;
                right: 0; */
  display: flex;
  align-items: center;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.professional-building .list li .detail a .left .bot span:last-child::after {
  content: "";
  display: flex;
  align-items: center;
  width: 1.5625rem;
  height: 0.625rem;
  background-image: url("../images/rightjiant.png");
  background-size: 100% 100%;
  margin-left: 0.625rem;
}
.professional-building .list li .detail a .left p {
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */
  display: box;
  /* 用于 Firefox */
  box-orient: vertical;
  overflow: hidden;
}
.professional-building .list li .detail a .left h3 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #000000;
  margin: 1.25rem 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.professional-building .list li .detail a .right {
  width: 20%;
  max-height: 15rem;
  overflow: hidden;
}
.professional-building .list li .detail a .right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.professional-building .list li .detail a .right img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.professional-building .list li .detail a:hover h3,
.professional-building .list li .detail a:hover P {
  color: #088ee7;
}
.professional-building .list li .professional-active {
  display: block;
}
.professional-building .list li .title-active {
  display: none;
}
.hover-underslines {
  position: relative;
  display: inline-block;
}
.hover-underlines::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0.1875rem;
  bottom: 0.25rem;
  left: 50%;
  background-color: #ffffff;
  transform: translateX(-50%);
  transition: width 0.3s ease;
}
.hover-underlines:hover::after {
  width: 100%;
}
/* .hover-underlines-secondarys::after {
  background-color: #FF7D00;
}
 */
.party-masses-working {
  padding: 3.75rem 7.5rem 0 7.5rem;
  box-sizing: border-box;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.party-masses-working .list {
  width: 100%;
  height: 100%;
}
.party-masses-working .list li {
  width: calc(33% - 3.75rem);
  float: left;
  padding: 0 1.75rem 2.25rem 1.875rem;
}
.party-masses-working .list li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.party-masses-working .list li a:hover p {
  color: #088ee7;
}
.party-masses-working .list li a:hover .bot span:last-child {
  color: #088ee7;
}
.party-masses-working .list li a P {
  font-size: 1.25rem;
  margin-top: 0.625rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #333333;
  line-height: 2.375rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height:4.3rem;
}
.party-masses-working .list li a .bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #ededed;
  bottom: 1.875rem;
}
.party-masses-working .list li a .bot span:nth-child(1) {
  font-size: 1rem;
  color: #999999;
}
.party-masses-working .list li a .bot span:last-child {
  font-size: 1rem;
  color: #999999;
  margin-bottom: 1.5625rem;
  width: 6.0625rem;
  position: relative;
}
.party-masses-working .list li a .bot span:last-child::after {
  content: "";
  display: flex;
  align-items: center;
  position: absolute;
  width: 1.5625rem;
  height: 0.625rem;
  background-image: url("../images/xwdt-ar.png");
  background-size: 100% 100%;
  margin-left: 0.625rem;
  right: 0;
  top: 25%;
}
.party-masses-working .list li a .img {
  width: 100%;
  height: 19.5625rem;
  overflow: hidden;
}
.party-masses-working .list li a .img img {
  width: 100%;
  height: 100%;
  background-size:100% 100%;
  object-fit: cover;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.party-masses-working .list li a:hover h3 {
  color: #088ee7;
}
.party-masses-working .list li a:hover span:last-child::after {
  background-image: url("../images/blue-arrow-active.png");
}