html{width: 100%;overflow-x: hidden;}
h3{font-weight: bold;}
.banner{z-index: 999;width: 100%;}
.banner .swiper-slide{width: 100% !important;}
.banner .swiper-slide .inner{display: flex;align-items: center; position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .swiper-slide .inner .container{
  display: flex;
  justify-content: flex-end;
}
.banner .swiper-slide  img{width: 100%;}
.banner .swiper-slide .inner .container .in{
  width: 742px;
  height: 685px;
  background: url(../images/Polygon.png);
  color: #fff;
  background-size: cover;
  box-sizing: border-box;
  padding: 11rem 10rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.banner .swiper-slide .inner .container .in p{font-family: 'Roboto-Bold','Microsoft JhengHei';font-style: italic;font-size: 1.375rem;}
.banner .swiper-slide .inner .container .in .more{background-color: #E4F9FF;color: #0E6780;font-size: 14px;height: 32px;line-height: 33px;padding: 0 2.5rem 0 1.5rem;}
.banner .swiper-slide .inner .container .in .more i{background: url(../images/arrow2.svg) no-repeat top center;background-size: 100%;height: 32px;width: 37px;}

.banner .swiper-slide-active .in{animation: smoke 5s ease-in-out infinite;} 
.banner .swiper-button-prev{left: 5%;}
.banner .swiper-button-next{right: 5%;}
.banner .banner-pagination .swiper-pagination{bottom: 0;position: relative;width: auto; }
.banner .banner-pagination{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner .banner-pagination .swiper-play #bannerPlay{
  background: #fff;
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  position: relative;
  z-index: 9;
  margin: 0 0.5rem !important;
  border-radius: 50%;
  transform: scale(2);
  display: inline-block;
  cursor: pointer;
}
.banner .banner-pagination .swiper-play #bannerPlay.pause::after{
  content: '';
  display: block;
  position: absolute;
  top: 25%;
  left: 50%;
  height: 50%;
  width: 3px;
  transform: translateX(-50%);
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
}
.banner .banner-pagination .swiper-play #bannerPlay.play::after{
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: calc(50% - 1px);
  height: 0;
  width: 0;
  border-left: #ccc 3px solid;
  border-top: transparent 2px solid;
  border-right: transparent 0 solid;
  border-bottom: transparent 2px solid;
}
@keyframes smoke {
0%, 100% {
  transform: translate(0%) translateY(10px);
}
50% {
  transform: translate(0%) translateY(0px);
}
}


.title {position: relative;line-height: 1.2;}
.first-block{position: relative;overflow: hidden;}
.first-block .row{position: relative;z-index: 9;}
.first-block .greenlight{/*text-decoration: underline;*/color: #A1D588;}
.first-block .txt{width: 80%;}
.first-block::after{
  content: '';
  display: inline-block;
  width: 496px;
  height: 768px;
  background: url(../images/8.svg) no-repeat top center;
  position: absolute;
  right: -13%;
  top: 0;
  z-index: 1;
  animation: smoke 5s ease-in-out infinite;

}
.swiper-pagination-bullet{background: #fff;opacity: 1;transform: scale(2);margin: 0 0.5rem !important;}
.swiper-pagination-bullet-active{background: #1D9336;}

.second-block{position: relative;overflow: hidden;width: 90%;height: 100%;background: url(../images/pic1.png) no-repeat top center;margin: 0 auto;border-radius: 40px; padding: 5rem 0;background-size: cover;}
.second-block .mySwiper{padding: 0 15px;margin: 0 -15px;}
.second-block .swiper-wrapper{padding-bottom: 4rem;}
.second-block .swiper-slide{border-radius: 40px; background: #fff;box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.29);height: auto;margin-top: 24px;margin-bottom: 24px;}
.second-block .swiper-slide a .boximg{border-radius: 40px 40px 0 0; /*height: 240px;*/overflow: hidden;position: relative;}
.second-block .swiper-slide a .boximg img{width: 100%;height: 100%;object-fit: cover;object-position: top;transition: all 0.5s ease 0s ;}
.second-block .swiper-slide a .con{padding: 2rem;}
.second-block .swiper-slide a .con h3{
  color: #31AA49;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;/*超出2行就显示省略号，可以填3或者其它正整数*/
}
.second-block .swiper-slide a .con .date{display: flex;align-items: center;color: #777777;font-style: normal;}
.second-block .swiper-slide a .con .date img{margin-right: 0.5rem;}
.second-block .swiper-slide a:hover .boximg img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.second-block .swiper-button-next,.second-block .swiper-button-prev{width: 59px;height: 59px;background: #fff;border-radius: 50%;box-shadow: 0 3px 13px rgba( 0, 0, 0, 0.11);top: 40%;}
.second-block .swiper-button-next::after,.second-block .swiper-button-prev::after{color: #2C6597;font-size: 1.4em;}
.second-block .swiper-button-next{right: -3rem;}
.second-block .swiper-button-prev{left: -3rem;}
.third-block{position: relative;overflow: hidden;padding: 5rem 0;}
.third-block .container{position: relative;z-index: 9;}
.third-block::before{
  content: '';
  display: inline-block;
  width: 304px;
  height: 323px;
  background: url(../images/9.svg) no-repeat top center;
  position: absolute;
  left: -8%;
  top: 8%;
  z-index: 1;
  animation: smoke 2s ease-in-out infinite;
}
@keyframes smoket {
  0%, 100% {
    transform: translate(0%) translateY(10px) rotate(-20deg);
  }
  50% {
    transform: translate(0%) translateY(0px) rotate(-20deg);
  }
  }
  
.third-block::after{
  content: '';
  display: inline-block;
  width: 304px;
  height: 323px;
  background: url(../images/10.svg) no-repeat top center;
  position: absolute;
  right: -10%;
  bottom: -5%;
  z-index: 1;
  animation: smoket 2s ease-in-out infinite;
}
.third-block .feeling{position: relative;}
.third-block .feeling .mySwiper{overflow: visible;}
.third-block .feeling .swiper .swiper-slide{position: relative;height: 100%;}
.third-block .feeling .swiper .swiper-slide .feeling-item{width: 100%;display: block;box-sizing: border-box;padding: 3rem;padding-right: 0; height: 440px;background: #F5F5F5;border-radius: 40px;display: flex; }
.third-block .feeling .swiper .swiper-slide .feeling-item .boximg{width: 35%;transform: translateX(25%);}
.third-block .feeling .swiper .swiper-slide .feeling-item .boximg img{box-shadow: 17px 12px 33px rgba( 0, 0, 0, 0.11);border-radius: 20px;}
.third-block .feeling .swiper .swiper-slide .feeling-item .content{width: 65%;}
.third-block .feeling .swiper .swiper-slide .feeling-item .content .icos{border-radius: 20px;width: 66px;height: 66px;display: flex;align-items: center;justify-content: center; box-shadow: 0 6px 22px rgba( 0, 0, 0, 0.18);padding: 5px 15px; background: #fff;}
.third-block .feeling .swiper .swiper-slide .feeling-item .content .icos img{
  width: 24px;
}
.third-block .feeling .swiper .swiper-slide .feeling-item p{
  margin-top: 2rem;
  color: #31AA49;
  font-family: 'Roboto-Bold','Microsoft JhengHei';
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;/*超出2行就显示省略号，可以填3或者其它正整数*/
}
.third-block .feeling .swiper .swiper-slide .feeling-item b{display: block;color: #79CB5C;margin-bottom: 1rem;}
.third-block .feeling .swiper .swiper-slide .feeling-item em{color: #777777;font-style: normal;}
.third-block .feeling .swiper .swiper-slide .feeling-item .tag{margin-top: 1rem;}
.third-block .feeling .swiper .swiper-slide .feeling-item .tag i{display: inline-block;background: #E4F3D3;padding: 5px 6px;font-style: normal;color: #31AA49;margin-right: 0.5rem;margin-bottom: 0.5rem;}
.third-block .arrow{width: 140px;display: flex;justify-content: flex-end;align-items: center;position: relative;}
.third-block .swiper-button-next,.third-block .swiper-button-prev{
  width: 53px;
  height: 46px;
  background: url(../images/arrow.svg) no-repeat top center;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.third-block .swiper-button-next::after,.third-block .swiper-button-prev::after{color: #31AA49;font-size: 1em;}
.third-block .feeling .swiper-pagination{bottom: -.75rem;}
.third-block .feeling .swiper-pagination-bullet{background-color: rgba( 0, 0, 0, 0.29);}
.third-block .feeling .swiper-pagination-bullet-active{background-color: #1D9336;}


.four-block{position: relative;overflow: hidden;padding: 4rem 0;background: #F5F7FB;}
.four-block .newswi .swiper-slide a{display: block;width: 100%;height: 100%;border-radius: 20px;border: 1px solid #D4D4D4;box-sizing: border-box;padding: 1rem;margin-bottom: 10px;}
.four-block .newswi .swiper-slide a .boximg{position: relative;overflow: hidden;height: 273px;border-radius: 10px;}
.four-block .newswi .swiper-slide a .boximg img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease 0s ;}
.four-block .newswi .swiper-slide a .tag{margin-top: 1rem; border-radius: 5px;background: #B6E9FE;padding: 5px 30px;display: inline-block;color: #0099FF;}
.four-block .newswi .swiper-slide a h5{
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.four-block .newswi .swiper-slide p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.four-block span{color: #0099FF;}
.four-block .newswi .swiper-slide a:hover{box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.18);}
.four-block .newswi .swiper-slide a:hover .boximg img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.five-block{position: relative;overflow: hidden;padding: 5rem 0 0 0;}
.five-block .container .content{position: absolute;left: 0;top: 0; width: 100%;height: 100%;padding: 3rem;color: #fff;}
.five-block .container .content .icos{
  position: absolute;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
}
.five-block .container .content h6{margin-top: 1rem;}
.five-block .container .content a{
  display: inline-block;
  border-radius: 22px;
  background: #fff;
  padding: 0.7rem 4.1rem;
}


.page-banner{position: relative;overflow: hidden;width: 100%;}
.page-banner h1{margin-bottom: 0;}
.page-banner img{width: 100%;}
.page-banner .boximg{position: relative;}
.page-banner .inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.bread{background: #F9F9F9;padding: 0.5rem 0;}
.bread a,.bread span{color: #6AC170;}
.about-blcok{position: relative;overflow: hidden;}
.about-blcok .row:nth-child(even){flex-direction: row-reverse;}
.about-blcok .row h2{position: relative;}
.about-blcok .row h2::after{
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #31AA49;
  margin: 1rem 0;
}

.about-blcok .row .px-5{width: 79%;float: right;margin: 0 !important; padding: 0 !important;}
.about-blcok .row:nth-child(even) .px-5{float: left;}
.about-blcok dl dd a{display: block;width: 100%;height: auto;padding: 1.5rem 2rem;background: #F5F5F5;border-radius: 10px;margin-top: 1.5rem;color: #31AA49;font-family: 'Roboto-Bold','Microsoft JhengHei';}


.about-blcok-2{position: relative;overflow: hidden;background: #F5F5F5;padding: 3rem 0;}
.about-blcok-2 .g-5{
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 4rem;
}
.about-blcok-2 .col-md-4 a{display: block;width: 100%;height: 100%;border-radius: 40px;position: relative;overflow: hidden;box-shadow: 5px 5px 15px rgba(0,0,0,0.29);}
.about-blcok-2 .col-md-4 a img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease 0s ;}
.about-blcok-2 .col-md-4 a:hover  img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.about-blcok-2 .col-md-4 a::after{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: transparent linear-gradient(180deg, rgba(250,252,244,0) 30%, rgba(31,51,25,.7) 100%) 0% 0% no-repeat padding-box;
}
.about-blcok-2 .col-md-4 a h3{position: absolute;width: 100%;padding: 2rem;z-index: 9;bottom: 0;left: 0;color: #fff;}
.about-blcok-2 .col-md-4 a h3::after{display: none;}
.projects-blcok{position: relative;overflow: hidden;}
.projects-blcok a{display: flex;align-items: center; width: 100%;height: 100%;border-radius: 30px;background: #F5F5F5;padding: 1.5rem;}
.projects-blcok a .icos{border-radius: 20px;background: #FFFFFF;width: 66px;height: 66px;flex:0 0 66px;box-shadow: 0 6px 22px rgba( 0, 0, 0, 0.18);display: flex;align-items: center;justify-content: center;}
.projects-blcok a .icos img{min-width: 26px;}
.projects-blcok a h3{margin-left: 1rem;margin-bottom: 0;width: 80%;}
.projects-blcok h2{position: relative;width: 55%;}
.projects-blcok h2::after{
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #31AA49;
  margin: 1rem 0;
}
.projects-blcok .items{
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}
.projects-blcok .items a{
  box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.19);
}
.Publications-blcok{position: relative;overflow: hidden;}
.Publications-blcok h2::after{
  display: block;
  content: '';
  margin: 1rem 0;
  width: 60px;
  height: 3px;
  background: #31AA49;
}
.Publications-blcok .box{
  background: #F5F5F5;
  border-radius: 30px;
  margin-top: 3rem;
  box-sizing: border-box;
  padding: 2.5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 80%;
}
.Publications-blcok .box .boximg{width: 30%;}
.Publications-blcok .box .boximg img{border-radius: 22px; box-shadow: 17px 12px 33px rgba( 0, 0, 0, 0.11);}
.Publications-blcok .box .content{width: 62%;}
.Publications-blcok .box .content .icos{display: flex;align-items: center;justify-content: center; border-radius: 22px;box-shadow: 0 6px 22px rgba( 0, 0, 0, 0.18);background: #fff;width: 66px;height: 66px;}
.Publications-blcok .box .content .icos img{width: 24px;}
.Publications-blcok .box .content span{display: block;color: #777777;}
.Publications-blcok form .form-group{ border-bottom: 1px solid #DFDFDF;display: flex;align-items: center;justify-content: space-between;}
.Publications-blcok form .form-control{border: none;border-radius: 0;color: #79CB5C;}
.Publications-blcok form select.form-control{padding-left: .75rem;padding-right: .75rem;}
.Publications-blcok form .form-group button{white-space: nowrap;padding: 0;color: #79CB5C;}
.Publications-blcok .items{display: flex;flex-wrap: wrap;margin-top: 1.5rem;}
.Publications-blcok .items a{border-radius: 10px;padding: 10px 15px; box-shadow: 0 6px 22px rgba( 0, 0, 0, 0.11);margin-right: 1rem;margin-bottom: 1rem; color: #31AA49;display: flex;align-items: center;justify-content: center;}
.Publications-blcok .items a img{margin-right: 5px;}
.Publications-blcok .Publications .list{border-bottom: 1px solid #DFDFDF;padding: 2.5rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.Publications-blcok .Publications .list .imgs{width: 16%;}
.Publications-blcok .Publications .list .imgs img{width: 100%;border-radius: 10px; box-shadow: 17px 12px 33px rgba( 0, 0, 0, 0.11);}
.Publications-blcok .Publications .list .content{display: flex;flex-wrap: wrap;width: 80%;}
.Publications-blcok .Publications .list .content .icos{width: 66px;height: 66px;border-radius: 20px; box-shadow: 0 6px 22px rgba( 0, 0, 0, 0.11);display: flex;align-items: center;justify-content: center;}
.Publications-blcok .Publications .list .content .icos img{width: 24px;}
.Publications-blcok .Publications .list .content .right{width: 90%;margin-left: 1.5rem;}
.Publications-blcok .Publications .list .content .right h6{margin-bottom: 1.5rem;}
.Publications-blcok .Publications .list .content .right em{display: block;color: #777777;}
.Publications-blcok .Publications .list .content .right .tag i{display: inline-block;background: #E4F3D3;padding: 4px 10px;color: #31AA49;font-style: normal;margin-right: 10px;margin-bottom: 10px;}
.Publications-blcok .Publications .list .content .right p{color: #333;margin: 0;}
.Publications-blcok .Collaborators .col-md-6 a{display: flex;align-items: center;justify-content: space-between;border-radius: 20px;background: #F5F5F5;padding: 1.5rem;}
.Publications-blcok .Collaborators .col-md-6 a h4{width: 100%;}
.Publications-blcok .Collaborators .col-md-6 a i{width: 34px;height: 34px;border-radius: 50%;box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.11);display: flex;align-items: center;justify-content: center;color: #31AA49;background: #fff;}
.Publications-blcok .Collaborators .col-md-6 a:hover{box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.11);}
.news-blcok{position: relative;overflow: hidden;}
.news-blcok .ts{position: relative;color: #777777;}
.news-blcok .ts i{
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 5px;
}
/* .news-blcok .ts::before{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #F2DD1C;
  margin-right: 5px;
} */
.news-blcok .ts::after{
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #31AA49;
  margin: 1rem 0;
}
.news-blcok .txt.content p{margin-bottom: 1rem;}
.news-blcok .txt.content p a{display: inline; color: #31AA49;}
.news-blcok .txt p{margin-bottom: 3rem;}
.news-blcok .txt p a{display: block;color: #0000FF;
  /* word-break: break-all; */
}

.about-blcok-2 .fs30{text-align: center;margin: 0 auto;}
.about-blcok-2 .fs30::after{
  display: block;
  content: '';
  margin: 1rem auto;
  width: 60px;
  height: 3px;
  background: #1D9336;
}
.about-blcok-2 .col-md-3 a{display: block;border-radius: 30px;background: #fff;overflow: hidden;box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.11);height: 100%;}
.about-blcok-2 .col-md-3 a .boximg{position: relative;overflow: hidden;}
.about-blcok-2 .col-md-3 a .boximg img{width: 100%;height: 100%;object-fit: cover;object-position: top;/*height: 240px;*/transition: all 0.5s ease 0s ;}
.about-blcok-2 .col-md-3 a .content{padding: 1.5rem 2rem;}
.about-blcok-2 .col-md-3 a .content h5{
  color: #1C4E7B;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.about-blcok-2 .col-md-3 a .content .date{color: #777777;display: flex;align-items: center;margin: 1rem 0;}
.about-blcok-2 .col-md-3 a .content .date img{margin-right: 5px;}
.about-blcok-2 .col-md-3 a:hover .boximg img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.contact-blcok{position: relative;overflow: hidden;}
.contact-blcok h2::after{
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #31AA49;
  margin: 1rem 0;
}
.contact-blcok .form-control{padding: 0.6rem;margin-top: 0.3rem;}
.contact-blcok .map img{width: 100%;}
.contact-blcok dl dd{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; border-radius: 30px;background-color: #F5F5F5;padding: 2rem;margin-top: 1rem;}
.contact-blcok dl dd .icos{width: 47px;height: 47px;display: flex;align-items: center;justify-content: center;background: #fff; border-radius: 10px;box-shadow: 0 6px 22px rgba( 0, 0, 0, 0.11);}
.contact-blcok dl dd span{
  width: 90%;
  /* word-break: break-all; */
}
.contact-blcok dl dd:nth-child(2) span{
  /* word-break: break-all; */
}
.login-block{position: relative;overflow: hidden;width: 100vw;height: 100%;background: url(../images/bg.png) no-repeat top center;background-size: cover;padding-bottom: 6%;}
.login-block .box{
  position: relative;
  padding: 2rem;
  box-shadow: 0 3px 24px rgba( 0, 0, 0, 0.11);
  margin: 2rem 0;
  background: #fff;
  border-radius: 20px;
}
.login-block .box h1{text-align: center;color: #707070;}
.login-block .box h1::after{
  content: '';
  display: block;
  margin: 1rem auto;
  width: 60px;
  height: 3px;
  background: #1D9336;
}
.login-block .box p{text-align: center;margin-bottom: 0;}
.login-block .box p a{color: #1D9336;text-decoration: underline;font-weight: bold;}
.login-block .box form .form-group{
  display: flex;
  align-items: center;
  border-bottom: 3px solid #EAF2EB;
  padding: 1rem 0;
  margin: 1rem 0;
}
.login-block .box form .form-group label{width: 40px;}
.login-block .box form .form-group input{width: 95%;color: #878787; border: none; outline: none;box-shadow: none;}
.login-block .box .forget{color: #707070;text-align: center;text-decoration: underline;display: block;}
.login-block .box form button,.login-block .txt a{border-radius: 30px;padding: 1rem;width: 246px; display: block;margin: 2rem auto;text-align: center; background: transparent linear-gradient(90deg, #31AA49 0%, #79CB5C 100%) 0% 0% no-repeat padding-box;color: #fff !important;}
.login-block .border{border: 1px solid #9D9D9D !important;height: 90vh;background: #fff;}
.login-block .border h3{color: #707070;}
.login-block .border .txt *{margin-bottom: 2rem;color: #707070;
  /* word-break: break-all; */
}
.login-block .border .txt h4{color: #2E2E2E;font-weight: bold;}
.login-block .bar{position: relative;z-index: 999; width: 100%; background: #fff;border-radius: 20px;padding: 1.5rem;box-shadow: 0 6px 12px rgba( 0, 0, 0, 0.16);}
.login-block .in{}
.login-block .in .boximg{
  position: absolute;
  right: -2rem;
  top: 0;
  width: 58%;
  height: 100%;
  display: flex;
  align-items: center;
}

.login-block .in .col-md-6{height: 100%;}
.login-block .in  .lo{width: 100%;}
.People-blcok{position: relative;overflow: hidden;}
.People-blcok .x{margin-top: 3rem;}
.People-blcok .x::after{
  display: block;
  content: '';
  width: 60px;
  height: 3px;
  background: #31AA49;
  margin: 1rem 0;
}
.People-blcok .box{background: #F5F5F5;height: 100%; border-radius: 10px;box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.11);padding: 2rem 1.5rem;}
.People-blcok .box dl{margin-top: 1rem;margin-bottom: 0;}
.People-blcok .box dl dd{display: flex;margin-top: 0.5rem;}
.People-blcok .box dl dd img{width: 20px;}
.People-blcok .box dl dd span{width: 90%;margin-left: 1rem;
  /* word-break: break-all; */
}
.News-block{position: relative;overflow: hidden;}
.News-block .news .news-item{display: flex;justify-content: space-between;flex-wrap: wrap; border-top: 1px solid #ECECEC;padding: 1.5rem 0;}
.News-block .news .news-item:nth-last-child(1){border-bottom: 1px solid #ECECEC;}
.News-block .news .news-item .date{width: 10%;}
.News-block .news .news-item .date *{text-align: center;display: block;color: #31AA49;font-style: normal;}
.News-block .news .news-item .right{width: 86%;}
.News-block .news .news-item .right h6{color: #31aa49;}
.News-block .news .news-item .right .tag{display: flex;align-items: center;}
.News-block .news .news-item .right .tag i{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 5px;
}
.News-block .news .news-item .right .tag a{color: #777777;}
.News-block .news .news-item .right .tag a:hover{color: #0E6780;}
.News-block .content{background: #F5F5F5;border-radius: 20px;padding: 2rem;}
.News-block .content .box{padding: 0;border-top: 1px solid #DBDBDB;border-radius: 0;margin-top: 2rem;}
.News-block .content .box dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.News-block .content .box dl dd{width: 48%;color: #777777;margin-top: 1.5rem;}
.News-block .content .box dl dd i{
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 5px;
}
.greenback{background: #79CB5C;}
.purpleback{background: #AC52F1;}
.yellowback{background: #F2DD1C;}
.redback{background: #FC3E72;}
.blueback{background: #1CB0F2;}
.bluelightback{background: #41E6D6;}
.orangeback{background: #FFA60D;}
.blownback{background: #AA643C;}
.Courses-blcok{position: relative;overflow: hidden;padding: 5rem 0;}
.Courses-blcok .container{position: relative;z-index: 9;}
.Courses-blcok .imgs{position: absolute;right: 0;top: 15%;}
.Courses-blcok .title::after{
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #79CB5C;
  margin: 1rem 0;
}
.Courses-blcok ul{padding-left: 0;}
.Courses-blcok ul li{list-style: none;position: relative;padding-left: 1.5rem;margin-bottom: 0.5rem;}
.Courses-blcok ul li::before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #537D45;
  top: 9px;
  left: 0;

}
.Courses-blcok .garyback{background: #F5F5F5;border-radius: 30px;padding: 2.5rem;}
.Courses-blcok .garyback p{/*display: block;color: #31AA49;*/margin: 0.3rem 0;}
.ii1{position: absolute;left: -19%;top: 0;z-index: -1;}
.ii2{position: absolute;left: -32%;top: 40%;z-index: -1;}
.ii3{position: absolute;right: -30%;bottom: 10%;z-index: -1;}
.ii4{position: absolute;}
.common-block .ii2,.People-blcok .ii2{
  left: auto;
  right: -7%;
  top: 0;
  transform: rotate(-20deg);
}
.about-blcok.common-block .ii2{
  transform: rotate(0);
}
.about-blcok.common-block .right-img img{
  width: 100%;
}
.works-block .ii2{
  width: 58%;
  left: auto;
  top: 0;
  right: -7%;
}
.People-blcok .ii1{
  left: -17%;
}
.People-blcok .ii2{
  top: 3%;
  right: -5%;
}
.People-blcok .ii3{
  right: -18%;
  bottom: 9%;
  transform: rotate(-15deg);
}
.Publications-blcok .ii4{
  left: auto;
  top: 18%;
  right: -28%;
  transform: rotate(-20deg);
  
}
.contact-blcok .ii3{
  bottom: -5%;
}
@media (min-width:1680px) {
  .banner .swiper-slide .inner .container .in p,.banner .swiper-slide .inner .container .in .more{
    transform: translate(10px, 15px);
  }
  .about-blcok.common-block .right-img {padding-left: 5rem;}
}
@media (max-width: 1680px) {
  .News-block .content .box{margin-top: 1rem;}
  .login-block{padding-bottom: 8%;}
  .works-block .ii2{top: 5%;}
  .Publications-blcok .ii4{
    right: -35%;
  }
  .ii1{left: -24%;}
  .ii3{
    right: -36%;
  }
  .People-blcok .ii3{
    right: -21%;
  }
  .about-blcok.common-block .ii2{
    width: 60vw;
  }
  .about-blcok.common-block .right-img{
    padding-left: 3rem;
  }
}
@media (max-width: 1532px) {
  .banner .swiper-slide .inner .container .in{
    width: 606px;
    height: 480px;
    padding: 9rem;
  }
  .banner .swiper-slide .inner{top: -5%;}
  
}
@media (max-width: 1440px) {
  .banner .swiper-slide .inner .container .in{
    width: 630px;
    height: 570px;
  }
  .banner .swiper-slide .inner .container .in p{
    font-size: 1.25rem;
  }
  /* header .header .right .r {
    transform: translateX(16%);
  } */
  .login-block{padding-bottom: 20%;}
  .ii1{left: -26%;}
  .common-block .ii2, .People-blcok .ii2{
    right: -11%;
  }
  .Publications-blcok .ii4{
    right: -40%;
  }
  .ii3{
    right: -43%;
  }
  .People-blcok .ii3{
    right: -24%;
  }
  .second-block{
    width: 96%;
  }
  .about-blcok-2 .g-5{
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
  }
  .about-blcok.common-block .ii2{
    width: 64vw;
  }
}

@media (max-width: 1280px) {
  .Publications-blcok .Publications .list .content .right{width: 80%;}
  .contact-blcok dl dd span{width: 85%;}
  .banner .swiper-slide .inner .container .in {
    width: 600px;
    height: 550px;
  }
  .banner .swiper-slide .inner .container .in p{
    font-size: 1.15rem;
  }
  .ii1{left: -29%;}
  .Publications-blcok .ii4{
    right: -44%;
  }
  .ii3{
    right: -48%;
  }
  .People-blcok .ii3{
    right: -28%;
  }
  .about-blcok-2 .g-5{
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
  .about-blcok-2 .col-md-4 a{
    border-radius: 30px;
  }
}
.menu-toggle,header .header .right .menu-toggle {
  display: none;
}
header .nav-box .nav .c{display: none;}
header .header .topmenu .share-mobile{display: none;}
@media (max-width: 1200px) {
  .banner .swiper-slide .inner {
    top: -3%;
  }
  .banner .swiper-slide .inner .container .in {
    width: 500px;
    height: 450px;
    padding: 7rem;
  }
  .banner .swiper-slide .inner .container .in p{
    font-size: 1rem;
  }
  header .nav-box{display: flex;justify-content: flex-end;}
  header .topmenu{padding: 1rem 0;}
  header .header .topmenu .toptextright{display: block;}
  header .header .topmenu .share-mobile{display: flex;}
  .toptextright{display: block;margin-top: 2rem;}
  .toptextright .icos form{margin-left: 0;}
  .toptextright .icos dl dd{border-radius: 15px;}
  .menu-toggle {
    border: none;
    cursor: pointer;
    position: relative;
    width: 24px;
    display: block;
    border-top: 1px solid#0A3C64;
    height: 24px;
    background: none;
    box-shadow: none;
  }
  .menu-toggle::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #0A3C64;
    top: 10px;
  }
  .menu-toggle::after{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #0A3C64;
    top: 22px;
  }

  .active.menu-toggle{border: none;}
  .menu-toggle .dashicons{display: none !important;opacity: 0 !important;}
  .active.menu-toggle::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 1px;
    left: 0;
    background: #fff;
    transform: rotate(45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
  }
  .active.menu-toggle::after{
    position: absolute;
    content: '';
    width: 20px;
    height: 1px;
    left: 0;
    background: #fff;
    transform: rotate(-45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
  }


  .hidden-mobile {display: none !important;}
  header .nav-box .nav .c{display: block;}
  header .header .right .nav-box{justify-content: flex-end !important;}
  header .nav-box .nav .menu{flex-wrap: wrap;overflow: hidden;width: 100%;}
  .menu-main_zh-container .more{float: left;margin-top: 1rem;}
  header .header .topmenu .toptextright{margin: 2rem 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding-top: 2rem;}
  .toptextright form{border-bottom: 1px solid #fff;padding-bottom: 1rem;}
  header .nav-box .nav li{width: 100%;}
  header .nav-box .nav{
    box-sizing: border-box;
    padding: 30px;
    position: fixed;
    top: 0px;
    box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3); 
    width: 101vw;
    height: 100vh;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    z-index: 100000000001;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transform: translateX(100%);
    color: #fff;
    right: -11%;
    background-color: #1D9336;
    display: block;
  
  }
  header .nav-box .nav li a{color: #fff;justify-content: flex-start;padding: 0.5rem 0;text-align: left;}
  .opennav header .nav-box .nav{
    transform: translateX(0);
    right: 0%;
    
  }

  .toptextright .icos a{border: 1px solid #fff;border-radius: 15px;color: #fff;}
  .size a{border: 1px solid #fff;color: #fff;margin-right: 1rem;}
  .topbar .toptextright{display: none; margin-top: 1.5rem;width: 100%;justify-content: flex-start;}
  .toptextright .icos{width: 100%;margin: 0;}
  .toptextright .icos a{margin-left: 0;}
  .toptextright .icos .items{width: 100%;}
  .toptextright .icos .items span{display: none;}
  .toptextright .icos form{display: block;position: relative;width: 100%;top: 0;}
  .toptextright .icos form .form-group{width: 100%;border: 1px solid #F19710;}
  .toptextright .icos dl{position: relative;display: flex;top: 0;margin: 1.5rem 0;width: 100%;background: none;box-shadow: none;}
  .menu-main_zh-container{width: 100%;display: block;position: relative;overflow: hidden;}
  .main-navigation .menu-item-has-children > a::before {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .sub-menu-pc{display: none !important;}
  .main-navigation li::after{display: none;}
  .main-navigation li::before{display: none;}
  .toptextright form{position: relative;width: 100%;height: 100%;opacity: 1;visibility: visible;background: none;}
  .toptextright form .form-group{width: 100%;margin-bottom: 1rem;}
  .size{display: flex;padding: 2rem 0; border-bottom: 1px solid #fff;}
  .size a{width: 40px;border-radius: 15px;}
  .toptextright .icos dl dd{width: 40px;border-radius: 15px;margin-right: 1rem;}
  
}
@media screen and (min-width:1024px) {
  .md-trans-50{transform: translateY(50px);}
  .md-trans--50{transform: translateY(-50px);}
}
@media (max-width: 1024px) {
  /* .opennav header .nav-box .nav{}
  header .header .topmenu .toptextright{} */
  .projects-blcok .col-md-3{width: 50%;}
  .login-block .box form button, .login-block .txt a{width: 150px;}
  .login-block .border{padding: 1.5rem !important;}
  .Courses-blcok .imgs{position: relative;}
  .Courses-blcok .imgs img{display: block;margin: 2rem auto;}
  .ii1,.ii2,.ii3{display: none;}
}
@media (min-width: 768px) and (max-width: 1679px) {
  .banner .swiper-slide .inner .container .in p,.banner .swiper-slide .inner .container .in .more{
    transform: translateY(15px);
  }
}
@media (max-width: 768px) {
  header .header{overflow: hidden;}
  header .topbar .container{flex-flow: column;}
  /* header .topbar .container .logo{padding-top: 10px;padding-bottom: 10px;} */
  /* header .header .right {position: relative;background-color: #F3F3F3;width: 100% !important;} */
  /* header .header .right::before{content: '';height: 100%;width:15px;left:-15px;position: absolute;background-color: #F3F3F3;} */
  /* header .header .right .r{transform: translateX(40%);} */
  header .header .right .menu-toggle{display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding: 0;height: 14px;width: 14px;border-top: #9A9A9A 2px solid;}
  header .header .right .menu-toggle::before{height: 2px;top: 4.5px;background-color: #9A9A9A;}
  header .header .right .menu-toggle::after{height: 2px;top: 11px;background-color: #9A9A9A;}
  header .header .right .menu-toggle .dashicons{display: block !important;opacity: 1 !important;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: #9A9A9A;text-transform: uppercase;font-size: 1.125rem;white-space: nowrap;}
  html[lang="en-US"] header .header .right .menu-toggle .dashicons{font-size: 1.25rem;}
  header .topmenu {padding: 0;}
  header .topmenu .menu-toggle{display: none;}
  .first-block .col-md-6{width: 100%;padding: 0 1.5rem;/*text-align: center;*/}
  .first-block .txt{width: 100%;}
  .second-block{width: 96%;border-radius: 20px;}
  .second-block .swiper-slide{border-radius: 10px;}
  .second-block .swiper-slide a .boximg{border-radius: 10px 10px 0 0;}
  .about-blcok .col-md-6{width: 100%;}
  .about-blcok .row .px-5{width: 100%;padding: 0 1.5rem !important;text-align: center;}
  .about-blcok .row h2::after{margin: 1rem auto;}
  .about-blcok .row h2{text-align: center;}
  .about-blcok .col-md-5{width: 100%;}
  .about-blcok .col-md-7{width: 100%;}
  .People-blcok .col-md-3{width: 50%;}
  .projects-blcok h2{width: 100%;}
  .News-block .col-md-7,.News-block .col-md-5{width: 100%;}
  .news-blcok .row .col-md-7,.news-blcok .row .col-md-2{width: 100%;}
  .news-blcok .row .col-md-2 .more{float: right;}
  .news-blcok .col-sm-12{width: 100%;}
  .news-blcok .col-sm-12 img{width: 100%;}
  .about-blcok-2 .col-md-3{width: 50%;}
  .contact-blcok dl dd span{margin-top: 1rem;}
  .login-block .box form button{width: 120px;}
  .login-block{width: 92%;margin: 0 auto;}
  .banner .swiper-slide img{height: 80vh;object-fit: cover;}
  .banner .swiper-slide .inner{/*position: relative;*/top: 0;}
  .banner .swiper-slide .inner .container .in{width: 500px;height: 100%;/*margin-top: -20%; background: rgb(79 166 189 / 80%);padding: 3rem;background-image: none;border-radius: 20px;*/}
  /* .fontLarge .banner .swiper-slide .inner .container .in{width: 100%;height: 100%;padding: 3rem !important;} */
  .about-blcok.common-block .right-img{
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .about-blcok-2 .col-md-4 a{border-radius: 20px;}
  .banner .swiper-slide img{height: 60vh;}
  .banner .swiper-slide .inner .container .in{line-height: 1.5;padding: 4rem 3rem !important;width: 350px !important;height: 366px !important; background: url(../images/sbgs.png);background-size: contain;}
  .banner .swiper-slide .inner .container .in p{line-height: 1.2;font-size: .85rem;margin-bottom: 0rem;}
  .banner .swiper-slide .inner .container .in .more{
    height: 38px;
    line-height: 38px;
    font-size: .85rem;
  }
  .banner .swiper-slide .inner .container .in .more i{
    height: 38px;
    background-size: 44px;
  }
  .banner .swiper-pagination{bottom: 1rem;}
  .page-banner{height: 160px;}
  .page-banner img{width: 100%;height: 100%;object-fit: cover;}
  .fs-dropdown{width: 100%;}
  .opennav header .nav-box .nav {

  }  
  .banner .swiper-slide .inner .h1{text-align: center;}
  header .header .left{width: 86% !important;}
  header .header .left a{margin-right: 5px;}
  header .logo .imgs{width: 100%;}
  header .container{max-width: 100% !important;}
  footer .footer .sub-links{justify-content: center;}
  footer .footer .fnav li{width: 50%;text-align: center;margin-top: 0.5rem;margin-bottom: 0;}
  body .fs20{font-size: 16px;}
  body .fs36{font-size: 26px;}
  body .fs40{font-size: 28px;}
  .title{font-size: 30px;}
  body .fs48{font-size: 28px;}
  body .fs64{font-size: 34px;}
  body .fs24, body h2, body .h2{font-size: 18px;}
  .toptextright .icos dl{display: flex;}
  .second-block .swiper-button-prev{left: -1rem;}
  .second-block .swiper-button-next{right: -1rem;}
  .third-block .feeling{padding-bottom: 3.5rem;}
  .third-block .feeling .swiper .swiper-slide a{flex-flow: column;padding: 1.5rem;height: 550px;/*padding-right: 0;*/}
  .third-block .feeling .swiper .swiper-slide a .content{width: 100%;}
  .third-block .feeling .swiper .swiper-slide a .boximg{width: 100%;    transform: translateY(10%);text-align: center;}
  .third-block .feeling .swiper .swiper-slide a .boximg img{width: 60%;}

  footer .footer{text-align: center;}
  footer .footer .col-md-4{margin-top: 1.5rem;}
  footer .footer .col-md-4 form{width: 100%;}
  footer .footer .row:nth-last-child(1){flex-direction: column-reverse;}
  footer .footer .col-md-12{display: none;}
  footer .footer .sub-links{justify-content: center !important;}
  footer .footer .fnav ul{margin: 1rem 0;}
  footer .footer .fnav ul li a{justify-content: center;}
  footer .footer .fnav ul li a::after{display: none;}
  /* .first-block .row{flex-direction: column-reverse;} */
  .about-blcok-2 .col-md-4 a h3{text-align: center;padding: 0.5rem;}
  .about-blcok .row h2{margin: 0 auto;text-align: center;}
  .People-blcok .col-md-3{width: 100%;}
  .projects-blcok .col-md-3{width: 100%;}
  .Publications-blcok .Publications .list .content{width: 100%;}
  .Publications-blcok .Publications .list .imgs{width: 100%;margin-top: 2rem;}
  .Publications-blcok .Publications .list .content .right{width: 70%;}
  .Publications-blcok .Collaborators .col-md-6 a h4{width: 80%;}
  .Publications-blcok form  .col-md-9{display: none;}
  .News-block .news a .date{width: 22%;}
  .News-block .news a .right{width: 72%;}
  .about-blcok-2 .col-md-3{width: 100%;}
  .login-block{height: 100%;width: 100%;}
  .login-block .border{height: auto;margin: 0.5rem 0;}
  .Courses-blcok .container .row{flex-direction: column-reverse;}
  .Courses-blcok .container .row .col-md-3{margin-bottom: 2rem;}
  .Courses-blcok .container .row .col-md-3 .more{float: right;}
  .Courses-blcok{padding: 3rem 0;}
  .login-block .in .boximg{position: relative;right: 0;width: 100%;}
  
  .four-block .newswi .swiper-slide a .boximg{height: 173px;}

  .Publications-blcok .box{height: auto;}
  .Publications-blcok .box .boximg,.Publications-blcok .box .boximg img,.Publications-blcok .box .content{width: 100%;}
  .Publications-blcok .box .content{margin-top: 2rem;}
  .Publications-blcok .row .col-md-6:nth-child(2){margin-top: 3rem;}
  .Publications-blcok form .form-control,.Publications-blcok form select.form-control{padding-left: .5rem;padding-right: .5rem;line-height: 2;}
  .about-blcok-2 .col-md-4{width: 50%;}
}

.opennav header{}
.opennav header .header{}
header .nav-box .nav .close{
  position: relative;
  padding-bottom: 3rem;
  float: right;
  overflow: hidden;
  height: 30px;
  width: 25px;
}
header .nav-box .nav .close::before{
  position: absolute;
  content: '';
  display: inline-block;
  width: 20px;
  height: 1px;
  left: 0;
  background: #fff;
  transform: rotate(45deg) scaleX(1.35);
  transition-delay: .1s;
  top: 15px;
}
header .nav-box .nav .close::after{
  position: absolute;
  content: '';
  display: inline-block;
  width: 20px;
  height: 1px;
  left: 0;
  background: #fff;
  transform: rotate(-45deg) scaleX(1.35);
  transition-delay: .1s;
  top: 15px;
}
.page-content{
  font-family: Roboto,Arial,'Microsoft JhengHei revise','Microsoft JhengHei',Helvetica,sans-serif;
}
.page-content a{
  color: #0000FF;
}
.page-content p,.page-content li{
  margin-bottom: 1rem;
}
.page-content ul,.page-content ol{
  margin-left: 0;
  padding-left: 1rem;
}
.page-content li ul{
  margin-top: 1rem;
}
label.error{
  color:red;
  font-size:14px;
}
ul.sitemap li{
  position: relative;
}
ul.sitemap li::before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #537D45;
  top: 14px;
  left: 0;
}
ul.sitemap li li::before{
  height: 1px;
  border-radius: 0;
  top: 16px;
}

.header .toptextright{
  transition: all .5s ease;
}
/* .header.sticky .toptextright{
  height: 0 !important;
  padding: 0 !important;
  opacity: 0;
  overflow: hidden;
} */
/* .header.sticky .nav-box .nav li a{
  padding: 10px 10px;
} */
.rounded-4{border-radius: 1.5rem !important;}
.txt ul {
  padding-left: 0;
}
.txt ul li{
  list-style: none;
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}
.txt ul li::before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #537D45;
  top: 9px;
  left: 0;
}

.fr-rounded img{
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.fr-img-wrap{
  text-align: center;
}
.fr-img-wrap .fr-inner{
  display: block;
  padding: .5rem 2rem;
  color: #666;
  pointer-events: none;
}
.fr-shadow img{
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}
.fr-shadow .fr-img-wrap .fr-inner {
  margin-top: 15px;
}

.txt h1,.txt h2,.txt h3,.txt h4,.txt h5,.txt h6 {
  color: #1D9336;
}