@charset "utf-8";
/*侧边栏*/
/* .gp-subLeft{background: #fff;} */
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{padding:18px 15px;display: block;/* border-bottom: 1px solid #fff; *//* margin-right: 20px; */transition: all 0.35s ease-in-out,color 0.1s ease-in-out; text-align: center; font-weight: initial;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{background: #043D92;padding-right: 20px;margin-right: 0;color:#fff; border-left: 1px solid #043D92; border-right: 1px solid #043D92;}
.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: #c6d1dd;}
.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{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 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;}
}
.subPageWrap{ background: url(../images/body_sub_bg.png) no-repeat; background-size: cover; background-position: center center;}
.noBgImg{background: none;min-height:500px;}
.subPageWrap .lf{ width: 220px; margin-top: 20px; }
.subLeftTitle{ text-align: center; line-height: 42px; font-weight: bold; padding: 18px 46px 16px; background-color: #004A94; color: #fff; border-radius: 11px 11px 0 0;}
/* .gp-subLeft ul{ border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;} */
.gp-subLeft ul > li a{ border-bottom: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;}
.gp-subLeft .active,.gp-subLeft ul > li:hover{ background-color: #043D92;}
.gp-subLeft li.active a,.gp-subLeft ul > li:hover a{color: #000;}
.gp-subLeft ul > li:hover .gp-toggles{ color: #fff;}
.subPageWrap .rt{ width: calc(100% - 266px); margin-top: 44px;}
.subRightTop{ padding-bottom: 15px; border-bottom: 1px solid #D8D8D8;}
.subTitle{ line-height: 32px; color: #004A94; font-weight: initial; padding-left: 11px; position: relative;}
.subTitle::before{ content: ''; display: block; width: 5px; height: 21px; background-color: #004A94; position: absolute; left: 0; top: 6px;}
.bread{ font-size: 0;}
.bread a{ font-weight: initial; line-height: 21px; font-size: 1.6rem;}
.bread span{ margin: 0 7px 0 8px; font-size: 1.6rem;}
.article{ margin-top: 34px;}
.gp-title{ text-align: center; font-weight: bold; line-height: 26px;}
.gp-article{ margin-top: 19px; line-height: 24px; margin-bottom: 50px;}

/* 现任领导 */
.leader ul{ margin-top: 10px;}
.leader li{ margin: 24px auto; background-color: #fff; padding: 14px 23px 29px 35px; position: relative; box-sizing: border-box;}
.leader li::before{ content: ''; display: block; width: 4px; height: 4px; background-color: #043D92; position: absolute; left: 17px; top: 17%;}
.leader .name{ line-height: 24px; font-weight: bold; max-height: 24px; overflow: hidden; vertical-align: top;}
.leader .name span:first-child{ display: inline-block; min-width: 54px; text-align: justify; max-height: 24px; overflow: hidden;}
.leader .name span:first-child::after{ content: ''; display: inline-block; width: 100%;}
.leader .title{ line-height: 16px; font-weight: initial; color: #999; margin-left: 8px; vertical-align: top; display: inline-block; margin-top: 6px;}
.leader .tel{ color: #666; line-height: 19px; margin: 17px 0 12px;}
.leader .duty{ color: #666; line-height: 24px;}
/* 历任领导 */
.leader .gp-avg-2{ margin-bottom: 24px;}
.leader .gp-avg-2 li{ width: 48.81%; padding-bottom: 26px; min-height: 138px;}
.leader .gp-avg-2 li .name{ margin-bottom: 20px;}
.leader .gp-avg-2 li:nth-of-type(odd){ float: left;}
.leader .gp-avg-2 li:nth-of-type(even){ float: right;}
.interval span{ font-weight: initial; color: #666; line-height: 21px; display: inline-block; margin-bottom: 10px;}
.interval span:first-child{ margin-right: 49px;}
.interval:last-child span{ margin-bottom: 0;}
/* 学科专业 */
.slide .gp-title{ line-height: 24px; text-align: left;}
.slide .box{ margin-top: 14px; line-height: 24px; padding: 16px 16px 5px; border: 1px solid #E2E2E2; margin-bottom: 47px; position: relative;}
.box .open{ width: 61px; height: 27px;; border: 1px solid #043D92; background: url(../images/open_icon.png) no-repeat; background-position: center center; position: absolute; bottom: -13px; left: 50%; margin-left: -30px; background-color: #fff; transition: background .3s ease;}
@keyframes heightChange
    {
    0% {max-height: 140px;}
    100% {max-height: 2000px;}
}
@-webkit-keyframes heightChange   /*Safari 和 Chrome:*/
{
    0% {max-height: 140px;}
    100% {max-height: 2000px;}
}
.box .boxContent{ max-height: 140px; overflow: hidden; margin-bottom: 24px;
    text-overflow: ellipsis;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    transition: all 1s ease-in-out;
}
.box.on .boxContent{ animation: heightChange ease-in-out;-webkit-animation: heightChange ease-in-out; animation-duration: 1.5s; animation-fill-mode: forwards; display: block;}
.box.on .open{ background: url(../images/open_icon1.png) no-repeat; background-position: center center; position: absolute; background-color: #fff;}

/* 文字列表页 */
.textList ul{ margin-top: 10px;}
.textList li{ position: relative; border-bottom: 1px solid #E2E2E2;}
.textList li::before{ content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #004A94; position: absolute; left: 0; top: 33px;}
.textList a{ line-height: 21px; font-weight: initial;}
.textList a:hover{ color: #004A94;}
.textList .title{ padding: 24px 0 23px 16px; transition: all .3s ease;}
.textList .title:hover{ text-indent: .4em;}
.textList .date{ margin: 24px 8px 23px 0;}

/*分页*/
.gp-page { padding:29px 0 43px; color:#999;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;width: 48px;height: 48px; line-height: 32px;
 position:relative;text-align: center;  border:1px solid #666666; margin-left:9px;vertical-align: top; font-weight: initial;}
.gp-page-select{height: 32px;line-height: 32px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {width: auto;padding:0 15px;}
.gp-page > span{border:none}
.gp-page .gp-page-prev{ background: url(../images/page_prev.png) no-repeat; background-position: center center;}
.gp-page .gp-page-next{ background: url(../images/page_next.png) no-repeat; background-position: center center;}
.gp-page a:hover.gp-page-prev{ background: url(../images/page_prev_white.png) no-repeat; background-position: center center;}
.gp-page a:hover.gp-page-next{ background: url(../images/page_next_white.png) no-repeat; background-position: center center;}
.gp-page > a:hover,.gp-page a:hover.gp-page-prev,.gp-page a:hover.gp-page-next,.gp-page>a.on_pages { background-color:#004F94; color: #fff;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-m-page{ display: none;}
.gp-page>a,.gp-page .gp-page-prev,.gp-page .gp-page-next{ width: 48px;height: 48px; line-height: 48px; border-radius: 50%; padding: 0; color: #666; font-family: Arial;}
.gp-page .gp-page-prev,.gp-page .gp-page-next{ border: 1px solid #EAEAEA;}
.select{ display: inline-block; width: 121px; height: 48px; line-height: 48px; border: 1px solid #666666; border-radius: 23px; margin-left:9px; text-align: left; padding-left: 22px; position: relative;}
.option{ color: #666; width: 100%; padding-left: 22px; box-sizing: border-box; border-radius: 11px; border: 1px solid #EAEAEA; display: none; position: absolute; bottom: 49px; left: 0; background-color: #F5F6F7;}
.select::after{ content: ''; width: 17px; height: 10px; background: url(../images/page_down_icon.png) no-repeat; background-position: center center; position: absolute; right: 17px; top: 18px; transition: transform .4s ease;}
.select.turn::after{ transform: rotate(180deg);}
.select span{ color: #666;}

/* 文章info */
.gp-info{ text-align: center; margin-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #E8E8E8;}
.article1 .gp-title{ line-height: 29px;}
.article1 .gp-info{ line-height: 19px;}
.gp-info span{ margin-right: 35px; display: inline-block;}
.gp-info span:last-child{ margin-right: 0px;}
.Annex{ margin-top: 8px;}
.Annex h3{ color: #004A94; font-size: 1.8rem; line-height: 24px; margin-bottom: 13px;}
.gp-article .Annex li{ list-style: none; margin-bottom: 14px;}
.Annex li a{ color: #333; font-weight: initial; line-height: 21px;}
.Annex li a:hover{ color: #004A94;}

/* 毕业生风采 */
.student .gp-avg-3{ margin-top: 34px; margin-left: -22px; margin-right: -22px;}
.student .gp-avg-3 li{ margin-bottom: 44px;}
.student .gp-avg-3 li .img{ padding-bottom: 66.34%;}
.student .gp-avg-3 li .title{ line-height: 24px; font-weight: initial; margin-top: 16px;}
.student .gp-avg-3 li a{ display: block; margin: 0 22px;}

/* 教师风采 */
.subThird{ margin-top: 34px; padding: 22px 24px 10px 0; background-color: #EFEFEF; }
.cut{ margin-left: -16px; margin-right: -24px; font-size: 0; }
.subThird a{ display: inline-block; margin-left: 40px; line-height: 21px; font-weight: initial; margin-bottom: 13px;}
.list .gp-avg-4{ margin-top: 28px; margin-left: -15px; margin-right: -15px;}
.list .gp-avg-4 li{ margin-bottom: 28px;}
.list .gp-avg-4 li a{ display: block; margin: 0 15px; padding: 22px 23px 20px; background-color: #EFEFEF;}
.list .gp-avg-4 li .img{ background-color: #DCE0E4; padding-bottom: 139.45%;}
.list .gp-avg-4 .title{ font-weight: initial; line-height: 21px; text-align: center; margin-top: 14.91px;}
.list .gp-avg-4 .zhiCheng{ color: #999; font-weight: initial; line-height: 19px; text-align: center; margin-top: 11px;}

/* 教师详情 */
.subPageWrap .teacher .info .lf{ margin-top: 0; width: 197px; padding-left: 17px; box-sizing: border-box; position: relative;}
.subPageWrap .teacher .info .lf::before{ content: ''; width: 17px; height: 65px; background-color: #00428C; position: absolute; left: 0; bottom: 0;}
.subPageWrap .teacher .info .rt{ margin-top: 25.5px; width: 77.12%;}
.teacher .info{ position: relative;}
.teacher .info::before{ content: ''; display: block; width: 100%; height: 174px; position: absolute; bottom: 0; left: 0; background-color: #EDEDED; z-index: -1;}
.teacher .info .img{ padding-bottom: 139.44%;}
.teacher .info .attribute span{ display: inline-block; width: 39.258%; margin-top: 27px; line-height: 24px; font-weight: initial;}
.teacher .info .name{ margin-bottom: 18.5px; line-height: 30px; font-weight: bold; padding-left: 17px; color: #043D92; position: relative;}
.teacher .info .name::before{ content: ''; display: block; width: 8px; height: 8px; background-color: #004A94; position: absolute; left: 0; top: 12px;}
.teacher .part{ margin-top: 33px; position: relative;}
.partTitle { margin-left: 17px; width: 178px; height: 61.5px; text-align: center; line-height: 61.5px; font-weight: initial; color: #fff; background-color: #00428C; border-top: 4px solid #CDA657; background: url(../images/partTitle_bg.png) no-repeat; background-size: cover; position: absolute; left: 0; top: -20px; z-index: 999;}
.partContent{ margin-top: 53px; border: 1px solid #E8E8E8; padding: 54px 30px 36px; line-height: 32px; font-weight: initial; position: relative;}
.partContent::before{ content: ''; display: block; width: 80.77%; height: 3.2px; background-color: #CDA657; opacity: .31; position: absolute; top: 0; right: 0;}

/* 通栏 */
.subPageWrap .rt.nodSidebar{ width: 100%;}
.nodSidebar .subLeftTitle{ width: 220px; box-sizing: border-box;}
.nodSidebar .subRightTop{ width: calc(100% - 266px); margin-top: 24px;}
.subPageWrap .nodSidebar.rt{ margin-top: 20px;}
.nodSidebar .picList{ padding-top: 29px;}
.nodSidebar .picList li{ margin-bottom: 27px;}
.nodSidebar .picList li:last-child{ margin-bottom: 0px;}
.nodSidebar .picList li a{ display: block; overflow: hidden;}
.nodSidebar .picList .lf .img{ padding-bottom: 55.88%;}
.nodSidebar .picList .lf{ width: 15.94%; margin-top: 0px;}
.nodSidebar .picList .rt{ width: 81.7%; margin-top: 0; line-height: 21px; font-weight: initial;}
.nodSidebar .picList li:hover .title{ color: #004A94;}
.nodSidebar .picList li:hover a{ color: #333;}
.nodSidebar .picList li .summary{ line-height: 22px; margin-top: 14px; color: #999;}
.nodSidebar .picList li .date{ margin-top: 15px;}



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

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

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

}

@media screen and (max-width:1280px) {
    .subPageWrap .teacher .info .rt{ width: 75%;}
    .teacher .info .attribute span{ width: 45%;}
}

@media screen and (max-width:1200px) {
    .subPageWrap .teacher .info .rt{ width: 71%;}
    .teacher .info .attribute span{ width: 45%;}
    .teacher .info .attribute span:last-child{ width: 100%;}
}

@media screen and (max-width:1100px) {
    .teacher .info .attribute{ font-size: 0; padding-bottom: 10px;}
    .teacher .info .attribute span{ font-size: 1.6rem; width: 50%;}
    .subPageWrap .teacher .info .lf::before{ z-index: -1;}
    .subPageWrap .teacher .info .lf,.subPageWrap .teacher .info .rt{ float: none; }
    .subPageWrap .teacher .info .lf{ width: 45%; margin: 0 auto;}
    .subPageWrap .teacher .info .rt{ padding-left: 36px; width: 100%; box-sizing: border-box;}
    .nodSidebar .picList .lf{ width: 19%;}
    .nodSidebar .picList .rt{ width: 78%;}
}

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

@media screen and (max-width:1024px) {
    .nodSidebar .picList .lf{ width: 22%;}
    .nodSidebar .picList .rt{ width: 75%;}
}

@media screen and (max-width:997px) {
    .subPageWrap .lf,.subPageWrap .rt{ float: none; width: 100%;}
    .gp-page{ display: none;}
    .gp-m-page { display: block;}
    .list .gp-avg-4 li{ width: 33.3%;}
    .subPageWrap .teacher .info .lf{ width: 30%;}
    .nodSidebar .picList li{ width: 48%;}
    .nodSidebar .picList li:nth-of-type(odd){ float: left;}
    .nodSidebar .picList li:nth-of-type(even){ float: right;}
    .nodSidebar .picList .lf,.nodSidebar .picList .rt{ width: 100%; margin-top: 15px;}
}

@media screen and (max-width:768px) {
    .leader .gp-avg-2 li{ width: 100%;}
    .student .gp-avg-3 li{ width: 50%;}
    .list .gp-avg-4 li{ width: 50%;}
    .subPageWrap .teacher .info .lf{ width: 45%;}
    .teacher .gp-article .info img{ width: 100% !important;}
    .teacher .info .attribute span{ width: 100%;}
    .teacher .info::before{ height: 290px;}
    .nodSidebar .subLeftTitle{ display: none;}
    .nodSidebar .subRightTop{ width: 100%; margin-top: 0px;}
    .nodSidebar .subRightTop .bread{ float: none; text-align: right;}
}
@media screen and (max-width:540px) {
    .student .gp-avg-3 li{ width: 100%;}
    .subPageWrap .teacher .info .lf{ width: 50%;}
    .nodSidebar .picList li{ width: 100%;}
    .nodSidebar .picList li .summary{ font-size: 1.4rem;}
    .nodSidebar .picList li{ margin-bottom: 10px;}
}

@media screen and (max-width:414px) {
    .bread{ float: none; text-align: right; margin-bottom: 20px;}
    .subPageWrap .rt{ margin-top: 20px;}
    .interval span:first-child{ margin-right: 30px;}
    .list .gp-avg-4 li{ width: 100%;}
    .subPageWrap .teacher .info .rt{ padding-left: 17px;}
    .teacher .info::before{ height: 300px;}
    .teacher .gp-article{ margin-bottom: 0; padding-bottom: 50px;}
}

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

}