@charset "utf-8";
.subBanner .gp-img-responsive{ padding-bottom: 26.04%;}
.bread{ position: relative; background: #f2eeef; text-align: right; z-index: 1;}
.bread a, .bread span{ color: #999294; line-height: 37rem;}
.bread a:hover{ color: #7c0000;}
.subBox .gp-container{ min-height: 400px;}

.subBox{ background: #f6f6f6; padding-bottom: 120rem; position: relative;}
.subBox::before{ content: ''; display: block; width: 100%; height: 560rem; background: url(../images/sub_bg.png) no-repeat center/cover; position: absolute; bottom: 0; left: 0; z-index: 0;}
.subBox .gp-container{ position: relative; z-index: 1;}
.gp-left{ width: 340rem; flex-shrink: 0; position: relative;}
.gp-left h3{ line-height: 135rem; background: rgba(124, 0, 0, 0.88); text-align: center; color: #fff; font-weight: normal; position: absolute; bottom: 100%; left: 0; width: 100%;}
.gp-left .gp-subLeft ul{ position: relative; background: #fff; padding-bottom: 60rem;}
.gp-left .gp-subLeft ul::before{ content: ''; display: block; width: 5rem; height: 100%; background: #7c0000; position: absolute; left: 0; top: 0; z-index: 0;}
.gp-left .gp-subLeft ul li{ padding: 0 0rem; border-left: 5px solid #7c0000; position: relative; z-index: 1;}
.gp-left .gp-subLeft ul li.on{ }
.gp-left .gp-subLeft ul li:last-child > a{ border-bottom: 1px solid #e5e5e5;}
.gp-left .gp-subLeft ul li > a{ display: block; border-top: 1px solid #e5e5e5; line-height: 79rem; padding-left: 100rem; color: #777; transition: all 0.35s ease; position: relative;}
.gp-left .gp-subLeft ul li.on > a{ color: #333; padding-left: 110rem; border: none; filter: drop-shadow(0rem 5rem 10rem rgba(44, 0, 0, 0.1));}
.gp-left .gp-subLeft ul li > a::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.gp-left .gp-subLeft ul li.on > a::before{ background: #fff url(../images/left_hover.png) no-repeat center/cover; clip-path: polygon(0 0, 100% 0, 97% 100%,0 100%);}
.gp-left .gp-subLeft ul li.on > a::before{box-shadow: 0px 5px 10px 0px rgba(44, 0, 0, 0.1)\0;}
.gp-left .gp-subLeft ul li.on + li a{ border-top: none;}
.gp-left .gp-subLeft ul li > a:hover{ color: #333; padding-left: 110rem;}
.noLeft .gp-right{ width: 100%;}

.gp-subLeft .gp-toggles{width: 79rem;height: 79rem;line-height: 79rem;position: absolute;right: 0;top: 0;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{ width: 97%; display: none;background: #f9f9f9; padding-bottom: 30rem;}
.gp-second-nav::before{ content: ''; display: block; width: 0rem; height: 100%; background: #f9f9f9; position: absolute; top: 0; right: 100%; transition: all 0.35s ease;}
li.on .gp-second-nav::before{ width: 3rem;}
.gp-second-nav dd{ position: relative;}
.gp-second-nav dd::before{ content: ''; display: block; width: calc(100% - 60rem); height: 1px; background: #e5e5e5; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
.gp-second-nav dd a{display: block; padding-left: 110rem; line-height: 65rem; color:#888;border-bottom: 1rem dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.gp-second-nav dd a.active{ color: #7c0000;}

/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40rem;background-color:rgba(0, 0, 0, 0.1);cursor:pointer;line-height: 40rem;}
.gp-m-inner-header > span{height: 40rem;padding-left: 15rem;font-size: 16rem;color:#666;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40rem;height: 40rem;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:48rem;line-height:48rem;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13rem;font-size:20rem;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14rem;padding-left:13rem;height:40rem;line-height:40rem;border-bottom:1rem solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10rem;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40rem;height: 40rem;position: absolute;right: 0;top: 0;line-height: 40rem;text-align: center;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:5rem 0rem;}
.gp-subNavm dl dd{ padding-left: 30rem; line-height:18rem; padding:8rem 0rem 8rem 30rem;border-bottom: 1rem dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12rem; font-weight:normal; display:inline;  border:none; padding:0rem;}
.gp-subNavm li dl dd a:hover{ color:#a70510}
@media screen and (max-width:997px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}
.gp-right{ width: calc(100% - 400rem);}

/* 雷达所简介 */
.introSwiper{ overflow: hidden; position: relative; padding-bottom: 25rem; margin: 30rem 0 40rem;}
.introSwiper .gp-img-responsive{ padding-bottom: 25.98%;}
.introTitle{ line-height: 1; border-bottom: 1px solid #e5e5e5; text-align: center;}
.introTitle span{ display: inline-block;  padding-top: 35px; padding-bottom: 20rem; position: relative;}
.introTitle span::before{ content: ''; display: block; width: 100%; min-width: 120rem; height: 2px; background: #7c0000; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.introSwiper .swiper-slide{ max-width: unset; filter: none;}
.introCon p{ line-height: 30rem; margin-bottom: 30rem;}
.introCon p:last-child{ margin-bottom: 0;}
.intro-button-prev, .intro-button-next{ font-size: 0; position: absolute; bottom: 0; left: 50%; z-index: 1;}
.intro-button-prev{ transform: translateX(-50%); margin-left: -5rem;}
.intro-button-next{ transform: translateX(50%); margin-left: 5rem;}
.swiper-button-disabled{ cursor: no-drop;}

/* 机构设置 */
.deptCon li{ padding: 20rem 30rem; padding-left: 0; position: relative; margin-top: 45rem; transition: all 0.35s ease;}
.deptCon li:first-child{ margin-top: 40rem;}
.deptCon li::before{ content: ''; display: block; width: 100%; max-width: 940rem; height: 100%; background: #fff; position: absolute; right: 0; top: 0; z-index: -1;}
.deptCon li:hover{ transform: translateY(-8rem); box-shadow: 0px 10px 20px 0px rgba(69, 16, 0, 0.15);}
.deptCon .img{ width: 400rem; flex-shrink: 0;}
.deptCon .gp-img-responsive{ padding-bottom: 56.25%;}
.deptCon .infoBox{ width: calc(100% - 430rem);}
.deptCon .title{ line-height: 40rem; color: #111;}
.deptCon .summary{ line-height: 30rem; color: #555; margin-top: 10rem; -webkit-line-clamp: 5;}

/* 院士 */
.academician{ }
.academician ul{ margin: 0 -30rem;}
.academician li{ margin-top: 40rem;}
.academician li a{ display: block; margin: 0 30rem; padding-bottom: 10rem; position: relative;}
.academician li a::before{ content: ''; display: block; position: absolute; top: 20rem; right: 0rem; bottom: 0rem; left: 10rem; border: 1px solid #dcdcdc; z-index: -1; transition: all 0.35s ease;}
.academician li a:hover::before{ background: #fff; box-shadow: 0px 10px 20px 0px rgba(69, 16, 0, 0.15);}
.academician .img{ width: 200rem; }
.academician .gp-img-responsive{ padding-bottom: 140%;}
.academician .infoBox{ padding-left: 230rem; padding-right: 25rem; padding-top: 60rem;}
.academician .name{ display: inline-block; width: auto; line-height: 1; color: #111; position: relative;}
.academician .name::before{ content: ''; display: block; width: 100%; height: 3rem; background: #7c0000; position: absolute; left: 50%; transform: translateX(-50%); top: -40rem; transition: all 0.35s ease; z-index: -1;}
.academician a:hover .name::before{ width: 440rem;}
.academician .summary{ color: #555; line-height: 28rem; margin-top: 30rem; -webkit-line-clamp: 5;}

/* 各研究室教师 */
.teachBox{ padding-top: 30rem; margin-top: 50rem; position: relative;}
.teachBox:first-child{ margin-top: 40rem;}
.teachTil{ background: #7c0000; color: #fff; clip-path: polygon(0 0,100% 0,96% 100%,0 100%); display: inline-block; line-height: 60rem; text-align: center;
    position: absolute; left: 40rem; top: 0; min-width: 210rem;}
.teachCon{ background: #fff; padding: 70rem 52rem 0rem; flex-wrap: wrap; justify-content: flex-start;}
.teachCon li{ margin-right: 118rem; line-height: 1; margin-bottom: 40rem;}
.teachCon li:nth-of-type(6n){ margin-right: 0;}
.teachCon li a{ display: block; transition: all 0.35s ease;}
.teachCon li a:hover{ transform: translateY(-5rem); color: #7c0000;}

/* 教师详情页 */
.detailBox{ padding-top: 40rem;}
.detailBox .left{ width: 360rem; flex-shrink: 0;}
.detailBox .right{ width: 600rem;}
.whiteBox{ position: relative; z-index: 1; padding: 20rem 30rem 16rem; margin-bottom: 25rem;}
.whiteBox:first-child{ padding-top: 0;}
.whiteBox::before{ content: ''; display: block; width: 100%; height: 100%; max-height: 443rem; background: #fff; position: absolute; left: 0; bottom: 0; z-index: -1;}
.detailBox .gp-img-responsive{ padding-bottom: 140%;}
.detailBox .name{ line-height: 1; color: #111; margin-top: 30rem;}
.detailBox .gender{ color: #555; margin-left: 20rem;}
.lable{ color: #111; line-height: 1; margin-bottom: 16rem; position: relative;}
.lable::before{ content: ''; display: block; width: 3rem; height: 100%; background: #7c0000; position: absolute; left: -30rem; top: 0;}
.lableCon{ color: #555; line-height: 24rem;}
.lableCon p{ margin-bottom: 12rem; line-height: 24rem;}
.lableCon p:last-child{ margin-bottom: 0rem;}
.teachDetail .right{ padding-left: 18rem;}
.right .box{ margin-bottom: 54rem;}
.right .lableCon p{ line-height: 32rem; color: #333;}
.right .lable{ margin-bottom: 18rem;}
.right .lable::before{ left: -18rem;}

/* 通用列表 */
.list{ }
.list li{ padding: 30rem; line-height: 1; background: url(../images/research_li.png) no-repeat center/cover; margin-top: 40rem; transition: all 0.35s ease;}
.list li:hover{ background: url(../images/research_lihover.png) no-repeat center/cover; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);}
.list .title{ color: #333; transition: all 0.35s ease;}
.list .date{ color: #7c0000; font-family: 'Optima'; margin-top: 30rem; transition: all 0.35s ease;}
.list li:hover .title{ color: #fff;}
.list li:hover .date{ color: rgba(255, 255, 255, 0.66);}

/* 带图列表页 */
.piclist li{ margin-top: 55rem;}
.piclist li:first-child{ margin-top: 40rem;}
.piclist ul a{ display: block; position: relative; transition: all 0.35s ease;}
.piclist ul a:hover{ transform: translateY(-8rem);}
.piclist ul a::before{ content: ''; display: block; width: calc(100% - 30rem); height: 1px; background: #e5e5e5; position: absolute; right: 0; bottom: 0;}
.piclist .img{ width: 400rem;}
.piclist .gp-img-responsive{ padding-bottom: 56.25%; background: #f4e1e1;}
.piclist .infoBox{ padding-left: 430rem;}
.piclist .noImg .infoBox{ padding-left: 0; padding-bottom: 30rem;}
.piclist ul .noImg a::before{ width: 100%;}
.piclist .date{ color: #7c0000; font-family: 'Optima'; line-height: 1; padding-top: 20rem; display: inline-block; border-top: 2px solid #7c0000;}
.piclist .title{ color: #333; line-height: 28rem; margin-top: 30rem;}
.piclist .summary{ color: #999; line-height: 24rem; margin-top: 10rem;}




/*分页*/
.pages{ padding: 60rem 0 0;}
.gp-page { padding: 0; color:#999; font-size: 0rem;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #555; background: #fff; cursor: pointer; 
    width: 66rem; height: 46rem; line-height: 46rem; border-radius: 0%; font-size: 16rem;border-right: 1rem solid #e5e5e5;
    position:relative;text-align: center; margin-bottom:0rem; margin-left:0rem;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page-select{height: 32rem;line-height: 32rem;min-width: 50rem;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
.gp-page .gp-page-prev, .gp-page .gp-page-next{ margin: 0px; width: 110rem;}
.gp-page .gp-page-start{ margin: 0 5rem;}
.gp-page .gp-page-end{ margin: 0rem;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.active{ background-color:#7c0000; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10rem}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
.selectDiv{ display: inline-block; margin-right: 0rem; margin-left: 50rem; padding: 0 30rem; background: #fff; position: relative;}
.selectDiv + span{ margin-left: 0; }
.selectDiv > span{ display: inline-block; height: 46rem; line-height: 46rem; width: auto; text-align: left; position: relative;}
.selectDiv > span.currentPage{ display: inline-block; width: 55rem; padding-left: 15rem; box-sizing: border-box;}
.selectDiv > span.currentPage::before{ content: ''; display: block; width: 5rem; height: 5rem; background: url(../images/page-down.png) no-repeat center/cover;
    position: absolute; top: 50%; transform: translateY(-50%); right: 10rem; transition: all 0.25s ease;}
.selectDiv:hover > span::before{ transform: translateY(-50%) rotateZ(180deg);}
.selectDiv dl{ display: none; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: 100%; background: #ebf0fa; border-radius: 4rem; border-bottom: 4rem solid #fff;
    max-height: 200rem; overflow-y: scroll;}
.selectDiv dl a{ display: block;}
.selectDiv:hover dl{ display: block;}
.selectDiv a{ display: inline-block; line-height: 30rem;}
.selectDiv dd:hover{ background: #7c0000;}
.selectDiv dd:hover a{ color: #fff;}
.pageInput{ width: 32rem; height: 32rem; border: none; outline: none; background: #F2F2F2; text-align: center;}

.gp-article{ padding: 0rem; position: relative;}
/* .gp-article::before{ content: ''; display: block; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.06); position: absolute; top: 85rem; right: 30rem;} */
.gp-title{ font-weight: normal; margin-top: 45rem; color: #333; text-align: left; line-height: 40rem;}
.gp-info{ text-align: center; font-size: 0; margin-top: 20rem; background: #fff; /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */}
.gp-info span{ display: inline-block; color: #7c0000; line-height: 60rem; margin-right: 212rem; vertical-align: middle; position: relative;}
.gp-info span::before{ content: ''; display: block; width: 1rem; height: 16rem; background: #ccc; position: absolute; right: -111rem; top: 50%; transform: translateY(-50%);}
.gp-info span:last-child:before{ display: none;}
.gp-info span:last-child{ margin-right: 0rem;}
.gp-content{ margin: 34rem 0 0;}
.gp-content p{ line-height: 30rem; margin-bottom: 30rem;}
.gp-content p:last-child{ margin-bottom: 0rem;}

/* share */
.share{ width: 60rem; flex-shrink: 0; margin-top: 20rem;}
.share .lable{ color: #999; text-align: center; line-height: 1;}
.share_btn{float: left;line-height: 33rem;font-weight: normal;}
.share .bdsharebuttonbox  > a{ display: block; width: 60rem; height: 60rem; line-height: 60rem; border-radius: 50%; background: rgba(0, 0, 0, 0.04);
    padding-left: 0; text-indent: 0; text-align: center;font-size: 24rem; margin-top: 20px;}
.share .bdsharebuttonbox > a.bds_weixin{ color:#50b674;}
.share .bdsharebuttonbox  > a.bds_tsina{ color:#e83437; font-size: 30rem;}
.share .bdsharebuttonbox  > a.bds_qzone{ color:#ffcd00; font-size: 28rem;}
.share .bdsharebuttonbox  > a.bds_more{ color:#004098;}
.shareBox {width: 260rem;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150rem 0 0 -130rem;z-index: 9998;height: 310rem;border: 6rem solid #8F8F8F;border-radius: 8rem;box-shadow: 0 0 7rem #aaa;display: none;}
.shareBox { font-size: 14rem;}
.shareBox .title {   background: #f6f6f6;  font-size: 14rem;  font-weight: bold;  padding: 10rem 15rem !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18rem;width: 20rem;; }
.sharelist {  position: static;   height: 250rem;  overflow-y: auto;padding-left: 17rem !important;}
.sharelist li {    float: left;    width: 130rem;     padding: 2rem;     margin-left: 6rem;     _margin-left: 3rem;     height: 28rem;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12rem '宋体';     display: block;        text-decoration: none;     border: 1rem solid #fff;     line-height: 18rem; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 280rem;min-height:300rem;background-color:#fff;border:solid 1rem #d8d8d8;padding:10rem;position: fixed;left: 50%;top: 50%;margin:-150rem 0 0 -140rem;z-index: 9998;display: none;box-shadow: 0 0 10rem rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12rem;font-weight: bold;padding:0 0 10rem 0;}
.w-close{width: 20rem;height: 20rem;line-height: 20rem;text-align: center;font-size: 20rem;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200rem;height: 200rem;margin:15rem auto;background: #ccc;}
.w-footer{font-size: 12rem;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}
.bdshare_dialog_bg{position:fixed;_position:absolute;width:312rem;height:341rem;z-index:9999;overflow:hidden;display:none}
.bdshare_dialog_box{position:fixed;_position:absolute;width:300rem;border:6rem solid #8F8F8F;height:329rem;z-index:10000;text-align:left;box-shadow:0 0 7rem #aaa;-webkit-box-shadow:0 0 7rem #aaa;-moz-box-shadow:0 0 7rem #aaa;border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;overflow:hidden;background:#f6f6f6;display:none}
.bdshare_dialog_top,.bdshare_popup_top{height:28rem;color:#626262;overflow:hidden;font-weight:bold;font-size:14rem;line-height:28rem;padding:0 5rem}
.bdshare_dialog_close{width:22rem;height:23rem;background:url(../images/pop_c.gif?v=2d7108c8.gif) no-repeat 0 0;float:right;display:block;margin-top:2rem}.bdshare_dialog_list{margin:0;padding:10rem 0;height:256rem;background:#fff;overflow:auto;overflow-x:hidden}.bdshare_dialog_bottom{height:25rem;line-height:25rem;font-size:12rem;text-align:right;padding:0 10rem}.bdshare_dialog_bottom a{color:#999;text-decoration:none}
.bdshare_dialog_bottom a:hover{color:#00a9e0}
.bdshare_dialog_list li{float:left;width:130rem;padding:2rem;margin-left:6rem;_margin-left:3rem;height:28rem;overflow:hidden;list-style:none}
.bdshare_dialog_list a,.bdshare_popup_list a,.bdshare_popup_bottom a{color:#565656;font:12rem '宋体';display:block;background-image:url(../images/icons_0_16.png?v=ba7acbd3.png);background-repeat:no-repeat;padding:5rem 0 5rem 28rem;text-decoration:none;border:1rem solid #fff;line-height:18rem}.bdshare_dialog_list a:hover,.bdshare_popup_list a:hover{background-color:#f3f3f3;border:1rem solid #eee;border-radius:3rem;-webkit-border-radius:3rem;-moz-border-radius:3rem}.popup_qzone{background-position:4rem -47rem}.popup_tsina{background-position:4rem -99rem}.popup_renren{background-position:4rem -203rem}.popup_tqq{background-position:4rem -255rem}.popup_kaixin001{background-position:4rem -307rem}.popup_tqf{background-position:4rem -359rem}.popup_hi{background-position:4rem -411rem}.popup_douban{background-position:4rem -463rem}.popup_tieba{background-position:4rem -723rem}.popup_hx{background-position:4rem -983rem}.popup_fx{background-position:4rem -1035rem}.popup_ty{background-position:4rem -1191rem}
.popup_fbook{background-position:4rem -1347rem}.popup_twi{background-position:4rem -1399rem}
.popup_linkedin{background-position:4rem -1659rem}.popup_meilishuo{background-position:4rem -1711rem}
.popup_mogujie{background-position:4rem -1763rem}.popup_diandian{background-position:4rem -1815rem}.popup_huaban{background-position:4rem -1867rem}
.popup_duitang{background-position:4rem -2023rem}.popup_youdao{background-position:4rem -2075rem}.popup_wealink{background-position:4rem -2179rem}
.popup_copy{background-position:4rem -2283rem}.popup_mail{background-position:4rem -2335rem}.popup_print{background-position:4rem -2387rem}
.popup_mshare{background-position:4rem -2439rem}.popup_sqq{background-position:4rem -2647rem}.popup_sdo{background-position:4rem -2699rem}
.popup_qingbiji{background-position:4rem -2751rem}.popup_people{background-position:4rem -2803rem}.popup_xinhua{background-position:4rem -2907rem}
.popup_yaolan{background-position:4rem -2959rem}.popup_thx{background-position:4rem -2491rem}.popup_bdhome{background-position:4rem -151rem}
.popup_bdxc{background-position:4rem -2543rem}.popup_more{background-position:4rem 5rem}.popup_bdysc{background-position:4rem -3063rem}
.popup_isohu{background-position:4rem -3011rem}.popup_ibaidu{background-position:4rem -3115rem}.popup_weixin{background-position:4rem -1607rem}
.popup_iguba{background-position:4rem -1295rem}.popup_h163{background-position:4rem -3156rem}.bdshare_popup_bg{position:absolute;display:none;z-index:9997}
.bdshare_popup_box{position:absolute;display:none;z-index:9998;text-align:left;background:#f6f6f6;border:solid 1rem #e9e9e9}
.bdshare_popup_list{margin:0;padding:5rem 0;background:#fff;overflow:auto;overflow-x:hidden;_zoom:1}
.bdshare_popup_bottom{clear:both;height:30rem;font-size:12rem;text-align:right;padding:0 10rem}
.bdshare_popup_bottom a{color:#999;text-decoration:none;border:0;float:right}.bdshare_popup_bottom a:hover{color:#00a9e0}
.bdshare_popup_list li{float:left;width:100rem;padding:2rem;margin-left:6rem;_margin-left:3rem;height:28rem;overflow:hidden;list-style:none}
.popup_tsohu,.popup_tfh,.popup_baidu,.popup_qq,.popup_msn,.popup_sohu,.popup_qy,.popup_leho,.popup_ifeng,.popup_ff,.popup_tuita,.popup_ms,.popup_deli,.popup_s51,.popup_t163,.popup_share189,.popup_xg,.popup_s139{display:none}.bdshare_dialog_box,.bdshare_dialog_list a:hover,.bdshare_popup_list a:hover{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}.popup_evernotecn{background-position:4rem -3180rem;}


.Annex{ background: #fff; padding: 15rem 40rem; line-height: 20rem; margin-top: 60rem; text-indent: 0 !important; justify-content: flex-start;}
.Annex h3{ line-height: 30rem; color: #111; font-weight: normal; position: relative;}
/* .Annex h3::before{ content: ''; display: block; width: 30rem; height: 30rem; position: absolute; top: 0; left: 0;} */
.Annex ul{ min-height: unset;}
.Annex li{ margin-bottom: 0rem; line-height: 30rem;}
.Annex li:last-child{ margin-bottom: 0;}
.Annex li::marker{ content: '';}
.Annex li a{ display: block; color: #004b9d; position: relative; transition: all 0.35s ease;}
.Annex li a:hover{ color: #7c0000;}

/* 响应式样式 */
@media screen and (max-width:1600px){
    
}

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

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

@media screen and (max-width:1280px) {
    .gp-right{ width: calc(100% - 360rem);}
    .academician ul{ margin: 0 -10rem;}
    .academician li a{ margin: 0 10rem;}
}

@media screen and (max-width:1200px) {
    .academician a:hover .name::before{ width: 400rem;}
    .teachCon li, .teachCon li:nth-of-type(6n){ margin-right: 140rem;}
    .teachCon li:nth-of-type(5n){ margin-right: 0;}
    
}

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

@media screen and (max-width:997px) {
    .pages{ padding-top: 30rem;}
    .gp-page{ display: none;}
    .gp-m-page{ display: block;}
    .subBox .gp-container{ flex-direction: column;}
    .gp-left{ width: 100%;}
    .gp-right{ width: 100%;}
    .academician li{ margin-top: 30rem;}
    .academician .infoBox{ padding-left: 210rem; padding-right: 10rem;}


}

@media screen and (max-width:767px) {
    .introTitle span{ padding: 20rem 0 15rem;}
    .introSwiper{ margin: 20rem 0; }
    .introCon p{ margin-bottom: 20rem; line-height: 26rem;}
    .intro-button-prev, .intro-button-next{ width: 45rem; height: 45rem;}
    .intro-button-prev img, .intro-button-next img{ width: 100%;}
    .deptCon li, .deptCon li:first-child{ margin-top: 30rem;}
    .deptCon .img{ width: 320rem;}
    .deptCon .infoBox{ width: calc(100% - 340rem);}
    .deptCon .title{ line-height: 24rem;}
    .deptCon .summary{ line-height: 26rem;}
    .teachCon li, .teachCon li:nth-of-type(5n), .teachCon li:nth-of-type(6n){ margin-right: 120rem;}
    .teachCon li:nth-of-type(4n){ margin-right: 0;}
    .detailBox{ flex-direction: column;}
    .detailBox .left{ width: 100%;}
    .detailBox .img{ max-width: 380rem; margin: 0 auto;}
    .detailBox .right{ width: 100%;}
    .right .box{ margin-bottom: 30rem;}
    .list li{ padding: 15rem 20rem;}
    .piclist li{ margin-top: 35rem;}
    .piclist .img{ width: 320rem;}
    .piclist .infoBox{ padding-left: 340rem;}
    .piclist .title{ margin-top: 15rem;}
    .gp-title{ margin-top: 35rem;}
    .gp-content{ margin-top: 25rem;}
    .Annex{ margin-top: 0; flex-direction: column;}
}

@media screen and (max-width:540px) {
    .deptCon li a{ flex-direction: column;}
    .deptCon .img{ width: 100%;}
    .deptCon .infoBox{ width: 100%; padding: 15rem;}
    .deptCon li{ padding: 0rem;}
    .deptCon .summary{ -webkit-line-clamp: 20;}
    .teachCon li, .teachCon li:nth-of-type(4n), .teachCon li:nth-of-type(5n), .teachCon li:nth-of-type(6n){ margin-right: 140rem;}
    .teachCon li:nth-of-type(3n){ margin-right: 0;}
    .list li{ margin-top: 20rem;}
    .piclist li, .piclist li:first-child{ margin-top: 20rem;}
    .piclist .img{ float: none; width: 100%;}
    .piclist .infoBox{ padding-left: 0; margin-top: 10rem; padding-bottom: 15rem;}
    .piclist .noImg .infoBox{ padding-bottom: 15rem;}
    .piclist .date{ padding-top: 10rem;}
    .piclist .title{ line-height: 24rem; margin-top: 10rem;}
    .piclist .summary{ line-height: 20rem; margin-top: 5rem;}
    .gp-title{ font-size: 24rem; line-height: 34rem;}
    .gp-content p{ margin-bottom: 20rem;}
    .gp-info span{ margin-right: 100rem;}
    .gp-info span::before{ right: -50rem;}
    .Annex{ padding: 10rem;}
}

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

@media screen and (max-width:414px) {
    .deptCon li, .deptCon li:first-child{ margin-top: 20rem;}
    .academician .infoBox{ padding-top: 40rem;}
    .academician .summary{ margin-top: 10rem;}
    .academician .name::before{ top: -20rem;}
    .teachBox{ margin-top: 30rem;}
    .teachTil{ left: 20rem; line-height: 45rem; text-align: left; padding-left: 20rem; min-width: 180rem;}
    .teachCon li,.teachCon li:nth-of-type(3n), .teachCon li:nth-of-type(4n), .teachCon li:nth-of-type(5n), .teachCon li:nth-of-type(6n){ margin-right: 200rem;}
    .teachCon li:nth-of-type(2n){ margin-right: 0;}
    .list .date{ margin-top: 20rem;}
    .gp-info span{ margin-right: 60rem; line-height: 45rem;}
    .gp-info span::before{ right: -30rem;}
    .gp-title{ font-size: 22rem; line-height: 30rem;}
}

@media screen and (max-width:370px) {
    .academician li{ margin-top: 20rem;}
    .academician .img{ width: 180rem;}
    .academician .infoBox{ padding-left: 190rem;}
    .teachCon{ padding: 60rem 0rem 0rem;}
    .teachCon li{ margin-right: 0rem !important; width: 50%; text-align: center; margin-bottom: 30rem;}
}