/* banner */

.banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.banner .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;

}

.banner .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}


.banner .swiper-slide {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.banner .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 1s linear 2s;
  transform: scale(1, 1);
}

.banner .swiper-slide-active img,
.banner .swiper-slide-duplicate-active img {
  transition: 6s linear;
  transform: scale(1.05, 1.05);
}



.banner .swiper-banner-next {
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;;

  background-size: 100%;
  right: 4%;
  top: 50%;
  z-index: 5;
  cursor: pointer;
}

.banner .swiper-banner-prev {
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;;

  background-size: 100%;
  left: 4%;
  top: 50%;
  z-index: 5;
  cursor: pointer;
}


.banner .banner_button{
  width: 100%;
  margin: 0 auto;
  bottom: 0.8rem;
  position: absolute;
  left: 0;
  z-index: 9;
}


.banner .swiper-pagination{
  width: 84%;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

.banner .swiper-pagination .swiper-pagination-bullet{
  margin-right: 0.25rem;
  font-size: 0.18rem;
  color: #fff;
  line-height: 0.24rem;
  width: 0.24rem;
  height: 0.24rem;
  opacity: 1;
  background: none;
  text-align: center;

}


.banner .swiper-pagination .swiper-pagination-bullet-active{
  background: url(../images/bannerico.png) no-repeat center;
  background-size: 100%;
  color: rgba(255, 255, 255, 0);

}


.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
  content: 'prev';
  display: none;

}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
  display: none;
}


@media (max-width: 980px) {

  .banner .banner_button{
    bottom: 0.3rem;
  }
  
  
  .banner .swiper-pagination{
    width: 84%;
    margin: 0 auto;
    position: relative;
    text-align: center;
  }

  .banner .swiper-pagination .swiper-pagination-bullet{
    margin: 0 0.15rem;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.48rem;
    width: 0.48rem;
    height: 0.48rem;

  }

  .banner .swiper-pagination .swiper-pagination-bullet-active{

    color: rgba(255, 255, 255, 0);

  }

}



/* about */

.aboutbg{
width: 100%;
margin: 0 auto;
background: url(../images/aboutbg.jpg) no-repeat center;
background-size: cover;
overflow: hidden;
padding-bottom: 1.9rem;
position: relative;
}

.aboutbg .about{
margin: 0 auto;
padding-top: 1.37rem;
}

.aboutbg .about .ab_l{
float: left;
width: 49%;
}

.aboutbg .about .ab_l .txt{

}

.aboutbg .about .ab_l .txt h5{
font-size: 0.5rem;
color: #191919;
text-transform: uppercase;
font-weight: bold;

}

.aboutbg .about .ab_l .txt span{
display: block;
font-size: 0.36rem;
color: #0b6cb8;
font-weight: bold;
margin: 0.15rem 0 0.3rem 0;
}

.aboutbg .about .ab_l .txt p{
font-size: 0.2rem;
color: #191919;
line-height: 0.32rem;
height: 1.6rem;
overflow: hidden;
opacity: 0.7;
display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.aboutbg .about .ab_l .txt .more{
display: block;
font-size: 0.14rem;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
width: 1.5rem;
height: 0.5rem;
line-height: 0.5rem;
background: #0b6cb8;
border-radius: 13px;
text-align: center;
margin-top: 0.5rem;

}

.aboutbg .about .ab_l .ablist{
margin-top: 0.8rem;

}

.aboutbg .about .ab_l .ablist ul li{
float: left;
width: 30%;

}

.aboutbg .about .ab_l .ablist ul li:last-child{
width: 39%;
}

.aboutbg .about .ab_l .ablist ul li h5{
position: relative;

}

.aboutbg .about .ab_l .ablist ul li h5 span{
font-size: 0.94rem;
color: #0b6cb8;
font-weight: bold;
}

.aboutbg .about .ab_l .ablist ul li h5 i{
font-size: 0.54rem;
color: #0b6cb8;
font-weight: bold;
position: relative;
top: -0.33rem;
}

.aboutbg .about .ab_l .ablist ul li  em{
display: block;
font-size: 0.16rem;
color: #0b6cb8;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.7;
margin-top: 0.1rem;
}


.aboutbg .abimg{
position: absolute;
z-index: 9;
right: 0;
top: 0;
width: 50%;
margin-top: 1.63rem;

} 


.aboutbg .abimg::after{
position: absolute;
content: "";
right: 0%;
top: 0px;
width: 96%;
height: 90%;
z-index: -1;
background: url(../images/ablistbg.png) no-repeat top right;
background-size: 100%;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}


.aboutbg .abimg .mySwiper{
margin-top: 0.2rem;
position: relative;
z-index: 5;
overflow: hidden;
}

.aboutbg .abimg .mySwiper .swiper-slide{
position: relative;
z-index: 5;
}

.aboutbg .abimg .mySwiper .swiper-slide .pic{
position: relative;
width: 100%;
height: auto;
padding-top: 56.3%;
z-index: 4;

}

.aboutbg .abimg .mySwiper .swiper-slide .pic img{
display: block;
position: absolute;
right: 0;
top: 0px;
width: 100%;
height: 100%;
clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}


.aboutbg .xt{
content: "";
position: absolute;
top: 0;
left: 0;
background: url(../images/aboutxt.png) no-repeat top left;
background-size: contain;
pointer-events: none; 
width: 100%;
height: 100%;
z-index: 5;
}


.aboutbg .abimg  .about-pagination{
margin: 0.2rem 0 0 0.2rem;
position: relative;
bottom: 0;
}

.aboutbg .abimg  .about-pagination .swiper-pagination-bullet{
opacity: 1;
width: 0.18rem;
height: 0.06rem;
border: 1px solid #6aa4d2;
background: #6aa4d2;
border-radius: 45px;
margin-right: 0.08rem;
transform: scale(1);
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}


.aboutbg .abimg  .about-pagination .swiper-pagination-bullet-active{
background: #fff;
}

.aboutbg .abimg  .about-pagination::after{
content: "";
position: absolute;
top: 50%;
right: 0;
background: #6da7d4;
opacity: 0.3;
width: 87%;
height: 1px;
z-index: 5;
}



@media (max-width: 1440px){
.aboutbg .about .ab_l .ablist ul li h5 span{
  font-size: 0.8rem;
}

.aboutbg .about .ab_l .ablist ul li h5 i{
  font-size: 0.4rem;
  top: -0.33rem;
}
}

@media (max-width: 980px) {

.aboutbg{
  padding-bottom: 0.7rem;
}

.aboutbg .about{
  margin: 0 auto;
  padding-top: 0.7rem;
}

.aboutbg .about .ab_l{
  float: none;
  width: 100%;
}

.aboutbg .about .ab_l .txt{
  margin: 0 auto;
  text-align: center;

}

.aboutbg .about .ab_l .txt h5{
  font-size: 0.36rem;

}

.aboutbg .about .ab_l .txt span{
  display: block;
  font-size: 0.32rem;
  color: #0b6cb8;
  margin: 0.15rem 0 0.3rem 0;
}

.aboutbg .about .ab_l .txt p{
  font-size: 0.3rem;
  color: #191919;
  line-height: 0.45rem;
  height: 2.25rem;
  overflow: hidden;
  opacity: 0.7;
  text-align: left;
}

.aboutbg .about .ab_l .txt .more{
  display: inline-block;
  font-size: 0.26rem;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: auto;
  height: 0.7rem;
  line-height: 0.7rem;
  background: #0b6cb8;
  border-radius: 13px;
  margin: 0.5rem auto 0 auto;
  padding: 0 0.3rem;

}

.aboutbg .about .ab_l .ablist{
  margin-top: 0.5rem;
  overflow: hidden;

}

.aboutbg .about .ab_l .ablist ul li{
  float: left;
  width: 33%;
  text-align: center;

}

.aboutbg .about .ab_l .ablist ul li:last-child{
  width: 33%;
}


.aboutbg .about .ab_l .ablist ul li h5 span{
  font-size: 0.56rem;
}

.aboutbg .about .ab_l .ablist ul li h5 i{
  font-size: 0.38rem;

  top: -0.2rem;
}

.aboutbg .about .ab_l .ablist ul li  em{
  display: block;
  font-size: 0.26rem;
  letter-spacing: 0px;
  margin-top: 0.1rem;
}


.aboutbg .abimg{
  position: relative;
  z-index: 9;
  right: 0;
  top: 0;
  width: 100%;
  margin-top: 0.7rem;
} 


.aboutbg .abimg::after{
  position: absolute;
  content: "";
  right: 0%;
  top: 0px;
  width: 92%;
  height: 90%;
  z-index: -1;
  background: url(../images/ablistbg.png) no-repeat top left;
  background-size: 100%;
}



.aboutbg .abimg .mySwiper{
margin: 0rem auto;
position: relative;
z-index: 5;
overflow: hidden;
padding-top: 0.2rem;
width: 92%;
}

.aboutbg .abimg .mySwiper .swiper-slide .pic{
position: relative;
width: 100%;
height: auto;
padding-top: 56.3%;
z-index: 4;

}

.aboutbg .abimg .mySwiper .swiper-slide .pic img{
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}



.aboutbg .xt{
display: none;
}


.aboutbg .abimg  .about-pagination{
margin: 0.4rem 0 0 0.2rem;
position: relative;
bottom: 0;
}

.aboutbg .abimg  .about-pagination .swiper-pagination-bullet{
opacity: 1;
width: 0.3rem;
height: 0.12rem;
margin-right: 0.15rem;
}


.aboutbg .abimg  .about-pagination::after{
width: 73%;

}

}




/* title */

.title{
margin: 0 auto;
line-height: 0.5rem;
overflow: hidden;
}

.title h3{
float: left;
font-size: 0.5rem;
color: #191919;
font-weight: bold;
text-transform: uppercase;

}

.title .more{
display: block;
font-size: 0.14rem;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
width: 1.5rem;
height: 0.5rem;
line-height: 0.5rem;
background: #0b6cb8;
border-radius: 13px;
text-align: center;
float: right;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}


/* news */

.newsbg{
width: 100%;
margin: 0 auto;
background: url(../images/newsbg.jpg) no-repeat top center;
background-size: cover;
overflow: hidden;
padding-bottom: 1.42rem;
padding-top: 1.05rem;
}

.newsbg .news{
margin: 0 auto;
}

.newsbg .news .newsbox{
margin: 0.45rem auto 0 auto;
overflow: hidden;
}

.newsbg .news .newsbox ul li{
float: left;
width: 31.3%;
position: relative;
z-index: 5;
background: rgba(255, 255, 255, 0.7);
border-radius: 10px;
margin-right: 3%;
padding-top: 0.35rem;

}

.newsbg .news .newsbox ul li:last-child{
margin-right: 0;
}

.newsbg .news .newsbox ul li .newsimg{
position: relative;
margin: 0 auto;
width: 86%;
padding-top: 52%;
overflow: hidden;
border-radius: 15px;
}

.newsbg .news .newsbox ul li .newsimg img{
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 100%;
border-radius: 15px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;object-fit:cover;
}

.newsbg .news .newsbox ul li .txt{
margin: 0.35rem auto 0 auto;
width: 86%;
}

.newsbg .news .newsbox ul li .txt h5 a{
display: block;
font-size: 0.24rem;
color: #191919;
font-weight: bold;
line-height: 0.32rem;
height: 0.64rem;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.newsbg .news .newsbox ul li .txt p{
font-size: 0.16rem;
color: #191919;
line-height: 0.23rem;
height: 0.46rem;
overflow: hidden;
opacity: 0.7;
margin: 0.2rem auto 0.37rem auto;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.newsbg .news .newsbox ul li .txt .more{
border-top: 1px solid rgba(25, 25, 25, 0.15);
padding-top: 0.15rem;
padding-bottom: 0.45rem;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.newsbg .news .newsbox ul li .txt .more a{
display: block;
float: left;
width: 0.1rem;
height: 0.17rem;
background: url(../images/more.png) no-repeat center;
background-size: 100%;
margin-top: 0.1rem;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.newsbg .news .newsbox ul li .txt .more span{
display: block;
float: right;
font-size: 0.18rem;
color: #0b6cb8;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.newsbg .news .newsbox ul li .txt .more span i{
font-size: 0.3rem;
color: #0b6cb8;
font-weight: bold;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.newsbg .news .newsbox ul li::after{
position: absolute;
content: "";
left: 0;
top: 0px;
width: 100%;
height: 0;
z-index: -1;
background: url(../images/newslist.jpg) no-repeat center;
background-size: cover;
border-radius: 10px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}







@media (min-width: 980px){
.newsbg .news .newsbox ul li:hover::after{
  height: 100%;
}


.newsbg .news .newsbox ul li:hover .newsimg img{
  transform: scale(1.1);

}

.newsbg .news .newsbox ul li:hover .txt h5 a{
  color: #fff;
}

.newsbg .news .newsbox ul li:hover .txt p{
  color: #fff;
}

.newsbg .news .newsbox ul li:hover .txt .more{
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.newsbg .news .newsbox ul li:hover .txt .more a{
  background: url(../images/more1.png) no-repeat center;
  background-size: 100%;
}

.newsbg .news .newsbox ul li:hover .txt .more span{
  color: #fff;
}

.newsbg .news .newsbox ul li:hover .txt .more span i{
  color: #fff;
}

.title .more:hover{
  border-radius: 45px;
}
}




@media (max-width: 980px){

/* title */

.title{
line-height: 0.7rem;
}

.title h3{
float: left;
font-size: 0.46rem;

}

.title .more{
display: block;
font-size: 0.26rem;
letter-spacing: 2px;
width: auto;
height: 0.7rem;
line-height: 0.7rem;
float: right;
padding: 0 0.3rem;
}


/* news */

.newsbg{
padding-bottom: 1rem;
padding-top: 0.6rem;
}


.newsbg .news .newsbox{
margin: 0.4rem auto 0 auto;
}

.newsbg .news .newsbox ul li{
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 0.3rem;
padding-top: 0.4rem;

}



.newsbg .news .newsbox ul li .txt h5 a{
font-size: 0.32rem;
line-height: 0.4rem;
height: 0.8rem;
}

.newsbg .news .newsbox ul li .txt p{
font-size: 0.3rem;
line-height: 0.35rem;
height: 0.7rem;
margin: 0.25rem auto 0.37rem auto;
}

.newsbg .news .newsbox ul li .txt .more{
padding-top: 0.2rem;
padding-bottom: 0.45rem;

}

.newsbg .news .newsbox ul li .txt .more a{
display: block;
float: left;
width: 0.2rem;
height: 0.34rem;
margin-top: 0.1rem;
}

.newsbg .news .newsbox ul li .txt .more span{
font-size: 0.3rem;
margin-top: 0.1rem;
}

.newsbg .news .newsbox ul li .txt .more span i{
font-size: 0.28rem;
}



}



/* Admissions */


.Admissionsbg{
margin: 1.7rem auto 0 auto;
width: 100%;
position: relative;
z-index: 5;
padding-bottom: 1.2rem;
min-height: 6.9rem;
}

.Admissionsbg::after{
position: absolute;
content: "";
right: 0;
bottom: 0px;
width: 92.5%;
height: 5.8rem;
z-index: -1;
background: url(../images/Admissionsimg.jpg) no-repeat bottom center;
background-size: 100%;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}


.Admissionsbg .Admissionsimg{
position: absolute;
right: 0;
bottom: 0;
width: 92.5%;
z-index: -1;
}

.Admissionsbg .Admissionsimg img{
width: 100%;
height: 100%;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}

.Admissionsbg .Admissionsbox{
margin: 0 auto;
overflow: hidden;
}

.Admissionsbg .Admissionsbox .title{
float: left;
margin-top: 0.63rem;
width: 37%;
}

.Admissionsbg .Admissionsbox .Admissions_nr{
float: right;
background: #0065b5;
background-size: 100%;
border-radius: 15px;
width: 37%;

}

.Admissionsbg .Admissionsbox .Admissions_nr dl{
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
overflow: hidden;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl:nth-child(1){
padding-top: 0.3rem;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}



.Admissionsbg .Admissionsbox .Admissions_nr dl dt{
height: 0.48rem;
line-height: 0.48rem;
padding: 0.36rem 0;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dt h5{
display: block;
margin-left: 6%;
font-size: 0.24rem;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.Admissionsbg .Admissionsbox .Admissions_nr dl dt h5 a{


font-size: 0.24rem;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}




.Admissionsbg .Admissionsbox .Admissions_nr dl dt img{
display: block;
float: left;
width: 0.48rem;
height: 0.48rem;
margin-right: 5%;

}

.Admissionsbg .Admissionsbox .Admissions_nr dl .nr{
margin-left: 13.5%;
width: 72%;
height: 0;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}



.Admissionsbg .Admissionsbox .Admissions_nr dl dd{
height: 0.64rem;
line-height: 0.64rem;
position: relative;
z-index: 5;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd a{
display: block;
padding: 0 5.5%;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd a span{
display: block;
float: left;
font-size: 0.24rem;
color: #fff;
text-transform: capitalize;
background: url(../images/itemico2.png) no-repeat left center;
padding-left: 0.4rem;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd a i{
display: block;
float: right;
background: url(../images/more.png) no-repeat center;
background-size: 100%;
width: 0.1rem;
height: 0.17rem;
opacity: 0;
margin-top: 0.23rem;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}


.Admissionsbg .Admissionsbox .Admissions_nr dl:nth-child(1) dt a{
font-size: 0.3rem;

}

.Admissionsbg .Admissionsbox .Admissions_nr dl:nth-child(2){
background: #0073c9;

}

.Admissionsbg .Admissionsbox .Admissions_nr dl:nth-child(3){
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}


.Admissionsbg .Admissionsbox .Admissions_nr dl dd::after{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background: #fff;
border-radius: 45px;
content: "";
z-index: -1;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd.on::after{
width: 100%;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd.on a span{
color: #0e89db;

}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd.on a span{
background: url(../images/itemico1.png) no-repeat left center;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd.on a i{
opacity: 1;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl.on{
background: #0e89db url(../images/Admissionslist.jpg) no-repeat top center;
background-size: 100%;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl.on .nr{
height: auto;
padding-bottom: 0.45rem;
}

@media (max-width: 980px){
.Admissionsbg{
  margin: 0.5rem auto 0 auto;
  padding-bottom: 1.2rem;
  min-height: auto;
}

.Admissionsbg::after{
  background: url(../images/Admissionsimg.jpg) no-repeat bottom center;
  background-size: 100%;

}


.Admissionsbg .Admissionsbox .title{
  float: none;
  margin-top: 0rem;
  width: 100%;
}

.Admissionsbg .Admissionsbox .Admissions_nr{
  float: none;
  background-size: 100%;
  border-radius: 15px;
  width: 100%;
  margin: 0.5rem auto 0 auto;
}


.Admissionsbg .Admissionsbox .Admissions_nr dl dt h5{
  display: block;
  margin-left: 6%;
  font-size: 0.28rem;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dt img{
  display: block;
  float: left;
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 5%;

}

.Admissionsbg .Admissionsbox .Admissions_nr dl .nr{
  margin-left: 13%;
  width: 75%;
}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd{
  height: 0.8rem;
  line-height: 0.8rem;
}


.Admissionsbg .Admissionsbox .Admissions_nr dl dd a span{
  font-size: 0.28rem;
  padding-left: 0.6rem;

}

.Admissionsbg .Admissionsbox .Admissions_nr dl dd a i{
  width: 0.2rem;
  height: 0.34rem;
  margin-top: 0.23rem;

}


.Admissionsbg .Admissionsbox .Admissions_nr dl.on .nr{
  padding-bottom: 0.6rem;
}


}












#fp-nav {
display: none;
font-size: 12px;
right: 0;
}

.section{
overflow: hidden;
position: relative;
height: 100%;
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
}







@media (min-width: 980px){
/* section1 */


.section1 {
width: 100%;
height: 100vh !important;
overflow: hidden;
}

.section1 .banner .swiper-slide img{
object-fit: cover;
}

.section2 {
width: 100%;
height: 100vh !important;
overflow: hidden;
background: url(../images/aboutbg.jpg) no-repeat top center;
background-size: cover;
}

.section2 .aboutbg{
background: none;
}



.section3 {
width: 100%;
height: 100vh !important;
overflow: hidden;
background: url(../images/newsbg.jpg) no-repeat top center;
background-size: cover;
}

.section3 .newsbg {
padding-top: 2.2rem;
}


.section4 {
width: 100%;
height: 100vh !important;
overflow: hidden;
background: url(../images/newsbg.jpg) no-repeat bottom center;
background-size: cover;
}


.section4 .Admissionsbg {
margin: 1.5rem auto 0 auto;
padding-bottom: 0rem;
}

.section4 .Admissionsbg::after {
height: 5.2rem;

}

.section4  .Admissionsbg .Admissionsbox .title {
margin-top: 0.33rem;
}

.section4  .Admissionsbg .Admissionsbox .Admissions_nr {
padding-top: 0rem;
}


.section5 {
width: 100%;
height: 610px !important;
overflow: hidden;
background: url(../images/footerbg.jpg) no-repeat top center;
background-size: cover;
}

.top_on {
position: relative;
transform: translateY(-0.8rem);
opacity: 0;
transition: all 1s ease 0s;
transition-delay: 0s;
}

.top_on1 {
position: relative;
transform: translateY(-0.8rem);
opacity: 0;
transition: all 1s ease 0s;
transition-delay: 0s;
}

.left_on {
position: relative;
transform: translateX(-1rem);
opacity: 0;
transition: all 1s ease 0s;
transition-delay: 0s;
}

.section.active .top_on {
transform: translateY(0rem);
opacity: 1;
transition-delay: 0.5s;
}

.section.active .top_on1 {
transform: translateY(0rem);
opacity: 1;
transition-delay: 0.8s;
}

.section.active .left_on {
transform: translateY(0rem);
opacity: 1;
transition-delay: 0.5s;
}

}



@media (max-width: 980px){


.section4 .Admissionsbg {
  margin: 0rem auto 0 auto;
  padding-top: 0.7rem;
  padding-bottom: 2.2rem;
  background: url(../images/newsbg.jpg) no-repeat bottom center;
  background-size: cover;
}

.section4 .Admissionsbg::after {
bottom: 1rem;

}

}