.about-en{
  color: rgba(35,24,21,.5);
  line-height: 1.7;
  text-align: center;
  position: relative;
}
.about-en:before{
    content: "";
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 2.5vw;
    min-height: 25px;
    max-height: 40px;
    background: #ccc;
}
.about-bt{
  color: #231815;
  letter-spacing: 10px;
  text-align: center;
}
.section-intro{
    width: 100%;
    position: relative;
    background: url(../img/about/intro-bg.png) no-repeat top center;
}
.about-inner{
  display: flex;
  flex-wrap: wrap;
}
.about-inner .about-img{
  width: 50%;
  overflow: hidden;
  position: relative;
}
.about-inner .about-img:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.1);
  z-index: 1;
}
.about-inner .about-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}
.about-inner .about-img:hover img{
  transform: scale(1.05);
}
.about-inner .about-con{
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.about-inner .about-con .about-intro{
  color:#231815;
  line-height: 1.8;
  text-align: justify;
}
.about-ln{
  width:100%;
  position: relative;
}
.about-ln ul{
  width:100%;
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
}
.about-ln ul li{
    position: relative;
}
.about-ln ul li:before{
    content:"";
    position: absolute;
    top: 115%;
    left:50%;
    transform:translateX(-50%);
    width:15px;
    height:27px;
    background:url(../img/about/ln-arrow.png) no-repeat center;
    opacity: 0;
    transition:all .5s ease;
}
.about-ln ul li.cur:before{
    opacity: 1;
}
.about-ln ul li .ln-icon{
   width: 100%;
   height: 74px;
   padding: 0 4.8vw;
   position:relative;
}
.about-ln ul li .ln-icon:after{
    content: "";
    position: absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:8px;
    height:8px;
    border-radius: 50%;
    background:#c4c4c4;
}
.about-ln ul li .ln-icon img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    margin:0 auto;
    filter:grayscale(1) opacity(0.5);
}
.about-ln ul li.cur .ln-icon img{
    filter: none;
}
.about-ln ul li .ln-tt{
    text-align:center;
    color: #333;
    margin-top:15px;
}
.about-ln ul li.cur .ln-tt{
    color: var(--color);
}
.ln-box{
    width:100%;
    position:relative;
}
.ln-box .ln-con{
    width:100%;
    background:url(../img/about/ln-bg.png) no-repeat center;
    background-size:cover!important;
    display: none;
    animation: fadeInUp 1s forwards;
    box-shadow: 0 4px 30px rgba(112,147,149,.1);
}
.ln-box .ln-con.cur{
    display: block;
}
.ln-box .ln-con-inner{
    display: flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content: space-between;
    width:100%;
    height:320px;
    padding: 3.1vw 5.8vw;
}
.ln-box .ln-con .ln-con-icon{
    width:120px;
    text-align: center;
}
.ln-box .ln-con .ln-con-icon img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    margin:0 auto;
    filter:grayscale(1) brightness(500%);
}
.ln-box .ln-con .ln-con-icon h5{
    text-align: center;
    color: #fff;
}
.ln-box .ln-con .ln-intro{
    width:calc(85% - 120px);
    color: #fff;
    line-height: 2;
    height: 200px;
    overflow-y: auto;
}
.ln-box .ln-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #fff;
}
.about-num{
  width:100%;
  background:#f5f5f5;
  display: flex;
  flex-wrap: wrap;
}
.about-num li{
  width: 20%;
  text-align: center;
}
.about-num li .num-box{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: var(--color);
}
.about-num li .num-box span{
  line-height: 1;
}
.about-num li .num-box .num-unit{
  display: block;
  margin-bottom: 5px;
}
.about-num li .num-info{
  color: var(--color);
  margin-top: 10px;
}
.sz-ms{
    color:#231815;
    text-align: center;
    line-height: 1.8;
}
.section-sz .grid-sizer, .section-sz .grid-item {
  float: left; /* 建议加上左浮动 */
  width:calc((100% - 60px) / 4);
  position: relative;
  box-sizing: border-box;
  margin-bottom:20px;
  overflow: hidden;
  transition: all .5s ease;
}
.section-sz .grid-item:hover{
    transform: translateY(-10px);
}
.section-sz .gutter-sizer { 
  width: 20px; 
} 
.section-sz .grid-item:before{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:45%;
  background: linear-gradient(to top,rgba(255,255,255,.9),transparent);
}
.section-sz .grid-item img{
   width:100%;
   height:auto;
}
.section-sz .grid-item h6{
    width:100%;
    text-align:center;
    color:#333;
    position:absolute;
    bottom: 0;
    left:0;
    padding:15px 10px;
}
.section-fz{
    width: 100%;
    overflow: hidden;
    background: url(../img/about/fz-bg.png) no-repeat center;
    background-size: cover!important;
}
.section-fz .about-bt{
    color: #fff;
}
.section-fz .about-en{
    color: #fff;
}
.history-content{
  background:#fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.history-nr{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content: space-between;
}
.history-img{
  width: 50%;
  height:24vw;
  min-height: 210px;
  max-height: 450px;
  position: relative;
  overflow: hidden;
}
.history-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}
.history-img:hover img{
  transform: scale(1.05);
}
.history-intro{
  width: 50%;
  height: 100%;
  padding-left:10%;
  padding-right:10%;
}
.history-intro h3{
  color:#231815;
  line-height: 1.1;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s;
}
.history-intro p{
  color: #231815;
  line-height: 1.8;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1.3s;
}
.swiper-slide-active .history-intro h3{
  opacity: 1;
  transform: translateY(0);
}
.swiper-slide-active .history-intro p{
  opacity: 1;
  transform: translateY(0);
}
.history-time{
  width: 100%;
  position: relative;
  padding: 0 100px 10px;
}
.history-time .swiper:before{
  content: "";
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  height: 2px;
  background:rgba(255,255,255,.4);
}
.history-time .time-li{
  text-align:center;
  color:rgba(255,255,255,.6);
  position: relative;
  padding-bottom: 50px;
  cursor: pointer;
  font-weight: 500;
}
.history-time .time-li span{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 32px;
    transition: all .5s ease;
}
.history-time .swiper-slide-thumb-active .time-li{
  color: #fff;
  font-size: 24px;
}
.history-time .time-li:before{
  content: "";
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  transition: all .5s ease;
  opacity: 0;
}
.history-time .time-li:after{
  content: "";
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background: #fff;
  transform-origin:center;
  transition: all .5s ease;
}
.history-time .swiper-slide-thumb-active .time-li:before{
  opacity: 1;
}
.history-time .swiper-slide-thumb-active .time-li:after{
  background: #fff;
  border-color: rgba(255,255,255,.2);
}
.history-inner .history-btn{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 40px rgba(61, 67, 76, .1);
  cursor: pointer;
  transition: all .5s ease;
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
}
.history-inner .history-prev{
  left: 0;
}
.history-inner .history-next{
  right: 0;
}
.history-inner .history-btn.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
}
.history-inner .history-btn:not(.swiper-button-disabled):hover {
  background: var(--color);
}
.history-inner .history-btn img {
  width: auto;
  height: auto;
  max-width: 50%;
  max-height: 50%;
}
.section3{
  width: 100%;
  background:#f5f5f5;
}
.section3 .roll{
   width: 100%;
   overflow: hidden;
}
.section3 .roll ul {
    display: flex;
}
.section3 .roll li {
    width: 28vw;
    min-width: 120px;
    max-width: 520px;
    height: 17vw;
    min-height: 68px;
    max-height: 325px;
    overflow: hidden;
    margin:5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section3 .roll li img{
  width: 100%;
  height:100%;
  object-fit: cover;
  transition: all .5s ease;
  opacity: 0.5;
  cursor: pointer;
}
.section3 .roll li img:hover{
  opacity: 1;
}
.section3 .hj-pup{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  background: rgba(0,0,0,.8);
  z-index: 9999;
  display:none;
}
.section3 .hj-pup .hj_close{
	position: absolute;
	top: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	background: var(--color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: all .5s ease-in-out;
	z-index: 99;
}
.section3 .hj-pup .hj_close svg{
  width:20px;
  height: 20px;
  fill: #fff;
}
.section3 .hj-pup .hj_close:hover{
	transform: rotate(180deg);
}
.section3 .hj-pup .swiper{
  width: 100%;
  overflow: hidden;
}
.section3 .hj-pup .hj-item{
  width: 100%;
  height: 32vw;
  min-height: 210px;
  max-height: 600px;
  border-radius: 10px;
  overflow: hidden;
}
.section3 .hj-pup .hj-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition:all .5s ease;
  opacity: 0.5;
}
.section3 .swiper-slide-active .hj-item img{
  transform: scale(1);
  opacity: 1;
}
.section3 .swiper-slide-prev .hj-item img{
  transform: scale(0.8);
}
.section3 .swiper-slide-next .hj-item img{
  transform: scale(0.8);
}
.section3 .hj-pup .swiper-slide-active .hj-item img:hover{
  transform: scale(1.05);
}
.section3 .hj-pup .hj-con{
  padding: 0 10px;
}
.section3 .hj-pup .hj-bt{
  color: #fff;
  text-align: center;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease;
}
.section3 .hj-pup .hj-ms{
  color: #fff;
  line-height: 1.6;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1.4s ease;
}
.section3 .swiper-slide-active .hj-bt{
  opacity: 1;
  transform: translateY(0);
}
.section3 .swiper-slide-active .hj-ms{
  opacity: 1;
  transform: translateY(0);
}
.section3 .hj-pup .wrap1200{
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%,-50%);
  z-index: 99;
}
.section3 .hj-btn{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 40px rgba(61, 67, 76, .1);
  cursor: pointer;
  transition: all .5s ease;
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  z-index: 9;
}
.section3 .hj-prev{
  left: 0;
}
.section3 .hj-next{
  right: 0;
}
.section3 .hj-btn.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
}
.section3 .hj-btn:not(.swiper-button-disabled):hover {
  background: var(--color);
}
.section3 .hj-btn img {
  width: auto;
  height: auto;
  max-width: 50%;
  max-height: 50%;
}
.section-honor .wrap1680{
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.section-honor .honor-con{
  width: 32%;
}
.section-honor .honor{
  width: 61%;
  position: relative;
}
.section-honor .honor:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 94%;
  height: 100%;
  background:#f5f5f5;
}
.section-honor .honor-tit{
  color: #231815;
  line-height: 1.2;
  width: 80%;
}
.section-honor .roll{
   width: 100%;
   overflow: hidden;
}
.section-honor .roll ul{
    display: flex;
}
.section-honor .roll .honor-item{
  width: 21vw;
  max-width:400px;
  height: 14.4vw;
  min-height: 135px;
  max-height: 282px;
  margin:10px;
  position: relative;
}
.honor-item img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.section-honor .swiper-slide{
  width:50%;
  transition-property: transform;
  transition-duration: 600ms;
}
.section-honor .swiper-slide-next .honor-item img{
  opacity: .6;
}
.section-honor .swiper-slide-active .honor-item img{
  opacity: 1;
}
.section-dean{
  width: 100%;
  background: linear-gradient(to top,#f5f5f5,#fff);
}
.dean-li{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content: space-between
}
.dean-li .dead-img{
  width: 40%;
  height: 37.5vw;
  max-height: 720px;
  position: relative;
  overflow: hidden;
}
.dean-li .dead-img img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.dean-con{
  width: 50%;
  position: relative;;
}
.dean-con:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, rgba(0,56,139,1), rgba(0,56,139,.5));
}
.dean-con:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
  height: 2px;
  background:var(--color2);
}
.dean-name{
  color: #231815;
  line-height: 1.1;
}
.dean-position{
  color:#333;
}
.dean-title{
  color:#333;
  line-height: 2;
}
.dean-intro{
  color:#231815;
  line-height: 2.2;
}
.staff{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
}
.staff .staff-li{
  width: calc((100% - 40px) / 2);
  margin-right: 40px;
  margin-bottom: 140px;
  background: #fff;
  padding:0 2.6vw 2.6vw;
}
.staff .staff-li:nth-child(2n){
  margin-right: 0;
}
.staff .staff-li:last-child{
  margin-bottom: 0;
}
.staff .staff-li .staff-top{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
.staff-top .staff-img{
  width: 35%;
  height: 14.1vw;
  max-height: 270px;
  position: relative;
  margin-top: -100px;
}
.staff-top .staff-img img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.staff-top .staff-info{
  width: 57%;
}
.staff-info .staff-name{
  color: #231815;
}
.staff-info .staff-position{
  color: #231815;
}
.staff-info .staff-title{
  color: #231815;
  line-height: 1.3;
  margin-top: 6px;
}
.sz-box{
 width:100%;   
 position: relative;
}
.sz-box .big-img{
  width: 100%;
  height:0;
  padding-bottom:calc(9 / 16 * 100%);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.sz-box .big-img img{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05);
  transition: all 1s ease;
}
.sz-box .swiper-slide-active .big-img img{
  transform: scale(1);
}
.sz-box .small{
  position: absolute;
  left: 0;
  bottom:10px;
  width: 100%;
  padding:0px 60px;
  opacity: 0;
}
.sz-box .small .swiper{
  padding: 20px 0;
}
/* .section-sz .small .swiper .swiper-wrapper{
    justify-content: center;
} */
.sz-box .samll-img{
  position: relative;
  width: 100%;
  height: 8vw;
  min-height: 70px;
  max-height: 135px;
  overflow: hidden;
}
.sz-box .samll-img img{
  width: 100%;
  height: 100%;
  transition: all .5s ease;
}
.sz-box .samll-img:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}
.sz-box .swiper-slide{
  transition: all .5s ease;
}
.sz-box .swiper-slide-thumb-active{
  transform: translateY(-20px);
}
.sz-box .swiper-slide-thumb-active .samll-img:before{
  opacity: 0;
}
.sz-box .big-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5;
}
.sz-box .big-btn img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  filter: grayscale(1) brightness(500%);
  transition: all .5s ease;
}
.sz-box .big-btn.big-prev{
  left: 20px;
}
.sz-box .big-btn.big-next{
  right: 20px;
}
.sz-box .big-btn.swiper-button-disabled{
  opacity: 0.4;
  cursor: default;
}
.sz-box .big-btn:not(.swiper-button-disabled):hover img{
  filter: none;
}
@media only screen and (min-width: 1950px){
  .ln-box .ln-con-inner{
    padding:60px 110px;
  }
  .section-honor .wrap1680{
    width: 78%;
  }
  .staff .staff-li{
    padding:0 50px 50px;
  }
}
@media only screen and (min-width: 769px){
  .dean-li:nth-child(2n){
    flex-direction:row-reverse;
  }
  .dean-li:nth-child(2n) .dean-con:after{
    left: auto;
    right: 0;
  }
  .dean-con:before{
    background: linear-gradient(to left, rgba(0,56,139,1), rgba(0,56,139,.5));
  }
  .dean-li:nth-child(2n) .dean-con{
    text-align: right;
  }
  .staff .staff-li:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1400px){
    .about-ln ul li .ln-icon{
        height:60px;
    }
    .about-ln ul li:before{
        top:105%;
    }
}
@media only screen and (max-width: 1200px){
  .about-ln ul li .ln-icon{
    height:50px;
  }
  .section-honor .wrap1680{
    width: 95%;
  }
  .staff-info .staff-position{
    font-size: 14px;
    margin-top: 10px;
  }
  .staff-info .staff-title{
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px){
  .ny-cate .cate-li:hover span:before{
    width:0;
  }
  .about-en:before{
    top: 30px;
  }
  .about-inner .about-img{
    width: 100%;
  }
  .about-inner .about-en{
    text-align: center;
    margin-top: 0;
  }
  .about-inner .about-bt{
    text-align: center;
  }
  .about-inner .about-con .about-intro{
    margin-bottom: 0;
  }
  .about-ln ul{
    display: none;
  }
  .ln-box .ln-con{
    display: block;
    margin-bottom:20px;
  }
  .ln-box .ln-con:last-child{
    margin-bottom:0;
  }
  .ln-box .ln-con-inner{
    height:auto;
    padding:20px;
  }
  .ln-box .ln-con .ln-con-icon{
    width:100%;
  }
  .ln-box .ln-con .ln-con-icon img{
    max-width:50px;
  }
  .ln-box .ln-con .ln-con-icon h5{
    margin-top:15px;
    margin-bottom:20px;
    font-size:20px;
  }
  .ln-box .ln-con .ln-intro{
    width:100%;
    font-size:16px;
  }
  .about-num{
    justify-content: center;
    padding: 20px 0;
  }
  .about-num li{
    width: calc(100% / 2);
    padding: 20px 10px;
  }
  .sz-ms{
    text-align:left;
  }
  .section-sz .grid-sizer, .section-sz .grid-item {
    width:calc((100% - 10px) / 2);
    margin-bottom:10px;
  }
  .section-sz .gutter-sizer { 
    width: 10px; 
  } 
  .history-img{
    width: 100%;
  }
  .history-intro{
    width: 100%;
    padding: 30px 5%;
  }
  .history-inner .history-btn{
    width: 40px;
    height: 40px;
  }
  .history-time{
    padding: 0 50px;
  }
  .history-time .time-li{
    padding-bottom:40px
  }
  .section3 .hj-pup .swiper{
    width: 90%;
    margin: 0 auto;
  }
  .section3 .hj-pup .hj-ms{
    font-size: 12px;
  }
  .section3 .hj-pup .wrap1200{
    top: 50%;
  }
  .section3 .hj-btn{
    width: 36px;
    height: 36px;
  }
  .section-honor .wrap1680{
    width: 90%;
    margin-left:auto;
    margin-right: auto;
  }
  .section-honor .honor-con{
    width: 100%;
  }
  .section-honor .honor-tit{
    width: 100%;
  }
  .section-honor .honor-intro{
    text-align: justify;
  } 
  .section-honor .honor{
    width: 100%;
  }
  .section-honor .honor:before{
    display: none;
  }
  .section-honor .roll .honor-item{
    width:200px;
  }
  .dean-li .dead-img{
    width: 80%;
    height: 300px;
    margin: 0 auto;
  }
  .dean-con{
    margin-top: 20px;
    width: 100%;
  }
  .dean-intro{
    margin-top: 20px;
  }
  .dean-name{
    text-align: center;    
  }
  .dean-position{
    text-align: center;    
  }
  .dean-title{
    text-align: center;    
  }
  .staff{
    padding-top:100px;
  }
  .staff .staff-li{
    width: 100%;
    margin-right: 0;
    padding: 0 20px 20px;
  }
  .staff .staff-li:last-child{
    margin-bottom: 0;
  }
  .staff-top .staff-img{
    width: 80%;
    height: 270px;
    margin: -100px auto 0;
  }
  .staff-top .staff-info{
    width: 100%;
  }
.staff-info .staff-name{
  text-align: center; 
}
.staff-info .staff-position{
  text-align: center; 
}
.staff-info .staff-title{
  text-align: center; 
}
  .sz-box .small{
    display: none;
  }
}