/* banner */

.banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 9;
}

.banner::after{
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/bannerbg.png) no-repeat top center;
  background-size: 100%;
  z-index: 2;
  pointer-events: none;
}



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

}

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


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

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

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


.banner .banner_button{
  position: absolute;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}




.banner .swiper-banner-next {
  position: relative;
  width: 0.15rem;
  height: 0.1rem;
  background: url(../images/bannerright.png) no-repeat center;
  background-size: 100%;
  right: 0%;
  top: 0%;
  z-index: 5;
  cursor: pointer;
  margin-top: 0.5rem;


}

.banner .swiper-banner-prev {
  position: relative;
  width: 0.15rem;
  height: 0.1rem;
  background: url(../images/bannerleft.png) no-repeat center;
  background-size: 100%;
  right: 0%;
  top: 0%;
  z-index: 5;
  cursor: pointer;

}


.banner .swiper-pagination{
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 5;
  bottom: 0rem;
  margin: 0 0 0.95rem -0.07rem;
  width: 0.15rem;
  color: rgba(255, 255, 255, 0);
}


.banner .swiper-pagination::after{
  position: absolute;
  right: 0.02rem;
  top: 0.5rem;
  content: "";
  z-index: -1;
  width: 1px;
  height: 0.8rem;
  background: rgba(255, 255, 255, 0.3);
}


.banner .swiper-pagination .swiper-pagination-current{
  color: #FFFFFF;
  font-size: 0.24rem;
  position: relative;
  padding-left: 0.15rem;
}

.banner .swiper-pagination .swiper-pagination-current::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "0";
  z-index: -1;
  color: #FFFFFF;
  font-size: 0.24rem;
}

.banner .swiper-pagination .swiper-pagination-total{
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.24rem;
  position: relative;
  padding-left: 0.15rem;
  top: 0.6rem;
}

.banner .swiper-pagination .swiper-pagination-total::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "0";
  z-index: -1;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.24rem;
}


.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;
}


.banner .headerht{
  position: absolute;
  left: 0;
  bottom: 0.4rem;
  width: 100%;


}

.banner .headerht span{
  width: 0.65rem;
  height: 0.65rem;
  position: relative;
  z-index: 5;
  display: block;
  margin: 0 auto;
  background: url(../images/mouse.png) no-repeat  center;
  background-size: 100%;
  animation: ht 1s infinite;
    -moz-animation: ht 1s infinite;
    /* Firefox */

    -webkit-animation: ht 1s infinite;
    /* Safari and Chrome */

    -o-animation: ht 1s infinite;
    /* Opera */

    cursor: pointer;
}

@keyframes ht {
  0% {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
  50% {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
 }
  100% {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
 }
  @-moz-keyframes ht {
  0% {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
  50% {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
 }
  100% {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
 }
  @-webkit-keyframes ht {
  0% {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
  50% {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
 }
  100% {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
 }
  @-o-keyframes ht {
  0% {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
  50% {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
 }
  100% {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
 }
 }
 





@media (max-width: 1024px){

  .banner .swiper-container {

    width: 100%;
}

  .banner .swiper-slide img {
  
    height: 100%;

}

.banner .banner_button{
  right: 0rem;
  top: auto;
  bottom: 0.3rem;
  width: 100%;
}

.banner .swiper-pagination {

  position: absolute;
  z-index: 5;
  bottom: 0.3rem;
  margin: 0 0 0rem -0rem;
  width: auto;
  left: 0.3rem;
}

.banner .swiper-pagination::after {
  position: absolute;
  right: auto;
  left: 0.45rem;
  top: 48%;
  transform: translateY(-48%);
  content: "";
  z-index: -1;
  width: 0.5rem;
  height: 1px;
}

.banner .swiper-pagination .swiper-pagination-current {
  padding-left: 0.15rem;
  float: left;
}

.banner .swiper-pagination .swiper-pagination-total {

  float: left;
  padding-left: 0.15rem;
  top: 0rem;
  margin-left: 0.9rem;
}


.banner .swiper-banner-prev {
  position: absolute;
  width: 0.3rem;
  height: 0.2rem;
  right: 0.3rem;
  top: auto;
  bottom: 0.9rem;
}

.banner .swiper-banner-next {
  position: absolute;
  width: 0.3rem;
  height: 0.2rem;
  right: 0.3rem;
  top: auto;
  bottom: 0.3rem;
}



.banner .headerht{
  display: none;
}

}



/* title */

.title{
  margin: 0 auto;
}

.title h3{
  text-align: center;
  text-transform: capitalize;
  font-size: 0.68rem;
  font-family: "PoppinsMedium";
   line-height: 0.7rem;
   color: #fff;
   -webkit-background-clip: text; 

   -webkit-text-fill-color: transparent; 
}

.titlemore{
  margin: 0 auto;
  width: 2.1rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background: url(../images/more1.png) no-repeat  center;
  background-size: 100%;
}

.titlemore a{
  display: block;
  padding: 0 0.35rem;
  width: 100%;
  height: 100%;


}

.titlemore a i{
  display: block;
  font-size: 0.2rem;
  color: #FFFFFF;
  background: url(../images/more.png) no-repeat right center;
  background-size: 0.14rem 0.14rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@supports (-webkit-background-clip: text) or (background-clip: text) {

  .title h3{
    background: linear-gradient(
      270deg
      , #875FF4 20%, #6769FF 35%, #FFFFFF 75%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;

  }
}


/* Publications */

.Publicationsbg{
  margin: 0 auto;
  width: 100%;
}


.Publicationsbg .Publications{
  padding-top: 1.2rem;

}


.Publicationsbg::after{
  position: absolute;
  left: 0rem;
  bottom: 0.1rem;
  content: "";
  z-index: -1;
  width: 100%;
  height: 3.18rem;
  background: url(../images/probg.png) no-repeat bottom center;
  background-size: 100% 100%;
  animation: float 5s ease-in-out infinite;
}


@keyframes float {

  0%, 100% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(-20px); /* 上下浮动幅度 */

  }

}


.Publicationsbg .Publications .Publicationsbox{
  margin: 0.6rem auto 0.6rem auto;
  position: relative;
  z-index: 9;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide{
  position: relative;
  width: 60%  !important;
  height: 5rem;

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .nr{
  margin-top: 0.2rem;

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .nr a{
  display: block;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .pic1{
  position: relative;
  width: 2.3rem;
  height: 4.6rem;
  overflow: hidden;
  border-radius: 0.14rem;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .pic1 img{
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.14rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-prev .pic1{
  right: 1.1rem;
  position: absolute;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-next .pic1{
  left: 1.1rem;
  position: absolute;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-prev-ie .pic1{
  right: 0rem;
  position: absolute;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-next-ie .pic1{
  left: 0rem;
  position: absolute;
}


.Publicationsbg .Publications .Publicationsbox .swiper-slide .txt{
  position: relative;
  width: calc(100% - 3.3rem);
  display: none;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .txt h5{
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.34rem;
  height: 0.68rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-left: 0.4rem;
  width: 80%;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .txt .pic2{
  width: 100%;
  height: 3.3rem;
  background: #FFFFFF;
  overflow: hidden;
  position: absolute;
  bottom: 0;

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .txt .pic2 img{
  position: absolute;
  left: 2%;
  top: 2%;
  width: 96%;
  height: 96%;
  object-fit: contain;
  border-radius: 0.14rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}




.Publicationsbg .Publications .Publicationsbox .swiper-slide-active{

  height: 5rem;
  border-radius: 0.14rem;
  background: linear-gradient(241deg, #CF5AC1 -21%, #1A1F8A 81%);

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-active .nr{
  padding: 0.4rem 0.4rem;
  margin-top: 0rem;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-active .pic1{
  border-radius: 0rem;
  width: 3.3rem;
  height: 4.2rem;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-active .pic1 img{

  border-radius: 0rem;

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-active .txt{
 display: block;

}

.Publicationsbg .Publications .Publicationsbox .pro-next{
  position: absolute;
  right: 15%;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: url(../images/proright.png) no-repeat  center;
  background-size: 100%;
  width: 0.98rem;
  height: 0.98rem;
  z-index: 10;

}


.Publicationsbg .Publications .Publicationsbox .pro-prev{
  position: absolute;
  left: 15%;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: url(../images/proleft.png) no-repeat  center;
  background-size: 100%;
  width: 0.98rem;
  height: 0.98rem;
  z-index: 10;
}


/* Members */

.Membersbg{
  margin: 0 auto;
}


.Membersbg .Members{
  padding-top: 1.2rem;

}


.Membersbg .Members .Membersbox{
  margin: 0.6rem -0.55rem 0 -0.55rem;
  position: relative;
}

.Membersbg .Members .Membersbox .swiper-container{

}

.Membersbg .Members .Membersbox .swiper-slide{
  position: relative;
  z-index: 5;
}


.Membersbg .Members .Membersbox .swiper-slide::after{
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  z-index: -1;
  width: 1px;
  height: 3.86rem;
  background: rgba(226, 226, 226, 0.1);

}


.Membersbg .Members .Membersbox .swiper-slide .nr{
  position: relative;
  width: 78%;
  height: 5.15rem;
  margin: 0 auto;
  border-radius: 0.14rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Membersbg .Members .Membersbox .swiper-slide .nr a{
  display: block;
}

.Membersbg .Members .Membersbox .swiper-slide .nr .pic{
  position: relative;
  width: 100%;
  height: 3.86rem;
  border-radius: 0.14rem;
}

.Membersbg .Members .Membersbox .swiper-slide .nr .pic img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.14rem;
  object-fit: cover;
  object-position: top;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Membersbg .Members .Membersbox .swiper-slide .nr .txt{
  padding: 0.2rem 0.25rem 0 0.25rem;

} 

.Membersbg .Members .Membersbox .swiper-slide .nr .txt h5{
  font-size: 0.32rem;
  color: #FFFFFF;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;  
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Membersbg .Members .Membersbox .swiper-slide .nr .txt p{
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-top: 0.07rem;
}


.Membersbg .Members .Membersbox .team_button{
  margin: 0.5rem auto 0 auto;
  height: 0.5rem;
  position: relative;
  z-index: 5;
}

.Membersbg .Members .Membersbox .team_button .cont{
  margin: 0 auto;
  width: 4.3rem;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.Membersbg .Members .Membersbox .team_button::after{
  position: absolute;
  right: 0px;
  top: 50%;
  content: "";
  z-index: -1;
  width: 5.5rem;
  height: 1px;
  background:  rgba(255, 255, 255, 0.2);
}

.Membersbg .Members .Membersbox .team_button::before{
  position: absolute;
  left: 0px;
  top: 50%;
  content: "";
  z-index: -1;
  width: 5.5rem;
  height: 1px;
  background:  rgba(255, 255, 255, 0.2);
}

.Membersbg .Members .Membersbox .team_button .team-prev{
  cursor: pointer;
  margin: 0 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/team_left1.png) no-repeat  center;
  background-size: 100%;
}

.Membersbg .Members .Membersbox .team_button .team-next{
  cursor: pointer;
  margin: 0 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/team_right.png) no-repeat  center;
  background-size: 100%;
}



/* News */

.Newsbg{
  width: 100%;
  margin: 0 auto;


}

.Newsbg::after{
  position: absolute;
  right: 0.8rem;
  bottom: 0;
  content: "";
  z-index: -1;
  width: 80%;
  height: 2.29rem;
  background: url(../images/newsico1.png) no-repeat right center;
  background-size: 100%;
}


.Newsbg::before{
  position: absolute;
  right: 0rem;
  top: 0;
  content: "";
  z-index: -1;
  width: 7.5rem;
  height: 4.85rem;
  background: url(../images/newsico.png) no-repeat right center;
  background-size: 100%;
  animation: circle1 15s linear 0s infinite;
}


@keyframes circle1 {
  0% {
    transform:rotate(0)
  }
  100% {
    transform:rotate(360deg)
  }
}

.Newsbg .News{
  margin: 0 auto;
  padding-top: 1.2rem;
}

.Newsbg .News .title{
  align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Newsbg .News .titlemore{
  margin: 0;
}

.Newsbg .News .newsbox{
  margin: 0.4rem auto 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}


.Newsbg .News .newsbox .left{
  width: 61%;
  position: relative;
  z-index: 5;

}

.Newsbg .News .newsbox .left::after{
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  width: 1px;
  height: 4.78rem;
  background: rgba(226, 226, 226, 0.1);
}

.Newsbg .News .newsbox .left .slide-c1p{
  width: 91.4%;
}

.Newsbg .News .newsbox .left .swiper-slide{
  position: relative;
}

.Newsbg .News .newsbox .left .swiper-slide a{
  display: block;
}

.Newsbg .News .newsbox .left .swiper-slide .txt{
  font-size: 0.28rem;
  color: #FFFFFF;
  line-height: 0.4rem;
  height: 0.8rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Newsbg .News .newsbox .left .swiper-slide .pic{
  width: 100%;
  padding-top: 53.5%;
  border-radius: 0.14rem;
  position: relative;
  overflow: hidden;
  margin-top: 0.4rem;
} 

.Newsbg .News .newsbox .left .swiper-slide .pic img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.14rem;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
} 

.Newsbg .News .newsbox .left .swiper-slide .time{
  position: absolute;
  left: 0;
  top: 0;
  width: 2.55rem;
  height: 0.55rem;
  line-height: 0.55rem;
  background: url(../images/timebg.png) no-repeat left top;
  background-size: 100% 100%;
  padding: 0rem 0.2rem 0 0.2rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Newsbg .News .newsbox .left .swiper-slide .time i{
  display: block;
  background: url(../images/timeico.png) no-repeat left center;
  background-size: 0.13rem 0.14rem ;
  padding-left: 0.25rem;
  color: #FFFFFF;
  font-size: 0.18rem;
}


.Newsbg .News .newsbox .right{
  width: 34%;
  margin-top: 2.5rem;
  
}

.Newsbg .News .newsbox .right .swiper-slide{
  position: relative;
}

.Newsbg .News .newsbox .right .swiper-slide .pic{
  width: 5.16rem;
  height: 2.9rem;
  border-radius: 0.14rem;
  position: relative;
  overflow: hidden;
}


.Newsbg .News .newsbox .right .swiper-slide .pic img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.14rem;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}



.Newsbg .News .newsbox .swiBtn{
  position: absolute;
  right: 0;
  top: 1.15rem;
  width: 0.92rem;
  height: 0.92rem;
}

.Newsbg .News .newsbox .swiBtn .news-next{
  background: url(../images/newsright.png) no-repeat  center;
  background-size: 100%;
  width: 0.54rem;
  height: 0.54rem;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.Newsbg .News .newsbox .swiBtn .news-prev{
  background: url(../images/newsleft.png) no-repeat  center;
  background-size: 100%;
  width: 0.54rem;
  height: 0.54rem;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
}

.Newsbg .News .newsbox .News-pagination{
  position: absolute;
  right: 4.25rem;
  top: 1.45rem;
  bottom: auto;
  left: auto;
  width: auto;
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.2rem;
}

.Newsbg .News .newsbox .News-pagination .swiper-pagination-current{
  color: #FFFFFF ;
  font-size: 0.4rem;
  position: relative;
  padding-left: 0.25rem;
}

.Newsbg .News .newsbox .News-pagination .swiper-pagination-current::after{
  position: absolute;
  left: 0;
  top: 0;
  content: "0";
  z-index: -1;
  color: #FFFFFF ;
  font-size: 0.4rem;
}

.Newsbg .News .newsbox .News-pagination .swiper-pagination-total{
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.2rem;
  position: relative;
  padding-left: 0.15rem;
}


.Newsbg .News .newsbox .News-pagination .swiper-pagination-total::after{
  position: absolute;
  left: 0;
  top: 0;
  content: "0";
  z-index: -1;
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.2rem;
}




/* Photo */

.Photobg{
  width: 100%;
  margin: 0 auto;
}


.Photobg .Photo{
  margin: 0 auto;
  padding-top: 1.2rem;
}

.Photobg .Photo .titlemore{
  margin: 0.4rem auto 0 auto;
}


.Photobg .Photo .Photobox{
  position: relative;
  height: 6.2rem;

}


.Photobg .Photo .Photobox ul li{
  position: relative;
}

.Photobg .Photo .Photobox ul li a{
  display: block;
}

.Photobg .Photo .Photobox ul li .pic{
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.15rem;
  overflow: hidden;
}

.Photobg .Photo .Photobox ul li .pic img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.15rem;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Photobg .Photo .Photobox ul li .txt{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 69%;
  height: 1.01rem;
  background: url(../images/fc_txt.png) no-repeat left bottom;
  background-size:100% 100%;
  padding: 0.2rem 0.4rem 0 0.4rem;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Photobg .Photo .Photobox ul li .txt h5{
  font-size: 0.26rem;
  color: #FFFFFF;
  line-height: 0.34rem;
  height: 0.68rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}


.Photobg .Photo .Photobox ul li:nth-child(1){
  position: absolute;
  top: -0.5rem;
  left: 0;
  width: 3.9rem;
  height: 2.2rem;
}

.Photobg .Photo .Photobox ul li:nth-child(2){
  position: absolute;
  top: 2rem;
  left: 0;
  width: 3.9rem;
  height: 2.93rem;
}

.Photobg .Photo .Photobox ul li:nth-child(3){
  position: absolute;
  top: 0.55rem;
  left: 4.22rem;
  width: 6.8rem;
  height: 5.12rem;
}

.Photobg .Photo .Photobox ul li:nth-child(3) .txt{
  opacity: 1;
}

.Photobg .Photo .Photobox ul li:nth-child(4){
  position: absolute;
  top: -0.5rem;
  right: 0;
  width: 3.9rem;
  height: 2.93rem;
}

.Photobg .Photo .Photobox ul li:nth-child(5){
  position: absolute;
  top: 2.75rem;
  right: 0;
  width: 3.9rem;
  height: 2.2rem;
}





  /* section1 */



    
    .section2 {
      position: relative;
      z-index: 9;
    width: 100%;
    height: 100vh !important;
    overflow: hidden;
    background: url(../images/page2.jpg) no-repeat bottom center;
    background-size: cover;
    }
    
  
    
    .section3 {
    width: 100%;
    height: 100vh !important;
    overflow: hidden;
    background: url(../images/page3.jpg) no-repeat bottom center;
    background-size: cover;
    }
    
  
    
    
    .section4 {
    width: 100%;
    height: 100vh !important;
    overflow: hidden;
    background: url(../images/page4.jpg) no-repeat bottom center;
    background-size: cover;
    position: relative;
    z-index: 5;
    }
    
    
      
    .section5 {
      width: 100%;
      height: 100vh !important;
      overflow: hidden;
      background: url(../images/page5.jpg) no-repeat bottom center;
      background-size: cover;
    }
  
    .section6 {
      width: 100%;
      height: 3.56rem !important;
      overflow: hidden;
  }


  @media (min-width: 1280px){
 
    .top_on {
      position: relative;
      transform: translateY(-0.6rem);
      opacity: 0;
      transition: all 0.6s ease 0s;
      transition-delay: 0s;
      }
      
      .top_on1 {
      position: relative;
      transform: translateY(-0.8rem);
      opacity: 0;
      transition: all 0.8s ease 0s;
      transition-delay: 0s;
      }
    
        
      .top_on2 {
        position: relative;
        transform: translateY(-0.6rem);
        opacity: 1;
        transition: all 0.6s ease 0s;
        transition-delay: 0s;
        }
    
      
      .left_on {
      position: relative;
      transform: translateX(-1rem);
      opacity: 0;
      transition: all 0.6s ease 0s;
      transition-delay: 0s;
      }
    
      .right_on {
        position: relative;
        transform: translateX(1rem);
        opacity: 0;
        transition: all 0.8s ease 0s;
        transition-delay: 0s;
        }
      
      .section.active .top_on {
      transform: translateY(0rem);
      opacity: 1;
      transition-delay: 0.5s;
      }
      
      .section.active .top_on1,  .section.active .top_on2 {
      transform: translateY(0rem);
      opacity: 1;
      transition-delay: 0.8s;
      }
      
      .section.active .left_on {
      transform: translateY(0rem);
      opacity: 1;
      transition-delay: 0.5s;
      }
    
      .section.active .right_on {
        transform: translateY(0rem);
        opacity: 1;
        transition-delay: 0.5s;
        }
    

  }

@media (min-width: 1024px){


  .section{
    overflow: hidden;
    position: relative;
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  
  /* 右侧导航 */
  #fp-nav {
    _display: none;
    font-size: 12px;
    right: 0;
  }
  
  #fp-nav li {
    margin: 0px 0 0;
    vertical-align: middle;
    width: 0.26rem !important;
    height: 0.9rem !important;
  
  }

  #fp-nav li:first-child{
    display: none;
  }

  #fp-nav li:last-child{
    display: none;
  }
  
  #fp-nav li a {
    float: right;
    width: 0.26rem;
    height: 0.9rem;
    color: #000;
    text-decoration: none;
    text-align: right;
    background: url(../images/dot.png) right center no-repeat;
    background-size: 100%;
  }
  
  #fp-nav .active {
    background: url(../images/dot1.png) right center no-repeat;
    background-size: 100%;
  }
  
  #fp-nav span {
    display: none;
  }
  
  .fullPage-tooltip {
    float: left;
    top: 0;
    margin-right: 5px;
    font: 12px "Microsoft Yahei";
    color: #8F9DA4;
    line-height: 21px;
  }
  
  
  #fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -0.05rem;
    color: #fff;
    font-size: 0.14rem;
    text-transform: capitalize;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: auto;
  }

  #fp-nav ul li .fp-tooltip.right {
    right: 0.4rem;
  }

  #fp-nav ul li .fp-tooltip.right.on{
    opacity: 1;
  }

  #fp-nav ul li:hover .fp-tooltip{
    opacity: 0;
  }
  
  .section1 {
    width: 100%;
    height: 100vh !important;
    background: url(../images/page1.jpg) no-repeat bottom center;
    background-size: cover;
    overflow: hidden;
    }
    

 
    .Photobg .Photo .Photobox ul li:hover .pic img{
      transform: scale(1.1);
    }

    .Photobg .Photo .Photobox ul li:hover .txt{
      opacity: 1;
    }


    .Membersbg .Members .Membersbox .swiper-slide:hover .nr{
      background: linear-gradient(201deg, #9345A7 60%, #212793 90%);
    }

    .Membersbg .Members .Membersbox .team_button .team-prev:hover{

      background: url(../images/team_left.png) no-repeat  center;
      background-size: 100%;
    }

    .Newsbg .News .newsbox .left .swiper-slide:hover .pic img{
      transform: scale(1.1);
    }

    .Newsbg .News .newsbox .right .swiper-slide:hover .pic img{
      transform: scale(1.1);
    }

    .titlemore:hover a i{
      letter-spacing: 1px;
    }
  
  }







  @media (max-width: 1024px){

    .section2 {
      height: auto !important;

      }
      
    
      
      .section3 {
        height: auto !important;
      }
      
    
      
      
      .section4 {
        height: auto !important;
      }
      
      
        
      .section5 {
        height: auto !important;
      }
    
      .section6 {
        height: auto !important;
      }

      
      .title h3{
        font-size: 0.42rem;
         line-height: 0.7rem;

      }
      
      .titlemore{
        margin: 0 auto;
        width: 2.5rem;
        height: 0.7rem;
        line-height: 0.73rem;
      }
      
      
      .titlemore a i{
        font-size: 0.25rem;
        background: url(../images/more.png) no-repeat right center;
        background-size: 0.18rem 0.18rem;
      }

      
      
      .Photobg .Photo{
        padding-top: 0.3rem;
        padding-bottom: 0.5rem;
      }
      
      .Photobg .Photo .titlemore{
        margin: 0.3rem auto 0 auto;
      }
      
      
      .Photobg .Photo .Photobox{
        margin: 0.45rem auto 0 auto;
        height: auto;
      
      }
      
      
      .Photobg .Photo .Photobox ul li{
        margin-bottom: 0.3rem;
      }

      .Photobg .Photo .Photobox ul li .pic{
        position: relative;
      }
      
      
      
      .Photobg .Photo .Photobox ul li .txt h5{
        font-size: 0.24rem;
        line-height: 0.34rem;
        height: 0.68rem;
      
      }
      
      
      .Photobg .Photo .Photobox ul li:nth-child(1){
        position: relative;
        top: 0rem;
        left: 0;
        width: 100%;
        height: auto;
      }

      .Photobg .Photo .Photobox ul li:nth-child(1) .pic{
        padding-top: 56%;
      }
      
      
      .Photobg .Photo .Photobox ul li:nth-child(2){
        position: relative;
        top: 0rem;
        left: 0;
        width: 100%;
        height: auto;
      }

      .Photobg .Photo .Photobox ul li:nth-child(2) .pic{
        padding-top: 68%;
      }
      
      .Photobg .Photo .Photobox ul li:nth-child(3){
        position: relative;
        top: 0rem;
        left: 0;
        width: 100%;
        height: auto;
      }

      .Photobg .Photo .Photobox ul li:nth-child(3) .pic{
        padding-top: 80%;
      }
      
      
      .Photobg .Photo .Photobox ul li:nth-child(4){
        position: relative;
        top: 0rem;
        right: 0;
        width: 100%;
        height: auto;
      }

      .Photobg .Photo .Photobox ul li:nth-child(4) .pic{
        padding-top: 68%;
      }
      
      .Photobg .Photo .Photobox ul li:nth-child(5){
        position: relative;
        top: 0rem;
        right: 0;
        width: 100%;
        height: auto;
      }
      
      .Photobg .Photo .Photobox ul li:nth-child(5) .pic{
        padding-top: 56%;
      }


.Membersbg .Members{
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
}


.Membersbg .Members .Membersbox{
  margin: 0.6rem -0rem 0 -0rem;
}




.Membersbg .Members .Membersbox .swiper-slide::after{
  display: none;

}


.Membersbg .Members .Membersbox .swiper-slide .nr{
  width: 90%;
  height: auto;
  background: linear-gradient(201deg, #9345A7 60%, #212793 90%);
}


.Membersbg .Members .Membersbox .swiper-slide .nr .pic{
  height: auto;
  padding-top: 127%;

}


.Membersbg .Members .Membersbox .swiper-slide .nr .txt{
  padding: 0.2rem 0.25rem 0.3rem 0.25rem;

} 

.Membersbg .Members .Membersbox .swiper-slide .nr .txt h5{
  font-size: 0.32rem;
}

.Membersbg .Members .Membersbox .swiper-slide .nr .txt p{
  font-size: 0.24rem;
  margin-top: 0.07rem;
}


.Membersbg .Members .Membersbox .team_button{
  height: 0.7rem;

}

.Membersbg .Members .Membersbox .team_button .cont{
  width: 74%;

}

.Membersbg .Members .Membersbox .team_button::after{
  width: 13%;
}

.Membersbg .Members .Membersbox .team_button::before{
  width: 13%;

}

.Membersbg .Members .Membersbox .team_button .team-prev{
  margin: 0 0.2rem;
}

.Membersbg .Members .Membersbox .team_button .team-next{
  margin: 0 0.2rem;
}



.Newsbg::before{

  width: 75%;
  height: 4.85rem;
  background: url(../images/newsico.png) no-repeat right top;
  background-size: 100%;
}


.Newsbg .News{
  margin: 0 auto;
  padding-top: 0.6rem;
}



.Newsbg .News .newsbox{
  margin: 0.6rem auto 0 auto;

}


.Newsbg .News .newsbox .left{
  width: 100%;
  padding-bottom: 0.4rem;

}

.Newsbg .News .newsbox .left::after{
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 1px;
  background: rgba(226, 226, 226, 0.1);
}

.Newsbg .News .newsbox .left .slide-c1p{
  width: 100%;
}




.Newsbg .News .newsbox .left .swiper-slide .pic{
  padding-top: 57%;

} 



.Newsbg .News .newsbox .left .swiper-slide .time{
  width: 3.55rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: url(../images/timebg.png) no-repeat left top;
  background-size: 100% 100%;
  padding: 0rem 0.2rem 0 0.2rem;

}

.Newsbg .News .newsbox .left .swiper-slide .time i{
  background: url(../images/timeico.png) no-repeat left 0.18rem;
  background-size: 0.18rem 0.19rem ;
  padding-left: 0.3rem;
  font-size: 0.25rem;
}


.Newsbg .News .newsbox .right{
  width: 100%;
  margin-top: 0.4rem;
  padding-bottom: 1.5rem;
  
}


.Newsbg .News .newsbox .right .swiper-slide .pic{
  width: 100%;
  height: auto;
  padding-top: 53%;
}





.Newsbg .News .newsbox .swiBtn{
  position: relative;
  right: 0;
  top: auto;
  bottom: 0;
  float: right;
  margin-top: 0.3rem;
}



.Newsbg .News .newsbox .News-pagination{
  position: relative;
  right: 0;
  top: auto;
  bottom: auto;
  left: auto;
  width: auto;
  font-size: 0.28rem;
  margin-top: 0.4rem;
  float: left;
}

.Newsbg .News .newsbox .News-pagination .swiper-pagination-current{
  font-size: 0.42rem;
  padding-left: 0.25rem;
}

.Newsbg .News .newsbox .News-pagination .swiper-pagination-current::after{
  font-size: 0.42rem;
}

.Newsbg .News .newsbox .News-pagination .swiper-pagination-total{
  font-size: 0.28rem;
  padding-left: 0.2rem;
}


.Newsbg .News .newsbox .News-pagination .swiper-pagination-total::after{
  font-size: 0.28rem;
}




.Publicationsbg .Publications{
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;

}




.Publicationsbg .Publications .Publicationsbox{
  margin: 0.6rem auto 0.6rem auto;

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide{
  position: relative;
  width: 100%  !important;
  height: 5rem;

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .nr{
  margin-top: 0rem;

}


.Publicationsbg .Publications .Publicationsbox .swiper-slide .pic1{

  width: 2.3rem;
  height: 4.6rem;

}



.Publicationsbg .Publications .Publicationsbox .swiper-slide-prev .pic1{
  right: 0rem;

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-next .pic1{
  left: 0rem;

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .txt{

  width: calc(100% - 3.2rem);

}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .txt h5{
  line-height: 0.4rem;
  height: 0.8rem;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide .txt .pic2{
  width: 100%;
  height: 3rem;


}




.Publicationsbg .Publications .Publicationsbox .swiper-slide-active .nr{
  padding: 0.3rem 0.3rem;
}

.Publicationsbg .Publications .Publicationsbox .swiper-slide-active .pic1{
  width: 3.2rem;
  height: 4.2rem;
}


.Publicationsbg .Publications .Publicationsbox .pro-next{
  right: 0%;
  width: 0.8rem;
  height: 0.8rem;


}


.Publicationsbg .Publications .Publicationsbox .pro-prev{
  left: 0%;
  width: 0.8rem;
  height: 0.8rem;

}





}


@media (max-width: 430px){
  .Publicationsbg .Publications .Publicationsbox .pro-next{
    right: -2%;

  
  
  }
  
  
  .Publicationsbg .Publications .Publicationsbox .pro-prev{
    left: -2%;

  
  }
}