@charset "utf-8";
body{  color: #333;}
a{ color: #333;}
.subBanner{ position: relative;}
.subBanner .gp-img-responsive{ padding-bottom: 27.08%;position: relative;}
.subBanner .gp-img-responsive::before{ content: '';display: block;height: 0;width: 100%;padding-bottom: 11.46%;
    background-image: -moz-linear-gradient( 90deg, rgb(0,94,60) 0%, rgba(0,94,60,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,94,60) 0%, rgba(0,94,60,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,94,60) 0%, rgba(0,94,60,0) 100%);
    position: absolute;bottom: 0;left: 0; pointer-events: none;z-index: 1;opacity: 0.6;}
.subBanner .gp-img-responsive img:hover{ opacity: 1;}

.subPageTitle{
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: .5rem;
    z-index: 2;
    text-align: center;
    line-height: 1;
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: flex-end;
}
.subPageTitle .subIntroBox{
    display: none;
    line-height: 1.44;
    margin-top: .3rem;
    max-width: 7.6rem;
    color: #fff;
}


.bread{ display: inline-block; line-height: 1.5;align-items: center; margin-top: .5rem; margin-top: 0 !important;}
.bread span, .bread a{ display: inline-block;  color: rgba(255, 255, 255, 0.8); line-height: 1.25;}
.bread span{ padding: 0 .05rem;}
.bread a:hover{ opacity: 1;  color: #fff;}

.subContent{
    position: relative;
    z-index: 1;
    background: #f0f7f7;
    border-top: .05rem solid #005e3c;
    background: url(../images/subpage-bg1.png) no-repeat left bottom/100% auto, url(../images/subpage-bg2.png) no-repeat right center/25.78vw auto;
}
.subTitle{
    line-height: 1;
    color: #073231;
}

/*侧边栏*/
.aside{ width: 2.63rem; position: relative;}
.gp-subLeft{background: transparent;}
.gp-subLeft h2{ line-height: 1rem; padding: 0 .5rem; color: #fff;font-weight: normal;
    background-image: -moz-linear-gradient( 0deg, rgb(255,197,105) 0%, rgb(43,59,204) 0%, rgb(121,63,209) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(255,197,105) 0%, rgb(43,59,204) 0%, rgb(121,63,209) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(255,197,105) 0%, rgb(43,59,204) 0%, rgb(121,63,209) 100%);
    position: absolute;bottom: 100%;left: 0;width: 100%;z-index: 1;}
.gp-subLeft > ul{ position: relative; z-index: 1;background: #f3f2fa;padding-bottom: .7rem;}
.gp-subLeft > ul::before{ content: '';display: block;width: .08rem;height: 100%;background: #2b3bcd;
    position: absolute; left: 0;top: 0;z-index: 1;}
.gp-subLeft > ul >li{position: relative; padding-left: .3rem; padding-right: .2rem;}
.gp-subLeft > ul >li > a{padding:.21rem .2rem;line-height: 1.25; display: block;color: #333;text-align: left;border-bottom: 1px dashed #cccccc;
	transition: all 0.35s ease-in-out;}
.gp-subLeft > ul >li.active > a{ border-color: transparent;}
.gp-subLeft > ul >li > a.active::after,
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{ margin-right: 0;color:#d18e59;font-weight: normal;}
/* .gp-subLeft > ul >li > a.active{ background: #F6E9DB;} */
.gp-subLeft > ul >li > a.active::before{content: '';display: none;background: #F6E9DB;
    position: absolute; top: 0; bottom: 0;left: 0;right: -.1rem; z-index: -1;}
.gp-subLeft > ul >li > a.active::after{content: '';display: block;background: #d18e59;width: .08rem;height: 100%;
    position: absolute; left: 0;top: 0;z-index: 1;}
/* .gp-subLeft > ul >li > strong{ opacity: 0;} */
.gp-subLeft > ul >li > a.active ~ strong{ opacity: 1;}
.gp-subLeft .gp-toggles{width: .44rem;height: .68rem;line-height: .68rem;position: absolute;right: 0.2rem;top: 0;
	text-align: center;cursor: pointer;color:#961f30; }
.gp-subLeft li .gp-toggles::before{ display: inline-block;color: #a1a1a2; font-weight: normal;}
.gp-subLeft .active .gp-toggles::before{ transform: rotateZ(90deg);transition: all 0.35s ease-in-out;}
.gp-subLeft .gp-toggles.dotClick{ pointer-events: none; -ms-pointer-events: none;}
.gp-second-nav{ display: none;background: transparent; padding: .03rem 0; padding-left: .35rem; background: #eae9f7;}
.gp-second-nav dd a{position: relative; display: block;color:#666;border-bottom: 0px solid #e0ddd1;
    padding:.11rem 0; line-height: 1.5;
    transition: all 0.35s ease-in-out;text-align: left;}
.gp-second-nav dd a::before{ content: '';display: block;width: .08rem;height: 100%;background: #d18e59;
	position: absolute;left: -0.65rem;bottom: 50%;transform: translateY(50%); z-index: 1; opacity: 0;}
.gp-second-nav dd a.active::before{ opacity: 1;}
.gp-second-nav dd a.active,
.gp-second-nav dd a:hover{ color: #d18e59;}
/*侧边栏移动端 */
#gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:transparent;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 18px;color:#666;font-weight: bold;color: #481c1c;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;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:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; background-color:transparent; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:6px 0px 6px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}
@media screen and (max-width:996px) {
    .gp-subLeft{display: none;}
    #gp-m-subNav{display: block;}
}
.sider{}
.sider ul{ padding: .1rem 0 .8rem; padding-right: .1rem; border-right: 1px solid #ebebeb; font-family: 'Georgia', 'SourceSansPro';}
.sider li{ position: relative;}
.sider li a{ display: block; line-height: .9rem; padding-left: .13rem; border-bottom: 1px dashed #cfcfcf; color: #000;
    line-height: 1.09; padding: .33rem 0; padding-left: .13rem; padding-right: .25rem; position: relative;}
.sider li.on > a,
.sider li.active > a{ color: #20c965;}
.sider li > a::before{ content: '';display: block;width: .05rem; height: .3rem;background: #20c965;
    position: absolute;right: -.1rem; top: 50%;transform: translateY(-50%); opacity: 0;}
.sider li.on > a::before,
.sider li.active > a::before,
.sider li:hover > a::before{ opacity: 1;}

.subContent .left{
    margin-right: .5rem;
    flex-shrink: 0;
}
.subContent .right{
    flex: 1;
    min-width: 0;
    padding-top: .5rem;
    padding-bottom: 1.2rem;
}
.subContent.noRight .right{
    padding-top: .7rem;
}

/* introduction */
.introduction{
    /* padding-top: .5rem; */
}
.introduction .introTil{
    color: #073231;
}
.introduction .subTitle{
    color: #073231;
}
.introduction .introCon{
    line-height: 1.72;
    color: #073231;
    margin-top: .5rem;
    text-align: justify;
}

.introduction .introCon *,
.gp-content *{
    font-size: .2rem !important;
    line-height: 1.5 !important;
    font-family: 'Georgia', 'Microsoft YaHei' !important;
}
.gp-content > p{
    margin-bottom: .2rem;
}
.introduction .introCon table{width: 100%;}
.introduction .introCon table td{width: auto;}

.wrap_fix_scroll{position: absolute;left: 0;top: 0;bottom: 0;}
.wrap_fix_scroll .fix_scroll{position: relative;top: 0;/*overflow: hidden;*/box-sizing: border-box;}

.wrap_introCon{display: flex;justify-content: space-between;}
.wrap_introCon .lf{width: 66%;}
.wrap_introCon .rt{width: 30%;position: relative;}
.sub_015b{background: #f9f5ef;padding: .35rem .15rem .45rem;}
.sub_015b ul{margin: 0 0;position: relative;}
.sub_015b ul::before{content: '';display: block;background: #005e3c;position: absolute;left: .04rem;top: .2rem;bottom: .2rem;border-left: .01rem solid #005e3c;}
.sub_015b .item{padding: .11rem 0 .1rem .21rem;line-height: 1.5em;position: relative;cursor: pointer;}
.sub_015b .item::before{content: '';display: block;position: absolute;background: #fff;border: 1px solid #005e3c;border-radius: 50%;width: .09rem;height: .09rem;left: 0;top: 50%;transform: translateY(-50%);}
.sub_015b li:last-child .item{margin: 0;}
.sub_015b li.on .item{color: #005e3c;}
.sub_015b li.on .item::before{background: #005e3c;}






/* leadership */
.leadership{}
.leadership ul{}
.leadership li{
    margin-top: .36rem;
}
.leadership li:first-child{
    margin-top: .56rem;
}
.leadership li a{
    position: relative;
    padding-bottom: .25rem;
}
.leadership li a::before{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    left: 0;
    bottom: 0;
}
.leadership .img{
    position: relative;
    z-index: 2;
    width: 1.15rem;
    flex-shrink: 0;
    margin-right: .36rem;
    color: #073231;
}
.leadership .gp-img-responsive{
    padding-bottom: 160%;
}
.leadership .info{
    flex: 1;
    min-width: 0;
}
.leadership .name{
    line-height: 1;
    color: #073231;
    margin-top: .05rem;
}
.leadership .post{
    color: #7a9998;
    line-height: 1.5;
    margin-top: .2rem;
}
.leadership .summary{
    line-height: 1.5;
    color: #073231;
    margin-top: .2rem;
}

/* organization */
.organization{}
.organization .box{
    margin-top: .4rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #d9d9d9;
}
.organization .boxTitle{
    color: #005e3c;
    line-height: 1.17;
}
.organization .boxTitle i{
    display: inline-block;
    width: .28rem;
    height: .28rem;
    line-height: .28rem;
    border-radius: 50%;
    background: #005e3c;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-left: .34rem;
    transform: rotateZ(180deg);
    transition: transform .3s ease-in-out;
}
.organization .active .boxTitle i{
    transform: rotateZ(0deg);
}
.organization .boxCon{
    flex-wrap: wrap;
    margin: 0 -.22rem;
    padding-top: .18rem;
}
.organization li{
    margin-top: .22rem;
}
.organization li a{
    /* display: block; */
    line-height: 1.41;
    margin: 0 .22rem;
    color: #073231;
}

/* news */
.news{}
.news .newsCon{
    overflow-x: clip;
}
.news ul{
    margin: -.55rem -.27rem 0;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.news ul li{
    margin-top: .55rem;
}
.news li a{
    position: relative;
    display: block;
    margin: 0 .27rem;
    padding: .25rem 0 0;
    border-top: 1px solid rgb(230, 230, 230);
    transition: all .3s ease-in-out;
}
.news li a:hover{
    transform: translateY(-.05rem);
}
.news li a::before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: rgb(230, 230, 230);
    position: absolute;
    top: 0;
    right: -.27rem;
    z-index: 1;
}
.news .title{
    color: #073231;
    line-height: 1.33;
    height: 3.99em;
}
.news .title::after{
    content: '';
    display: inline-block;
    width: .276rem;
    height: .276rem;
    background: url(../images/news-title-ico.png) no-repeat center/cover;
    vertical-align: sub;
    margin-left: .2rem;
}
.news .summary{
    color: #526666;
    line-height: 1.625;
    height: 4.875em;
    margin-top: .22rem;
    margin-bottom: .3rem;
}
.news .gp-img-responsive{
    padding-bottom: 56.25%;
}

/* research */
.research{}
.research ul{
    padding-top: .2rem;
}
.research ul li{
    margin-top: .4rem;
}
.research li a{
    position: relative;
}
.research li.noImg a{
    padding-bottom: .25rem;
}
.research li a::before{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.research .img{
    width: 4.3rem;
    flex-shrink: 0;
    margin-right: .3rem;
    overflow: hidden;
}
.research .gp-img-responsive{
    padding-bottom: 55.81%;
    transition: all .3s ease-in-out;
}
.research a:hover .gp-img-responsive{
    transform: scale(1.05);
}
.research .info{
    flex: 1;
    min-width: 0;
}
.research .info .title{
    color: #073231;
    line-height: 1.33;
}
.research .info .summary{
    color: #526666;
    line-height: 1.625;
    margin-top: .16rem;
}
.research .info i{
    display: block;
    width: .28rem;
    height: .28rem;
    line-height: .28rem;
    text-align: center;
    margin-left: auto;
    margin-right: 0;
    margin-top: .23rem;
    border-radius: 50%;
    background: #00c24e;
    color: #fff;
    font-size: .12rem;
    overflow: hidden;
}
.research a:hover i::before{ display: block; animation: moreAnimate 1.2s linear;}

/* Programs 基于 research 页面修改的 */
.programs ul{ }
.programs ul li{
    margin-top: .7rem;
}
.programs li a{ 
    flex-direction: row-reverse;
}
.programs li .title{
    line-height: 1;
}
.programs li .summary{
    line-height: 1.66;
    margin-top: .15rem;
}
.leftIsArrow{ display: flex; display: -ms-flexbox; align-items: center;}
.leftIsArrow i{ display: inline-block; width: .46rem; height: .46rem;line-height: .46rem; border-radius: 50%;
    background: #005e3c; color: #fff;text-align: center; margin-right: .17rem; overflow: hidden;}
.programs li .img{
    margin-right: 0 !important;
    margin-left: .3rem;
}
.programs .info .more{
    margin-top: .2rem;
    color: #052626;
}
.programs .info i{
    width: .46rem;
    height: .46rem;
    line-height: .46rem;
    background: #005e3c;
    font-size: .18rem;
    margin: 0;
    margin-right: .17rem;
}

/* joinUs */
.joinUs{ padding-top: 0 !important;}
.joinUs .joinUsCon{}
.joinUs ul{
    padding-top: .2rem;
}
.joinUs ul li{
    margin-top: .5rem;
}
.joinUs li a{
    padding-bottom: .3rem;
    border-bottom: 1px solid #d9d9d9;
}
.joinUs .date{
    width: .8rem;
    height: .8rem;
    flex-shrink: 0;
    background: #005e3c;
    color: #fff;
    margin-right: .22rem;
    text-align: center;
    line-height: 1;
}
.joinUs .date .month{
    margin: .1rem 0 .04rem;
}
.joinUs .info{
    flex: 1;
    min-width: 0;
}
.joinUs .info .title{
    line-height: 1.25;
    color: #073231;
}
.joinUs .info .summary{
    line-height: 1.66;
    color: #526666;
    margin-top: .1rem;
}

/* jobRequirements */
.jobRequirements{}
.workLocation{
    margin-top: .45rem;
}
.workLocation .locationTil{
    line-height: 1;
    color: #005e3c;
}
.workLocation .locationCon{
    background: #fff;
    margin-top: .18rem;
    padding: .15rem .3rem;
    justify-content: flex-start;
}
.workLocation .locationCon a{
    display: block;
    color: #073231;
    width: 1.12rem;
    line-height: .5rem;
    text-align: center;
    border-radius: .25rem;
    margin-right: .32rem;
}
.workLocation .locationCon a:last-child{
    margin-right: 0;
}
.workLocation .locationCon a.on{
    color: #fff;
    background: #00c24e;
}
.workLocationCon{
    padding-top: .4rem;
}
.workLocationCon .item{
    margin-top: .5rem;
}
.workLocationCon .item:nth-of-type(1){
    margin-top: 0;
}
.workLocationCon .itemTil{
    position: relative;
    line-height: 1.25;
    padding: .2rem .3rem;
    padding-right: .6rem;
    background: #d8e7e4;
    background-position: calc(100% - .3rem) center;
}
.workLocationCon .itemTil i{
    display: block;
    width: .26rem;
    height: .26rem;
    background: url(../images/job-ico.png) no-repeat center/cover;
    position: absolute;
    right: .3rem;
    top: calc(50% - .13rem);
    transform: rotateZ(180deg);
    transition: all ease .3s;
    cursor: pointer;
}
.workLocationCon .active .itemTil i{transform: rotateZ(0deg);}
.workLocationCon .itemCon{
    padding: 0 0 .3rem;
}
.workLocationCon .childBox{}
.workLocationCon .boxTil{
    position: relative;
    color: #073231;
    line-height: 1;
    padding: .3rem;
    border-bottom: 1px solid #d9d9d9;
}
.workLocationCon .boxTil i{
    display: block;
    width: 0;
    height: 0;
    border-bottom: .1rem solid #00c24e;
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    position: absolute;
    right: 0.3rem;
    top: calc(50% - .05rem);
    cursor: pointer;
    transform: rotateZ(180deg);
    transform-origin: center;
    transition: all ease .3s;
}
.workLocationCon .childBox.active .boxTil i{
    transform: rotateZ(0deg);
}
.workLocationCon .boxCon{}
.workLocationCon .schoolContact{
    line-height: 1.6;
    color: #073231;
    padding: .23rem 0.3rem .28rem;
    border-bottom: 1px solid #d9d9d9;
}
.workLocationCon .schoolContact > div::after{ content: '';display: inline-block;}
.workLocationCon .schoolIntro{
    padding: .3rem;
    color: #073231;
    line-height: 1.7;
}





/*分页*/
.pages{ position: relative;z-index: 2; text-align: center; justify-content: center; font-size: 0; margin: 0.6rem 0 0;}
.gp-m-page{ display: none;}
.gp-page{ font-size: .28rem; margin-top: .6rem;}
.gp-page>a,.gp-page>span{display:inline-block; color:rgba(34, 34, 34, .5);background: transparent; cursor: pointer; border-radius: 50%;
    margin-right: 0.1rem;width: 0.55rem; height: 0.55rem; line-height: 0.55rem;
    position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page>a.active{ color: #0e1327;}
.gp-page .gp-page-prev,
.gp-page .gp-page-next{ border: 0px solid #889bd8; background: #fff; color: #0e1327; font-size: .16rem;}
.gp-page .gp-page-prev{ margin-right: 0.1rem;}
.gp-page .gp-page-next{ margin-right: 0.4rem;}
.gp-page>a.dots{ border: none; background: transparent; color: #fff;}
.gp-page .gp-page-start,
.gp-page .gp-page-end{ width: auto; padding: 0; border: none; color: #757575;}
.gp-page .gp-page-start{ width: auto; margin-right: 0.4rem;}
.gp-page .gp-page-end{ margin-right: 0rem;}
.gp-page > span{border:none; width: auto;}
.gp-page > a:hover, .gp-page > a.on_page{ background-color:transparent; color: #0e1327;}
/* .gp-m-page{ display: none;} */
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
#pageNumber{ position: relative; width: 0.55rem; height: 0.24rem; background: transparent; text-align: left; vertical-align: top;
    border: 1px solid #dcdcdc;border-radius: 0rem;outline: none; padding: 0 .1rem;margin: 0 0.05rem;
    background: url(../images/page-down.png) no-repeat; background-position: .35rem .08rem;z-index: 2;}
.gp-page .total{ width: unset; border: none;padding: 0 0.08rem;}
.gp-page .total:hover{ background: transparent; color: #333;cursor: initial;}
.jumpBox{ position: relative; align-items: center;}
.jumpBox span{ display: inline-block;}
.jumpBox .jumpto{ margin-left: .1rem;}
.jumpBox .tips{ font-size: 0.14rem; color: #94070A; position: absolute;right: 50%;top: 100%;text-wrap: nowrap;transform: translateX(50%);}
.gp-page .selectBox{ display: inline-block;font-size: 0.16rem;margin-left: 0.1rem; position: relative;}
.gp-page .curPage{ display: inline-block;width: 0.68rem;line-height: 0.44rem;background: #fff;border: 1px solid #889bd8;
    text-align: left; padding-left: 0.23rem; position: relative;}
.gp-page .selectBox .text{ display: inline-block; width: .53rem;border: 1px solid #889bd8;border-left: none; line-height: .44rem;}
.gp-page .curPage::before{ content: '';display: block;width: 0;height: 0;position: absolute; top: 50%;transform: translateY(-50%);right: 0.12rem;
    border: 0.04rem solid transparent;border-top-color: #666;border-bottom: none;transform-origin: center;transition: all 0.2s;}
.gp-page .selectBox:hover .curPage::before{transform: translateY(-50%) rotateZ(180deg);}
.gp-page .selectBox dl{ display: none; width: 100%;position: absolute;left: 0;bottom: 100%;background: #fff;max-height: 3rem;overflow: auto;
    box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1);}
.gp-page .selectBox:hover dl{ display: block;}
.gp-page .selectBox a{ display: block;line-height: 1.3;padding: 0.05rem 0;}
.gp-page .selectBox a:hover{ background: #d18e59; color: #fff;}
.pageList{ position: absolute; left: 0;width: 100%;bottom: 100%; background: rgba(74, 111, 165, .5); color: #fff; display: none;}
.pageList.show{ display: block;}
.pageList dd{ line-height: 2;}
.pageList dd:hover{ background: #005e3c; color: #c7bc5a;}


/* article */
.article{position: relative; max-width: 12.4rem; margin: 0 auto;}
.noRight .article{ padding-left: 1.25rem;}
.publishDate{ color: #333; line-height: 1;}
.publishDate span{ color: #999; margin-left: .15rem;}
.gp-title{ text-align: left; line-height: 1.12; margin-top: .28rem;}
.gp-info{ font-size: 0; line-height: 1.2; flex-wrap: wrap; justify-content: left; background: transparent; margin-top: 0.33rem;
    padding-right: 2rem; padding-top: .4rem; position: relative;}
.gp-info::before{ content: '';display: block;width: 100%;height: 1px; border: 1px dashed #9ab7e1;
    border-left: none; border-right: 0;
    position: absolute;left: 0;top: 0;}
.gp-info span{ display: inline-block; color: #005e3c; margin-right: 0.6rem; margin-bottom: .18rem;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-info i{ display: inline-block; height: 0.15rem; font-style: normal; margin-right: .1rem; vertical-align: middle;}
.gp-info i img{ height: 100%;}
.gp-content{ position: relative; color: #000; line-height: 1.74; position: relative;text-align: justify; margin-top: .3rem;min-height: 5rem;
    font-family: 'Microsoft YaHei';}

/* .articleBottom{ margin-top: .5rem; align-items: center;} */
.share{ flex-shrink: 0; padding: 0; font-size: 0; position: absolute; top: 2rem; left: auto; right: 0; width: .62rem; transform: translateX(1rem);}
.noRight .share{ left: 0; top: 2rem; transform: translateX(0);}
.share .share-title{ color: #555; line-height: 1; text-wrap: nowrap;}
.share li{ margin-bottom: .25rem;}
.share li:last-child{ margin-bottom: 0rem;}
.share a{ display: block; margin-left: .2rem; text-align: center; border-radius: 50%;
    background: rgba(0, 55, 112, .14);}
.share a:first-child{ margin-left: 0;}
.share li .bds_tsina:hover{ background: #d52b2a;}
.share li .bds_weixin:hover{ background: #3cb035;}
.share li:nth-of-type(3) a:hover{ background: #28a9e0;}
.share li:nth-of-type(4) a:hover{ background: #913bb8;}
.share li:nth-of-type(5) a:hover{ background: #0277b5;}
.share li:nth-of-type(6) a:hover{ background: #3b5999;}

.Annex{ justify-content: flex-start; flex: 1; min-width: 0;}
.Annex ul{ margin: 0 !important;padding: 0 !important; line-height: 1.5;}
.Annex li{ margin-bottom: .06rem;}
.Annex li:last-child{ margin-bottom: 0rem;}
.Annex li::marker{ content: '';}
.Annex .til{ line-height: 1.5; color: #005e3c; flex-shrink: 0;}
.Annex a{ position: relative; display: block; color: #333;
    background: transparent !important;padding: 0 !important; margin: 0 !important;}
/* .Annex a::before{ content: '';display: inline-block;width: .27rem;height: .26rem;
background: url(../images/download.png) no-repeat center/cover; vertical-align: top; margin-right: .2rem;} */
/* .Annex a::before{ content: '';display: block;width: 0.19rem;height: 0.18rem;
    background: url(../images/download.png) no-repeat center/100% auto;
    position: absolute;right: 0%;top: 50%;transform: translateY(-50%);} */

/**
 * Add by sunJia on 2026/09/21.
 * @Description: 新增侧栏三级
 */
.sider .gp-toggles{ position: absolute; right: 0; top: .3rem; width: .3rem; height: .3rem; line-height: .3rem;
    z-index: 2; text-align: center;}
.gp-second-nav{ padding: 0; padding: 0 .1rem; background: transparent;}
.sider .gp-second-nav a{ padding: .2rem .15rem; position: relative;}
.gp-second-nav dd a.active, .gp-second-nav dd a:hover{ color: #20c965;}
.gp-second-nav dd a::before{ width: .08rem; height: .02rem; background: #20c965; left: 0rem; opacity: 1;}



/* Responsive style */
@media screen and (max-width:1600px){
    .share{ transform: translateX(.7rem);}
}

@media screen and (max-width:1580px){}

@media screen and (max-width:1280px){}

@media screen and (max-width:1200px){}

@media screen and (max-width:996px){
    .subContent{ background: url(../images/subpage-bg1.png) no-repeat left bottom / 100% auto, url(../images/subpage-bg2.png) no-repeat right center / 70% auto;}
    .subContent .gp-container > .gp-flex{
        flex-direction: column;
    }
    .subContent .left{ width: 100%; margin-right: 0;}
    #gp-m-subNav{ margin-top: .2rem;}
    .sider{ display: none;}
    /*侧边栏移动端 */
    .gp-m-inner-header{width:100%;cursor:pointer;background: #005e3c;}
    .gp-m-inner-header > span{height: 0.4rem;padding-left: 0.15rem;font-size: 0.18rem;color:#fff;}
    .gp-m-subNav{ pointer-events: all; -ms-pointer-events: all; margin-bottom: .3rem;}
    .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;color: #fff;}
    .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{height: auto;line-height:1.2;padding: 0.1rem 0;padding-left:0.13rem; border-bottom:1px solid #e6e6e6;display:block;color: #005e3c;}
    .gp-subNavm li.sub_has span{ margin-left: 0.1rem;}
    .gp-subNavm li.on a{ color:#94070A; 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.18rem;
        display: flex; align-items: center; line-height: unset; color: #005e3c;}
    .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.14rem; font-weight:normal; display:inline;border:none; padding:0;color: #005e3c;}
    .gp-subNavm li dl dd a:hover{ color:#94070A;}

    .gp-page{ margin-top: .4rem;}
    .gp-m-page a{ display: inline-block !important; margin:0 0.1rem;border: 1px solid #889bd8; font-size: .18rem;}
    .gp-page .selectBox, .gp-page>a, .gp-page > span{ display: none;}
    .gp-page>a.active,
    .gp-page>a.on_page,
    /* .gp-page .gp-page-start, .gp-page .gp-page-end, */
    .gp-page > span:last-child,
    .gp-page .gp-page-prev, .gp-page .gp-page-next{ display: inline-block;}
    .gp-page .gp-page-prev{ margin-right: .2rem;}
    .gp-page .gp-page-next{ margin-left: .1rem;}
    #pageNumber, .gp-page>a{ width: .36rem; height: .36rem; line-height: .36rem;}
    .gp-page, .jumpBox{ display: none;}
    .gp-m-page{ display: block !important;}
    .gp-m-page a:last-child{ margin-right: 0;}
    .gp-page .gp-page-prev, .gp-page .gp-page-next{ min-width: unset; padding: 0 .1rem; margin: 0;}
    .gp-page>a{ line-height: .34rem;}

    .subContent{
        border-width: 0;
    }
    .subBanner .gp-img-responsive{
        padding-bottom: 0;
        height: 240px;
        border-bottom: .05rem solid #005e3c;
    }
    .introduction{
        padding-top: 0;
    }
    .introduction .introCon{
        margin-top: .2rem;
    }
    .subPageTitle .subIntroBox{
        margin-top: .1rem;
    }
    .bread{
        margin-top: .1rem;
    }
    .subPageTitle{
        position: relative;
        bottom: 0;
        width: 100%;
        left: auto;
        padding: 0 .15rem;
        text-align: left;
        background: #f0f7f7;
        margin: auto !important;
    }
    .subPageTitle > div:nth-of-type(1){
        position: absolute;
        left: 0.15rem;
        bottom: calc(100% + .2rem);
    }
    .subPageTitle .subIntroBox{
        max-width: 90%;
        margin: .1rem auto 0;
    }
    .bread{
        width: 100%;
        text-align: left;
        padding: .2rem 0 0;
        font-family: 'SourceSansProBold';
        font-size: 12px;
    }
    .bread span, .bread a{
        color: #005E3C;
        text-align: right;
    }
    .subPageTitle .subIntroBox{
        display: none;
        width: 100%;
        max-width: unset;
    }
    .subContent .right{
        padding-top: 0;
        padding-bottom: 1rem;
    }
    .leadership li:first-child,
    .leadership li{
        margin-top: .3rem;
    }
    .leadership .img{
        margin-right: .2rem;
    }
    .leadership .summary,
    .leadership .post{
        margin-top: .1rem;
    }
    .news ul li{
        margin-top: .4rem;
    }
    .article{
        max-width: unset;
        margin-top: -.4rem;
    }
    .publishDate{ display: none;}
    .noRight .article{
        padding-left: 0;
    }
    .share{
        float: none;
        position: relative;
        top: 0;
        width: 100%;
        transform: translateX(0);
    }
    .share ul{
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .share li{
        margin-right: .1rem;
        margin-bottom: .1rem;
    }
    .share ul img{
        width: .5rem;
    }
    .subContent.noRight .right{
        padding-top: .4rem;
    }
    .subPageTitle > div:nth-of-type(1){ left: .3rem;}
    .subPageTitle{ padding: 0 .3rem;}
    .subContent{ overflow: hidden;}
    .bread span{ padding: 0 .02rem;}
    .gp-title{
        position: relative;
        z-index: 2;
        margin-top: 0.05rem;
        font-size: 30px;
        line-height: 1.23;
        font-family: 'SourceSansProBold';
    }
    .gp-title::before{
        content: '';
        display: block;
        width: .6rem;
        height: .04rem;
        background: #BB9B08;
        position: absolute;
        left: 0;
        bottom: -.16rem;
        z-index: 1;
    }
    .gp-content{
        margin-top: .3rem;
        padding-top: .3rem;
        font-size: 16px;
        position: relative;
        z-index: 1;
    }
    .gp-content::before{
        content: '';
        display: block;
        height: 100%;
        right: 30px;
        background: #F0F7F7;
        position: absolute;
        right: -.3rem;
        left: -.3rem;
        bottom: 100%;
        z-index: -1;
    }
    .gp-content *{
        color: #444;
        font-size: 16px !important;
        line-height: 1.375 !important;
        font-family: 'Times New Roman' !important;
    }
    .gp-content > p{
        margin-bottom: 20px;
    }
    .research ul{
        padding-top: 0;
    }
    .programs ul li{
        margin-top: .4rem;
    }
    .joinUs ul{ padding-top: 0;}
    .workLocation{
        margin-top: .3rem;
    }
    .workLocation .locationCon{
        padding: .15rem;
    }
    .workLocation .locationCon a{
        width: auto;
        padding: 0 .15rem;
        margin-right: .1rem;
    }
    .workLocationCon{
        padding-top: .3rem;
    }
    .workLocationCon .item{
        margin-top: .3rem;
    }
    .workLocationCon .boxTil{
        padding: .2rem;
    }
    .workLocationCon .schoolIntro,
    .workLocationCon .schoolContact{
        padding: .2rem;
    }

    .wrap_introCon .lf{width: 100%;}
    .wrap_introCon .rt{width: 30%;position: relative;display: none;}

}

@media screen and (max-width:768px){
    .subBanner .gp-img-responsive{
        padding-bottom: unset;
        height: 2.4rem;
    }
    .subBanner .gp-img-responsive img{
        height: 100% !important;
        object-fit: cover;
    }
    .subContent .right{
        padding-bottom: .8rem;
    }
    .organization .box{
        margin-top: .2rem;
        padding-bottom: .2rem;
    }
    .organization .boxCon{
        margin: 0 -.1rem;
        padding-top: 0;
    }
    .organization li a{
        margin: 0 .1rem;
    }
    .organization .boxTitle i{
        margin-left: .2rem;
    }
    .research .img{
        width: 43vw;
        min-width: 2.8rem;
        margin-right: .2rem;
    }
    .research .info .summary{
        margin-top: .1rem;
    }
    .research .info i{
        margin-top: .1rem;
    }
    .programs .img{
        min-width: 3.8rem;
    }
    .joinUs ul li{
        margin-top: .3rem;
    }
    .joinUs li a{
        padding-bottom: .2rem;
    }
    .workLocation .locationCon{
        flex-wrap: wrap;
    }
    .workLocation .locationCon a{
        line-height: .4rem;
        padding: 0 .1rem;
    }

}

@media screen and (max-width:680px){
    .programs li a{
        flex-direction: column;
    }
    .programs li .img{
        width: 100%;
        min-width: unset;
        margin: 0;
    }
    .research .info{
        margin-top: .1rem;
    }
    .programs .info .more{
        margin-top: .1rem;
    }
    .programs .info i{
        margin-top: 0 !important;
    }
    .programs ul li{
        margin-top: .3rem;
    }
    .programs li a::before{ display: none;}
}

@media screen and (max-width:491px){
    .subBanner .gp-img-responsive{
        height: 2rem;
    }
    .introduction .introCon{
        margin-top: 0.1rem;
    }
    .subContent .right{
        padding-bottom: .4rem;
    }
    .organization .box{
        margin-top: .1rem;
        padding-bottom: .1rem;
    }
    .organization li{
        width: 100%;
        margin-top: .1rem;
    }
    .organization .boxTitle i{
        width: .2rem;
        height: .2rem;
        line-height: .2rem;
        font-size: .14rem;
    }
    .news ul li{
        width: 100%;
        margin-top: .2rem;
    }
    .news li a{
        padding: .15rem 0 0;
    }
    .news .title{
        height: auto;
    }
    .news .title::after{
        height: 1.33em;
        width: 1.33em;
        margin-left: .1rem;
    }
    .news .summary{
        margin-top: .1rem;
        margin-bottom: .15rem;
    }
    .gp-m-page{
        margin-top: .25rem;
    }
    .share li{
        max-width: .45rem;
        margin-right: .05rem;
    }
    .research ul li{
        margin-top: .3rem;
    }
    .research li a{
        flex-direction: column;
    }
    .research .img{
        margin-right: 0;
        width: 100%;
    }
    .research .info{
        margin-top: .1rem;
    }
    .research li.noImg a{
        padding-bottom: .15rem;
    }
    .research li a::before{ display: none;}
    .programs .info i{ width: .35rem; height: .35rem; line-height: .35rem; font-size: .14rem;}
    .joinUs ul li{
        margin-top: .2rem;
    }
    .joinUs li a{
        padding-bottom: .1rem;
    }
    .joinUs .date{
        width: .6rem;
        height: .6rem;
        margin-right: .15rem;
    }
    .joinUs .date .month{
        margin: .07rem 0 0;
    }
    .joinUs .info .summary{
        margin-top: 0.06rem;
    }
    .workLocation .locationCon{
        padding: .1rem;
    }
    .workLocation .locationCon a{
        margin-right: .05rem;
        line-height: .35rem;
    }
     .workLocationCon{
        padding-top: .2rem;
    }
    .workLocationCon .item{
        margin-top: .2rem;
    }
    .workLocationCon .itemTil{
        padding: .15rem;
        padding-right: .45rem;
    }
    .workLocationCon .itemTil i{
        right: .15rem;
    }
    .workLocationCon .boxTil{
        padding: .15rem;
    }
    .workLocationCon .schoolContact > .gp-flex{
        flex-direction: column;
    }
    .workLocationCon .schoolIntro, .workLocationCon .schoolContact{
        padding: .15rem;
    }
    .leadership li a{
        padding-bottom: .1rem;
    }
    .leadership .summary,
    .leadership .post{
        margin-top: .05rem;
    }
    .subPageTitle{ padding: 0 .15rem;}

}

@media screen and (max-width:414px){
    .leadership li:first-child, .leadership li{
        margin-top: .2rem;
    }
    .leadership .img{
        margin-right: .15rem;
    }
    .leadership .post{
        margin-top: 0;
    }
    .leadership .name{}
    .research ul li{
        margin-top: .2rem;
    }
}

@media screen and (max-width:370px){
    
}