@charset "utf-8";
.subBanner{ position: relative;}
.subBanner .gp-img-responsive{ padding-bottom: 23.96%;position: relative;}
/* .subBanner .gp-img-responsive::before{ content: '';display: block;height: 1rem;width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    position: absolute;bottom: 0;left: 0; pointer-events: none;z-index: 1;} */
.subBanner .gp-img-responsive img:hover{ opacity: 1;}

.subContent{
    position: relative;
    z-index: 1;
}

/*侧边栏*/
.aside{ width: 2.6rem; position: relative;}
.gp-subLeft{background: transparent;}
.gp-subLeft h2{
    line-height: 1rem;
    padding: 0 .35rem;
    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;
    text-align: center;
    }
.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; margin-top: .15rem;}
.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;}
}

.main{
    flex: 1;
    min-width: 0;
    padding-left: .5rem;
}
.currentBox{ justify-content: space-between; align-items: center; padding: .3rem 0 .15rem;border-bottom: 0.02rem solid #3548ff;}
.pageTitle{ line-height: 1; color: #1a1a1a; flex-shrink: 0;}
.bread{ display: inline-block; line-height: 1.44;align-items: center;color: rgba(0, 0, 0, .9); }
.bread span, .bread a{ display: inline-block;  color: #666; line-height: 1.25;}
.bread span{ padding: 0 .05rem;}
.bread a:hover{ opacity: 1;  color: #666;}
.pageCon{ padding-bottom: 1.2rem;}

/*分页*/
.pages{ position: relative;z-index: 2; text-align: center; justify-content: center; font-size: 0; margin: 0.6rem 0 .8rem;}
.gp-m-pages{ display: none;}
.gp-page{ font-size: 0px;}
.gp-page>a,.gp-page>span{display:inline-block; color:rgba(0, 0, 0, 0.9);background: transparent; cursor: pointer; border-radius: 0rem;background: #fff;
    margin-right: 0.05rem;width: 0.5rem; height: 0.46rem; line-height: 0.44rem;  border: 1px solid #889bd8;
    position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page>a.active{ background-color:#d18e59; color: #fff;}
.gp-page .gp-page-prev,
.gp-page .gp-page-next{ width: auto; min-width: .8rem;}
/* .gp-page .gp-page-prev:hover,
.gp-page .gp-page-next:hover{ color: rgba(0, 0, 0, .9); background: none;} */
.gp-page .gp-page-prev{ margin-right: 0.08rem;}
.gp-page .gp-page-next{ margin-right: 0.08rem;}
.gp-page>a.dots{ border: none; background: transparent !important; color: rgba(0, 0, 0, .9) !important;}
.gp-page .gp-page-start,
.gp-page .gp-page-end{ width: auto; padding: 0 .24rem;}
.gp-page .gp-page-start{ width: auto; margin-right: 0.1rem;}
.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:#d18e59; color: #fff;}
/* .gp-m-page{ display: none;} */
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
#pageNumber{ width: 0.44rem; height: 0.44rem; background: #fff; text-align: center; vertical-align: top;
  border: 1px solid #889bd8;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;}
.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;}


/* article */
.article{position: relative;padding: 0.7rem 1.2rem .4rem;/* overflow: hidden; */min-height: 5.5rem;}
.gp-title{ text-align: center; font-weight: 800; /* font-weight: 500; */ line-height: 1.66; color: rgba(0, 0, 0, 1);}
.gp-info{ font-size: 0; line-height: 1; flex-wrap: wrap; justify-content: center; background: transparent; margin-top: 0.33rem;}
.gp-info span{ display: inline-block; color: rgba(0, 0, 0, .6); margin-right: 0.38rem;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-content{ position: relative; margin: 0.3rem auto 0; color: #333; line-height: 2; position: relative;text-align: left;
    border-top: 1px dashed #d5d4d9; padding-top: .4rem;}

/* intro */
.intro{}
.intro .gp-content{ line-height: 2.25; font-family: '微软雅黑', 'Microsoft YaHei'; margin-top: .4rem; padding-top: 0; border-top: none;}
.intro .gp-content *{ font-family: inherit;}
.intro .gp-content p{
    font-size: 16px;
    font-size: 0.16rem !important;
    line-height: .3rem !important;
}
.history .gp-content h2{ 
    font-size: .2rem;
}

.leader{
}
.leader ul{
    margin: 0 -.35rem;
}
.leader li{
    margin-top: .55rem;
}
.leader li:nth-of-type(1),
.leader li:nth-of-type(2){
    margin-top: 0.7rem;
}
.leader .box{
    margin: 0 .35rem;
}
.leader .post{
    line-height: 1;
    padding-bottom: .2rem;
    border-bottom: 1px dashed #d9d9d9;
}
.leader dl{
    justify-content: flex-start;
    line-height: 1.33;
    padding-top: .05rem;
}
.leader dl dd{
    justify-content: flex-start;
    align-items: center;
    padding: .15rem 0;
}
.leader dl .flex-wrap{
    justify-content: space-between;
}
.leader dl .flex-wrap span{
    margin-right: 0rem;
}
.leader dl span{
    min-width: .54rem;
    flex-shrink: 0;
    margin-right: .3rem;
    text-align-last: justify;
}
.leader dl div{
    color: #999;
}
.leader2 dl dd{
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.leader2 dl span{
    margin-right: 0;
    
}
.leader2 dl div{
    margin-right: 0.8rem;
    flex: unset;
}

/* 委员会 */
.committee{}
.committee .box{
    margin-top: .75rem;
}
.committee .box:first-child{
    margin-top: 0.6rem;
}
.committee .boxTil{
    font-weight: 500;
    font-weight: 800;
    line-height: 1;
    margin-bottom: .2rem;
}
.committee .boxCon{
    justify-content: flex-start;
    line-height: .5rem;
    padding: .16rem 0 .03rem;
    border-bottom: .01rem dashed #d9d9d9;
}
.committee .boxCon span{
    min-width: .54rem;
    flex-shrink: 0;
    margin-right: 1.93vw;
    text-align-last: justify;
}
.committee .boxCon dl{
    flex-wrap: wrap;
    justify-content: flex-start;
}
.committee .boxCon dd{
    margin-right: .42rem;
    min-width: .66rem;
}
.committee .boxCon dd a{
    display: block;
    text-align-last: justify;
    color: #333;
}

/* institute */
.institute{}
.institute ul{
    margin: 0 -.25rem;
}
.institute li{
    margin-top: .6rem;
}
.institute li a{
    display: block;
    margin: 0 .25rem;
}
.institute .gp-img-responsive{
    padding-bottom: 56.25%;
}
.institute .title{
    line-height: 1;
    margin: .28rem 0;
    padding-right: .3rem;
    background: url(../images2026/institute-ico.png) no-repeat right center/.23rem auto;
}
.institute .summary{
    line-height: 1.71;
    color: #666;
}

.teacher{}
.teacher .dept{
    margin-top: .85rem;
    overflow: hidden;
}
.teacher .deptTil{
    font-weight: 500;
    font-weight: 800;
    line-height: 1;
    margin-bottom: .2rem;
}
.teacher .dept:first-child{
    margin-top: .6rem;
}
.teacher .row{
    line-height: .5rem;
    margin: 0 -.45rem;
}
.teacher .col-12{
}
.row > [class^="col-"] > .gp-flex{
    justify-content: flex-start;
    padding: .16rem 0 .03rem;
    margin: 0 .45rem;
    border-bottom: .01rem dashed #d9d9d9;
}
.teacher .post{
    width: .54rem;
    flex-shrink: 0;
    margin-right: .4rem;
    text-align-last: justify;
}
.teacher .deptList{
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    color: #793fd1;
}
.teacher .deptList dd{
    margin-right: 0.42rem;
    min-width: .66rem;
}
.teacher .deptList a{
    display: block;
    color: inherit;
}
.teacher .col-24 .deptList a{
    text-align-last: justify;
}


/* office */
.office{}
.office .officeBox{}
.office .officeTil{
    font-weight: 500;
    font-weight: 800;
    color: #793fd1;
    line-height: 1;
    margin: .5rem 0 0rem;
}
.office .officeCon{}
.office .officeCon li{
    line-height: 1.875;
    /* padding: .2rem 0;
    border-top: 1px dashed #d9d9d9; */
}
.office .name{
    /* font-weight: 800; */
    color: #000;
    /* width: 3rem; */
}
.office .peo{
    color: #333;
    width: 1.2rem;
}
.office .contact{
    color: #999;
    flex: 1;
}
.office .contact span{
    position: relative;
    display: inline-block;
}
.office .contact span.phone{
    padding-right: .18rem;
    margin-right: .18rem;
}
.office .contact span.phone::after{
    content: '|';
    display: inline-block;
    position: absolute;
    right: -.02rem;
    top: 0;
}
.office .contact span:last-child{
    display: block;
}
.office .searchResult li{
    margin-top: .3rem;
}
.office .searchResult li a{
    background-size: 100% 70%;
}


/* 首字母查询教师 */
.initialBox{
    padding: .18rem .3rem;
    background: #eaecff;
    align-items: center;
    line-height: .34rem;
    margin-top: .38rem;
}
.initialBox .label{
    flex-shrink: 0;
}
.initialBox .initialList{
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.initialBox .initialList dd{
    width: .35rem;
}
.initialBox .initialList dd.on{
    width: .38rem;
}
.initialBox .initialList a{
    display: block;
    text-align: center;
    border-radius: .05rem;
    color: #793fd1;
}
.initialBox .initialList dd:hover a,
.initialBox .initialList .on a{
    background: #793fd1;
    color: #fff;
}

.teacherSearch{
    padding-bottom: 0px !important;
}
.searchResult{
    margin: 0 -.25rem;
}
.searchResult li{
    margin-top: .4rem;
}
.searchResult li a{
    margin: 0 .25rem;
    background: url(../images2026/teacher-li-bg.jpg) no-repeat center bottom/100% auto;
}
.searchResult .img{
    width: 1.78rem;
    flex-shrink: 0;
}
.searchResult .gp-img-responsive{
    padding-bottom: 126.96%;
}
.searchResult .info{
    flex: 1;
    padding: 0.2rem .25rem 0;
    color: #666;
}
.searchResult .name{
    line-height: 1;
    color: #793fd1;
}
.searchResult .name span{
	display: inline-block;
    margin-left: .3rem;
}
.searchResult .gp-flex{
    justify-content: flex-start;
    line-height: 1.5;
}
.searchResult .gp-flex span{
    flex-shrink: 0;
    color: #666;
}
.searchResult .email{
    margin-top: .5rem;
    margin-bottom: .15rem;
}
.searchResult .number{
    margin-bottom: .15rem;
}

/* 教师详情 */
.teacherDetail{
    margin-bottom: 1rem;
}
.teacherDetail .searchResult li a{
    background: url(../images2026/teacher-li-bg2.png) no-repeat center bottom/100% auto;
}
.detailBox{}
.contentFromWord{
    padding-top: .4rem;
}
.contentFromWord table.szbt {
    display: block;
    border: none !important;
    width: 100%;
}
.contentFromWord tbody{
    display: block;
    width: 100%;
}
.contentFromWord .szbt tr:nth-of-type(1){
    display: flex;
    /* align-items: center; */
}
.contentFromWord .szbt tr:nth-of-type(1){
    position: relative;
    z-index: 1;
}
.contentFromWord .szbt tr:nth-of-type(1)::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images2026/teacher-li-bg2.png) no-repeat center bottom/100% auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.contentFromWord .szbt td{
    padding: 0 !important;
    border: none !important;
}
.contentFromWord .szbt td p{
    line-height: 1 !important;
}
.contentFromWord .szbt td:nth-of-type(1){
    width: 1.78rem !important;
    max-width: 1.78rem !important;
    max-height: 2.4rem;
    overflow: hidden;
}
.contentFromWord .szbt td:nth-of-type(1) br{
    display: none;
}
.contentFromWord .szbt td:nth-of-type(1) img{
    width: 100%;
    height: auto !important;
}
.contentFromWord .szbt td:nth-of-type(2){
    width: auto;
    flex: 1;
    padding: .2rem .2rem !important;
}
.contentFromWord .szbt td:nth-of-type(2) p{
    color: #666;
    font-size: .14rem !important;
    line-height: 1.5 !important;
    margin-top: .15rem !important;
}
.contentFromWord .szbt td:nth-of-type(2) p:nth-of-type(1){
    font-size: .24rem !important;
    color: #793fd1;
    margin-top: 0rem !important;
}
.contentFromWord .szbt td:nth-of-type(2) p:nth-of-type(2){
    margin-top: .3rem !important;
}
.contentFromWord .szbt td:nth-of-type(2) p:nth-of-type(3){}
.contentFromWord .szbt td:nth-of-type(2) p:nth-of-type(4){}
.contentFromWord h2,
.detailTil{
    line-height: .54rem !important;
    background: url(../images2026/teacher-detail-bg1.png) no-repeat center left/cover;
    padding-left: .44rem;
    font-size: .24rem !important;
    margin-top: .3rem !important;
    margin-bottom: 0rem !important;
}
.contentFromWord p{
    line-height: 2.25 !important;
    font-size: .16rem !important;
}
.detailCon{
    line-height: 2.25;
}

.con


/* postdoc */
.postdoc{
    margin-top: .38rem;
}
.postdoc dl{
    flex-wrap: wrap;
    justify-content: flex-start;
    background: url(../images2026/postdoc-bg.png);
    background-repeat: repeat-y;
    background-size: 100% 1.4rem;
    background-position: center top;
}
.postdoc dd{
    width: 11.11%;
    text-align: center;
    line-height: .7rem;
}
.postdoc dd a{
    display: inline-block;
    min-width: .54rem;
    text-align-last: justify;
}

/* textList */
.textList{
    margin-top: .5rem;
}
.textList li{}
.textList li:nth-of-type(odd){
    background: #f8f7fc;
}
.textList li a{
    display: block;
    line-height: .2rem;
    padding: .3rem;
    padding-left: .2rem;
}
.textList .title{
    padding-left: .23rem;
    background: url(../images2026/textlist-ico.png) no-repeat center left;
    color: #333;
}
.textList .date{
    color: #333;
}

/* newsList */
.noSider .main{
    padding-left: 0 !important;
}
.newsList{ padding-bottom: 0 !important;}
.newsList ul{
    margin: 0 -.2rem;
}
.newsList li{
    margin-top: .3rem;
}
.newsList li a{
    align-items: flex-start;
    padding: .3rem .4rem;
    background: #f8f7fc url(../images2026/newslist-bg.png) no-repeat left bottom/cover;
    margin: 0 .2rem;
    transition: all .3s;
}
.newsList li a:hover{
    transform: translateY(-.08rem);
}
.newsList .date{
    position: relative;
    flex-shrink: 0;
    width: .5rem;
    color: #793fd1;
    margin-right: .3rem;
    line-height: 1;
    padding: .02rem 0;
}
.newsList .date::before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -.15rem;
    top: 0;
    background: #793fd1;
}
.newsList .day{
    margin-bottom: .1rem;
}
.newsList .month{}
.newsList .day{}
.newsList .info{}
.newsList .title{
    line-height: 1.45;
    height: 2.9em;
    color: #333;
}
.newsList .summary{
    color: #999;
    margin-top: .2rem;
}


.share{ width: 0.7rem; padding: 0; position: absolute; right: 0; top: 2.3rem;}
.share .share-title{ color: #555; line-height: 1; text-wrap: nowrap;}
.share a{ display: block; width: 0.7rem;height: 0.7rem; margin-top: 0.1rem; border: 1px solid #f2e9da;}
.share .bds_weixin{ background: url(../images2026/share-wechat.png) no-repeat center/100% auto;}
/* .share .bds_weixin:hover{ background: url(../images/share-wechat.png) no-repeat center/100% auto;} */
.share .bds_tsina{ background: url(../images2026/share-sina.png) no-repeat center/100% auto;}
/* .share .bds_tsina:hover{ background: url(../images/share-sina.png) no-repeat center/100% auto;} */
.share .share_more{ position: relative; background: url(../images2026/share-more.png) no-repeat center/100% auto;}
.share .share_more .absoluteBox{
  width: 100%;
  position: absolute;top: 100%;right: 0px;z-index: 1;
  max-height: 0px;overflow: hidden;
}
.share .share_more:hover .absoluteBox{
    max-height: 3rem;transition: all 0.25s ease-in-out;
}
.share .share_btn{ width: 100%; float: none; height: .7rem;}
.share .share_more .share_facebook{ background: #3B5998 url(../images2026/facebook.png) no-repeat center/.25rem auto;}
.share .share_more .share_twitter{ background: #1da1f2 url(../images2026/twitter.png) no-repeat center/.24rem auto;}
.share .share_more .share_linkedin{ background: #0077b5 url(../images2026/linkedin.png) no-repeat center/.22rem auto;}

.Annex{ }
.Annex ul{ margin: 0 !important;}
.Annex li::marker{ content: '';}
.Annex a{ position: relative;line-height: .27rem;color: #056840;
    display: inline-block;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%);} */


/* Responsive style */
@media screen and (max-width:1700px){}

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

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

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

@media screen and (max-width:996px){
    /*侧边栏移动端 */
    .gp-m-inner-header{width:100%;cursor:pointer;
        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%);
    }
    .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;}
    .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;}
    .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;}
    .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;}
    .gp-subNavm li dl dd a.active{color:#563dce;}
    .gp-subNavm li > a.active{color:#563dce;}
    .gp-subNavm li dl dd a:hover{ color:#94070A;}
    /* @media screen and (max-width:768px) {
        .sideBar{display: none;}
        .gp-m-subNav{display: block;}
    } */

    .sideBar{ background: transparent;}
    .sideBar > div{ flex-wrap: wrap;}
    .sideBar h2{ width: 100%; position: relative;}
    .sideBar h2 a{ line-height: 2;}
    .sideBar .gp-m-toggle{ display: block; position: absolute;top: 50%;transform: translateY(-50%);right: 0rem; color: #fff;width: 0.5rem;height: 100%;}
    .sideBar .gp-m-toggle::before{ position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .sideBar .gp-m-toggle.gp-m-inner-header-icon-out::before{ transform: translate(-50%, -50%) rotate(90deg);}
    .sideBar ul{ padding: 0.15rem 0.2rem; flex-direction: column; line-height: 2;}
    .sideBar li::before{ display: none;}
    .sideBar li::after{ padding-bottom: 0.3rem; display: none !important;}
    .gp-m-toggle{ line-height: unset;}
    .gp-m-page a{margin:0 0.1rem;border: 1px solid #889bd8;}
    .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{ display: none;}
    .gp-m-page{ display: block;}
    .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;}

    .subBanner{
        margin-bottom: 0;
    }
    .subContent > .gp-flex{
        flex-direction: column;
    }
    .aside{
        width: 100%;
    }
    .main{
        padding-left: 0;
    }
    .pageCon{
        padding-bottom: .8rem;
    }
    .leader ul{ margin: 0;}
    .leader .box{ margin: 0;}
    .leader li, .leader li:nth-of-type(1), .leader li:nth-of-type(2){
        margin-top: .4rem;
    }
    .institute ul{
        margin: 0 -.1rem;
    }
    .institute li{
        margin-top: .4rem;
    }
    .institute li a{
        margin: 0 .1rem;
    }
    .pages{
        margin: .4rem 0;
    }
    .searchResult li{
        margin-top: .3rem;
    }
    /* .searchResult li a{
        flex-direction: column;
        align-items: center;
        background: none;
    } */
    .searchResult .email{
        word-break: break-all;
    }
    .searchResult .info{
        width: 100%;
        flex: unset;
        padding: .2rem;
        background: url(../images2026/teacher-li-bg.jpg) no-repeat center bottom/cover;
    }
    .searchResult .email{
        margin: .2rem 0 0.15rem;
    }
    .initialBox{
        padding: .1rem .15rem;
    }
    .initialBox > .gp-flex{
        flex-direction: column;
    }
    .searchResult li{
        margin-top: .2rem;
    }
    .office .peo{
        width: 0.8rem;
    }
    .share{
        position: relative;
        right: auto;
        left: 0;
        top: auto;
        display: flex;
        display: -ms-flexbox;
        flex-direction: row;
        float: none;
        width: 100%;
        margin-bottom: .4rem;
    }
    .share a{
        margin-top: 0;
        margin-left: .1rem;
        width: .6rem;
        height: .6rem;
    }
    .share .share_more .absoluteBox{
        top: 0;
        left: 100%;
        display: flex;
        width: 2rem;
        max-height: unset;
    }
    .share .share_btn{
        width: .6rem;
        height: .58rem;
    }
    .article{
        padding: .4rem 0;
    }
    .contentFromWord tr:nth-of-type(1)::before{
        background-size: 100% 1.65rem;
    }

}

@media screen and (max-width:768px){
    .gp-info span{
        margin-right: .2rem;
    }
    .intro .gp-content{
        margin-top: .2rem;
    }
    .bread{
        width: 100%;
        text-align: right;
        margin-top: .05rem;
    }
    .committee .box:first-child,
    .committee .box{
        margin-top: .5re;
    }
    .committee .boxCon{
        padding: .05rem  auto;
    }
    .institute li{
        width: 100%;
        margin-top: .3rem;
    }
    .institute .title{
        margin: .2rem 0;
    }
    .teacher .dept,
    .teacher .dept:first-child{
        margin-top: .4rem;
    }
    .teacher .deptTil{
        margin-bottom: 0;
    }
    .teacher .row{
        margin: 0 -.2rem;
    }
    .row > [class^="col-"] > .gp-flex{
        margin: 0 .2rem;
    }
    .teacher .post{
        margin-right: .2rem;
    }
    .postdoc dd{
        width: 12.5%;
    }
    .textList li a{
        padding: .2rem;
    }
    .searchResult{
        margin: 0 -.1rem;
    }
    .searchResult li a{
        margin: 0 .1rem;
    }
    .searchResult .img{
        width: 1.4rem;
    }
    .searchResult .info{
        padding: .2rem .1rem;
    }
    .searchResult .name span{
        margin-left: .15rem;
    }
    
}

@media screen and (max-width:680px){
    .postdoc dd{
        width: 14.28%;
    }
    .office .officeCon li{
        flex-direction: column;
        padding: .1rem 0;
    }
    .office .searchResult li{
        padding: 0;
    }
    .searchResult li{
        width: 100%;
    }
    
}

@media screen and (max-width:491px){
    .pageCon{
        padding-bottom: .2rem;
        overflow: hidden;
    }
    .pages{
        margin: .2rem 0;
    }
    .bread{
        font-size: .12rem;
    }
    .article{
        padding: .2rem 0 0;
    }
    .gp-info{
        margin-top: .1rem;
    }
    .gp-content{
        margin-top: .1rem;
        margin-bottom: .3rem;
        padding-top: .2rem;
    }
    .leader li, .leader li:nth-of-type(1), .leader li:nth-of-type(2){
        margin-top: .2rem;
    }
    .leader dl{ padding-top: 0;}
    .leader .post{
        padding-bottom: .15rem;
    }
    .leader dl dd{
        padding: .1rem 0;
    }
    .institute li{
        margin-top: .2rem;
    }
    .institute .title{
        margin: .15rem 0;
    }
    .teacher .deptList dd{
        margin-right: .3rem;
    }
    .teacherDetail{
        margin-bottom: .4rem;
    }
    .detailTil{
        line-height: .4rem;
        padding-left: .3rem;
    }
    .postdoc dl{
        background-size: 100% 1rem;
    }
    .postdoc dd{
        width: 25%;
        line-height: .5rem;
    }
    .office .officeTil{
        margin: .3rem 0 .15rem;
    }
    .textList{
        margin-top: .3rem;
    }
    .newsList li a{
        padding: .2rem .15rem;
    }
    .newsList .date{
        margin-right: .2rem;
    }
    .newsList .date::before{
        right: -.08rem;
    }
    .newsList .summary{
        margin-top: .15rem;
    }
    .share{
        margin-bottom: 1rem;
    }
    .share .share_more .absoluteBox{
        top: calc(100% + .1rem);
        left: auto;
        right: 0%;
        justify-content: flex-end;
    }
    .share .share_btn{
        margin-left: .1rem;
    }
    .share .share_btn:first-child{
        margin-left: 0;
    }
    .teacher .post{
        margin-right: .1rem;
    }
    .initialBox{
        overflow: hidden;
    }
    .searchResult .email{
        word-break: break-all;
    }
    .searchResult .info{
        padding: .2rem .1rem;
    }
    .office .searchResult .img{
        width: 1.2rem;
    }
    .office .searchResult li a{
        align-items: center;
    }
    .office .searchResult .info{
        padding: .1rem;
        min-width: 0;
    }
    .office .searchResult li a{
        background-size: 100% 100%;
    }
    .contentFromWord{
        padding-top: .25rem;
    }
    .contentFromWord td:nth-of-type(1){
        width: 1.4rem !important;
        max-width: 1.4rem !important;
    }
    .contentFromWord td:nth-of-type(2){
        padding: .1rem !important;
    }
    .contentFromWord td:nth-of-type(2) p:nth-of-type(1){
        margin-top: 0 !important;
    }
    .contentFromWord td:nth-of-type(2) p,
    .contentFromWord td:nth-of-type(2) p:nth-of-type(2){
        margin-top: .1rem !important;
    }
    .contentFromWord td:nth-of-type(2) p:nth-of-type(1){
        font-size: .18rem !important;
    }
    .contentFromWord tr:nth-of-type(1)::before{
        background-size: 100% 100%;
    }
    .contentFromWord td p{
        word-break: break-all;
    }
    .contentFromWord h2, .detailTil{
        font-size: .2rem !important;
        line-height: .45rem !important;
        padding-left: .3rem;
        margin-top: .2rem !important;
    }
    .contentFromWord p{
        font-size: .14rem !important;
    }


}

@media screen and (max-width:414px){
    .leader dl span{
        min-width: 0.46rem;
        margin-right: .2rem;
    }
    .teacher .row{
        line-height: .4rem;
    }
    .postdoc dd{
        width: 33.33%;
    }
    .textList .title{
        padding-left: .18rem;
    }
    .textList{
        margin-top: .2rem;
    }
    .searchResult .img{
        width: 1.2rem;
    }
    .searchResult .info{
        padding: .1rem;
    }
    .searchResult .email{
        margin: 0.1rem 0;
    }
    .office .officeTil{ margin-bottom: 0;}
    .office .searchResult li{ margin-top: .2rem;}
    .office .searchResult .img{ width: 1rem;}
    .searchResult .number{ margin-bottom: .1rem;}
}

@media screen and (max-width:370px){
    .contentFromWord td:nth-of-type(1){
        width: 1.2rem !important;
        max-width: 1.2rem !important;
    }
    .contentFromWord td:nth-of-type(2) p,
    .contentFromWord td:nth-of-type(2) p:nth-of-type(2){
        margin-top: .05rem !important;
    }
}