@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+SC:400,500,700");
/* 二级小首页头部样式 Start */
.noBannerHead{ background: transparent;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.noBannerHead::before{ display: none;}
.noBannerHead .header{ border: none;background: url(../images/header-bg2.png) no-repeat bottom right;}
.currents .noBannerHead .header{ background: transparent;}
.open .noBannerHead .gp-links a,
.currents .noBannerHead .gp-links a,
.currents .noBannerHead .nav li > a{ color: #fff;}
.currents .noBannerHead .nav li.on > a,
.noBannerHead .gp-links a,
.noBannerHead .nav li > a{ color: #282828;}
.mapActive .noBannerHead .gp-links a,
.mapActive .noBannerHead .nav li > a{ color: #fff;}
.noBannerHead .gp-links li{ border-color: #282828;}
.open .noBannerHead .gp-links li,
.mapActive .noBannerHead .gp-links li{ border-color: #fff;}
.noBannerHead .gp-serBtn2{ background: url(../images/search-green.svg) no-repeat center;}
.mapActive .noBannerHead .gp-serBtn2{ background: url(../images/saerch.svg) no-repeat center;}
.noBannerHead .openMap i{ background: #58b33e;}
.noBannerHead .headFucBox{ background: #58b33e;}
.noBannerHead .nav li.on > a{ background: #fff;}
/* 二级小首页头部样式 End */

.subBanner{ position: relative;}
.subBanner .gp-img-responsive{ padding-bottom: 28.64%;position: relative;}
.subBanner .gp-img-responsive::before{ content: '';display: block;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.25);
  position: absolute;top: 0;left: 0; pointer-events: none;z-index: 1;}
.subBanner .gp-img-responsive img:hover{ opacity: 1;}

.channelNameLv1{ color: #fff;font-size: 0.85rem;line-height: 1;pointer-events: none;font-family: 'Akzidenz';
  position: absolute;bottom: 0.84rem;right: 50%;transform: translateX(50%);z-index: 1;text-transform: uppercase;}
.gp-position.gp-container{ z-index: 2;}
.bread{ justify-content: flex-end; align-items: center;line-height: 0.55rem; /* padding: 0.17rem 0 0.16rem; */background: #fff;
  position: absolute;right: 0;bottom: 0;width: 100%;}
.bread::before{ content: '';display: block;width: 0;height: 100%;box-sizing: border-box;
  border-top: 0.55rem solid transparent;border-right: 0.5rem solid #fff; border-bottom: none;border-left: transparent;
  position: absolute;right: 100%;bottom: 0;}
.bread::after{ content: '';display: block;width: 0;height: 100%;box-sizing: border-box;
  border-top: 0.55rem solid transparent;border-left: 0.5rem solid #fff; border-bottom: none;border-right: transparent;
  position: absolute;left: 100%;bottom: 0;}
.bread i{ font-size: 0;line-height: 1; margin-right: 0.14rem;}
.bread span{ padding: 0 0.05rem;}

.subcontent{ padding-top: 0.55rem;}
.left{ width: 3.3rem; flex-shrink: 0;}
.right{ width: 100%;}
.left.sider{ width: 3.3rem; flex-shrink: 0;}
.right.hasSider{ width: 71.87%;}
.database .gp-m-subNav,
.right .gp-m-subNav{ margin-bottom: 0.15rem;}

/*侧边栏*/
.gp-subLeft{background: transparent;}
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{padding: 0.34rem 0.16rem;display: block;border-bottom: 1px solid #e8eded;margin-right: 0rem;line-height: 1.2; color: #525252;
  transition: all 0.35s ease-in-out;}
.gp-subLeft > ul >li:hover > a,.gp-subLeft > ul >li.active > a,
.gp-subLeft > ul >li.on > a{background: #58b33e;padding-right: 0.2rem;margin-right: 0;color:#fff;font-weight: bold;}
.gp-subLeft .gp-toggles{width: 0.5rem;height: 0.98rem;line-height: 0.98rem;text-align: center;cursor: pointer;color:#d1d4d4;font-size: 0.14rem;
  position: absolute;right: 0;top: 0;transition: all 0.35s ease-in-out;}
  .gp-subLeft li:hover .gp-toggles{ color: #fff;}
.gp-subLeft .active .gp-toggles,
.gp-subLeft .on .gp-toggles{ color: #fff; transform: rotateZ(90deg);}
.gp-second-nav{ font-size: 0.2rem;display: none;background: transparent;}
.active .gp-second-nav{ display: block;}
.gp-second-nav dd a{display: block;padding:0.1rem 0.15rem 0.1rem 0.2rem;color:#666;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active{background: #fff;}
/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height: 0.35rem;background-color:#e1ebe3;cursor:pointer;line-height: 0.35rem;}
.gp-m-inner-header > span{height: 0.4rem;padding-left: 0.15rem;font-size: 0.16rem;color:#666;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 0.4rem;height: 0.4rem;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height: 0.48rem;line-height: 0.48rem;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left: 0.13rem;font-size: 0.2rem;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 0.14rem;line-height:1.2;padding: 0.08rem 0;padding-left:0.13rem; border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 0.1rem;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 0.35rem;height: 0.35rem;line-height: 0.3rem;position: absolute;right: 0;top: 0;text-align: center;font-size: 0.14rem;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:0.05rem 0;}
.gp-subNavm dl dd{ line-height:0.18rem; padding:0.08rem 0;padding-left: 0.2rem;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 0.12rem; font-weight:normal; display:inline;  border:none; padding:0;}
.gp-subNavm li dl dd a:hover{ color:#a70510}
@media screen and (max-width:996px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}

/* 新增侧栏下功能按钮 */
.gp-side-links{ box-shadow: 0px 0px 9px 1px rgba(53, 53, 53, 0.12); background: #f6f6f6; padding: 0.45rem 0.34rem 0.43rem;margin-top: 1.1rem;}
.gp-side-links li{ margin-bottom: 0.19rem;}
.gp-side-links li:last-child{ margin-bottom: 0;}
.gp-side-links a{position: relative;z-index: 1; color: #fff;
  line-height: 1;padding: 0.09rem 0.4rem;justify-content: flex-start;align-items: center;}
.gp-side-links a::before{ content: '';display: block;width: 100%;height: 100%;border-radius: 0.1rem;background: #58b33e;
  position: absolute;left: 0;top: 0;z-index: -1;}
.gp-side-links a:hover::before{
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.gp-side-links i{ margin-right: 0.16rem;}
.gp-side-links span{}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}


.cruChannel{ color: #163633; line-height: 1; padding-bottom: 0.18rem;border-bottom: 1px solid #7bbd2c; position: relative;}
.cruChannel::before{ content: '';display: block;width: 1rem;height: 0.04rem;background: #7bbd2c;position: absolute;left: 0;bottom: 0.02rem;}

/* ABOUT CAASTIA详情页 */
.aboutUs{}
.aboutUs .pageCon{ padding-top: 0.55rem; padding-bottom: 0.9rem;}

/* ABOUT CAASTIA人员详情页 */
.teacherDetail{ padding-bottom: 0.9rem;}
.teacherDetail .topBox{ margin-top: 0.5rem; border: 1px solid #d6fcd4; background: #f6fff1; padding: 0.4rem 0.65rem; box-sizing: border-box;}
.teacherDetail .img{ width: 19.07%;}
.teacherDetail .gp-img-responsive{ padding-bottom: 125.17%;}
.teacherDetail .infoBox{ width: calc(100% - 19.07%); padding-left: 0.57rem; color: #2a2a2a;}
.teacherDetail .name{ color: #076e39; line-height: 1; padding-bottom: 0.14rem; position: relative;}
.teacherDetail .name::before{ content: '';display: block;width: 0.5rem; height: 0.06rem;background: #7bbd2c;
  position: absolute;left: 0;bottom: 0;}
.teacherDetail .post{ line-height: 2.22; letter-spacing: 1px; padding-top: 0.25rem;}
.teacherDetail .introBox{ line-height: 1.67; letter-spacing: 1px; margin-top: 0.4rem;}
.teacherDetail .itemBox{ margin-top: 0.7rem; color: #2a2a2a;}
.teacherDetail .itemTil{ text-transform: uppercase; line-height: 1.25;}
.teacherDetail .itemTil span{ display: inline-block; position: relative;}
.teacherDetail .itemTil span::before{ content: '';display: block;width: 2.4rem;height: 0.13rem;background: #97cb59;
  position: absolute;right: 0;bottom: 0;z-index: -1;}
.teacherDetail .itemCon{ line-height: 1.67; margin-top: 0.45rem;}

/* NITIATIVES */
.changeProject{ }
.changeProject ul{}
.changeProject li{ width: 26.66%;width: 40%; transition: all 0.3s ease-in-out;}
.changeProject li.on{ width: 43.46%;width: 60%;}
.changeProject li a{ height: 100%; display: block;padding: 0.32rem 0.46rem 0.45rem;box-shadow: 0px 2px 7.52px 0.48px rgba(45, 48, 56, 0.1);
  transition: all 0.35s ease-in-out, padding 0s;}
.changeProject li:nth-of-type(3) a{ padding: 0.32rem 0.95rem 0.45rem;}
/* .changeProject li a:hover{ transform: translateY(-0.06rem);} */
/* .changeProject li:hover a, */
.changeProject .on a{ background: #58b33e; padding: 0.26rem 0.45rem;}
.changeProject li:nth-of-type(3).on a{ padding: 0.26rem 0.45rem;}
.changeProject a .flex{ flex-direction: column; position: relative;}
.changeProject a .flex::before{ content: '';display: block;width: 0rem;height: 1px; background: #076e39;transition: all 0.35s ease-in-out;
  position: absolute; left: 0;bottom: -1px;z-index: 1;}
.changeProject .on a .flex::before{ width: 0.4rem;}
/* .changeProject li:hover .flex, */
.changeProject .on .flex{ flex-direction: row; align-items: center; padding-bottom: 0.17rem;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.changeProject .icon{ flex-shrink: 0; position: relative;z-index: 1; transition: all 0.2s ease-in-out;width: 1.3rem;height: 1.3rem;border-radius: 50%;margin: 0 auto;
  background: url(../images/initiatives-ico0.png) no-repeat center/cover;}
.changeProject li:nth-of-type(2) .icon{ background: url(../images/initiatives-ico1.png) no-repeat center/cover;}
.changeProject li:nth-of-type(3) .icon{ background: url(../images/initiatives-ico2.png) no-repeat center/cover;}
/* .changeProject li:hover .icon, */
.changeProject .on .icon{ width: 0.45rem; height: 0.45rem; border-radius: 0; margin: 0; margin-right: 0.2rem;}
.changeProject li:nth-of-type(1).on .icon{ background: url(../images/initiatives-ico0-white.png) no-repeat center/150% auto;}
.changeProject li:nth-of-type(2).on .icon{ background: url(../images/initiatives-ico1-white.png) no-repeat center/150% auto;}
.changeProject li:nth-of-type(3).on .icon{ background: url(../images/initiatives-ico2-white.png) no-repeat center/150% auto;}
.changeProject .icon::before{ content: '';display: block;width: 100%;height: 100%;background: #58b33e; border-radius: 50%;opacity: 0.3;
  position: absolute;left: 0;top: 0;z-index: -1;}
.changeProject .on .icon::before{ opacity: 0;}
.changeProject .title{ transition: all 0.35s ease-in-out; line-height: 1.25;text-align: center;color: #222; margin-top: 0.3rem;}
.changeProject .on .title{ margin-top: 0; width: 100%;text-align: left;}
.changeProject .summary{ max-height: 0; transition: all 0.35s ease-in-out; overflow: hidden; color: #fff;  margin-top: 0.2rem;
  height: 8.35em;line-height: 1.67; overflow: hidden;}
/* .changeProject li:hover .summary, */
.changeProject .on .summary{ max-height: 1.5rem;}
.initiativesList{ margin-top: 0.9rem;}
.initiativesList li{ margin-bottom: 0.3rem;}
.initiativesList li:last-child{ margin-bottom: 0rem;}
.initiativesList li a{ background: #f8f9fa;transition: all 0.35s ease-in-out;}
.initiativesList li a:hover{ transform: translateY(-0.06rem);}
.initiativesList .img{ width: 21.33%; flex-shrink: 0;}
.initiativesList .gp-img-responsive{ padding-bottom: 56.25%;position: relative;}
.initiativesList .gp-img-responsive img{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; }
.initiativesList a:hover .gp-img-responsive img{ opacity: 1; transform: scale(1.05);}
.initiativesList .rtBox{ width: calc(100% - 29.33%); padding-left: 0.44rem; padding-top: 0.3rem; padding-right: 0.4rem;}
.initiativesList .date{ color: #076e39; line-height: 1;}
.initiativesList .title{ color: #202020; line-height: 1; margin-top: 0.2rem;}
.initiativesList .summary{ color: #3f3f3f; line-height: 1.87; margin-top: 0.05rem;}



/*分页*/
.pages{ position: relative;z-index: 2; text-align: center; font-size: 0; padding: 1rem 0 0.5rem;}
.gp-page{ color:#553d46; font-size: 0px;}
.gp-page.flex{ justify-content: center;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #553d46;background: transparent; cursor: pointer; border-radius: 0.1rem;background: transparent;margin: 0 0.06rem;
    width: 0.36rem; height: 0.36rem; line-height: 0.36rem; font-size: 0.14rem; margin-bottom:0px; margin-left:0px; border: 1px solid #d4ede2;
    position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page .gp-page-prev,
.gp-page .gp-page-next,
.gp-page .gp-page-start,
.gp-page .gp-page-end{ width: auto; padding: 0 0.08rem;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.on_page{ background-color:#08a766;border-color: #d4ede2; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 0.1rem;}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
#pageNumber{ width: 0.4rem; height: 0.4rem; background: #fff; text-align: center; vertical-align: top;
  border: 1px solid rgba(0, 91, 172, 0.2);border-radius: 0.1rem;
  outline: none; padding: 0;}
.gp-page .total{ width: unset; border: none;padding: 0 0.08rem;}
.gp-page .total:hover{ background: transparent; color: #333;cursor: initial;}
.gp-page .jumpto{ width: 0.4rem;height: 0.4rem;padding: 0 0.1rem;}


.article{position: relative; padding-bottom: 0.9rem;}
.article .gp-article{ width: 72.47%;}
.gp-article > .flex{ align-items: center; position: relative;z-index: 1;}
.gp-title{ color: #333; text-align: center; line-height: 1.2;}
.gp-info{ font-size: 0; line-height: 1.2; flex-wrap: wrap; justify-content: center; padding: 0.17rem 0.4rem;
  background: rgba(123, 189, 44, 0.1); margin-top: 0.25rem;}
.gp-info span{ display: inline-block; color: #929292; margin-right: 0.3rem;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-info .date{ display: none;}
.gp-content{ margin: 0 auto; box-sizing: border-box; line-height: 2; color: #656565; position: relative;}
.gp-content .mode01Link{ }
.gp-content p{ margin-bottom: 0.2rem;}
.gp-content p:last-child{ margin-bottom: 0px;}
.gp-content a{ color: #1463EB;}
.backTop{ text-align: center; padding-top: 0.8rem;}
.backTop span{ display: inline-block; text-transform: uppercase;padding: 0.1rem 0.2rem;cursor: pointer; background: #f8f9fa;}

.textAlignJustify{ text-align: justify;}
.textAlignCenter{ text-align: center;}
.changeFontSize{ justify-content: flex-start; padding: 0.2rem 0 0.3rem;}
.changeFontSize div{ color: #00804d;}
.changeFontSize span{ padding: 0 0.1rem; color: #929292;}
.changeFontSize span:nth-of-type(1){ color: #00804d;}
.changeFontSize a{ color: #929292;}
.relatedArticles{ width: 22.67%;}
.trelatedTil{ color: #58b33e; background: rgba(88, 179, 62, 0.05); line-height: 1.33; position: relative; padding: 0.09rem 0;padding-left: 0.2rem;}
.trelatedTil::before{ content: '';display: block;width: 0.06rem;height: 100%;background: #58b33e;max-height: 0.32rem;
  position: absolute;left: 1px;top: 50%;transform: translateY(-50%);}
.relatedArticles ul{ margin-top: 0.27rem;}
.relatedArticles li{ margin-bottom: 0.37rem;}
.relatedArticles li:last-child{ margin-bottom: 0px;}
.relatedArticles a{ display: block; transition: all 0.35s ease-in-out;}
.relatedArticles a:hover{ transform: translateY(-0.06rem);}
.relatedArticles .gp-img-responsive{ padding-bottom: 60.58%;}
.relatedArticles a:hover .gp-img-responsive img{ transform: scale(1.05); opacity: 0.9;}
.relatedArticles .title{ color: #282828; line-height: 1.38; margin-top: 0.25rem;}
.relatedArticles .date{ color: #9f9f9f; line-height: 1; margin-top: 0.15rem;}
.relatedArticles .summary{ color: #484848; line-height: 2.05;margin-top: 0.2rem;}

.article-links{ margin-top: 0.5rem; justify-content: flex-start; padding-top: 0.26rem;border-top: 1px solid #f0f0f0;}
.article-links a{ display: block; width: 1.02rem;height: 1.02rem;background: #fce1b9;border-radius: 50%; margin-right: 0.4rem;
  color: #fff;text-align: center; padding-top: 0.18rem;}
.article-links a:last-child{ margin-right: 0;}
.article-links a.link02{ background: #d9e9b2;}
.article-links a.link03{ background: #c7dcef;}


.informationHub{ margin-top: 0.4rem;}
.informationHub li{ margin-bottom: 0.14rem;}
.informationHub a{ display: flex;display: -webkit-box;display: -ms-flexbox;align-items: flex-start;padding: 0.1rem 0.09rem; color: #222;}
.informationHub a:hover{ transform: none;box-shadow: 0px 0px 7.76px 0.24px rgba(0, 0, 0, 0.1);}
.informationHub i{ display: block;font-size: 0; width: 0.26rem;height: 0.26rem;border-radius: 50%;
  box-shadow: 0px 0px 2.91px 0.09px rgba(0, 0, 0, 0.1); margin-right: 0.13rem;line-height: 1.18;}


.shareMode{ display: block; position: absolute; top: 0.6rem;right: calc(100% + 0.3rem);}
.shareMode a{ display: block; width: 0.3rem;height: 0.3rem;font-size: 0; border-radius: 50%; margin-bottom: 0.1rem;}
.shareMode a:last-child{ margin-bottom: 0px;}
.shareMode .bds_weixin{ background: #00c800 url(../images/share-wechat.svg) no-repeat center/cover;}
.shareMode .bds_tsina{background: url(../images/share-sina.svg) no-repeat center/cover;}
.shareMode .moreShare{width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #65abab url(../images/share-more.svg) no-repeat center/cover;}
.shareMode .moreBox{/* display: none; */position: absolute;top: 100%;left: 0;width: 100%;padding-top: 0.1rem;}
.shareMode .moreShare:hover .moreBox{ display: block;}
.shareMode .share_facebook{ background: url(../images/share-facebook.svg) no-repeat center/cover;}
.shareMode .share_twitter{ background: #68aaea url(../images/share-twitter.svg) no-repeat center/cover;}
.shareMode .share_print{ background: #3983c4 url(../images/share-print.svg) no-repeat center/cover;}

.intro{}
.intro .gp-content{ line-height: 1.62;}
.intro .gp-content p{ margin-bottom: 0.26rem;}
.intro .gp-content p:last-child{ margin-bottom: 0px;}

.Annex{ padding: 0.24rem; line-height: 0.2rem;background: #F8F8F8; border-radius: 0.24rem; margin-top: 0.3rem;}
.Annex h3{ color: #333; font-style: normal; font-weight: bold;padding-left: 0.12rem;position: relative;padding-bottom: 0.16rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.Annex h3::before{content: '';display: block;width: 0.04rem;height:0.2rem;background: #1463EB;border-radius: 0.02rem;
  position: absolute;left: 0;top: 0;}
.Annex li{ margin-top: 0.16rem;}
.Annex li::marker{ content: ''}
.Annex a{ display: block;background: transparent !important;position: relative;padding-left: 0.13rem;}
.Annex a::before{ content: '';display: block;width: 0.06rem;height: 0.06rem;border-radius: 50%;background: #1463EB;
  position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

/* textList */
.textList{}
.textList li{ position: relative;}
.textList li a{ display: block;padding: 0.24rem 0rem; border-top: 1px solid #eaeaea; transition: all 0.2s ease-in-out;}
.textList li a:hover{ background: #f6f6f6;}
.textList .date{ margin-right: 0.1rem; color: #404040;}
.textList a:hover .date{ color: #58b33e;}
.textList .title{ position: relative; height: 2.2em; line-height: 1.1;color: #212121; padding-left: 0.53rem; max-width: 7rem;}
.textList .title::before{ content: '';display: block;width: 0.24rem;height: 0.24rem;border-radius: 50%;
  box-shadow: 1.338px 1.486px 7.6px 0.4px rgba(0, 0, 0, 0.1);background: url(../images/ok.png) no-repeat center/100% auto;
  position: absolute;left: 0.26rem;top: 0;z-index: 1;transform: translateX(-50%);}
.textList a:hover .title::before{ background: #d06937; width: 0.5rem; height: 100%; border-radius: 0;
  background: url(../images/fei-ico.png) no-repeat center/auto 100%; box-shadow: none;top: 0;}
.textList a:hover .title{color: #58b33e;font-weight: bold;}
/* .textList.noDate .title{ max-width: 100%; height: auto;} */

.gp-mt-0{ margin-top: 0 !important;}
.imgNewsList .img{ width: 29.68%; flex-shrink: 0;}

/* Posts */
.postsBg{ background: url(../images/post-sub-bg.png) no-repeat center bottom/100% auto;}
.subcontent .posts{ padding-bottom: 0.9rem;}
.posts .pageCon{ background: #f6f6f6; padding: 0.3rem 0.72rem 0.45rem;box-sizing: border-box;text-align: center;}
.posts .formTil{ color: #292929;text-align: center;text-transform: uppercase; display: inline-block;line-height: 1; position: relative;}
.posts .formTil::before,
.posts .formTil::after{ content: '';display: block;width: 0.12rem;height: 0.12rem;box-sizing: border-box;border: 2px solid #58b23e;
  position: absolute;left: calc(100% + 0.17rem);top: 50%;transform: translateY(-50%) rotateZ(45deg);}
.posts .formTil::before{ background: #58b23e; left: auto;right: calc(100% + 0.17rem);}
.posts .formCon{ margin-top: 0.3rem; border-radius: 0.1rem;background: #fff; padding: 0.36rem 0.9rem;}
.no-resize{ resize: none;}
.posts .formCon .text{ line-height: 1;}
.posts form{ color: #333; text-align: left; margin-top: 0.4rem;}
.posts form input, .posts form textarea{ width: 100%;line-height: 0.6rem;border-radius: 0.1rem;border: 1.5px solid #e3e2e2; outline: none;
  padding: 0 0.3rem; font-family: 'Arial';}
.posts form input[type=radio]{ width: auto; opacity: 0;}
.posts form input[type=radio] + label{ position: relative;}
.posts form input[type=radio] + label::before{ content: '';display: block;width: 0.13rem;height: 0.13rem;box-sizing: border-box;
  border-radius: 0.03rem;background: transparent;border: 1px solid #e7e6e6;
  position: absolute; top: 50%;top: 0.1rem; transform: translateY(-50%);left: -0.2rem;}
.posts form input[type=radio]:checked + label::before{ background: #58b23e; border-color: #58b23e;}
#option1, #option3{ margin-left: 0.95rem;}
#option2{ margin-left: 0.4rem;}
.posts form input[type=radio] + label.option1::before,
.posts form input[type=radio] + label.option2::before{ background: #e3e2e2;border-radius: 50%;}
.posts form input[type=radio]:checked + label.option1::before,
.posts form input[type=radio]:checked + label.option2::before{ background: #58b23e;}
.posts form textarea{ line-height: 1.5; padding: 0.2rem 0.3rem;}
.posts form .verif{ line-height: 0.34rem; max-width: 2.04rem; padding: 0 0.15rem;}
.posts form .item{ position: relative; margin-bottom: 0.18rem;}
.posts form .textLabel{ position: absolute;top: 0;left: 0.75rem; z-index: 1;transform: translateY(-50%);
  background: #fff; line-height: 1;padding: 0 0.2rem;}
.posts form .textLabel::before{ content: '*';display: inline-block;color: red;position: absolute;top: 0;left: 0.1rem;}
.posts .verifBtn{ display: inline-block;line-height: 0.36rem; border: 1.5px solid #e3e2e2; border-radius: 0.1rem; margin-left: 0.1rem; padding: 0 0.18rem;}
.posts .submit{ color: #fff; background: #58b23e;max-width: 1.21rem;text-align: center;border-radius: 0.1rem;line-height: 0.39rem;align-items: center;justify-content: center;}
.posts .submit i{ display: inline-block;width: 0.26rem;height: 0.26rem;border-radius: 50%;margin-right: 0.1rem;
  background: #fff url(../images/form-icon.png) no-repeat center;}
.posts .submit:hover i{ animation: arrowRun 2.5s infinite}

/* Database */
.databaseBg{ background: url(../images/database-sub-bg.png) repeat center bottom/100% auto; position: relative;z-index: 2;}
.databaseBg .bread{ background: #f6f6f6;}
.databaseBg .bread::before{ border-right-color: #f6f6f6;}
.databaseBg .bread::after{ border-left-color: #f6f6f6;}
.database .pageCon{ background: #58b33e url(../images/database-bg.png) no-repeat center/100% 100%; 
  background: #fff;
  border-radius: 0.1rem 0 0 0;
  padding-left: 0;padding-right: 0; position: relative;z-index: 1;}
.database .pageCon::before{ content: '';display: none;width: 96.67%;height: 0.6rem;margin: 0 auto;
  background: url(../images/database-til-bg.png) no-repeat right top;}
.database .pageCon::after{ content: ''; display: block;width: 96.67%;height: calc(100% - 1.13rem);background: #fff;
  position: absolute;right: 50%;top: 0.9rem;z-index: -1;transform: translateX(50%);}
.database .pageCon .whiteBg{ width: 93.33%;margin: 0 auto;position: relative;}
/* .database .formTil{ transform: translateY(-100%);} */
.database .formTil span{ color: #58b33e;}
.database .searchTalent{ text-align: left; width: 100%;/*max-width: 546px;*/max-width: 662px;position: relative;margin-top: 0.2rem; margin-bottom: 0.13rem; }
.database .searchTalent input[type=text]{ line-height: 44px; width: 100%; border: none; outline: none;
  padding: 0 0.45rem; background: #f4f4f4;border-radius: 0.1rem; color: #7a7a7a; font-size: 0.18rem;}
.database .searchTalent input[type=text]::placeholder{ color: #7a7a7a; font-size: 0.18rem;}
.database .searchTalentBtn{ width: 0.44rem; height: 100%;position: absolute;left: 0rem;top: 0;z-index: 1;
  background: url(../images/search-talent.png) no-repeat center center;}
.database .funcCon{ background: #fff; width: 96.55%;width: 100%; margin: 0 auto;}
.database .showItem{ position: relative; align-items: center; border: 1.5px solid #e3e2e2; border-radius: 0.1rem; padding: 0 0.15rem; width: 15%;justify-content: flex-start;}
.database .showItem.specialAgriculturalProducts{ width: 22%;}
.database .showItem.fieldsOfExpertise{ width: 17%;}
.database .showItem::before{ content: ''; display: block;width: 0.11rem;height: 0.06rem;background: url(../images/trangle.svg) no-repeat center/cover;
  position: absolute;top: 50%;transform: translateY(-50%);right: 0.23rem;}
.database .showItem i{ font-size: 0; margin-right: 0.09rem; flex-shrink: 0; font-family: 'Arial';}
.database .showItem input{ line-height: 0.44rem; border: none; outline: none; padding: 0; font-size: 0.18rem; width: calc(100% - 0.5rem); letter-spacing: -0.45px;color: #7a7a7a;color: #333;cursor: pointer;}
.database .showItem input::placeholder{ letter-spacing: -0.45px;color: #7a7a7a;}
.database .selectSearch{ width: 8.64%; border-radius: 0.1rem; background: #58b23e; color: #fff; justify-content: center;}
.database .selectSearch i{ margin-right: 0.13rem; font-size: 0; flex-shrink: 0;}
.database .cleanInput{ display: flex;display: -ms-flexbox;justify-content: center;align-items: center;
  width: 5%;border-radius: 0.1rem; background: #58b23e; color: #fff;}
.database .showItem .optionList{ position: absolute;top: 100%;left: 0%;z-index: 1;display: none;
  width: 100%;border-radius: 0.1rem;background: rgba(88, 179, 62, 1);text-align: left; max-height: 56vh; overflow-y: scroll;}
.database .showItem.active .optionList, .database .showItem:hover .optionList{ display: block;}
.database .showItem .optionList dd:hover{ background: rgba(88, 179, 62, 1);}
.database .showItem .optionList a{ display: block;line-height: 1.2;padding: 0.05rem; color: #fff;}
.database .result{ margin-top: 0.35rem;}
.database .result ul a{ align-items: center; padding: 0.07rem 0; min-height: 0.5rem;
	background: linear-gradient(90deg, #d1d1d1 0%, #d1d1d1 33.33%, transparent 33.33%, transparent 100%);
	background: -webkit-linear-gradient(0deg, #d1d1d1 0%, #d1d1d1 33.33%, transparent 33.33%, transparent 100%);
	background: -moz-linear-gradient(0deg, #d1d1d1 0%, #d1d1d1 33.33%, transparent 33.33%, transparent 100%);
	background-size: 8px 1px;
	background-repeat: repeat-x;
	background-position: bottom left;}
.database .result li:last-child a{ background: none;}
.database .column{ line-height: 1; text-align: left; color: #545454;letter-spacing: -0.45px;}
/*.database .column1{ width: 15.28%;}
.database .column2{ width: 18.96%;}
.database .column3{ width: 5%;}
.database .column4{ width: 9.86%;}
.database .column5{ width: 35%;}
.database .column6{ width: 23.43%;}*/
.database .column1{width: 17.28%;}
.database .column2{width: 16.96%;}
.database .column3{width: 4%;}
.database .column4{width: 8.86%;}
.database .column5{width: 29%;}
.database .column6{width: 8%;}
.database .pageDots{ justify-content: center; padding: 0.2rem 0;}
.database .dot{ position: relative; width: 0.07rem;height: 0.07rem;border-radius: 50%;background: #58b33e;margin: 0 0.05rem; cursor: pointer;}
.database .dot::before{ content: '';display: block;top: -0.03rem;right: -0.03rem;bottom: -0.03rem;left: -0.03rem;border-radius: 50%;
  border: 1px solid #58b33e; box-sizing: border-box;position: absolute; opacity: 0;}
.database .dot.on_page::before{ opacity: 1;}
.eleHidden{ visibility: hidden;}

/* NEWSROOM */
.indexNewsroom{ padding-top: 0.85rem;}
.newsModeTil{ text-transform: uppercase;}
.newsModeTil span{ position: relative;line-height: 1;z-index: 1; padding: 0 0.37rem;}
.newsModeTil span::before,
.newsModeTil span::after{ content: '';display: block;width: 0.12rem;height: 0.12rem;box-sizing: border-box;border: 2px solid #58b23e;
  position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotateZ(45deg);}
.newsModeTil span::before{ background: #58b23e; right: auto;left: 0.03rem}
.newsModeTil div{ color: #666;}

.newsMode01{ padding-bottom: 0.85rem;}
.newsMode01 .newsModeCon{ padding-top: 0.4rem;}
.newsMode01 .left{ width: 47.86%;}
.newsMode01 .gp-img-responsive img:hover{ opacity: 1;}
.newsMode01 .left a{ display: block; background: #58b33e; color: #fff;}
.newsMode01 .left .infoBox{padding: 0 0.5rem 0.3rem;}
.newsMode01 .left .title{ line-height: 1.28; padding-top: 0.26rem;}
.newsMode01 .left .summary{ line-height: 1.67; padding-top: 0.2rem;}
.newsMode01 .right{ width: 47.93%;}
.newsMode01 .right li{ margin-bottom: 0.32rem;}
.newsMode01 .right li:last-child{ margin-bottom: 0rem;}
.newsMode01 .right a{ transition: all 0.35s ease-in-out;}
.newsMode01 .right a:hover{ transform: translateY(-0.05rem);}
.newsMode01 .right .infoBox{ padding: 0.24rem 0.3rem 0; background: #f6f6f6;}
.newsMode01 .right .img{ width: 42.1%; flex-shrink: 0;}
.newsMode01 .right .title{ line-height: 1.23;color: #222;}
.newsMode01 .right .summary{ margin-top: 0.24rem;color: #646464;}
.newsMode01 .right .date{ color: #58b33e; line-height: 1;margin-top: 0.2rem;}

.newsMode02{ position: relative;z-index: 1; padding-top: 1.3rem;}
.newsMode02::before{ content: '';display: block;width: 100%;height: 5.1rem;background: #20242d;
  position: absolute;left: 0;top: 0;z-index: -1;}
.newsMode02::after{ content: '';display: block;width: 95.31%; height: 90.56%; background: url(../images/news-index-bg1.png) no-repeat center/cover;
  position: absolute;right: 0;bottom: 0;z-index: 0;border-radius: 0.8rem 0 0 0;}
.newsMode02 .newsModeTil{ color: #fff;padding-top: 0.3rem; position: relative;z-index: 1;}
.newsMode02 .newsModeTil span::before,
.newsMode02 .newsModeTil span::after{ border-color: #d06937;}
.newsMode02 .newsModeTil span::before{ background: #d06937;}
.newsMode02 .gp-container{ overflow: hidden;}
.newsMode02 .newsModeCon{ padding-top: 0.7rem; padding-bottom: 0.5rem; position: relative;z-index: 1;}
.newsMode02 li a{ display: block; background: #fff; transform: all 0.35s ease-in-out;}
.newsMode02 li a:hover{ transform: translateY(-0.05rem);}
.newsMode02 li .infoBox{ padding: 0 0.28rem 0.3rem;}
.newsMode02 li .title{ color: #222; line-height: 1.2; margin-top: 0.2rem;}
.newsMode02 li .summary{ color: #646464; line-height: 1.33; margin-top: 0.2rem;}
.newsMode02 li .date{ color: #58b33e;line-height: 1; margin-top: 0.14rem;}
.newsMode02 .arrows{ position: absolute;top: 0;right: 0;z-index: 1;transform: translateY(-100%);}
.newsMode02 .arrowsBtn{ width: 0.61rem;height: 0.61rem; border-radius: 0.1rem;background: #fff url(../images/arrow-green.svg) no-repeat center;}
.newsMode02 .arrowsBtn:hover{ background: #d06937 url(../images/arrow-white-right.svg) no-repeat center;}
.newsMode02 .swiper-prev{ margin-right: 0.18rem;transform: rotateY(180deg);}

.newsMode03{ padding: 0.7rem 0;}
.newsMode03 .newsModeCon{}
.newsMode03 .newsModeCon ul{ margin: 0 -0.24rem;}
.newsMode03 .newsModeCon li{ margin-top: 0.72rem;}
.newsMode03 .newsModeCon a{ display: block;padding: 0 0.48rem;margin: 0 0.24rem; position: relative; z-index: 1;transition: all 0.35s ease-in-out;}
.newsMode03 .newsModeCon a:hover{ transform: translateY(-0.05rem);}
.newsMode03 .newsModeCon a::before{ content: '';display: block;width: 100%;height: calc(100% - 0.44rem);border-radius: 0.5rem 0 0 0;box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.08);
  position: absolute;left: 0;bottom: 0;z-index: -1;}
.newsMode03 .newsModeCon .infoBox{ padding-bottom: 0.44rem;position: relative;}
.newsMode03 .newsModeCon .infoBox::before{ content: '';display: block;width: 100%;height: 0.08rem;background: #58b33e;
  position: absolute;bottom: 0;left: 0;z-index: 1;}
.newsMode03 .newsModeCon .date{ line-height: 1;color: #58b33e;margin-top: 0.34rem;}
.newsMode03 .newsModeCon .title{ line-height: 1.54;margin-top: 0.13rem; color: #222;}

.newsMode04{ position: relative; background: #f6f6f6; padding: 0.75rem 0 1.2rem;}
.newsMode04 .newsModeCon{position: relative; margin-top: 0.65rem; overflow: hidden;}
.newsMode04 .upcomingEventsSlide{ width: 90.2%;width: 33.2%; margin: 0 auto;}
.newsMode04 .upcomingEventsSlide ul{ align-items: center;/* margin: 0 -0.06rem; */}
.newsMode04 .upcomingEventsSlide li{ width: 83.33%; opacity: 0; transition: all 0.35s ease-in-out;}
.newsMode04 .upcomingEventsSlide li.swiper-slide-prev,
.newsMode04 .upcomingEventsSlide li.swiper-slide-active,
.newsMode04 .upcomingEventsSlide li.swiper-slide-next{ opacity: 1;}
.newsMode04 .upcomingEventsSlide li.swiper-slide-active{ width: 100%;}
.newsMode04 .upcomingEventsSlide a{ position: relative; display: block;/* margin: 0 0.06rem; */background: #fff; padding: 0 0.2rem 0.2rem 0.25rem;
  transition: all 0.35s ease-in-out, padding 0s ease-in-out;}
.newsMode04 .upcomingEventsSlide .swiper-slide-active a{ background: url(../images/news-index-bg2.png) no-repeat center/cover; padding: 0 0.2rem 0.45rem 0.25rem;}
.newsMode04 .upcomingEventsSlide .tag{ line-height: 0.24rem; padding: 0 0.14rem; border-radius: 0 0.05rem 0.05rem 0;color: #fff;
  position: absolute;left: 0;top: 0.1rem;z-index: 1;}
.newsMode04 .upcomingEventsSlide .swiper-slide-active .tag{ top: 0.2rem;}
.newsMode04 .upcomingEventsSlide .Seminars{ background: #cebe8e;}
.newsMode04 .upcomingEventsSlide .Workshops{ background: #8e9fce;}
.newsMode04 .upcomingEventsSlide .title{ color: #222; line-height: 1.18; padding-top: 0.45rem;}
.newsMode04 .upcomingEventsSlide .swiper-slide-active .title{ color: #58b33e; padding-top: 0.6rem;}
.newsMode04 .upcomingEventsSlide .infoBox{ margin-top: 0.2rem; line-height: 2; color: #646464;}
.newsMode04 .upcomingEventsSlide .swiper-slide-active .infoBox{ margin-top: 0.32rem;}
.newsMode04 .upcomingEventsSlide i{ width: 0.2rem; margin-right: 0.1rem;}
.newsMode04 .upcomingEventsSlide i svg{ vertical-align: middle;}
.newsMode04 .upcomingEventsSlide .swiper-slide-active path{ transition: all 0.35s ease-in-out; fill: #d06937;}
.newsMode04 .upcomingEventsSlide .flex{ justify-content: flex-start; width: calc(100% - 0.3rem);}
.newsMode04 .upcomingEventsSlide .flex span:first-child{ flex-shrink: 0;}
.newsMode04 .upcomingEventsSlide .flex .gp-ellipsis-2{ height: 4em;}
.newsMode04 .arrows{ position: absolute; top: 50%;transform: translateY(-50%);z-index: 1;opacity: 0;transition: opacity 0.2s ease-in-out;
  width: 0.62rem;height: 0.62rem;border-radius: 0.1rem;background: #20242d url(../images/arrow-white-right.svg) no-repeat center/ 0.3rem auto;}
.newsMode04 .newsModeCon:hover .arrows{ opacity: 1;}
.newsMode04 .swiper-prev{ left: 0;transform: translateY(-50%) rotateY(180deg);}
.newsMode04 .swiper-next{ right: 0;}
.newsMode04 .swiper-pagination{ position: relative; bottom: 0; font-size: 0; padding-top: 1rem;}
.newsMode04 .swiper-pagination-bullet{ width: 0.15rem;height: 0.15rem;border: 1px solid #58b33e;border-radius: 50%;
  box-sizing: border-box;background: transparent; margin: 0 0.05rem;}
.newsMode04 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #58b33e;}

.contactMap{ padding-bottom: 1.8rem;}
.contactMap .mapBox{ justify-content: flex-start; padding-bottom: 0.3rem; position: relative;z-index: 1; align-items: center;}
.contactMap .mapBox::before{ content: '';display: block;width: 94.6%;height: 83.13%;background: #076e39;
  position: absolute; bottom: 0;right: 0;z-index: -1;}
.contactMap .left{ width: 39.06%; background: #58b33e url(../images/contact-bg1.png) no-repeat left bottom/100% auto;
  padding: 0.78rem 0.8rem 0.8rem 0.4rem; color: #fff;}
.contactMap .left .flex{ justify-content: flex-start;}
.contactMap .left > .flex{ margin-bottom: 0.27rem;}
.contactMap .left > .flex:last-child{ margin-bottom: 0;}
.contactMap .left span{ display: block;line-height: 1.35;}
.contactMap .left .icon{ flex-shrink: 0; width: 0.27rem;height: 0.27rem;border-radius: 50%;border: 1px solid #d06937; margin-right: 0.2rem;position: relative;}
.contactMap .left .icon img{ position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.contactMap .right{ width: 59%;}
.contactMap .right img{ width: 100%;}

/* Who We Are */
.aboutCAASTIA{ position: relative;}
.aboutMode01{ overflow: hidden;}
.aboutMode01 .imgOut{ width: 50%;margin-left: auto; margin-right: 0; position: relative;}
.aboutMode01 .imgOut .gp-img-responsive{ padding-bottom: 95.99%;}
.aboutMode01 .imgBox{ position: relative; top: 0;right: 0;width: 100%; border-radius: 0 0.7rem 0 0;overflow: hidden; height: 100%;}
.aboutMode01 .imgBox .img{ height: 100%;}
.aboutMode01 .imgBox .gp-img-responsive{ height: 100%; padding-bottom: 0; position: relative;}
.aboutMode01 .imgBox .gp-img-responsive img{ position: absolute; height: 100%;width: auto;min-width: 100%;top: 0;right: 50%;transform: translateX(50%);z-index: 1;}
.aboutMode01 .textBox{ width: 50%; padding-right: 0.8rem; box-sizing: border-box;}
.aboutMode01 .showLabel{ text-align: justify; line-height: 1.67; color: #464646;padding-top: 0.44rem;}
.aboutMore{ margin-top: 0.35rem; margin-bottom: 0.2rem; border-radius: 0.1rem; overflow: hidden; max-width: 1.91rem;}
.aboutMore .box{ padding: 0.17rem 0; text-align: center; line-height: 0.26rem;background: #58b33e;color: #fff; justify-content: center;}
.aboutMore i{ display: block;width: 0.26rem;height: 0.26rem;border-radius: 50%;margin-left: 0.24rem;
  background: #fff url(../images/arrow-green.svg) no-repeat center/0.14rem auto;}
.aboutMore .box:hover i{ animation: arrowRun 3s infinite;}

/* aboutMode02 */
.aboutMode02{ overflow: hidden;}
.aboutMode02 .newsModeTil span{ color: #292929;}
.aboutMode02 .mission{ width: 50%; border-radius: 0 0 0 0.7rem;padding: 0.3rem 0.44rem 0.5rem 0.35rem;
  background: url(../images/about-bg1.png) no-repeat center bottom/cover;box-shadow: 2.677px 2.973px 13.76px 2.24px rgba(0, 0, 0, 0.1);}
.aboutMode02 .mission .newsModeTil span::before,
.aboutMode02 .mission .newsModeTil span::after{ border-color: #fff;}
.aboutMode02 .mission .newsModeTil span::before{ background: #fff;}
.aboutMode02 .mission .aboutModeCon{ margin-top: 0.5rem;}
.aboutMode02 .item{ padding-left: 0.55rem; margin-bottom: 0.3rem; position: relative;}
.aboutMode02 .item:last-child{ margin-bottom: 0;}
.aboutMode02 .item::before{ content: '';display: block;width: 0.36rem;height: 0.36rem;border-radius: 50%;background: #fd6e28 url(../images/arrow-white-right.svg) no-repeat center/0.18rem auto;
  position: absolute; top: 0;left: 0;z-index: 1;}
.aboutMode02 .itemTil{ line-height: 1.63;}
.aboutMode02 .itemCon{ color: #464646; line-height: 1.67; margin-top: 0.14rem;}
.aboutMode02 .charter{ width: 50%; padding: 0.3rem 0.45rem 0.15rem; padding-right: 0;}
.aboutMode02 .charter .aboutModeCon{ line-height: 1.67; margin-top: 0.4rem;}
.aboutMode02 .aboutMore{ margin-left: auto;margin-right: 0;}
/* .aboutMode02 .aboutMore{ border: 2px solid #58b33e; box-sizing: border-box; margin-left: auto;margin-right: 0;}
.aboutMode02 .aboutMore .box{ background: transparent; color: #2a2a2a;}
.aboutMode02 .aboutMore i{ background: #58b33e url(../images/arrow-white-right.svg) no-repeat center / 0.14rem auto;} */

.aboutMode03{ padding-bottom: 0.6rem; background: url(../images/about-bg2.png) no-repeat center bottom/100% auto;}
.aboutMode03 > .gp-container{ position: relative;z-index: 1;padding: 0.6rem 0 0;}
.aboutMode03 > .gp-container::before{ content: '';display: block;width: 100vw;height: 77.11%; background: #f6f6f6;border-radius: 0 0.7rem 0 0;
  position: absolute; right: 0;top: 0;z-index: -1;}
.aboutMode03 .aboutModeCon{ margin-top: 0.3rem; background: #fff; box-shadow: 2.677px 2.973px 13.76px 2.24px rgba(0, 0, 0, 0.1); padding: 0.45rem 0.64rem 0.4rem;}
.orgDiag{ text-align: center; line-height: 1.1;}
.textUppercase{ text-transform: uppercase;}
.orgDiag .itemBlock{ padding: 0.15rem 0; border-radius: 0.05rem;box-shadow: 0px 0px 3px 0px rgba(29, 20, 10, 0.24);}
.diagName{ color: #00561f; max-width: 6.7rem; margin: 0 auto; border: 1px solid #b5b5b5;box-shadow: 0px 0px 3px 0px rgba(29, 20, 10, 0.24);}
.orgDiag ul{ margin-top: 0.38rem;padding-top: 0.37rem; overflow: hidden;position: relative;align-items: flex-start;}
.orgDiag ul::before{ content: ''; width: 100%;height: 1px;background: #b5b5b5;max-width: calc(25% * 3 + (30px * 3 / 4));
  position: absolute;right: 50%;transform: translateX(50%);z-index: 1;top: 0;}
.orgDiag ul li{ width: calc(25% - (30px * 3 / 4)); position: relative;z-index: 1;}
.orgDiag ul li::before{ content: '';display: block;width: 1px;height: 200%;background: #b5b5b5;
  position: absolute;left: 50%;transform: translate3d(-50%, 50%, 0);bottom: 100%;z-index: -1;}
ul .diagName{ color: #fff;}
.diagName2{ background: #4c8862; border: none;}
.orgDiag dl{ position: relative; margin-top: 0.18rem; padding: 0.19rem 0; overflow: hidden;background: #fff;z-index: 1;}
.orgDiag dl::before,
.orgDiag dl::after{ content: ''; width: 100%;height: 1px;background: #b5b5b5;max-width: calc(50% + (16px / 2));
  position: absolute;right: 50%;transform: translateX(50%);z-index: 1;top: 0;}
.orgDiag dl::after{ top: auto;bottom: 0;}
.orgDiag dd{ position: relative;z-index: 1; width: calc(50% - (16px / 2));}
.orgDiag dd::after{ content: '';display: block;width: 1px;height: 200%;background: #b5b5b5;
  position: absolute;left: 50%;transform: translate3d(-50%, 50%, 0);bottom: 50%;z-index: -1;}
.diagName3{ background: #93cb84;}
.clickable{ position: relative;}
.clickable::before{ content: '';display: block;font-size: 0.2rem;color: #fff; width: 0.18rem;height: 0.08rem;background: url(../images/gt.png) no-repeat center/100% 100%;
  position: absolute;top: 50%;right: 0.1rem;transform: translateY(-50%)rotateZ(0deg);transition: all 0.3s;pointer-events: none;}
.clickable.open::before{ transform: translateY(-50%) rotateZ(-90deg);}
.clickable .diagName{ padding-right: 0.35rem;padding-left: 0.15rem;}
.clickable a{ display: block;}
.orgDiag dl.level3{ background: #fff; z-index: 1; padding: 0;}
.orgDiag dl.level3::before,
.orgDiag dl.level3::after{ display: none;}
.orgDiag dl.level3 dd{ width: 100%; margin-bottom: 0.2rem;}
.orgDiag .level3Child50percent dl.level3{ margin-top: 0;padding-top: 0.2rem; overflow: visible;position: relative;}
.orgDiag .level3Child50percent dl.level3::before,
.orgDiag .level3Child50percent dl.level3::after{ content: '';display: block;width: 1px;height: 100%;background: #b5b5b5;max-height: 1rem;
  position: absolute;left: 25%;top: -0.2rem;transform: translateX(-50%);z-index: -1;}
.orgDiag .level3Child50percent dl.level3::before{ left: 75%;}
.orgDiag .level3Child50percent dl.level3 dd{ width: calc(50% - (16px / 2));z-index: 0; margin-bottom: 0;}
.orgDiag .level3Child50percent dl.level3 dd::before{ display: none;}
.orgDiag .level3Child50percent dl.level3 dd a{ position: relative;z-index: 1; margin-bottom: 0.2rem; padding: 0.15rem 0.2rem 0.3rem;}
.orgDiag .level3Child50percent dl.level3 dd a::before{ content: ''; display: block; font-size: 0.2rem; color: #fff;width: 0.18rem; height: 0.08rem;
  background: url(../images/gt.png) no-repeat center / 100% 100%;
  position: absolute; bottom: 0.1rem; right: 50%; transform: translateX(50%) rotateZ(0deg); transition: all 0.3s; pointer-events: none;}
.orgDiag .level3Child50percent dl.level3 dd a:last-child{ margin-bottom: 0rem;}
.orgDiag .level3Child50percent dl::after{ display: none;}
.orgDiag .level3Child50percent dd::after{ bottom: 100%;}
.orgDiag dl.level3 dd:last-child{ margin-bottom: 0;}
.orgDiag dl.level3 dd::after{ display: none;}
.orgDiag dl.level3 .diagName3{ background: #b4cc7c;}
.orgDiag .onlyLevel2 dl{ padding-bottom: 0;}
.orgDiag .onlyLevel2 dl::after{ display: none;}

/* about caastia 展开列表样式 */
.personList{ display: none;}
.openMask{ display: block; background: #20242d;opacity: 0.4;
  position: fixed;width: 100vw;height: 100vh;top: 50%;right: 50%;transform: translate3d(50%, -50%, 0); z-index: 8;}
.personList{ position: fixed; top: 50%;right: 50%;transform: translate3d(50%, -50%, 0);z-index: 10;
  width: auto;max-width: 10rem;min-width: 6.2rem; background: #fff; border-radius: 0.05rem; padding: 0.2rem 0 0.24rem;}
.personList.twoColumns{ width: 10rem;}
.personList .top{ padding: 0 0.3rem 0.24rem; border-bottom: 1px solid #e3e3e3;color: #4c4c4c; align-items: center;}
.personList .closeList{ cursor: pointer; font-size: 0;}
.personList a.closeList{ display: block; max-width: 0.84rem; color: #00561f; font-size: 0.18rem;border-radius: 0.05rem;line-height: 0.46rem;
  text-align: center;margin-left: auto;margin-right: 0; margin-right: 0.3rem;box-shadow: 0px 0px 5.76px 0.24px rgba(29, 20, 10, 0.15);}
.personList .personListCon{ padding: 0.2rem 1rem 0.35rem;}
.personList ul{ }
.personList li{ margin-top: 0.4rem;}
.personList li:nth-of-type(1),
.personList li:nth-of-type(2){ margin-top: 0;}
.personList li:nth-of-type(2n){ }
.personList li a{ display: inline-flex; display: -ms-inline-flexbox; align-items: center;color: #4c4c4c;justify-content: flex-start;}
.personList.twoColumns .personListCon{ max-height: 70vh; overflow: hidden;}
.personList.twoColumns.twoColumns2 .personListCon{ height: 6.8rem; overflow-y: scroll;}
.personList.twoColumns ul{ margin: 0 -0.6rem; }
.personList.twoColumns li a{ margin: 0 0.6rem;}
.personList .img{ width: 1rem; flex-shrink: 0;}
.personList .infoBox{ width: 1.9rem; flex-shrink: 0;margin-left: 0.5rem;}
.personList .label{ line-height: 1.2;}
.personList .label1{ color: #00561f; letter-spacing: -0.9px;}
.personList .label2{ margin-top: 0.18rem;}
.personList .gp-img-responsive{ padding-bottom: 123.88%;}
.personList .bottom{ padding-top: 0.2rem;border-top: 1px solid #e3e3e3;}
.personList .gp-img-responsive img:hover{ transform: scale(1);opacity: 1;}

/* DATABASE  */
.subcontent.database{ position: relative;z-index: 1;}
.subcontent.database::before{ content: '';display: none;width: calc(100% + 0.55rem);height: 100%;background: url(../images/database-index-bg1.png) no-repeat top center;
  position: absolute;top: 0;right: 0;margin-top: -0.55rem;}
/* .databaseBread .bread{ background: transparent;}
.databaseBread .bread::after{ display: none;} */
.databaseMode01{ position: relative;z-index: 1;overflow: hidden;padding-bottom: 0.55rem;}
.databaseMode01 .aboutModeCon{ padding-top: 0.3rem;}

.databaseMode01 .databaseModeCon{ margin-top: 0.13rem;}
.databaseMode01 .swiper-slide{ opacity: 0; transition: opacity 0.5s;}
.databaseMode01 .swiper-slide-active{ opacity: 1;}
.databaseMode01 ul{ margin: 0 -0.07rem; flex-wrap: wrap; justify-content: flex-start;}
.databaseMode01 li{ margin-top: 0.17rem;}
.databaseMode01 li a{ align-items: center;justify-content: flex-start; padding: 0.1rem 0.18rem; margin: 0 0.07rem;height: 100%;align-items: center;
  background: #fff;box-shadow: 0px 2px 7.52px 0.48px rgba(45, 48, 56, 0.1);transition: all 0.2s;}
.databaseMode01 li a:hover{ background: #58b33e;}
.databaseMode01 .icon{ width: 0.32rem;height: 0.32rem; flex-shrink: 0; margin-right: 0.13rem;}
.databaseMode01 .title{ width: calc(100% - 0.45rem); color: #8a919e; line-height: 1;letter-spacing: -0.5px;transition: all 0.2s;}
.databaseMode01 a:hover .title{ color: #fff;}
.databaseMode01 svg path{ transition: all 0.2s;}
.databaseMode01 a:hover svg path{ fill: #fff;}
.databaseMode01 a:hover image,
.databaseMode01 a:hover img{
  filter: grayscale(100%) sepia(100%) brightness(200%) contrast(200%);
  -webkit-filter: grayscale(100%) sepia(100%) brightness(200%) contrast(200%);
  -moz-filter: grayscale(100%) sepia(100%) brightness(200%) contrast(200%);
  -o-filter: grayscale(100%) sepia(100%) brightness(200%) contrast(200%);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1), progid:DXImageTransform.Microsoft.Sepia(enabled='true'), progid:DXImageTransform.Microsoft.Brightness(brightness=2), progid:DXImageTransform.Microsoft.Contrast(contrast=2)";
}
.databaseModeCon .swiper-pagination{ position: relative;bottom: 0; padding: 0.2rem 0;}
.databaseModeCon .swiper-pagination-bullet{ width: 0.16rem;height: 0.16rem;border-radius: 50%;
  background: transparent;box-sizing: border-box;border: 2px solid #58b33e;}
.databaseModeCon .swiper-pagination-bullet-active{ background: #58b33e;}

.caasBox{ padding: 0.35rem 0.5rem 0.26rem; align-items: center; border-radius: 0.4rem 0 0 0;
  background: #fff; box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.08);}
.caasBox .lf{ width: calc(100% - 3.3rem);}
.caasBox .rt{ width: 2.6rem;}
.caasBox .title{ line-height: 1; color: #222;}
.caasBox .summary{ line-height: 1.33; color: #646464; margin-top: 0.2rem;}
.subcontent.database .readMore{ justify-content: flex-start;align-items: center; margin-top: 0.1rem; color: #222; max-width: 2rem;}
.subcontent.database .readMore i{ font-size: 0;width: 0.26rem;height: 0.26rem;border-radius: 50%;margin-right: 0.12rem;
  background: #58b33e url(../images/arrow-white-right.svg) no-repeat center/0.14rem auto;}
.subcontent.database .readMore:hover i{ animation: arrowRun 3s infinite;}

.databaseMode02{ position: relative;z-index: 1; padding-bottom: 0.54rem;}
.databaseMode02::before{ content: '';display: block;width: 100%;height: 100%;background: url(../images/database-index-bg2.png) no-repeat bottom center/100% auto;
  position: absolute; left: 0;bottom: 0;z-index: -1;}
.databaseMode02 .formTil{ color: #292929; text-align: center; text-transform: uppercase; display: inline-block; line-height: 1; position: relative;}
.databaseMode02 .formTil::before,
.databaseMode02 .formTil::after{ content: '';display: block;width: 0.12rem;height: 0.12rem;box-sizing: border-box;border: 2px solid #58b23e;
  position: absolute;left: calc(100% + 0.17rem);top: 50%;transform: translateY(-50%) rotateZ(45deg);}
.databaseMode02 .formTil::before{ background: #58b23e; left: auto;right: calc(100% + 0.17rem);}
.databaseMode02 .textAlignCenter{ background: #fff;}
.database .databaseMode02 .pageCon{ padding: 0.3rem 0;}

/* Partners & pool of Talents */
.fmNotoSerif{ font-family: 'NotoSerifSC', 'Noto Serif SC', 'NotoSerifSC';}
.databaseAddMode1{ position: relative;z-index: 2;padding: 0rem 0 0.5rem;}
.databaseAddMode1 > .flex{ flex-wrap: wrap; flex-direction: column;}
.partners{ width: 47.33%; width: 100%;}
.poolOfTalents{ width: 47.33%; width: 100%; margin-top: 0.38rem;}
.databaseAddMode1 .databaseModeCon{ margin-top: 0.3rem; background: rgba(255, 255, 255, 0.5);box-shadow: 0px 0px 5px 0px rgba(23, 23, 23, 0.15);}
.partners .databaseModeCon{ border-radius: 0.1rem;}
.poolOfTalents .databaseModeCon{ border-radius: 0 0 0 0.4rem;}
.databaseAddMode1 ul{ padding: 0 0.25rem 0.25rem; flex-wrap: wrap; justify-content: center; transform: translateY(-0.15rem);}
.databaseAddMode1 li{ width: 20%; margin-top: 0.55rem;}
.databaseAddMode1 li a{ position: relative;z-index: 1; text-align: center;line-height: 1;flex-direction: column;align-items: center;}
.databaseAddMode1 li a::before{ content: '';display: block;top: -15px;bottom: -15px;right: 0px;left: 0px;position: absolute;
  background: rgba(88, 179, 62, 0.9);backdrop-filter: blur(10px);border-radius: 10px;z-index: -1;opacity: 0;}
.databaseAddMode1 li a:hover::before{ opacity: 1;}
.databaseAddMode1 .iconBox{ width: 0.8rem;height: 0.8rem; margin: 0 auto; position: relative;}
.databaseAddMode1 .iconBox span{ position: absolute; width: 100%;height: auto;position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 1;}
.databaseAddMode1 a:hover .iconBox img{ animation: iconAnimate 0.8s ease-in-out forwards;}
@keyframes iconAnimate {
  0%{ transform: rotateY(0deg);}
  100%{ transform: rotateY(360deg);}
}
.databaseAddMode1 .number{ font-size: 0.45rem; color: #58b33e;letter-spacing: -1.125px;font-family: '微软雅黑';font-weight: bold;}
.databaseAddMode1 a:hover .number{ color: #fff;}
.databaseAddMode1 .poolOfTalents li{ width: 19%;}
.databaseAddMode1 .poolOfTalents li:nth-of-type(5n + 4){ width: 24%;}
.databaseAddMode1 .poolOfTalents .number{ color: #d06937;}
.databaseAddMode1 .title{ white-space: nowrap;opacity: 0.7;color: #222; margin-top: 0.15rem;}
.databaseAddMode1 a:hover .title{ color: #fff;}

.databaseAddPage{ position: relative;z-index: 1;}
.bg-f6f6f6{ background: #f6f6f6; padding: 0.3rem 0.7rem 0.6rem; margin-bottom: 1rem; border-radius: 0.7rem 0 0 0;}
.databaseAddPageCon{}
.databaseAddPageBg1{ position: relative;z-index: 1;}
.databaseAddPageBg1::before{ content: '';display: block; width: 100%; height: calc(100% + 2rem);background: url(../images/database-add-page-bg1.png) no-repeat center top;
  position: absolute; top: -0.55rem;right: 0;z-index: -1;}
.databaseAddPageBg1 .bread,
.databaseAddPageBg1 .bread::after{ background: transparent; border-color: transparent;}
.databaseAddPageCon .AddPageTab{ }
.databaseAddPageCon .tilList{ width: 4.55rem; margin: 0.3rem auto 0; background: #d2d2d2; line-height: 0.55rem; border-radius: 0.1rem;overflow: hidden;}
.databaseAddPageCon .tabTitle{ position: relative; display: block; width: calc(50% - 0.1rem); text-align: center;color: #292929;transition: 0s;}
.databaseAddPageCon .tabTitle.on{ color: #fff; background: #d06937;}
.databaseAddPageCon .tabTitle.on::before{ content: '';display: block;width: 0.2rem; height: 100%;background: url(../images/database-add-page-bg2.png) no-repeat center;
  position: absolute; left: 0;top: 0;z-index: 1;transform: translateX(-100%);}
.databaseAddPageCon .tabTitle:nth-of-type(1)::before{ left: auto; right: 0; transform: translateX(100%) rotateY(180deg);}
.databaseAddPageCon .tabTitle:nth-of-type(2)::before{ }
.databaseAddPageCon .boxList{ margin-top: 0.2rem; padding: 0.5rem 0.5rem 0.25rem; background: #fff;
  box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.08);}
.databaseAddPageCon .boxList .box{ display: none;}
.databaseAddPageCon .boxList .box.on{ display: block;}
.databaseAddPageCon .boxList li a{ justify-content: flex-start; align-items: center; line-height: 0.3rem;padding: 0.1rem 0;
  border-bottom: 1px dashed #e3e2e2;color: #545454;}
.databaseAddPageCon .boxList li:nth-of-type(1) a{ color: #fff; background: #58b23e; line-height: 0.46rem; padding: 0; border: none;}
.databaseAddPageCon .boxList li span{ display: block;text-align: center;letter-spacing: -0.005rem;}
.databaseAddPageCon .boxList li span:nth-of-type(1){flex-shrink: 0; width: 10.28%;}
.databaseAddPageCon .boxList li span:nth-of-type(2){ flex: 1; padding-right: 0.2rem;text-align: left;}
/**
 * Add by sunJia on 2025/10/23.
 * @Description: 新增下拉框
 */
.databaseAddPageCon .boxList li{ position: relative;}
.databaseAddPageCon .boxList li a{ position: relative;z-index: 1;}
.databaseAddPageCon .boxList li i{ display: block; width: 10%; max-width: 0.8rem; height: 0.3rem; position: relative;}
.databaseAddPageCon .boxList li i::before{ content: '';display: block;width: 0px;height: 0;border: 6px solid #58b23e;
    border-bottom: none;border-left-color: transparent; border-right-color: transparent;
    position: absolute; left: 50%;top: 50%; transform: translate(-50%, -50%);}
.databaseAddPageCon .boxList li.open i::before{ transform: translate(-50%, -50%) rotate(180deg);}
.databaseAddPageCon .boxList .slidedownBox{ display: none; position: absolute; z-index: 2; width: 100%; max-width: 6.65rem;top: calc(100% - 0.15rem);right: 0;}
.databaseAddPageCon .boxList li.open .slidedownBox{ display: block;}
.databaseAddPageCon .boxList .slidedownCon{ background-color: #58b23e; color: #fff; border-radius: 0.12rem; line-height: 1.78;
    padding: 0.1rem 0.25rem 0.3rem; max-height: 5rem; overflow-y: auto;}
.databaseAddPageCon .boxList .slidedownCon a{ display: block; color: #fff; padding: 0; border-bottom: none;}

/*  */
.databaseMode03{ position: relative;z-index: 1; padding: 0.4rem 0 0.88rem;}
.databaseMode03::before{ content: '';display: block;width: 100%;height: 3.06rem;background: #58b33e;
position: absolute;left: 0;top: 0;z-index: -1;}
.databaseMode03 .newsModeTil{ color: #fff;}
.databaseMode03 .newsModeTil span::before,
.databaseMode03 .newsModeTil span::after{ border-color: #d06937;}
.databaseMode03 .newsModeTil span::before{ background: #d06937;}
.databaseMode03 .databaseModeCon{ margin-top: 0.45rem;}
.databaseMode03 .databaseModeCon ul{ justify-content: flex-start; align-items: center;margin: 0 -0.18rem;}
.databaseMode03 .databaseModeCon li{ width: 16.79%;transition: all .3s ease-in-out;}
.databaseMode03 a{ display: block; padding: 0.34rem 0.15rem 0.26rem  0.25rem; margin: 0 0.18rem;
  background-position: right center;transition: all .3s ease-in-out, background 0s; position: relative;z-index: 1;}
.databaseMode03 a::before{ content: '';display: block;width: 100%;height: 100%;background: #f6f6f6;
  position: absolute;right: 50%;top: 50%;transform: translate3d(50%,-50%,0);z-index: -1;box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.08);}
.databaseMode03 .active a::before{ background: #fff;}
.databaseMode03 .icon{ width: 0.46rem;height: 0.46rem; background: url(../images/database-ico3.svg) no-repeat center/100% auto;}
.databaseMode03 .title{ line-height: 1.18;margin-top: 0.2rem; color: #222;
    -webkit-line-clamp: 5; hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;}
.databaseMode03 .active .title{ font-weight: bold; margin-top: 0; -webkit-line-clamp: 3;}
.databaseMode03 .summary{ color: #646464; display: none;text-align: justify;text-align: left;}
.subcontent.database .databaseMode03 .readMore{ margin-top: 0.15rem; color: transparent;}
.databaseMode03 .readMore i{ }
.databaseMode03 li.on a,
.databaseMode03 a:hover{ background: #d06937 url(../images/database-index-bg3.png) no-repeat right bottom/auto 100%;margin: 0 0.12rem;}
.databaseMode03 li.on a::before,
.databaseMode03 a:hover::before{ background: #d06937 url(../images/database-index-bg3.png) no-repeat right bottom / auto 100%;
  height: calc(100% + 0.1rem);width: calc(100% + 0.2rem);}
.databaseMode03 li.on a .icon,
.databaseMode03 a:hover .icon{ width: 0.54rem;height: 0.54rem; background: url(../images/database-ico3-white.svg) no-repeat center/100% auto;}
.databaseMode03 li.on a .title,
.databaseMode03 a:hover .title{ color: #fff;}
.databaseMode03 li.on a .summary,
.databaseMode03 a:hover .summary{ color: #fff;}
.databaseMode03 li.on a .readMore i,
.subcontent.database a:hover .readMore i{ background: #fff url(../images/arrow-green.svg) no-repeat center / 0.14rem auto;}
.databaseMode03 .databaseModeCon li.active{ width: 32.81%;}
.databaseMode03 .active a{ border-radius: 0.4rem 0 0 0; padding: 0.22rem 0.4rem;}
.databaseMode03 .active a::before{ box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.08);border-radius: 0.4rem 0 0 0;}
.databaseMode03 .active a:hover{ margin: 0 0.18rem; background: #fff; /* padding: 0.35rem 0.48rem 0.4rem; */}
.databaseMode03 li.active a .title{ color: #222;}
.databaseMode03 li.active a .summary{ color: #757575;}
.databaseMode03 li.active a .readMore i{ background: #58b33e url(../images/arrow-white-right.svg) no-repeat center/0.14rem auto !important;}
.databaseMode03 .active a:hover::before{ background: none;width: 100%;height: 100%;}
.databaseMode03 .active .icon{ width: 0;height: 0; display: none !important;}
.databaseMode03 .active .summary{ display: block; margin-top: 0.3rem; text-align: left;}
.databaseMode03 .active .summary div{ padding-left: 0.3rem;}
.databaseMode03 .active .summary .institutions{ background: url(../images/database-project-build.svg) no-repeat left 0rem; margin-bottom: 0.1rem;}
.databaseMode03 .active .summary .country{ background: url(../images/database-project-earth.svg) no-repeat left 0rem;}
.subcontent.database .databaseMode03 .active .readMore{ color: #222; margin-top: 0.2rem;}
/* .subcontent.database .databaseMode03 .active a:hover .readMore{ color: #fff;} */

/* Publications */
.databaseMode04{}
.databaseMode04 .databaseModeCon{ position: relative; margin-top: 1rem;}
.publicationsSlide{ overflow: hidden; padding-bottom: 0.84rem;}
.databaseMode04 .swiperBtn{ z-index: 1;width: 0.62rem;height: 0.62rem;border-radius: 0.1rem;transform: translateY(-50%);opacity: 0;
  background: #20242d url(../images/arrow-white-right.svg) no-repeat center/0.3rem auto; transition: opacity 0.3s ease;}
.databaseMode04 .databaseModeCon:hover .swiperBtn{ opacity: 1;}
.databaseMode04 .swiper-button-prev{ left: -0.5rem; transform: translateX(-100%) translateY(-50%) rotateY(180deg);}
.databaseMode04 .swiper-button-next{ right: -0.5rem; transform: translateX(100%) translateY(-50%);}
.publications li a{ display: block;position: relative;box-shadow: 0px 4px 8.6px 1.4px rgba(45, 48, 56, 0.19);}
.publications .gp-img-responsive{padding-bottom: 135.79%;}
.publications .title{ letter-spacing: -0.55px;text-align: center;line-height: 1;padding: 0 0.05rem 0.1rem;
  position: absolute; bottom: 0;left: 0;width: 100%;z-index: 1;}

/* Platforms */
.databaseMode05{ position: relative;z-index: 1; background: #f6f6f6;overflow: hidden;}
.databaseMode05 .imgOut{ width: 41.77%; margin-left: auto;margin-right: 0;position: relative;z-index: 1;}
.databaseMode05 .imgOut .img{ width: 100%; position: absolute;top: 0;right: 0;z-index: 1;}
.databaseMode05 .imgOut .gp-img-responsive{ padding-bottom: 69.45%;}
.databaseMode05 .databaseModeCon{ width: 57.8%; padding: 0.6rem 0 0;}
.databaseMode05 ul{ margin: 0 -0.13rem; padding-top: 0.16rem;}
.databaseMode05 li{ margin-top: 0.46rem;}
.databaseMode05 li a{ padding: 0.3rem 0.2rem 0.3rem 0.36rem; background: #fff; margin: 0 0.13rem;align-items: center;justify-content: flex-start;}
.databaseMode05 .title{ color: #464646; line-height: 1.2;}
.databaseMode05 .icon{ min-width: 0.82rem;min-height: 0.82rem;border-radius: 50%;margin-right: 0.15rem;
  background: rgba(163, 204, 124, 0.2) url(../images/database-ico4.svg) no-repeat center/cover;}
.databaseMode05 li a:hover{ background: url(../images/database-index-bg4.png) no-repeat center/cover;}
.databaseMode05 a:hover .icon{ background: rgba(255, 255, 255, 0.2) url(../images/database-ico4-white.svg) no-repeat center/cover;}
.databaseMode05 a:hover .title{ color: #fff;}

/*  */
.joinUsMode01{ }
.joinUsMode01 .joinUsModeCon{ margin-top: 0.45rem;border-radius: 0.8rem 0 0 0;
  background: #f6f6f6 url(../images/joinus-index-bg1.png) no-repeat left/auto 100%;padding: 0.42rem 0.5rem 0.77rem;}
.joinUsMode01 ul{position: relative; background: #fff; white-space: nowrap; width: 100%; overflow: auto;overflow: visible;}
.joinUsMode01 ul::-webkit-scrollbar{ display: none;}
.joinUsMode01 .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: -0.3rem; opacity: 1;}
.joinUsMode01 .mCSB_draggerContainer{ width: 100%;height: 0.14rem; border-radius: 0.05rem; background: #e3e2e2; }
.joinUsMode01 .mCSB_dragger{ height: 100%; background: #d06937; border-radius: 0.05rem; cursor: pointer;}
.joinUsMode01 .mCSB_dragger_bar{ opacity: 0;}
.joinUsMode01 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ opacity: 0;}
.joinUsMode01 li{ display: inline-block; width: 50%; /* max-width: 7rem; */ border-right: 2px solid #f6f6f6;}
.joinUsMode01 li:last-child{ border: none;}
.joinUsMode01 li a{ display: block;padding: 0.2rem 0.3rem; border-bottom: 2px solid #f6f6f6;}
.joinUsMode01 a:last-child{ border: none;}
.joinUsMode01 .title{ line-height: 1.18;color: #222;}
.joinUsMode01 .email{ justify-content: flex-start;align-items: center; color: #646464; margin-top: 0.16rem;}
.joinUsMode01 i{ display: block;width: 0.26rem;height: 0.2rem; margin-right: 0.1rem;
  background: url(../images/email.svg) no-repeat center/100% auto;}
.joinUsMode01 .joinUsModeCon .fakeScrollbar{ position: absolute;top: calc(100% + 0.17rem);right: 0;z-index: 1;
  width: 100%;height: 0.14rem;border-radius: 0.05rem;background: #e3e2e2;}
.joinUsMode01 .joinUsModeCon .innerBox{ width: 25.35%; height: 100%;background: #d06937;border-radius: 0.05rem;
  position: absolute;left: 0;top: 0;z-index: 1;}

.joinUsMode02{ padding: 0.7rem 0;}
.joinUsMode02 .joinUsModeCon{ margin-top: 0.4rem;}
.joinUsMode02 .lf{ width: 48%;}
.joinUsMode02 a{ padding: 0.32rem 0.3rem 0.22rem;padding-left: 0; box-sizing: border-box}
.joinUsMode02 a:hover{ box-shadow: 2.677px 2.973px 13.76px 2.24px rgba(0, 0, 0, 0.1);background: #fff;}
.joinUsMode02 .iconBox{ width: 20.79%; transition: all 0.2s ease-in-out; background-position: center;}
.joinUsMode02 .iconBox i{ display: block;width: 0.5rem;height: 0.5rem;border-radius: 50%;
	font-size: 0;margin: 0 auto; box-shadow: 2.677px 2.973px 13.76px 2.24px rgba(0, 0, 0, 0.1);}
.joinUsMode02 a:hover .iconBox i{ display: none;}
.joinUsMode02 a:hover .iconBox { background: url(../images/fei-ico.png) no-repeat center;}
.joinUsMode02 .box:last-child a:hover .iconBox{ background: url(../images/yun.svg) no-repeat center top;}
.joinUsMode02 .textInfo{ color: #737373; width: calc(100% - 20.79%); line-height: 1.89;}
.joinUsMode02 .textInfo .title{ color: #222; line-height: 1;}
.joinUsMode02 .rt{ width: 41.33%; overflow: hidden;}
.joinUsMode02 .rt .img{ width: 77.99%; position: relative; box-shadow: 2.677px 2.973px 13.76px 2.24px rgba(0, 0, 0, 0.1);}
.joinUsMode02 .rt img:hover{ opacity: 1;}
.joinUsMode02 .rt .img::before{ content: '';display: block;width: 100%;height: 69.08%;background: #58b33e;
  position: absolute;left: 90%;top: 50%;transform: translateY(-50%);z-index: -1; box-shadow: 2.677px 2.973px 13.76px 2.24px rgba(0, 0, 0, 0.1);}
.joinUsMode02 .rt .gp-img-responsive{ padding-bottom: 114.51%;}

.joinUsMode03{ padding-bottom: 1.5rem;}
.joinUsMode03 .lf{ width: 46.67%; border-radius: 0.75rem 0 0 0; padding: 0.3rem 0.5rem 0.5rem;
  background: #58b23e url(../images/yun.png) no-repeat right bottom;background-position: calc(100% - 0.3rem) calc(100% - 0.4rem);}
.register .newsModeTil span::before,
.register .newsModeTil span::after{ border-color: #d06937;}
.register .newsModeTil span::before{ background: #d06937;}
.register .newsModeTil span{ color: #fff;}
.joinUsMode03 .til_list{ width: 86.44%; margin: 0 auto; flex-wrap: wrap;}
.joinUsMode03 .boxTitle{ width: 50%; align-items: center;justify-content: flex-start; color: #fff;border: 1px solid #fff;
  border-right: 1px solid #fff; padding: 0.01rem 0;}
.joinUsMode03 .til_list .labelText{ width: 100%; color: #d06937; background: #e7efe4; line-height: 1.2; padding: 0.04rem;
  border-radius: 0.1rem; margin-top: 0.1rem; letter-spacing: -0.24px;}
.joinUsMode03 .boxTitle.on{ background: #fff; color: #d06937;}
.joinUsMode03 .boxTitle:last-child{ border-right: none;}
.joinUsMode03 .boxTitle i{ height: 0.27rem; width: 0.27rem; text-align: center;margin-right: 0.07rem; flex-shrink: 0;}
.joinUsMode03 .boxTitle:nth-of-type(1) i{ background: url(../images/join-index-ico1.svg) no-repeat center/auto 100%;}
.joinUsMode03 .boxTitle:nth-of-type(1).on i{ background: url(../images/join-index-ico1-hover.svg) no-repeat center/auto 100%;}
.joinUsMode03 .boxTitle:nth-of-type(2) i{ background: url(../images/join-index-ico2.svg) no-repeat center/auto 100%;}
.joinUsMode03 .boxTitle:nth-of-type(2).on i{ background: url(../images/join-index-ico2-hover.svg) no-repeat center/auto 100%;}
.joinUsMode03 .boxTitle:nth-of-type(3) i{ background: url(../images/join-index-ico3.svg) no-repeat center/auto 100%;}
.joinUsMode03 .boxTitle:nth-of-type(3).on i{ background: url(../images/join-index-ico3-hover.svg) no-repeat center/auto 100%;}
.joinUsMode03 .boxTitle:nth-of-type(4) i{ background: url(../images/join-index-ico4.svg) no-repeat center/auto 100%;}
.joinUsMode03 .boxTitle:nth-of-type(4).on i{ background: url(../images/join-index-ico4-hover.svg) no-repeat center/auto 100%;}
.joinUsMode03 .boxTitle span{ display: inline-block;line-height: 1.125;letter-spacing: -0.4px;}
.joinUsMode03 .boxTitle.on span{ color: #58b23e;}
.joinUsMode03 .boxTitle.on span::before,
.joinUsMode03 .boxTitle.on span::after{ border-color: #58b23e;}
.joinUsMode03 .boxTitle.on span::before{ background: #58b23e;}
.joinUsMode03 .box_list{ margin-top: 0.2rem; color: #fff; line-height: 1.67;}
.joinUsMode03 .box{ display: none; text-align: justify; max-height: 6.6rem; overflow: hidden;}
.joinUsMode03 .box.on{ display: block;}
.joinUsMode03 .more_list{ margin-top: 0.4rem;}
.joinUsMode03 .more_list .more{ display: none; color: #222; background: #fff;max-width: 1.5rem; margin: 0 auto;
  border-radius: 0.1rem;line-height: 0.39rem; justify-content: center; align-items: center;}
.joinUsMode03 .more_list .more.on{display: flex;display: -ms-flexbox;}
.joinUsMode03 .more_list i{ display: inline-block;width: 0.26rem;height: 0.26rem;border-radius: 50%;flex-shrink: 0;
  background: #58b33e url(../images/arrow-white-right.svg) no-repeat center/0.14rem auto; margin-left: 0.18rem;}
.joinUsMode03 .more_list:hover i{ animation: arrowRun 3s infinite;}

.joinUsMode03 .logInCon{ margin-top: 0;}
.joinUsMode03 .rt{ width: 50%;}
.joinUsMode03 .posts .pageCon{ padding: 0.3rem 0.4rem 0.45rem;}
.joinUsMode03 .posts .formCon{ margin-top: 0.3rem; padding: 0.35rem 0.45rem;}
.joinUsMode03 .posts .formCon .text{ text-align: left;}
.posts .formCon .summary{ color: #989898; line-height: 1.33; width: 98%; margin: 0.3rem auto 0;}
.joinUsMode03 .posts form .textLabel{ left: 0.3rem;}
.joinUsMode03 #option1{ margin-left: 0.14rem;}
.joinUsMode03 .posts form .item{ margin-bottom: 0.26rem;}
.subcontent .joinUsMode03 .posts{ padding-bottom: 0;}

.gp-content .mode01Link,
.newsMode02 .mode01Link{ display: inline-block; margin-left: auto; width: 3.03rem;line-height: 0.37rem;padding-left: 0.49rem;margin-right: 1.8rem;color: #fff;
	background: #d37343 url(../images/mode01-link-bg.png) no-repeat left center/auto 100%; border-radius: 0.18rem; overflow: hidden;
    text-transform: none;float: right;}
.gp-content .mode01Link{ width: 2.43rem; line-height: 0.25rem; padding-left: 0.3rem;}
.gp-content .mode01Link:hover,
.newsMode02 .mode01Link:hover{ color: #fff;}
.gp-content .mode01Link i,
.newsMode02 .mode01Link i{ display: inline-block; width: 0.2rem; height: 0.2rem; margin-left: 0.1rem;
	background: url(../images/post-ico.png) no-repeat center/cover; background-position: 50% 50%;}
.gp-content .mode01Link i{ height: 0.17rem; width: 0.17rem;vertical-align: text-top;}
.gp-content .mode01Link:hover i,
.newsMode02 .mode01Link:hover i{animation: mode04Link 3s infinite;}
@keyframes mode04Link {
  0% {
      background-position: center center;
  }
  7% {
      background-position: 0.2rem -0.2rem;
  }
  7.1% {
      background-position: -0.2rem 0.2rem;
  }
  14% {
      background-position: center center;
  }
}
.gp-content .mode01Link{ float: none; position: absolute;bottom: calc(100% + 0.28rem);right: 0;z-index: 1;margin-right: 0 !important;}

/**
 * Add by sunJia on 2025/10/10.
 * @Description: 新增二级列表页
 */
.addList01 li a{
    line-height: 1.94;
    padding: 0.2rem 0.5rem 0.15rem;
    border-top: 1px solid #eaeaea;
    position: relative;
}
.addList01 li a:not(.flex){display: block;}
.addList01 li a.flex{
    align-items: flex-start;
    min-height: 0.9rem;
}
.addList01 li a:hover{
    background: #f6f6f6;
}
.addList01 li a::before{
    content: '';
    display: block;
    width: 0.5rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/add-list-ico.png) no-repeat center 0.15rem;
}
.addList01 li a:hover::before{
    background: url(../images/add-list-ico2.png) no-repeat center 0.2rem;
}
.addList01 .title{
    line-height: 1.1;
    color: #212121;
    margin-bottom: 0.06rem;
}
.addList01 .date{
    color: #404040;
    flex-shrink: 0;
    line-height: 1.1;
    margin-left: 1.2rem;
}
.addList01 a:hover .date{
    color: #58b33e;
}
.addList01 a:hover .title{ color: #58b33e; font-weight: bold;}
.addList01 li i{ display: inline-block;height: 0.19rem;width: 0.22rem; vertical-align: middle; margin-right: 0.08rem;}
.addList01 .icon-lead{ background: url(../images/add-list-ico3.svg) no-repeat center/contain;}
.addList01 .icon-partner{ background: url(../images/add-list-ico4.svg) no-repeat center/contain;}
.addList01 .icon-location{ background: url(../images/add-list-ico5.svg) no-repeat center/contain; display: inline-block;}
.addList01 .icon-company{ background: url(../images/add-list-ico6.svg) no-repeat center/contain; display: inline-block;}
.addList01 .location span, .addList01 .company span,
.addList01 .lead span, .addList01 .partner span{ display: inline-block;vertical-align: top;max-width: 920px;}
.teacherDetail .itemTil span::before{ max-width: 90%;}
.excelBox .rowBox{ width: 100%; margin-bottom: 0.2rem; padding: 0.1rem 0.1rem; border: 1px solid rgba(22, 54, 51, .3);}
.excelBox .colBox{ width: 100%;}
.excelBox .colBox.width50{ width: 49.5%;}
.excelBox .colBox.flex{ justify-content: flex-start; align-items: flex-start;}
.excelBox .itemLable{ flex-shrink: 0; margin-right: 0.1rem;}
.excelBox .itemCon{ text-align: left;}
@media screen and (max-width:996px){
    .addList01 .date{ margin-left: 0.5rem;}
}
@media screen and (max-width:768px){
    .addList01 li a{ padding: 0.2rem 0.2rem 0.15rem 0.4rem;}
    .addList01 li a::before{ width: 0.3rem; }
    .excelBox .rowBox.flex{ flex-direction: column;}
    .excelBox .colBox.width50{ width: 100%;}
}
@media screen and (max-width:491px){
    .addList01 li a.flex{ flex-direction: column;}
    .addList01 .date{ margin-left: 0; width: 100%; font-size: 0.14rem;}
}
@media screen and (max-width:360px){
    .addList01 li a{ padding: 0.15rem; line-height: 1.5;}
    .addList01 li a::before{ display: none;}
    .addList01 li a.flex{ min-height: unset;}
}
/**
 * End
 */



/* Responsive style */
@media screen and (max-width:1800px){
  .databaseMode05 li{ margin-top: 0.3rem;}
  .register .newsModeTil span{ padding: 0 0.25rem;}
  .newsMode01 .right .infoBox{ padding: 0.2rem 0.3rem 0;}
  .newsMode01 .right .summary{ margin-top: 0.2rem;}
  .newsMode01 .right .date{ margin-top: 0.15rem;}
  .newsMode01 .right li{ margin-bottom: 0.35rem;}
  .clickable::before{ right: 0.05rem;}
  .aboutMore{ margin: 0.3rem 0 0.2rem;}
}

@media screen and (max-width:1680px){
  .databaseMode05 ul{ padding-top: 0;}
  .databaseMode05 li a{ padding: 0.2rem 0.3rem;}
  .register .newsModeTil span{ padding: 0 0.2rem;}
  .newsMode01 .right .infoBox{ padding: 0.15rem 0.3rem 0;}
  .newsMode01 .right .summary{ margin-top: 0.15rem;}
  .newsMode01 .right .date{ margin-top: 0.1rem;}
  .newsMode01 .left .infoBox{ padding: 0 0.5rem 0.25rem;}
  .newsMode01 .left .title{ padding-top: 0.2rem;}
  .clickable .diagName{ padding-left: 0.06rem;}
}

@media screen and (max-width:1480px){
  .databaseMode04 .swiper-button-prev{ left: -0.2rem;}
  .databaseMode04 .swiper-button-next{ right: -0.2rem;}
  .newsMode01 .left .summary{ padding-top: 0.15rem;}
  .clickable::before{ width: 0.15rem; height: 0.07rem; top: 45%;}
}


@media screen and (max-width:1280px){
  .shareMode{ right: calc(100% + 0.1rem);}
  .newsMode01 .right li{ margin-bottom: 0.3rem;}
}

@media screen and (max-width:1240px){
  .right.hasSider{ width: 72.87%;}
  .subcontent{ padding-top: 0.3rem;}
  .aboutUs .pageCon{ padding-top: 0.3rem;}
  .aboutMore{ margin-top: 0.1rem; margin-bottom: 0.2rem;}
  .databaseMode01 li{ width: 25%;}
}

@media screen and (max-width: 1080px){
  .gp-position.gp-container{ width: 100%; margin: 0; padding: 0 0.3rem; box-sizing: border-box;}
  .bread{ position: relative; line-height: 1.2; padding: 0.12rem 0 ;}
  .bread::before, .bread::after{ display: none;}
  .shareMode{ right: calc(100% + 0.05rem);}
  .newsMode02::after{ width: 100%; border-radius: 0.5rem 0 0 0;}
  .databaseMode04 .swiperBtn{ width: 0.35rem; height: 0.6rem; background-size: 0.2rem auto;}
  .databaseMode04 .swiper-button-prev{ left: 0.1rem; transform: translateX(0%) translateY(-50%) rotateY(180deg);}
  .databaseMode04 .swiper-button-next{ right: 0.1rem; transform: translateX(0%) translateY(-50%);}

  .newsMode01 .right li{ margin-bottom: 0.24rem;}
}

@media screen and (max-width:996px){
  .gp-page{ padding: 0.4rem 0;}
  
  .subcontent{ padding-top: 0.15rem;}
  .channelNameLv1{ width: 100%; margin: 0; padding: 0 0.3rem; box-sizing: border-box;bottom: 0.3rem;font-size: 0.5rem;}
  .aboutUs{ flex-direction: column;}
  .left.sider, .left, .right, .right.hasSider{ width: 100%; flex-shrink: 0; }
  .right.hasSider{ margin-top: 0.24rem;}
  .aboutUs .pageCon, .teacherDetail, .subcontent .posts{ padding-bottom: 0.5rem;}
  .intro .gp-content p[style*="width: 53.38%; float: right;"]{ margin-left: 0.3rem;}
  .intro .gp-content p[style*="margin-right: 58.44%"]{ margin-right: 0px !important;}
  .teacherDetail .topBox{ margin-top: 0.3rem; padding: 0.3rem 0.3rem;}
  .teacherDetail .img{ width: 20%;}
  .teacherDetail .infoBox{ width: 80%; padding-left: 0.3rem;}
  .teacherDetail .post{padding-top: 0.1rem;}
  .teacherDetail .introBox{ margin-top: 0.1rem;}
  .teacherDetail .itemBox{ margin-top: 0.4rem;}
  .teacherDetail .itemCon{ margin-top: 0.3rem;}

  .initiativesList{ margin-top: 0.4rem;}
  .changeProject .on a,
  .changeProject li:nth-of-type(3) a,
  .changeProject li a{ padding: 0.2rem;}
  .initiativesList li{ margin-bottom: 0.2rem;}
  .initiativesList .img{ width: 2.6rem;}
  .initiativesList .rtBox{ width: calc(100% - 2.6rem); padding-left: 0.25rem; padding-top: 0.15rem;padding-right: 0.2rem;}
  .initiativesList .title{ margin-top: 0.15rem;}
  .changeProject .on .summary,
  .changeProject .summary{ display: none;}
  .changeProject li.on, .changeProject li{ width: calc(33.33% - 0.1rem); width: calc(50% - 0.1rem);}
  .changeProject .on .flex{ flex-direction: column;}
  .changeProject .on .icon,
  .changeProject .icon{ width: 1rem; height: 1rem;}
  .changeProject .on .icon, .changeProject .icon{ background-size: 0.75rem auto !important;}
  .changeProject .on .flex{ border: none; padding-bottom: 0;}
  .changeProject .on a .flex::before{ display: none;}
  .changeProject .title,
  .changeProject .on .title{ text-align: center; margin-top: 0.2rem;}
  .changeProject .on .icon::before{ opacity: 1;background: rgba(255, 255, 255, 0.3);}
  
  .textList li a{ padding: 0.15rem 0.2rem;}

  .relatedArticles{ display: none;}
  .article .gp-article, .gp-article{ width: 100%;}
  .backTop{ padding-top: 0.3rem;}
  .shareMode{ position: relative; top: 0.2rem; right: 0;display: flex;display: -ms-flexbox;display: -webkit-box;flex-direction: row;}
  .shareMode a{ margin-bottom: 0;margin-right: 0.1rem;}
  .shareMode .moreShare{position: relative;}
  .shareMode .moreShare .moreBox{display: -webkit-box;flex-direction: row;top: 0px;left: 100%;padding-top: 0px;padding-left: 0.1rem;}
  .shareMode .moreShare:hover  { top: 0;left: 100%; padding-top: 0;padding-left: 0.1rem; display: flex;display: -ms-flexbox;display: -webkit-box;flex-direction: row;}

  .posts .pageCon{ padding: 0.3rem 0.4rem;}
  .posts .formCon{ margin-top: 0.2rem;padding: 0.25rem 0.4rem;}
  .posts form .textLabel{ left: 0.2rem;}
  #option1, #option3{ margin-left: 0.4rem;}
  #option2{ margin-left: 0.2rem;}

  .database .formTil{ transform: none;}
  .database .pageCon::before{ display: none;}
  .database .pageCon::after{ height: calc(100% - 0.4rem);top: 0.2rem;border-radius: 0.1rem;}
  .database .pageCon{ padding-left: 0;padding-right: 0; border-radius: 0.35rem 0.1rem 0.1rem 0.1rem;}
  .database .selectSearch i{ margin-right: 0.05rem; width: 0.2rem;}
  .database .showItem{ padding: 0 0.1rem;}
  .database .showItem i{ margin-right: 0.04rem;}
  .database .showItem i img{ max-height: 0.18rem;}
  .database .showItem::before{ right: 0.1rem;}
  .database .showItem input{ width: calc(100% - 0.35rem);}
  .database .result ul a{ padding: 0.12rem 0;}
  .database .pageCon, .database .showItem input{ font-size: 0.16rem;}

  .database .funcCon .selectBox{ flex-wrap: wrap; justify-content: flex-start;}
  .database .showItem{ width: calc(22% - 0.1rem); margin-top: 0.1rem; margin-right: 0.1rem;}
  .database .selectSearch{ width: 22%; max-width: 1rem; margin-top: 0.1rem; padding: 0 0.1rem;}
  .database .showItem.specialAgriculturalProducts{ width: 32%;}
  .database .result a{ flex-wrap: wrap;}
  .database .column{ line-height: 1.2; padding: 0.05rem 0;}
  .database .column1{ width: 30%;}
  .database .column2{ width: 30%;}
  .database .column3{ width: 15%;}
  .database .column4{ width: 15%;}
  .database .column5{ width: 50%;}
  .database .column6{ width: 50%;}

  .gp-side-links{ display: none; margin-top: 0.3rem; padding: 0.2rem;}
  .gp-side-links li{ margin-bottom: 0.15rem;}
  .gp-side-links a{ padding: 0.05rem 0.25rem;}

  .indexNewsroom{ margin-top: 0 !important; padding-top: 0.3rem;}
  .newsMode01 .newsModeCon{ flex-direction: column; padding-top: 0.3rem;}
  .newsMode01 .left,.newsMode01 .right{ width: 100%;}
  .newsMode01 .right{ margin-top: 0.3rem;}
  .newsMode02{ padding-top: 0.8rem;}
  .newsMode02::after{ height: calc(100% - 0.4rem);}
  .newsMode02 .newsModeCon{ padding-top: 0.3rem;}
  .newsMode03{ padding: 0.4rem 0;}
  .newsMode03 .newsModeCon ul{ margin: 0 -0.1rem;}
  .newsMode03 .newsModeCon li{ margin-top: 0.3rem;}
  .newsMode03 .newsModeCon a{ margin: 0 0.1rem; padding: 0 0.25rem;}
  .newsMode04{ padding: 0.4rem 0;}
  .newsMode04 .newsModeCon{ margin-top: 0.3rem;}
  .newsMode04 .arrows{ width: 0.35rem; height: 0.35rem; background-size: 0.2rem auto;}
  .newsMode04 .swiper-pagination{ padding-top: 0.3rem;}
  .newsMode04 .upcomingEventsSlide{ width: 50%;}

  .contactMap{ padding-bottom: 0.4rem;}
  .contactMap .mapBox{ flex-direction: column;}
  .contactMap .left,
  .contactMap .right{ width: 100%;}
  .contactMap .right{ margin-top: 0.2rem;}
  .contactMap .mapBox::before{ opacity: 0;}
  
  .aboutMode01 .imgOut{ display: none;}
  .aboutMode01 .textBox{ width: 100%; padding-right: 0;}
  .aboutMode01 .showLabel{ padding-top: 0.2rem;}
  .aboutMode01 .aboutMore{ margin: 0.1rem auto 0.3rem;}
  .aboutMode02 > .flex{ flex-direction: column;}
  .aboutMode02 .mission{ width: 100%; border-radius: 0 0 0.4rem 0;}
  .aboutMode02 .charter{ width: 100%; padding-left: 0;}
  .aboutMode02 .charter .aboutModeCon{ margin-top: 0.2rem;}
  .aboutMode02 .aboutMore{ margin: 0 auto;}
  .aboutMode03{ padding-bottom: 0.3rem;}
  .aboutMode03 > .gp-container{ padding: 0.3rem 0 0;}
  .aboutMode03 .aboutModeCon{ padding: 0.2rem;}
  .orgDiag .gp-f20{ font-size: 0.16rem;}
  .orgDiag ul li{ width: calc(25% - (10px * 3 / 4));}
  .orgDiag ul::before{ max-width: calc(25% * 3 + (10px * 3 / 4));}
  .orgDiag dd{ width: calc(50% - (8px / 2));}
  .orgDiag dl::before, .orgDiag dl::after{ max-width: calc(50% + (8px / 2));}
  .orgDiag .level3Child50percent dl.level3 dd{ width: calc(50% - (8px / 2));}
  .clickable .diagName{ padding-left: 0.05rem; padding-right: 0.15rem;}
  .clickable::before{ right: 0.05rem; width: 0.12rem;height: 0.06rem;}
  .orgDiag .level3Child50percent dl.level3 dd a::before{ width: 0.12rem; height: 0.06rem;}
  
  .personList{ width: 90vw; max-width: 90vw; min-width: unset;}
  .personList.twoColumns{ width: 100%;}
  .personList li,
  .personList li:nth-of-type(2n){ margin-top: 0.2rem;}
  .caasBox .rt{ width: 3rem;}
  .databaseMode03{ padding: 0.3rem 0;}
  .databaseMode03 .databaseModeCon ul{ flex-direction: column;}
  .databaseMode03 .databaseModeCon li{ width: 100% !important; margin-bottom: 0.2rem;}
  .databaseMode03 .databaseModeCon li:last-child{ margin-bottom: 0;}
  .databaseMode03 .active a,
  .databaseMode03 a{ padding: 0.2rem;}
  .databaseMode03 .title{ margin-top: 0.2rem;}
  .databaseMode03 .summary{ display: block;}
  .databaseMode03 .icon{ display: none;}
  .databaseMode03 .title{ margin-top: 0;}
  .databaseMode04 .databaseModeCon{ margin-top: 0.3rem;padding: 0 0.55rem;}
  .databaseMode04 .swiperBtn{ opacity: 1;}
  .databaseMode05 .imgOut{ display: none;}
  .databaseMode05 .databaseModeCon{ width: 100%; padding: 0.4rem 0;}
  .databaseMode05 li{ margin-top: 0.2rem;}

  /* .joinUsMode01 li{ max-width: 43vw;} */
  .joinUsMode02 .lf{ width: 56%;}
  .joinUsMode02 a{ padding: 0.2rem 0.2rem 0.1rem;}
  .joinUsMode03{ padding-bottom: 0.6rem;}
  .joinUsMode03 .lf{ border-radius: 0.3rem 0 0 0; padding: 0.3rem;}
  .joinUsMode03 .til_list{ flex-wrap: wrap; border-top: none;}
  .joinUsMode03 .boxTitle{ width: 50%; border-top: 1px solid #fff;}
  .joinUsMode03 .posts .pageCon{ padding: 0.3rem;}
  .joinUsMode03 .posts .formCon{ padding: 0.3rem;}
  .joinUsMode03 .til_list{ width: 100%;}
  .joinUsMode03 .newsModeTil span{ font-size: 0.32rem;}

  .subcontent.database::before{ margin-top: 0;}
  .database .cleanInput{ margin-top: 0.1rem; margin-left: 0.1rem; width: auto; padding: 0 0.1rem;}

  .databaseAddPageBg1::before{ top: 0;}
  .bg-f6f6f6{ padding: 0.2rem 0.3rem; margin-bottom: 0.6rem;}
  .databaseAddPageCon .tilList{ margin: 0.2rem auto 0; line-height: 0.45rem;}
  .databaseAddPageCon .boxList{ padding: 0.3rem 0.3rem 0.2rem;}
  .databaseAddPageCon .boxList li span:nth-of-type(1){ width: 1.3rem;}

  .databaseAddMode1 li{ width: 25%;}
  .databaseAddMode1 .poolOfTalents li,
  .databaseAddMode1 .poolOfTalents li:nth-of-type(5n + 4){ width: 25%;}
  .newsMode02 .mode01Link{ display: block; margin-left: 0; margin-top: 0.2rem; float: none;}
    
  .addList01 .location span, .addList01 .company span,
  .addList01 .lead span, .addList01 .partner span{ max-width: calc(100% - 0.36rem); white-space: normal;}
}

@media screen and (max-width:768px){
  .channelNameLv1{ font-size: 0.36rem;}
  .intro .gp-content p{ margin-bottom: 0.2rem;}
  .teacherDetail .topBox{ flex-direction: column; align-items: center; padding: 0.2rem;}
  .teacherDetail .img{ width: 2rem;}
  .teacherDetail .infoBox{ width: 100%; padding-left: 0; padding-top: 0.1rem;}
  .teacherDetail .itemBox{ margin-top: 0.3rem;}
  .bread{ flex-wrap: wrap; justify-content: flex-start;}
  .bread i{ margin-right: 0.1rem;}

  .changeProject ul{ flex-direction: column;}
  .changeProject li.on, .changeProject li{ width: 100%; margin-bottom: 0.15rem;}
  .changeProject li:last-child.on, .changeProject li:last-child{ margin-bottom: 0px;}
  .changeProject .on .icon{ margin-right: 0;}
  .changeProject .on .icon, .changeProject .icon{ width: 0.8rem;height: 0.8rem;}
  .initiativesList{ margin-top: 0.3rem;}

  .article{ padding-bottom: 0.5rem;}
  .gp-info{ padding: 0.1rem 0.2rem; margin-top: 0.15rem;}
  .gp-info span{ margin-right: 0.2rem; line-height: 1.5;}
  .changeFontSize{ padding: 0.2rem 0;}
  
  .posts .pageCon{ padding: 0.2rem 0.25rem;}
  .posts .formCon{ padding: 0.2rem;}
  .posts .formCon .summary{ margin: 0.2rem auto 0; width: 100%;}
  
  .database .pageCon .whiteBg{ padding-top: 0.1rem; width: 100%;}
  .database .pageCon{ padding-left: 0;padding-right: 0;}
  .database .showItem{ width: calc(28% - 0.1rem); margin-top: 0.1rem; margin-right: 0.1rem;}
  .database .showItem.specialAgriculturalProducts{ width: 70%;}

  .newsMode04 .upcomingEventsSlide{ width: 100%; max-width: 5rem;}
  .article-links a{ width: 0.9rem;height: 0.9rem; padding-top: 0.15rem; margin-right: 0.25rem;}

  .orgDiag ul{ flex-direction: column; padding-top: 0;margin-top: 0.2rem;}
  .orgDiag ul li::before,
  .orgDiag dl::before,
  .orgDiag dl::after,
  .orgDiag dd::after,
  .orgDiag .level3Child50percent dl.level3::before,
  .orgDiag .level3Child50percent dl.level3::after,
  .orgDiag ul::before{ display: none;}
  .orgDiag ul li{ display: flex;display: -ms-flexbox;justify-content: center; align-items: center;flex-wrap: wrap;
    width: 100%;  margin-bottom: 0.2rem; padding-bottom: 0.2rem;border-bottom: 1px solid #b5b5b5;}
  /* .orgDiag ul li > .diagName{ writing-mode: vertical-lr; -ms-writing-mode: tb-lr; padding: 0.1rem 0.15rem;} */
  .orgDiag ul li > .diagName{ padding: 0.1rem 0.15rem;width: 100%; margin-bottom: 0.15rem;}
  .diagName{ margin: 0;}
  .orgDiag dl{ flex-direction: column; margin: 0; padding: 0; margin-left: 0.1rem; justify-content: center;max-width: calc(50% - 0.05rem);}
  .orgDiag dl.level2{ margin-left: 0 !important;}
  .orgDiag dd{ width: 100%; margin-bottom: 0.15rem;}
  .orgDiag dd:last-child{ margin-bottom: 0;}
  .orgDiag dl.level3{ margin-top: 0; justify-content: center;align-items: center;}
  .orgDiag .level3Child50percent dl.level3 dd{ width: 100%; margin-bottom: 0.2rem;}
  .orgDiag .level3Child50percent dl.level3 dd:last-child{ margin-bottom: 0;}
  .clickable .diagName{ padding-right: 0.25rem;}
  .personList .personListCon{ padding: 0.2rem 0.4rem;}

  .databaseMode01 li{ width: 33.33%;}
  .databaseMode01 li a{ padding: 0.06rem 0.1rem;}
  .caasBox{ padding: 0.3rem; flex-direction: column-reverse;}
  .caasBox .lf,
  .caasBox .rt{ width: 100%;}
  .caasBox .lf{ padding-top: 0.2rem;}

  .joinUsMode01 .joinUsModeCon{ margin-top: 0.3rem; padding: 0.3rem 0.3rem 0.4rem; background-size: cover; border-radius: 0.3rem 0 0 0;}
  .joinUsMode01 .mCSB_draggerContainer{ height: 0.1rem;}
  .joinUsMode01 .joinUsModeCon .fakeScrollbar{ top: calc(100% + 0.1rem);}
  /* .joinUsMode01 li{ max-width: calc(100vw - 1.2rem);} */
  .joinUsMode02{ padding: 0.4rem 0;}
  .joinUsMode02 .joinUsModeCon{ margin-top: 0.3rem;}
  .joinUsMode03 .joinUsModeCon{ flex-direction: column;}
  .joinUsMode03 .lf,
  .joinUsMode03 .rt{ width: 100%;}
  .joinUsMode03 .more_list{ margin-top: 0.2rem;}
  .joinUsMode03 .posts .formCon{ padding: 0.2rem 0.3rem; margin-top: 0.2rem;}
  .joinUsMode03 .boxTitle{ padding: 0.01rem 0 0.01rem 0.12rem;}
  .joinUsMode02 .rt{ display: none;}
  .joinUsMode02 .lf{ width: 100%;}
  .database .searchTalent input[type=text]::placeholder,
  .database .searchTalent input[type=text]{ font-size: 16px;}
  
  .databaseAddMode1 ul{ transform: translateY(0px); padding: 0 0.25rem 0.3rem;}
  .databaseAddMode1 li{ width: 33.33%; margin-top: 0.3rem;}
  .databaseAddMode1 .poolOfTalents li,
  .databaseAddMode1 .poolOfTalents li:nth-of-type(5n + 4){ width: 33.33%;}
  .databaseAddMode1 .title{ white-space: break-spaces; line-height: 1.3;}

    .gp-content .mode01Link{ bottom: calc(100% + 0.18rem);}
}

@media screen and (max-width:680px){
  .database .funcCon .selectBox{ justify-content: flex-end;}
  .database .selectSearch{ width: 50%;}
  .database .selectSearch span{ display: block; line-height: 0.38rem;}
  .database .showItem{ width: 100%; margin-top: 0.1rem; margin-right: 0rem;}
  .database .showItem:nth-of-type(2){ width: 100%;}
  .database .result{ margin-top: 0rem;}
  .database .showItem.fieldsOfExpertise{ width: calc(100% - 1.75rem);}

  .joinUsMode03 .boxTitle span{ font-size: 0.32rem;}
}

@media screen and (max-width:580px){
  .intro .gp-content p[style*="width: 53.38%; float: right;"]{ margin-left: 0rem; float: none !important;width: 100% !important;}
  .newsMode01 .right a{ flex-direction: column;}
  .newsMode01 .right .img,
  .newsMode01 .right .infoBox{ width: 100%;}
  .newsMode01 .right .infoBox{ padding: 0.2rem;}
  .newsMode02 .arrowsBtn{ width: 0.4rem; height: 0.4rem; background-size: 0.2rem auto;}
  .newsMode02 .swiper-prev{ margin-right: 0.1rem;}
  .newsMode03 .newsModeCon li{ width: 100%;}
  .newsModeTil span{ font-size: 0.28rem;}
  .contactMap .left{ padding: 0.4rem 0.3rem;}
  .contactMap .left .icon{ margin-right: 0.1rem;}
  .joinUsMode03 .boxTitle span{ padding: 0 0.3rem;}
}

@media screen and (max-width:491px){
  .subBanner .gp-img-responsive{ padding-bottom: 1.4rem; position: relative;}
  .subBanner .gp-img-responsive img{ position: absolute; height: 100%;top: 0;right: 50%;transform: translateX(50%);width: auto;max-width: unset;min-width: 100%;}

  .pages{ padding: 0.2rem 0;}
  .result .gp-page{ padding: 0;}
  .gp-page>a{ display: none;}
  .gp-page a.on_page, .gp-page-next, .gp-page-prev{ display: inline-block !important;}
  .gp-title{ font-size: 0.2rem; padding: 0.2rem 0;}
  .gp-info span{ margin-right: 0.15rem;}
  .gp-info{ padding: 0.12rem 0.08rem;}
  .Annex{ padding: 0.2rem 0.16rem; margin-top: 0.15rem;}
  .Annex h3{ padding-bottom: 0.1rem;}
  .Annex li{ margin-top: 0.1rem;}
  .backTop{ padding-top: 0rem;}
  
  .channelNameLv1{ font-size: 0.24rem; bottom: 0.15rem; padding: 0 0.15rem;}
  .gp-position.gp-container{ padding: 0 0.15rem;}
  .bread{ font-size: 0.14rem; padding: 0.05rem 0;}
  .subcontent{ padding-top: 0rem;}
  .cruChannel{ font-size: 0.22rem; padding-bottom: 0.13rem;}
  .aboutUs .pageCon{ padding-top: 0.2rem;}
  .intro .gp-content p{ margin-bottom: 0.15rem;}
  .aboutUs .pageCon{ padding-bottom: 0.3rem;}

  .teacherDetail .topBox{ margin-top: 0.2rem; padding: 0.15rem;}
  .teacherDetail .itemBox{ margin-top: 0.2rem;}
  .teacherDetail .itemCon{ margin-top: 0.2rem;}

  .changeProject .on a, .changeProject li:nth-of-type(3) a, .changeProject li a{ padding: 0.15rem 0.1rem;}
  .changeProject li:nth-of-type(1).on .icon,
  .changeProject .on .icon, .changeProject .icon{ width: 0.65rem; height: 0.65rem; background-size: 0.5rem auto !important;}
  .changeProject .title, .changeProject .on .title{ margin-top: 0.1rem;}
  .initiativesList li a{ flex-direction: column;}
  .initiativesList .img, .initiativesList .rtBox{ width: 100%;}
  .initiativesList .rtBox{ padding: 0.15rem 0.2rem;}
  .initiativesList .title{ line-height: 1.25; display: block; white-space: wrap;}

  .textList li a{ padding: 0.15rem 0rem;}
  .textList .date{ font-size: 0.14rem;margin: 0; margin-left: 0.06rem;}
  .textList .title{ padding-left: 0.3rem;}
  .textList .title::before{ /* width: 0.06rem; height: 0.06rem; */ left: 0.15rem;width: 0.2rem; height: 0.2rem;}
  .aboutUs .pageCon .pages{ padding-bottom: 0;}
  
  .posts .formTil{ font-size: 0.26rem;}
  .posts .formCon .text{ font-size: 0.16rem;}
  .posts .formCon .summary{ margin: 0.1rem auto 0;}
  .posts form .item{ margin-bottom: 0.3rem;}
  .posts form input, .posts form textarea{ line-height: 0.45rem;}
  #option1, #option3{ margin-left: 0;}
  .posts form .verif{ max-width: 100%;}
  .posts .verifBtn{ display: block; margin-left: auto; margin-right: 0; max-width: 1.6rem; padding: 0 0.1rem; margin-top: 0.1rem; line-height: 0.3rem;font-size: 0.14rem;}
  .posts .submit{ margin: 0 auto;}
  .posts form input[type=radio] + label::before{ top: 0.08rem;}
  .database .column{ width: 100% !important;}
  .database .column{ padding: 0.02rem 0;}
  .database .result ul a{ padding: 0.06rem 0; text-decoration: underline;text-underline-offset: 0.04rem;text-decoration-color: #58b23e;}
  .database a .column{ color: #58b23e;}
  .database .pageDots{ padding: 0.1rem 0 0.2rem;}
  
  .gp-side-links{ margin-top: 0.2rem; padding: 0.1rem;}
  .gp-side-links li{ margin-bottom: 0.1rem;}
  .gp-side-links a{ padding: 0 0.15rem; min-height: 0.33rem;}
  .gp-side-links i{ margin-right: 0.1rem;}
  .gp-side-links img{ max-height: 0.22rem; max-width: 0.22rem;}
  .gp-side-links span{ font-size: 0.16rem;}

  .indexNewsroom{ padding-top: 0.3rem;}
  .newsMode01 .newsModeCon{ padding-top: 0.2rem;}
  .newsModeTil span{ font-size: 0.24rem;}
  .newsMode04 .arrows{ opacity: 0;}
  .newsMode04 .swiper-pagination{ padding-top: 0.2rem;}
  .newsMode02 .arrows{ position: relative;top: auto;bottom: auto;transform: none;padding-top: 0.1rem; justify-content: center;}
  .newsMode02 .newsModeCon{ padding-bottom: 0.3rem;}

  .contactMap{ padding-bottom: 0rem;}
  .contactMap .left{ padding: 0.2rem;}
  .contactMap .left > .flex{ margin-bottom: 0.15rem;}
  .article-links{ margin-top: 0.3rem; padding-top: 0.2rem;}
  .article-links a{ width: 0.8rem;height: 0.8rem;margin-right: 0.15rem;}

  .aboutMode01 .showLabel{ padding-top: 0.1rem;}
  .aboutMore{ max-width: 1.5rem;}
  .aboutMore .box{ padding: 0.1rem 0;}
  .aboutMore i{ margin-left: 0.15rem;}
  .aboutMode02 .mission{ padding: 0.2rem 0.15rem;}
  .aboutMode02 .mission .aboutModeCon{ margin-top: 0.2rem;}
  .aboutMode02 .item{ padding-left: 0.35rem; margin-bottom: 0.1rem;}
  .aboutMode02 .itemCon{ margin-top: 0;}
  .aboutMode02 .item::before{ width: 0.25rem;height: 0.25rem; background-size: 0.13rem auto;}

  .personList{ padding: 0.15rem 0;}
  .personList .top{ padding: 0 0.2rem 0.1rem;}
  .personList .infoBox{ margin-left: 0.2rem;}
  .personList .personListCon{ padding: 0.2rem;}
  .personList .bottom{ padding-top: 0.1rem;}
  .personList a.closeList{ line-height: 0.35rem;max-width: 0.75rem;font-size: 0.16rem;}
  .personList.twoColumns ul{margin: 0;}
  .personList li,
  .personList li:nth-of-type(2n){ margin-top: 0.15rem;}
  .personList.twoColumns li a{ width: 100%; margin: 0;}
  .personList .infoBox{ width: calc(100% - 1rem); margin-left: 0; padding-left: 0.2rem; box-sizing: border-box;flex-shrink: unset;}

  .databaseMode01 .databaseModeCon{ margin-top: 0;}
  .databaseMode01 li{ width: 50%;}
  .databaseMode01 .icon{ width: 0.24rem;height: 0.24rem;margin-right: 0.1rem;}
  .databaseModeCon .swiper-pagination{ padding: 0.1rem 0;}
  .databaseModeCon .swiper-pagination-bullet{ width: 0.1rem;height: 0.1rem;}
  .caasBox{ padding: 0.2rem 0.15rem; border-radius: 0.3rem 0 0 0;}
  .databaseMode01{ padding-bottom: 0.3rem;}
  .databaseMode03 .databaseModeCon{ margin-top: 0.2rem;}
  .databaseMode03 .active a,
  .databaseMode03 .active a::before{ border-radius: 0.25rem 0 0 0;}
  .databaseMode04 .databaseModeCon{ padding: 0 0.45rem;}
  .publicationsSlide{ padding-bottom: 0.3rem;}
  .databaseMode04 .swiperBtn{ width: 0.3rem; height: 0.3rem; border-radius: 50%; background-size: 0.14rem auto; margin-top: 0;}
  .databaseMode05 li a{ padding: 0.1rem 0.2rem;}
  .databaseMode05 .icon{ width: 0.6rem;height: 0.6rem; margin-right: 0.1rem;}

  .joinUsMode01 .newsModeTil,
  .joinUsMode02 .newsModeTil{ max-width: 3rem; margin: 0 auto;}
  .joinUsMode01 .newsModeTil span,
  .joinUsMode02 .newsModeTil span{ display: block; width: 100%;text-align: center;}
  .joinUsMode01 .joinUsModeCon{ padding: 0.2rem 0.1rem 0.3rem; }
  /* .joinUsMode01 li{ max-width: calc(100vw - 0.7rem);} */
  .joinUsMode01 ul{ white-space: wrap;}
  .joinUsMode01 li{ width: 100%;}
  .joinUsMode01 li a{ padding: 0.15rem 0.2rem;}
  .joinUsMode01 .email{ margin-top: 0.1rem;}
  .joinUsMode03 .lf{ padding: 0.2rem;}
  .joinUsMode03 .box_list{ margin-top: 0.1rem;}
  .joinUsMode03 .box{ max-height: unset;}
  .joinUsMode03 .more_list .more{ line-height: 0.45rem; max-width: 1.4rem;}
  .joinUsMode03 .more_list i{ margin-left: 0.15rem;}
  .joinUsMode01 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -0.25rem;}
  .joinUsMode02 .iconBox{ width: 15%;}
  .joinUsMode02 .iconBox i{ width: 0.35rem;height: 0.35rem;}
  .joinUsMode02 .textInfo{ width: 85%;}
  .joinUsMode03 .posts .pageCon{ padding: 0.15rem;}
  .joinUsMode03 .posts .formCon{ padding: 0.2rem;}
  .joinUsMode03 .posts form .item{ margin-bottom: 0.2rem;}
  .joinUsMode03{ padding-bottom: 0.4rem;}
  .joinUsMode03 .boxTitle span{ font-size: 0.26rem; padding: 0 0.2rem;}
  .joinUsMode03 .til_list .labelText{ font-size: 0.18rem;}
  .joinUsMode03 .til_list{ width: 100%;}

  .databaseAddPageCon .tilList{ width: 100%;}
  .bg-f6f6f6{ padding: 0.2rem 0.1rem; border-radius: 0.5rem 0 0 0; margin-bottom: 0.3rem;}
  .databaseAddPageCon .tilList{ line-height: 0.4rem; margin: 0.1rem auto 0;}
  .databaseAddPageCon .boxList{ padding: 0.2rem 0.1rem;}
  .databaseAddPageCon .boxList li a{ padding: 0.05rem 0; line-height: 1.5;}
  .databaseAddPageCon .boxList li span:nth-of-type(1){ width: 0.8rem;}

  .databaseAddMode1 ul{ padding: 0 0.2rem 0.2rem; margin-top: 0.2rem;}
  .databaseAddMode1 li{ width: 50%;}
  .databaseAddMode1 .poolOfTalents li,
  .databaseAddMode1 .poolOfTalents li:nth-of-type(5n + 4){ width: 50%;}
  .databaseAddMode1 .number{ font-size: 0.3rem;}
  .databaseAddMode1 .title{ font-size: 0.16rem; margin-top: 0.1rem;}
  .gp-content .mode01Link{ position: relative; bottom: 0;}

  .excelBox .colBox.flex{ flex-direction: column;}

  .databaseAddPageCon .boxList .slidedownBox{ top: 100%;}
  .databaseAddPageCon .boxList .slidedownCon{ padding: 0.1rem 0.15rem 0.15rem;}
}

@media screen and (max-width:414px){
  .teacherDetail .img{ width: 1.4rem;}
  .posts form .textLabel{ left: 0.1rem; padding: 0 0.1rem; font-size: 0.14rem;}
  .option1{ display: inline-block; min-width: calc(100% - 30px);}
  #option2{ margin-left: 0;}
  .newsModeTil span{ font-size: 0.22rem; padding: 0 0.13rem;}
  .newsMode01 .left .infoBox{ padding: 0 0.2rem 0.2rem;}
  .newsMode01 .left .title{ padding-top: 0.15rem;}
  .newsMode01 .left .summary{ padding-top: 0.05rem;}
  .newsMode01 .right .summary{ margin-top: 0.05rem;}
  .newsMode02{ padding-top: 0.4rem;}
  .newsMode02::after{ height: calc(100% - 0.2rem);}
  .newsMode02 .newsModeTil{ padding-top: 0;}
  .newsModeTil span::before, .newsModeTil span::after{ width: 0.08rem;height: 0.08rem;}
  .newsMode02 li .infoBox{ padding: 0 0.2rem 0.2rem;}
  .newsMode03 .newsModeCon li{ margin-top: 0.2rem;}
  .newsMode03 .newsModeCon a{ padding: 0 0.2rem;}
  .newsMode03 .newsModeCon .date{ margin-top: 0.2rem;}
  .newsMode03 .newsModeCon .title{ margin-top: 0.08rem;}
  .newsMode03 .newsModeCon .infoBox{ padding-bottom: 0.25rem;}
  .newsMode04{ padding: 0.3rem 0;}
  .newsMode04 .newsModeCon{ margin-top: 0.2rem;}
  .databaseMode04 .databaseModeCon{ padding: 0 0.25rem;}
  .newsMode04 .upcomingEventsSlide .swiper-slide-active a{ padding: 0 0.1rem 0.15rem;}
  .newsMode04 .upcomingEventsSlide .swiper-slide-active .title{ padding-top: 0.5rem;}
  .newsMode04 .upcomingEventsSlide .swiper-slide-active .tag{ top: 0.15rem;}
  .newsMode04 .swiper-pagination{ padding-top: 0.1rem;}
  .newsMode04 .swiper-pagination-bullet{ width: 0.1rem;height: 0.1rem;}
  .databaseMode04 .swiperBtn{ width: 0.22rem; height: 0.22rem; left: 0;}
  .databaseMode04 .swiper-button-next{ left: auto; right: 0;}

  .aboutMode03 .aboutModeCon{ padding: 0.2rem 0.1rem;}
  .diagName{ padding: 0.1rem 0;}
  .orgDiag .itemBlock{ padding: 0.1rem 0;}
  .clickable .diagName{ padding-left: 0.05rem; padding-right: 0.15rem;}
  .orgDiag ul li{ padding-bottom: 0.1rem; margin-bottom: 0.1rem;}
  .orgDiag ul li > .diagName{ padding: 0.1rem;}
  .orgDiag dl{ margin-left: 0.1rem;}
  .orgDiag .level3Child50percent dl.level3{ padding-top: 0;}
  .orgDiag dl.level3 .diagName3{ padding: 0.1rem 0.15rem 0.2rem;}
  .orgDiag .level3Child50percent dl.level3 dd a{ margin-bottom: 0.1rem;}

  .database .pageCon{ border-radius: 0.2rem 0 0 0;}
  .databaseMode01 ul{ margin: 0 -0.03rem;}
  .databaseMode01 li a{ margin: 0 0.03rem;}
  .databaseMode03 .databaseModeCon li{ margin-bottom: 0.15rem;}
  .databaseMode05 .databaseModeCon{ padding: 0.3rem 0;}

  .posts .pageCon{ padding: 0;}
  .posts .formCon{ padding: 0.2rem 0.1rem;}
  .posts form{ margin-top: 0.3rem;}
  .posts form .textLabel::before{ left: 0.03rem;}
  .joinUsMode01 li a{ padding: 0.1rem;}
  .joinUsMode01 i{ width: 0.2rem; height: 0.14rem; margin-right: 0.08rem;}
  .joinUsMode02 a{ padding: 0.2rem 0.1rem; padding-left: 0;}
  .joinUsMode03 .posts .formCon{ padding: 0.15rem 0.1rem; margin-top: 0.1rem;}
  .joinUsMode03 .posts form{ margin-top: 0.25rem;}
  .joinUsMode03 .option1{ float: right;}
  .joinUsMode03 #option2{ margin-left: 0.1rem;}
  
  .database .showItem.fieldsOfExpertise{ width: 100%;}

  .databaseAddPageCon .boxList{ padding: 0.2rem 0.1rem 0;}
  .databaseAddPageCon .tilList{ line-height: 0.35rem; font-size: 0.2rem;}
  .databaseAddPageCon .boxList li span:nth-of-type(1){ width: 0.5rem;}

  .databaseAddMode1 ul{ padding: 0 0.1rem 0.15rem;}
  .poolOfTalents{ margin-top: 0.25rem;}
  .poolOfTalents .databaseModeCon,
  .partners .databaseModeCon{ margin-top: 0.2rem;}
  .databaseAddMode1 li{ margin-top: 0.2rem;}
}

@media screen and (max-width:370px){
  .cruChannel{ font-size: 0.2rem; margin-top: 0.1rem;}
  .contactMap .left{ padding: 0.2rem 0.1rem;}
  .personList .img{ width: 0.8rem;}
  .personList .infoBox{ width: calc(100% - 0.8rem); padding-left: 0.15rem;}
  .joinUsMode03 .boxTitle{ width: 100%;}
  .gp-content .mode01Link,
  .newsMode02 .mode01Link{ width: 2.6rem; padding-left: 0.4rem;}
  .gp-content .mode01Link i, .newsMode02 .mode01Link i{ margin-left: 0.06rem; vertical-align: text-top; line-height: 0.34rem;}
}