@charset "utf-8";
body{ background: #eef2f6; }
footer.fixed{ position: fixed;left: 0;bottom: 0;width: 100%;z-index: 1;}

.subBanner{ position: relative; height: 0; padding-bottom: 18.07%;}
.subBanner .img{ position: absolute; top: 0;left: 50%;transform: translateX(-50%); width: 100%;}
.subContent{ position: relative; z-index: 1;}

.pageTil a{ display: inline-block; line-height: 1; font-size: 48px; color: #fff; font-weight: bold;}
.pageCon{ padding-top: 40px;}
.sibings{ background: #f2f5f8;}
.sibings .item{ flex: 1; border-right: 1px solid #d1dbe3;}
.sibings .item:last-child{ border-right: none;}
.sibings .item.on,
.sibings .item:hover{ background: #00508f;}
.sibings a{ display: block; line-height: 60px; text-align: center; color: #666;}
.sibings .on a,
.sibings .item:hover a{ color: #fff; font-size: 20px;}

.bread{ opacity: 1; position: relative;z-index: 1;color: #fff; font-size: 0;}
.bread i{ display: inline-block; font-size: 0; vertical-align: sub;margin-right: 10px;}
.bread i::before{ font-size: 20px; color: #c13e37;}
.bread .gp-container{ position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);text-align: right;}
.bread a{ display: inline-block; color: #757575; line-height: 20px;font-size: 14px; padding: 18px 0;}
.bread span{color: #757575;font-size: 14px;}

/*侧边栏*/
.gp-left{ width: 260px; flex-shrink: 0;}
.gp-subLeft{ padding-top: 18px; border: 1px solid rgba(0,0,0,0.1); border-top: none;}
.gp-subLeft > ul{ padding-bottom: 20px;}
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{line-height: 23px;padding:15px 10px;display: block;border-bottom: none;margin-right: 0px;text-align: center;
    /* transition: all 0.35s ease-in-out; */}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{background: transparent; margin-right: 0;color:#333;font-weight: bold;
    text-align: center;background: url(../images/sidetil-bg.jpg) no-repeat center/cover;color: #fff;}
.gp-subLeft .gp-toggles{width: 58px;height: 58px;position: absolute;right: 0;top: 0;line-height: 58px;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 14px;display: none;background: #e8f5ea;}
.gp-second-nav dd a{display: block;padding:10px 15px 10px 20px;color:#666;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active{background: #fff;}
/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#e1ebe3;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;}
.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:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 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:998px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}
.gp-right{ flex: 1; padding-left: 50px;}
.gp-right .curPageTil{ padding: 24px 0; line-height: 1; margin-top: 18px; border-bottom: 1px solid rgba(0,0,0,0.1); color: #222;font-weight: bold;}

/* intro */
.introCon{ padding: 40px 40px 80px;}


/* 母校新闻 */
.news{ padding-bottom: 120px;}
.news .imgNewList{ background: #fff; padding: 50px 40px;}
.news .imgNewList ul{ margin: 0 -25px;}
.news .imgNewList a{position: relative; display: block; margin: 0 25px; padding-bottom: 30px; border-bottom: 1px solid #dcdcdc;transition: all 0.35s ease;}
.news .imgNewList a:hover{ transform: translateY(-8px);}
.news .imgNewList a::before{ content: '';display: block;width: 0%;height: 1.5px;background: #00508f;
    position: absolute; left: 0;bottom: 0;z-index: 1;transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 0.995);}
.news .imgNewList a:hover::before{ width: 100%;}
.news .gp-img-responsive{ padding-bottom: 56.25%;}
.news .imgNewList .title{ line-height: 1; margin-top: 20px;}
.news .imgNewList .date{ line-height: 1; margin-top: 20px; color: #00508f;}
.newList{ background: #fff; padding: 10px 40px 0;}
.newList li{ padding: 20px 0; margin-bottom: 50px; position: relative;z-index: 1; transition: all 0.35s ease;}
.newList li:last-of-type{ margin-bottom: 0;}
.newList li:hover{ transform: translateY(-10px);}
.newList .img{ width: 413px; flex-shrink: 0;}
.newList .info{ width: calc(100% - 503px); padding-left: 30px;}
.has-pic a{ justify-content: flex-start;}
.newList .title{ padding-top: 20px;}
.newList .summary{ color: #666; line-height: 26px; margin-top: 25px;}
.newList .has-pic .date{ margin-top: 48px;}
.has-pic{ overflow: hidden;}
.has-pic::before{ content: '';display: block; width: calc(100% - 100px); height: 100%;box-sizing: border-box;
    position: absolute; top: 0;right: 0;z-index: -1; clip-path: polygon(75px 0%, 100% 0%, 100% 100%, 0 100%);border: 1px solid #dcdcdc;}
.has-pic::after{ content: '';display: block; width: 1px; height: 120%;background: #dcdcdc;
    position: absolute; bottom: 0;left: 98px;z-index: -1;transform: rotateZ(15deg); transform-origin: left bottom;}
.newList li:not(.has-pic){ padding: 0;}
.newList li:not(.has-pic) a{ padding: 40px; align-items: center; border: 1px solid #dcdcdc;}
.newList li:not(.has-pic) .date{ text-align: center; line-height: 1; width: 53px; flex-shrink: 0;
    padding-right: 60px; box-sizing: content-box; color: #00508f; position: relative;}
.newList li:not(.has-pic) .date::before{ content: ''; display: block;width: 1px; height: 42px; background: #dcdcdc;
    position: absolute; right: 30px; top: 50%;transform: translateY(-50%);}
.newList .day{ margin-bottom: 4px;}
.newList li:not(.has-pic) .title{ flex: 1; padding-top: 0;}

/* 通知公告 */
.noticeList{ background: #fff; padding: 15px 40px;}
.noticeList li{ margin-top: 45px;}
.noticeList a{ align-items: center; transition: all 0.35s ease;}
.noticeList a:hover{ transform: translateX(8px);}
.noticeList .date{ width: 75px; height: 75px; line-height: 1; color: #00508f; text-align: center;border-radius: 5px; border: 1px solid #00508f;}
.noticeList .day{ padding-top: 10px; margin-bottom: 6px;}
.noticeList .info{ width: calc(100% - 95px); line-height: 1;}
.noticeList .summary{ color: #999; margin-top: 20px;}

.subWhite{ background: #fff; margin-bottom: 120px;}
/* 专业校友会 */
.alumnusCon{ padding: 10px 40px;}
.alumnusCon ul{ margin: 0 -20px; flex-wrap: wrap; justify-content: flex-start;}
.alumnusCon ul li{ margin-top: 40px;}
.alumnusCon a{ display: block; padding: 60px 0; margin: 0 20px; border: 1px solid #e5e5e5;}
.alumnusCon a:hover{ background: #bb945c; color: #fff; border-color: #bb945c;}
.alumnusCon .itemCon{ flex-direction: column; align-items: center; min-height: 186px;}
.alumnusCon i{ font-size: 128px; color: #00508f;}
.alumnusCon a:hover i{ color: #fff !important;}
.alumnusCon li:nth-of-type(1) i{ color: #0f3567;}
.orgBox{ padding-left: 18px; margin-top: 50px;}
.orgBox .lable{ line-height: 1; margin-bottom: 20px; position: relative;}
.orgBox .lable::before{ content: ''; display: block;width: 2px; height: 100%; background: #cfa972;
    position: absolute; top: 0; left: -18px;}
.orgCon{ color: #555; line-height: 36px;}

/* 风物旧事 */
.thingsCon{ padding: 10px 40px;}
.thingsCon .thingsList li{ margin-top: 40px;}
.thingsCon .thingsList a{ position: relative; display: block;padding-left: 22px; border-left: 1px solid #e5e5e5; line-height: 1;transition: all 0.35s ease;}
.thingsCon .thingsList a:hover{ transform: translateX(8px);}
.thingsCon .thingsList a::before{ content: '';display: block;width: 3px;height: 18px;background: #00508f;
    position: absolute; top: 0;left: 0;}
.thingsCon .date{ color: #00508f; margin-top: 19px;}

/* 老照片 */
.picCon{ padding: 50px 40px 80px;}
.picCon > .flex{ position: relative;}
.picCon .bigger{ width: 77.61%; flex-shrink: 0; overflow: hidden;}
/* .picCon .bigger */
.picCon .bigger .gp-img-responsive{ position: relative;}
.picCon .bigger .gp-img-responsive::before{ content: '';display: block;width: 100%; height: 0; padding-bottom: 11.35%;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.55; position: absolute;left: 0;bottom: 0;z-index: 1; pointer-events: none;}
.picCon .bigger .gp-img-responsive img:hover{ opacity: 1;}
.picCon .bigger .title{ position: absolute; left: 0; bottom: 40px; padding: 0 50px;color: #fff; z-index: 1;}
.picCon .small{ width: calc(100% - 77.61%); overflow: hidden; max-height: 527px; margin-top: 30px;}
.picCon .gp-img-responsive{ padding-bottom: 56.25%;}
.picCon .small .swiper-slide{ height: auto !important;}
.small-prev, .small-next{ position: absolute; top: 0; right: 0; height: 30px; width: calc(100% - 77.61%);z-index: 3;
    background: #00508f url(../images/pic-arrow.png) no-repeat center;}
.small-next{ top: auto; bottom: 0; transform: rotateZ(180deg);}

/* 人物访谈 */
.characterCon{ padding: 0 40px;}
.characterCon .characterList{ margin: 0 -35px; padding-bottom: 20px;}
.characterCon .characterList li{ margin-top: 70px;}
.characterCon .characterList li:nth-of-type(1),
.characterCon .characterList li:nth-of-type(2){ margin-top: 50px;}
.characterCon .characterList a{ display: block; margin: 0 35px; position: relative;z-index: 1;}
.characterCon .characterList a::before{ content: '';display: block;background: #eef3f8;
    position: absolute;top: 20px;right: -20px;bottom: -20px;left: 20px;z-index: -1;}
.characterCon .characterList a .flex{ background: #fff;}
.characterCon .img{ width: 300px; flex-shrink: 0;}
.characterCon .gp-img-responsive{ padding-bottom: 126.67%;}
.characterCon .info{ width: calc(100% - 330px); padding-right: 30px; box-sizing: border-box;}
.characterCon .characterList .title{ line-height: 30px; padding-top: 35px;}
.characterCon .characterList .summary{ color: #888; line-height: 28px; margin-top: 35px; border-top: 1px solid #dcdcdc; padding-top: 24px;-webkit-line-clamp: 5;}

/* 校友工作动态 */
.dynamicsCon{ padding: 10px 40px 0;}
.dynamicsList{margin: 0 -20px;}
.dynamicsList li{ margin-top: 40px;}
.dynamicsList a{ display: block; margin: 0 20px;text-align: center;}
.dynamicsList .year{line-height: 20px;min-height: 60px;background: #cfa972;color: #fff;display: flex;align-items: center;justify-content: center;}
.dynamicsList .issue{line-height: 33px;min-height: 93px;padding: 30px 5px;background: #eef3f8;text-wrap: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 慕课 */
.MOOCCon{ padding: 0 40px 80px;}
.MOOCList{ margin: 0 -25px;}
.MOOCList li{ margin-top: 50px;}
.MOOCList a{ display: block; margin: 0 25px; transition: all 0.35s ease;}
.MOOCList a:hover{ transform: translateY(-8px);}
.MOOC .gp-img-responsive{ padding-bottom: 56.25%; position: relative;}
.MOOC .gp-img-responsive::before{ content: '';display: block;width: 100px; height: 100px;border-radius: 50%;
    background: url(../images/videoicon.png) no-repeat center;transition: all 0.35s ease;pointer-events: none;
    position: absolute; left: 50%;bottom: 50%;transform: translate3d(-50%,50%,0); z-index: 1;}
.MOOC a:hover .gp-img-responsive::before{ left: 0;bottom: 0;transform: translate3d(10%,-10%,0);}
.MOOC .title{ line-height: 1; margin-top: 20px;}
.MOOC .peo{ color: #00508f; line-height: 1; margin-top: 13px;}

/* 办事大厅 */
.questionCon{ padding: 0 40px 80px;}
.questionCon .item{ padding-top: 50px;}
.questionCon .itemTil{ background: #cfa972; line-height: 30px; padding: 30px 60px; color: #fff; position: relative; cursor: pointer;}
.questionCon .itemTil i{ font-size: 8px; position: absolute; top: 50%;right: 60px;transform: translateY(-50%); pointer-events: none;}
.questionCon .on .itemTil i{ transform-origin: center; transform: translateY(-50%) rotateZ(90deg);}
.questionCon .itemCon{ background: #eef3f8; line-height: 30px; padding: 34px 60px 54px;}
.questionCon .itemCon p{ margin-bottom: 30px;}
.questionCon .itemCon p:last-child{ margin-bottom: 0px;}

/* map */
.mapsCon{ background: #fff; padding: 20px; margin-bottom: 120px;}
.map{ }
.map img{ width: 100%;}
.addr{ flex-wrap: wrap; justify-content: flex-start; padding: 0 20px; border-top: 2px solid #00508f; margin-top: 40px; padding-bottom: 50px;}
.addr li{ width: 8.33%; line-height: 1; margin-top: 30px;position: relative;}
.addr li a{ display: block; position: relative; }
.addr li .child-list{ position: absolute; top: 100%; left: 50%;transform: translateX(-50%);width: 130px;z-index: 1;
    background: url(../images/add-list-bg.png) no-repeat;background-size: 100% calc(100% - 10px);background-position: center 10px;
    text-align: center; flex-wrap: wrap; padding-top: 34px; visibility: hidden;}
.addr li:hover .child-list{ visibility: visible;}
.addr li .child-list dd{ width: 50%; padding-bottom: 15px;}
.addr li .child-list a{ color: #555;}
.abroad .addr{ flex-wrap: wrap;}
.abroad .addr li{ width: auto; margin-right: 4.3vw;}

.abroad.addr{ padding-top: 12px;}
.abroad.addr li{ width: auto; margin-right: 45px; margin-top: 18px;}
.abroad.addr li .child-list{ width: 200px;}

/*分页*/
.pages{ padding: 60px 0 80px; position: relative;z-index: 2; text-align: center;}
.gp-page { padding: 0; color:#333; font-size: 0px; display: inline-block;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #666;background: transparent; cursor: pointer; border-radius: 0%;background: transparent;margin: 0px;
    width: 66px; height:46px; line-height: 46px; font-size: 16px; border: 1px solid #dcdcdc; border-right: none;
    position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page .gp-page-prev{ width: 109px; margin-right: 0px;}
.gp-page .gp-page-next{ width: 109px; margin-right: 0; margin-left: 0px;border-right: 1px solid #dcdcdc;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.active{ background-color:#00508f; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
.selectDiv{ display: inline-block; margin-right: 0px; margin-left: 10px; border: 1px solid #dcdcdc; box-sizing: border-box; position: relative; }
.selectDiv > span{ display: inline-block; width: 48px; height: 44px; line-height: 44px; background: #fff;border-radius: 0px;
    border: none; position: relative; color: #999; text-align: left;padding-left: 20px;}
.selectDiv > span:first-child{ border-right: none; width: auto; padding-left: 30px;}
.selectDiv > span:nth-last-of-type(1){ padding-left: 0;text-align: center;}
.selectDiv > span:nth-of-type(2)::before{ content: '';display: block;width: 5px;height: 5px;
    background: url(../images/page-icon.png) no-repeat center/cover;
    /* border: 5px solid transparent; border-left-width: 4px; border-right-width: 4px; border-bottom-color: #666; */
    position: absolute;top: calc(50% - 2px);right: 0px;transition: all 0s ease;}
.selectDiv:hover > span::before{ transform-origin: 50%,50%; transform: rotateZ(-180deg);}
.selectDiv dl{ display: none; max-height: 200px; overflow-y: scroll;  width: 100%;
    position: absolute; left: 0%; bottom: 100%; background: rgba(0, 0, 0, 0.05); border-radius: 4px; border-bottom: 4px solid transparent;}
.selectDiv dl a{ display: block;}
.selectDiv:hover dl{ display: block;}
.selectDiv a{ display: inline-block; line-height: 30px;}
.selectDiv dd:hover{ background: #00508f;}
.selectDiv dd:hover a{ color: #fff;}
.selectDiv > span.noPadding{ width: 50px; padding: 0; border-left: 0;}
.pageInput{ width: 70px; height: 40px; border: none; outline: none; background: #F2F2F2; text-align: center; vertical-align: top;}

.article{ width: 100%; background: #fff; padding: 50px 170px 60px 60px; margin-bottom: 40px; position: relative;}
.article-rt{ width: 80px; position: absolute; right: 60px; top: 120px; z-index: 1;}
.article-rt .date{ background: url(../images/new-date-bg.jpg) no-repeat center/cover; color: #fff;text-align: center;padding: 19px 0 18px;}
.article-rt .day{ font-family: 'Noto Serif SC'; line-height: 28px;}
.article-rt .year{ line-height: 1;margin-top: 12px;}

.gp-article{ background: transparent;}
.gp-article::before, .gp-article::after{ display: none;}
.gp-title{ font-weight: normal; color: #333; text-align: center; line-height: 44px; font-weight: bold; margin-bottom: 20px;}
.gp-info{ text-align: center; margin-top: 0px; padding: 20px 0; font-size: 0; line-height: 1; background: #eef3f8;}
.gp-info span{ display: inline-block; margin-right: 100px; border-right: 1px solid #00366f; padding-right: 100px; vertical-align: middle;color: #00366f;}
.gp-info span:last-child{ margin-right: 0px;padding-right: 0; border: none;}
.gp-info .date{ display: none;}
.gp-content{ margin: 0 auto; margin-top: 34px; box-sizing: border-box;}
.gp-content p{ line-height: 30px; margin-bottom: 30px; color: #444;}
.gp-content p:nth-last-of-type(1){ margin-bottom: 0px;}
.gp-content .deptName{ padding-left: 18px; margin-bottom: 20px; position: relative;}
.contactUs .deptName::before{ content: '';display: block;width: 2px;height: 20px;background: #cfa972;
    position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}
.contactUs p{ color: #333; line-height: 26px; margin-bottom: 20px;}
.contactUs p:last-child{ margin-bottom: 0px;}

.article-bt{ border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 30px 0 70px;}
.Annex{ padding-top: 30px;}
.Annex h3{ position: relative; line-height: 30px; font-weight: normal; color: #00508f; border-bottom: 0px solid transparent;
  padding-bottom: 0px; margin-bottom: 0px; padding-left: 0px;}
/* .Annex h3::before{ content: ''; display: block;width: 22px; height: 19px; background: url(../images/annex.png) no-repeat center/cover;
    position: absolute; left: 0; top: 0;} */
.Annex li{ margin-bottom: 0px; /* border: 1px solid #e6e6e6; */ border-bottom: none;}
.Annex li:last-child{ margin-bottom: 0;/*  border-bottom: 1px solid #e6e6e6; */}
.Annex li::marker{ content: '';}
.Annex li a{ display: block; line-height: 30px; padding: 0px; box-sizing: border-box;
    color: #666; transition: all 0.35s ease; position: relative;}
.Annex li a::before{ content: '';display: none;width: 6px;height: 6px;background: #00508f;
position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.Annex li a:hover{ color: #00508f;}

/* 分享 */
.share{ width: 108px; background: #f5f5f5; position: relative;}
.share .bdsharebuttonbox{ position: absolute; top: 50%; left: 50%;transform: translate3d(-50%,-50%,0);}
.share .bds_weixin{ display: block; color: #00c785; font-size: 14px; text-align: center;}
.share .bds_weixin::before{ display: block; font-size: 20px; width: 36px;height: 36px; line-height: 36px;
  text-align: center; border-radius: 50%; background: #00c785; color: #fff;margin-bottom: 8px;}
.shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
.shareBox { font-size: 14px;}
.shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
.sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 280px;height:auto;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
.w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200px;height: 200px;margin:15px auto;background: #ccc;}
.w-footer{font-size: 12px;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}

/*
* @Description: 新增7-*页面
* @Author: Sun Jia
* @Date: 2024-11-13
* @LastEditTime: 2024-11-13
*/
.rules{ }
.rules .title-list{ width: 220px; flex-shrink: 0;}
.rules .title-list ul{ position: sticky; top: 30px; left: 0; padding-bottom: 15px;}
.rules .title-list ul::before{ content: '';display: block;width: 1px;height: 100%;
    background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 75%, #fff 75%, #fff 100%);
    background: -webkit-linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 75%, #fff 75%, #fff 100%);
    background: -moz-linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 75%, #fff 75%, #fff 100%);
    background-repeat: repeat-y;
    background-size: 1px 6px;
    position: absolute;left: 3px;top: 0;}
.rules .title-list li{ margin-bottom: 20px; padding-left: 17px; position: relative;}
.rules .title-list li::before{ content: '';display: block;width: 6px;height: 6px;border-radius: 50%;border: 1px solid #e2e2e2; box-sizing: border-box;background: #fff;
    position: absolute;left: 1px;top: 50%;transform: translateY(-50%);z-index: 1;}
.rules .title-list li.on::before{ box-sizing: content-box; width: 0;height: 0;border-radius: 0;
    border: 6px solid #00508f;border-top: 3px solid #fff;border-right-width: 0;border-bottom: 3px solid #fff;}
.rules .title-list li:last-child{ margin-bottom: 0px;}
.rules .title-list a{ color: #999; line-height: 1;}
.rules .title-list .on a{ color: #00508f;}
.rulesCon{ flex: 1;}
.rulesCon .box{ margin-bottom: 45px;}
.rulesCon .box:last-child{ margin-bottom: 0px;}
.rulesCon h3{ line-height: 1; margin-bottom: 24px;}
.rulesCon p{ line-height: 30px; margin-bottom: 30px;}
.rulesCon p:last-child{ margin-bottom: 0;}

.staff{ }
.staff > .flex{ align-items: flex-start;}
.staff > .flex:nth-of-type(even){ background: #f2f6fa;}
.staff .lable{ color: #00508f; width: 177px; flex-shrink: 0; padding-left: 32px;line-height: 70px;position: relative;}
.staff .lable::before{ content: '';display: block;width: 2px;height: 20px;background: #00508f;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.staff ul{ flex: 1;justify-content: flex-start; flex-wrap: wrap;}
.staff ul li{ margin-right: 80px;}
.staff ul li:last-child{ margin-right: 0px;}
.staff ul a{ color: #333;display: block;line-height: 70px;}

.other-news{ background: #f7fbff; padding: 0 0px 60px; border-top: 5px solid #00508f;}
.other-news .name{ text-align: center; line-height: 84px; background: #f2f6fa;box-shadow: 0px 5px 10px 0px rgba(7, 18, 67, 0.05); color: #00508f;}
.other-news ul{ padding: 0 40px; margin: 0 -30px; flex-wrap: wrap;}
.other-news.noticeList a{ margin: 0 30px;}

/* map */
.BMap_Marker.BMap_noprint{ content: "";display: block;width: 26px;height: 29px;
                                  background: url(../images/map-point.png) no-repeat center bottom !important;
                          background-size: 100% auto !important;
    position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.BMap_Marker img{ display: none !important;}
.BMap_shadow{ display: none;}
.BMap_pop > img{ display: block;}

/* Responsive Style */
@media screen and (max-width:1600px){
    .picCon .small{ max-height: 494px;}
}

@media screen and (max-width:1480px) {
  .picCon .bigger{ width: 78.3%;}
  .picCon .small{ max-height: 435px;}
  .small-prev, .small-next{ width: calc(100% - 78.3%);}
  .characterCon .characterList{ margin: 0 -20px;}
  .characterCon .characterList a{ margin: 0 20px;}
  .characterCon .img{ width: 280px;}
  .characterCon .info{ width: calc(100% - 300px); padding-right: 20px;}
}

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

@media screen and (max-width:1280px) {
    .pageTil a{ font-size: 38px;}
    .pageCon{ padding-top: 30px;}
    .news{ padding-bottom: 80px;}
    .news .imgNewList{ padding: 40px 30px;}
    .news .imgNewList ul{ margin: 0 -15px;}
    .news .imgNewList a{ margin: 0 15px; padding-bottom: 20px;}
    .news .imgNewList .title{ margin-top: 15px;}
    .news .imgNewList .date{ margin-top: 15px;}
    .has-pic a .info{ width: calc(100% - 443px);}
    .newList{ padding: 0 30px;}
    .newList li{ margin-bottom: 30px;}
    .newList li:not(.has-pic) a{ padding: 30px;}
    .newList li:not(.has-pic) .date{ padding-right: 40px;}
    .newList li:not(.has-pic) .date::before{ right: 20px;}
    .pages{ padding: 50px 0;}
    .alumnusCon{ padding: 10px 30px;}
    .alumnusCon ul{ margin: 0 -10px;}
    .alumnusCon ul li{ margin-top: 30px;}
    .alumnusCon ul a{ margin: 0 10px; padding: 30px 0;}
    .picCon .small{ max-height: 420px;}
    .characterCon{ padding: 0 30px;}
    .characterCon .characterList{ padding-bottom: 0;}
    .characterCon .characterList li,
    .characterCon .characterList li:nth-of-type(1),
    .characterCon .characterList li:nth-of-type(2){ margin-top: 50px;}
    .addr{ padding-bottom: 20px;}
    .addr li{ width: 12.33%;}

    .other-news .name{ line-height: 65px;}
    .other-news ul{ padding: 0 30px; margin: 0 -10px;}
    .other-news.noticeList a{ margin: 0 10px;}
    .gp-info span{ margin-right: 40px; padding-right: 40px;}
}

@media screen and (max-width:1200px) {
    .noticeList{ padding: 10px 30px;}
    .noticeList li{ margin-top: 30px;}
    .other-news.noticeList{ padding: 0 0px 30px;}
    .other-news ul{ padding: 0 20px;}
    .picCon{ padding: 30px;}
    .picCon > .flex{ flex-direction: column;}
    .picCon .bigger{ width: 100%;}
    .picCon .small{ width: calc(100% - 60px); margin: 10px auto 0;}
    .small-prev{ width: 70px; top: auto; bottom: 0;right: 0;left: 0;transform: rotateZ(-90deg); bottom: 70px;}
    .small-next{ width: 70px; transform: rotateZ(90deg); bottom: 70px;}
    .characterCon .img{ width: 240px;}
    .characterCon .info{ width: calc(100% - 260px);}
    .characterCon .characterList .title{ padding-top: 15px;}
    .characterCon .characterList .summary{ margin-top: 15px; padding-top: 15px;}
    .dynamicsCon{ padding: 10px 30px 0;}
    .MOOCCon{ padding: 0 30px 40px;}
    .MOOCList{ margin: 0 -10px;}
    .MOOCList a{ margin: 0 10px;}
    .questionCon{ padding: 0 30px 40px;}
    .questionCon .item{ padding-top: 30px;}
    .questionCon .itemTil{ padding: 20px 40px;}
    .questionCon .itemCon{ padding: 30px 40px;}
    .introCon{ padding: 30px 30px 40px;}
    .gp-title{ line-height: 34px;}
    .gp-info{ padding: 15px 0;}
    .mapsCon{ margin-bottom: 80px;}

    .rules .title-list{ width: 150px;}
}

@media screen and (max-width:1100px) {
    .small-prev, .small-next{ bottom: 60px;}
    .dynamicsList{ margin: 0 -10px;}
    .dynamicsList a{ margin: 0 10px;}
}
@media screen and (max-width:1024px) {
  
}

@media screen and (max-width:997px) {
    .pageTil a{ font-size: 30px; font-weight: normal;}
    .news{ padding-top: 20px; padding-bottom: 40px;}
    .news .imgNewList{ padding: 30px 20px;}
    .news .imgNewList ul{ margin: 0 -10px;}
    .news .imgNewList a{ margin: 0 10px;}
    .newList{ padding: 0 20px;}
    .newList .info{ padding-left: 20px;}
    .newList .img{ width: 360px;}
    .has-pic a .info{ width: calc(100% - 380px);}
    .newList .title{ padding-top: 10px;}
    .newList .summary{ margin-top: 10px;}
    .newList .has-pic .date{ margin-top: 20px;}
    .newList li{ margin-bottom: 20px;}
    .gp-page{ display: none;}
    .gp-m-page{ display: block;}
    .subWhite{ margin-bottom: 80px;}
    .alumnusCon ul li{ width: 25%;}
    .alumnusCon .itemCon{ min-height: 146px;}
    .alumnusCon i{ font-size: 100px;}
    .orgCon{ line-height: 30px;}
    .small-prev, .small-next{ bottom: 50px;}
    .dynamicsList li{ margin-top: 30px;}
    .dynamicsList .year{/* line-height: 45px; */}
    .dynamicsList .issue{ padding: 20px 0;}
    .addr li{ width: 20%;}

    .staff ul li{ margin-right: 40px;}
    .gp-info span{ margin-right: 20px; padding-right: 20px;}
}

@media screen and (max-width:767px) {
    .sibings{ overflow-x: scroll;}
    .sibings a{ line-height: 45px; min-width: 110px;}
    .sibings .on a, .sibings .item:hover a{ font-size: 18px;}
    .pages{ padding: 30px 0;}
    .alumnusCon ul li{ width: 33.33%;}
    .picCon{ padding: 20px 10px;}
    .picCon > .flex{ position: relative;}
    .small-prev, .small-next{ bottom: 40px;}
    .picCon .bigger{ display: none;}
    .picCon .small{ margin: 0 auto;}
    .small-prev{ transform-origin: center; bottom: calc(50% - 15px);transform: rotateZ(-90deg); left: -15px;}
    .small-next{ bottom: calc(50% - 15px); transform-origin: center;transform: rotateZ(90deg); right: -15px;}
    .dynamicsList li{ width: 33.33%;}
    .MOOCList li{ margin-top: 30px;}
    .MOOC .gp-img-responsive::before{ width: 75px; height: 75px;}
    .questionCon{ padding: 0 20px 30px;}
    .questionCon .itemTil{ padding: 15px 30px;}
    .questionCon .itemTil i{ right: 30px;}
    .questionCon .itemCon{ padding: 30px;}
    .gp-content{ margin-top: 20px;}
    .gp-content p{ line-height: 24px; margin-bottom: 20px;}
    .mapsCon{ margin-bottom: 50px;}

    .staff .lable{ width: 130px;}
    .gp-info span{ margin-right: 10px; padding-right: 10px;}
}

@media screen and (max-width:680px) {
    .newList .img{ width: 280px;}
    .has-pic a .info{ width: calc(100% - 300px);}
    .staff .lable{ line-height: 50px;}
    .staff ul li{ margin-right: 30px;}
    .staff ul a{ line-height: 50px;}
}

@media screen and (max-width:580px) {
    .alumnusCon ul li{ width: 50%;}
}

@media screen and (max-width:540px) {
    .sibings a{ text-wrap: nowrap; padding: 0 10px; flex: unset;}
    .has-pic a{ flex-direction: column;}
    .newList .img, .has-pic a .info{ width: 100%;}
    .has-pic a .info{ padding: 10px;}
    .has-pic::before{ clip-path: none; width: 100%;}
    .has-pic::after{ display: none;}
    li.has-pic{ padding: 0;}
    .newList .has-pic .date{ margin-top: 10px;}
    .characterCon .info{ width: calc(100% - 250px); padding-right: 10px;}
    .characterCon .characterList a::before{ display: none;}
    .characterCon .characterList li, .characterCon .characterList li:nth-of-type(1), .characterCon .characterList li:nth-of-type(2){ margin-top: 30px;}
    .dynamicsList .issue{ padding: 15px 0;}
    .addr li{ width: 24%;}
    
    .gp-info{ padding: 5px 0;}
    .gp-info span{ margin-right: 0px; padding-right: 0px; border-right: none; display: block; line-height: 1.5;}
}

@media screen and (max-width:479px) {
    .sibings a{ line-height: 40px;}
    .sibings .on a, .sibings .item:hover a{ font-size: 16px;}
    .news .imgNewList{ padding: 20px 15px;}
    .news .imgNewList a{ border-bottom: none;}
    .newList li:not(.has-pic) a{ padding: 15px 10px;}
    .newList li:not(.has-pic) .date{ padding-right: 20px;}
    .newList li:not(.has-pic) .date::before{ right: 10px;}
    .newList li:not(.has-pic) .title{ 
        text-wrap: wrap;line-height: 26px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box; /* Firefox 17- */
        display: -ms-flexbox; /* IE 10 */
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .noticeList{ padding: 10px;}
    .noticeList li{ margin-top: 20px;}
    .noticeList .date{ width: 65px; height: 65px;}
    .noticeList .info{ width: calc(100% - 80px);}
    .noticeList .summary{ margin-top: 15px;}
    .pages{ padding: 20px 0;}
    .gp-page .gp-page-prev,
    .gp-page .gp-page-next{ width: 80px; line-height: 40px; height: 40px;}
    .subWhite{ padding: 30px 20px;}
    .alumnusCon ul li{ margin-top: 20px;}
    .alumnusCon ul a{ padding: 20px 0;}
    .alumnusCon .itemCon{ min-height: 96px;}
    .alumnusCon i{ font-size: 70px;}
    .subWhite{ margin-bottom: 40px}
    .characterCon{ padding: 0 20px !important;}
    .characterCon .characterList a .flex{ flex-direction: column;}
    .characterCon .img, .characterCon .info{ width: 100%;}
    .dynamicsList li{ width: 50%;}
    .dynamicsCon{ padding: 0 20px;}
    .dynamicsList li{ margin-top: 20px;}
    .MOOCCon{ padding: 0 20px 30px;}
    .MOOC .gp-img-responsive::before{ width: 55px; height: 55px;}
    .questionCon{ padding: 0 20px 30px;}
    .questionCon .itemTil{ padding: 10px 20px;}
    .questionCon .itemTil i{ right: 20px;}
    .questionCon .itemCon { padding: 15px 20px;}
    .questionCon .itemCon p{ margin-bottom: 20px; line-height: 24px;}
    .introCon{ padding: 20px 20px 30px;}
    
    .rules .title-list{ display: none;}
    .rulesCon h3{ margin-bottom: 15px;}
    .rulesCon p{ margin-bottom: 20px; line-height: 24px;}
    .rulesCon .box{ margin-bottom: 25px;}
    .staff .lable{ padding-left: 20px; width: 100px;}
}

@media screen and (max-width:414px) {
    .thingsCon .thingsList a{ padding-left: 15px;}
    .thingsCon .thingsList li{ margin-top: 20px;}
    .subWhite{ padding: 30px 0px;}
    .characterCon .characterList .title{ line-height: 24px; padding-top: 10px;}
    .characterCon .characterList .summary{ margin-top: 10px; padding-top: 10px; line-height: 20px;}
    .dynamicsCon{ padding: 0 20px;}
    .dynamicsList{ margin: 0 -5px;}
    .dynamicsList a{ margin: 0 5px;}
    .dynamicsList .year{/* line-height: 35px; */}
    .dynamicsList .issue{ padding: 10px 0;}
    .MOOCCon{ padding: 0 15px 30px;}
    .questionCon{ padding: 0 20px 30px;}
    .questionCon .item{ padding-top: 20px;}
    .questionCon .itemTil{ line-height: 24px;}
    .questionCon .itemTil i{ right: 15px;}
    .introCon{ padding: 20px 20px 30px;}
    .gp-title{ line-height: 30px; margin-bottom: 10px;}
    .addr{ padding: 0 10px 10px; margin-top: 20px;}
    .addr li{ margin-top: 20px;}
    .mapsCon{ margin-bottom: 30px;}

    .staff > .flex{ flex-direction: column; align-items: flex-start;}
    .staff .lable{ line-height: 45px;}
    .staff ul{ padding-left: 20px;}
    .staff ul li, .staff ul li:last-child{ margin-right: 15;}
    .other-news.noticeList{ padding: 0 0px 20px;}
    .other-news ul{ padding: 0 10px;}
}

@media screen and (max-width:370px) {
    .sibings a{ min-width: 100px;}
    .alumnusCon i{ font-size: 50px;}
    .alumnusCon .itemCon{ min-height: 86px;}
    .orgBox{ padding-left: 10px;}
    .orgBox .lable{ margin-bottom: 10px;}
    .orgBox .lable::before{ left: -10px;}
}