@charset "utf-8";
/* CSS Document */
.subbanner{width: 100%;overflow: hidden;position: relative; } 
.subbanner-con{height: 0;padding-bottom:20%;overflow: hidden; background-position:center top;background-size: cover !important;background-repeat: no-repeat;}
/*content*/
.subPage{  position: relative; background: url(../images/modebg2.jpg) repeat; }
.subPage:before{ content: ""; display: block;width: 191px; height: 401px; background: url(../images/modebg-lf.png) no-repeat; 
position: absolute; left: 0; top: 130px;z-index: 0;}
.subPage:after{ content: ""; display: block;width: 191px; height: 401px; background: url(../images/modebg-rt.png) no-repeat; 
position: absolute; right: 0; top: 130px;z-index: 0;}


  
/*侧边栏*/  
.subLeft{width: 260px;  }
.gp-subLeft{width: 260px;margin-top: -95px;font-family: '楷体';}
.gp-subLeft > ul{ background: #fdfdfd;}
.gp-subLeft > ul >li{position: relative;border-bottom: #f1f1f1 1px solid;} 
.gp-subLeft > ul >li > a{ display: block;transition: all 0.35s ease-in-out; padding: 22px 0 22px 40px; color: #444444;
background: url(../images/sub-li.png) no-repeat left center;margin: 0 20px;}
.gp-subLeft > ul > li:hover > a, .gp-subLeft > ul > li > a.active{background: url(../images/sub-lihover.png) no-repeat left center;
font-size: 22px; color: #222222;}


.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 36px;height: 68px;position: absolute;right: 0;top: 0px;line-height: 59px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;margin-right: 12px;}
.gp-subLeft .gp-toggles.icon-jia{background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-toggles.icon-jia.icon-down{background: url(../images/jian.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles{width: 50px;height: 50px;line-height: 50px;}
.gp-subLeft .gp-sub-toggles.icon-jia{background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles.icon-jian{background: url(../images/jian.png) no-repeat center center;}
.gp-second-nav{ display: none; background: #f5f5f5;}
.gp-second-nav dd{position: relative; }

.gp-second-nav dd a{display: block;position: relative; padding:17px 25px 17px 55px; transition: all 0.35s ease-in-out;font-size: 20px;font-size: 2.0rem;border-bottom: #fff 1px solid;}
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 10px 20px;border-bottom: none;}
.gp-second-nav dd dd a:before{border-bottom-color: #4e81c0;}
.gp-second-nav dd a:hover,.gp-second-nav dd a.active{ }
.gp-subLeft *{transition: none;}
.gp-subRight{background: #fff;padding: 25px 30px; }
.gp-subRight-con{position: relative;min-height: 400px;overflow: hidden;}
/*侧边栏移动端 */ 
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:42px;background-color: #063d73;cursor:pointer;line-height: 42px;}
.gp-m-inner-header > span{height: 50px;padding-left: 15px;font-size: 1.8rem;color:#fff;}
.gp-m-subNav .gp-m-inner-header-icon{float: right; width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-out i.icon-jia{display: block; background: url(../images/n-rt.png) no-repeat center;width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian{display: block; background: url(../images/n-dw.png) no-repeat center;width: 50px;height: 42px;}
.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;display:block;color:#fff;}
.gp-subNavm ul{background: #f5f5f5;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:45px;line-height:45px;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,.gp-sub-m-toggle{width: 15px;height: 15px;position: absolute;right: 16px;top: 15px;line-height: 40px;text-align: center;cursor: pointer;}
.gp-m-toggle.icon-right{ background: url(../images/jia.png) no-repeat center center;}
.gp-m-toggle.icon-down{ background: url(../images/jian.png) no-repeat center center; }
.gp-subNavm dl{ display: none; background-color:#f5f5f5; }
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #e3e3e3;position: relative;}
.gp-subNavm li dl dd a{ font-size: 14px; font-weight:normal; display:inline;  border:none; padding:0px;}
.subPage-con {margin: 0 auto; padding: 30px 0;position: relative;z-index: 1;}
.subCon{margin-left: 290px;  }
.sub-leftTitle{line-height: 30px;position: relative;  padding: 18px 20px; border-bottom: #e9e9e9 1px solid; background:url(../images/leftTitlebg.png) no-repeat center rgba(0,0,0,0.5); width: 220px;}
.sub-leftTitle h2{  position: relative; color: #fff;text-align: center;}
.sub-leftTitle.TL{ margin-top: -96px; margin-bottom: 20px;}
/*自定义*/ 

/*文章页和简介页*/
.gp-bread{ }
.gp-bread > div{ display: inline-block; width: auto;  float: right;margin-top: 90px;padding-left: 25px;font-family: '楷体';}
.articleTitle{overflow: hidden; position: absolute;bottom: 0;left: 0;width: 100%; height: 130px;
background-color:rgba(0,0,0,0.4);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.4) , rgba(0,0,0,0)); /* 标准的语法 */}
.pageArticle{   }
.pageArticle{  position: relative;}
.pageArticleTitle{margin-bottom: 20px;}
.pageArticleTitle h3{text-align: center; color: #6f4486;}
.pageArticleTitle02{ margin: 0 0 20px 0; overflow: hidden;} 
.pageArticleTitle02 h3{color: #333;/* border-bottom: #eee 1px solid; *//* padding-bottom: 20px; */}
.articleAuthor { text-align: center; padding: 10px 0 0 0; overflow: hidden;}
.articleAuthor span{ color: #999; padding: 0 15px;}
.gp-article{line-height:28px;  }
.gp-article p{/* text-indent: 2em; */}  
.gp-article table{margin: auto;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }


/*列表页*/ 
.articleTitle02{  margin-bottom: 15px; border-bottom: #eeeeee 1px solid;padding-bottom: 15px; position: relative;}
.articleTitle02 span{ display: inline-block; }
.MDC-list01{ margin:-17px 0 0 0; overflow: hidden; }
.MDC-list01 li{ border-bottom: #eeeeee 1px solid; overflow: hidden; padding: 19px 0; }
.MDC-list01 li a{ position: relative;  display: block;height: 24px;line-height: 24px;overflow: hidden;}
.MDC-list01 li .date{ float: right;color: #999;  margin-top: 5px;}

/*新闻列表*/
.newsList{ margin: 0 -15px 20px -15px; overflow: hidden; border-bottom: #eee 1px solid;}
.newsList li a{ display: block; margin: 0 15px; overflow: hidden;}
.newsList .artText{ display: block; padding: 12px 0; overflow: hidden;}
.newsList .artCon{ display: block; height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 6px;}
.newsList .date{ color: #999; padding-left: 3px;} 
.newsList .date .iconfont{ font-size: 12px;}


/*图片列表页*/
.newsList02{ margin: -17px -17px 0 -17px; overflow: hidden; }
.newsList02 li{ border-bottom: #eee 1px solid; overflow: hidden; }
.newsList02 li a{ display: block; margin: 30px 17px; overflow: hidden;}
.newsList02 .artText{ display: block; padding: 14px 24px;border: #eee 1px solid;overflow: hidden;}
.newsList02 .artCon{ display: block; height: 48px; line-height: 24px; overflow: hidden; background: #fff; position: relative;padding: 15px 0 0 0;}
.newsList02 .date{ color: #999; background: url(../images/datebg.png) no-repeat left center; padding-left: 20px;} 


/*师资力量列表页*/
.picList{ margin: -15px; overflow: hidden; }
.picList li{  overflow: hidden; border-bottom: #eee 1px solid;}
.picList li a{ display: block; margin: 30px 18px; overflow: hidden; transition: all 0.3s ease-in-out;}
.picList .gp-img-responsive{ padding-bottom: 136%; position: relative;}
.picList .gp-img-responsive:before{ content: ""; display: block; width: 159px; height: 20px;background: #fff;
position: absolute; left: 0; bottom: 0; z-index: 9;}
.picList .artText{ display: block; padding: 14px 24px;border: #eee 1px solid;overflow: hidden;}
.picList .artCon{ display: block; height: 88px; line-height: 24px; overflow: hidden; }
.picList .artCon strong{  line-height: 24px; overflow: hidden; margin: 0 0 10px 0;display: block;font-weight: normal;
background: url(../images/namebg.png) no-repeat left center;padding-left: 35px;}
.picList .artCon p{ color:#757575; font-size: 16px; line-height: 24px; padding-left: 35px;}

/*师资力量详情*/
.personImg{ width: 205px; height: 278px; overflow: hidden; float: left;}
.personImg img{ width: 100%; }
.personTitle { border-bottom:#eee 1px solid; padding-bottom: 15px; margin-bottom: 10px;}
.personTitle span{color: #6f4486;  }
.personCon{ display: block; margin-left: 235px; } 
.personCon p{ line-height: 24px; }
.personCon .gp-article{ margin-left: 25px; }
.personText{ border-top: #eee 1px solid; padding: 15px 0; overflow: hidden; }
.personText h2{ color: #6f4486; position: relative;padding-left: 13px; margin-bottom: 10px;}
.personText h2:before{ content: ""; display:block; width: 4px; height: 4px; background: #ddd; border-radius: 50%;
position: absolute; left: 0; top: 10px; }


/*新闻列表页*/
.MDC-list03{margin: 10px 0 0 0;overflow: hidden;}
.MDC-list03 li{ margin-bottom: 30px; }
.MDC-list03 li a{ display: block;  height: 185px;background: #fff;}
.MDC-list03 .artImg{ display: block; width: 330px; height: 185px; float: left; overflow: hidden;}
.MDC-list03 .artImg img{ width: 100%; }
.MDC-list03 .artText{ display: block; margin-left: 331px; padding: 25px;}
.MDC-list03 .artText strong{display: block; height: 24px; line-height: 24px; background: url(../images/sub-libg.png) no-repeat right center; overflow: hidden; padding-right: 30px;}
.MDC-list03 .artText p{ display: block; height: 44px; line-height: 22px; color: #999; overflow: hidden;}
.MDC-list03 .artText b{ color: #ffbb00; background: url(../images/datebg2.png) no-repeat left center; padding-left: 22px; display: block;margin: 20px 0;}


/*领导详情页*/
.leaderText{ margin: 0 100px 30px 100px; overflow: hidden; }
.leaderImg{ display:block; width: 260px; height: 363px; float: left; overflow: hidden; }
.leaderImg img{ width: 100%; }
.leaderCon{ display: block; margin-left: 283px; overflow: hidden;}
.leaderCon strong{ display: block; height: 24px; line-height: 24px; margin-bottom: 14px; background: url(../images/namebg.png) no-repeat left center; padding-left:38px; }
.leaderCon p{ display: block; margin-left: 40px; line-height: 30px; } 
.leaderInfor{ border-top:#eee 1px solid; padding: 25px 0; overflow: hidden; }
.leaderInfor h2{ position: relative; display: inline-block; padding: 0 20px; margin-bottom: 15px; height: 20px;line-height: 20px; }
.leaderInfor h2:before{ content: ""; display: block; width: 12px; height: 20px; background: url(../images/titlebg-lf.png) no-repeat center;
position: absolute; left: 0; top: 0; }
.leaderInfor h2:after{ content: ""; display: block; width: 12px; height: 20px; background: url(../images/titlebg-rt.png) no-repeat center;
position: absolute; right: 0; top: 0; }



/*附件*/
.Annex{ padding: 25px 200px 0 0; position: relative;  overflow: hidden;border-top: #eee 1px solid;margin: 25px 0 0 0;} 
.Annex h3{ margin: 0 0 10px 0;overflow: hidden; height: 40px;line-height: 40px;background: #eeeeee;padding: 0 35px;position: relative;} 
.Annex h3:before{ content: ""; display: block; width: 4px; height: 4px; background: #c6782d; border-radius: 50%; position: absolute;left: 20px; top: 18px;}
.annexList{overflow: hidden;  }
.annexList li{ position: relative;padding: 5px 0;}
.annexList li a{line-height: 24px;color: #000;}

 
/*分享*/
.share{ text-align: center;  overflow: hidden;  position: absolute;right: 0;bottom: 0;} 
.share .bdsharebuttonbox  > a{padding-left: 0;margin:0 15px !important;;height: 40px;text-indent: 0;width: 40px;line-height:40px;text-align: center;  
   background: none; display: block;transition: all 0.3s ease-in-out;}   
.share .bdsharebuttonbox  > a:hover{ opacity: 0.9; }
.share .bdsharebuttonbox > a.popup_weixin{ background:url(../images/wechat.png) no-repeat center;}
.share .bdsharebuttonbox  > a.popup_tsina{background:url(../images/sina.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_more{background:url(../images/bds_more.png) no-repeat center;float: right;}


  
/*分页*/ 
.gp-page { font-size: 0;margin: 30px auto 10px auto; max-width: 760px; border: #eee 1px solid;border-radius: 50px;padding: 8px;background: #fff;} 
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page a{display:inline-block;*display: inline;*zoom:1;cursor: pointer; position:relative;text-align: center; margin:0 12px;  vertical-align: top;font-size: 14px; font-size: 1.4rem;height: 35px;line-height: 35px;width: 35px;transition: all 0.3s ease-in-out;border-radius: 50%;/*! border: #e1e1e1 1px solid; */color: #999;font-weight: bold;}
.gp-page .gp-page-data { display:inline-block;*display: inline;*zoom:1;overflow: hidden;}
.gp-page-select{height: 35px;line-height: 35px;min-width: 35px;*width: 35px; color:#666; display:inline-block;*display: inline;*zoom:1;vertical-align: top;*vertical-align: middle; border:none; padding-left: 10px;padding-right: 10px;font-size: 16px;font-size: 1.6rem;background: none;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev {width: 35px;background-position: center center;background-repeat: no-repeat;/*! border-radius: 20px; *//*! padding: 0 15px; */}
.gp-page .gp-page-prev,.gp-page .gp-page-next{ font-size: 14px; position: relative;color: #999;z-index: 9;}
.gp-page .gp-page-next{ font-size:12px; }


.gp-page .gp-page-start,.gp-page .gp-page-end{font-size: 22px;font-size: 2.2rem;line-height: 28px;margin:0 10px;}
.gp-page > .select-span{padding-left:0;margin-left: 15px;border-right:1px solid #24528a;}

.gp-page a:hover,.gp-page a.active { color:#fff; background: #063d73; position: relative;/*! border: #6f4486 1px solid; */}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 35px;line-height: 35px;width: auto;background-color: #fff;border-radius: 5px;padding: 0 20px;color:#666;border: #ddd 1px solid;}
/*居中*/
.gp-page-centered {text-align:center; position: relative;}
/*右对齐*/ 
.gp-page-right {text-align:right}
 

 


@media screen  and (max-width:1020px) {
   .subPage-con{padding: 20px 0; }
   .gp-subRight{ padding: 20px; }
   .pageArticle{ padding: 0; }
   .gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; } 
   .gp-subLeft{display: none;}
   .gp-m-subNav{display: block;}
   .gp-page{display: none;background: none;}
   .gp-m-page{display: block;margin: 20px auto auto auto;padding: 15px 0; border: none;}
   .subCon,.gp-subRight{margin-left: 0;}

  .Annex{  }
  .Annex h3{ height: 40px; line-height: 40px; }
  .sub-leftTitle{ display: none; }
  .MDC-list01 li a{ height: auto; }
  .pageArticleTitle02{ margin: 6px 0 22px 0; }
  .leaderText{ margin: 0 0 30px 0; }
} 


 
@media screen  and (max-width:768px) {
  .articleBottom{ width: auto; padding: 12px; }
  .articleTitle{ position: static; height: auto; background: #e7e7e7;}
  .gp-bread > div{ margin: 0; padding: 5px 0;float: left;}
  .gp-bread a,.gp-bread span{ color: #666 !important; }
  .personImg{ float: none; margin: 0 auto; }
  .personCon{ margin: 20px 0 0 0; }
  .personTitle{ text-align: center; }
  .personCon .gp-article{ margin-left: 0; }
}




@media screen and (max-width:767px) {
   .newsList .artCon{ height: auto; }
   .MDC-list03 .artImg{ width: 245px; height: 138px;}
   .MDC-list03 .artText{ margin-left: 245px; padding: 15px;}
   .MDC-list03 .artText b{ margin: 10px 0; }
   .MDC-list03 li a{ height: auto; }
   .MDC-list03 .artText p{ margin: 7px 0 20px 0; }
   .picList .artCon p{ font-size: 14px; } 
   .Annex{ padding: 25px 0 0 0; }
   .share{ position: static; margin: 10px 0 0 auto;}
}
 

@media screen and (max-width:640px) {
   .MDC-list01 li .date{ float: none; }
   .MDC-list03 .artImg{ float: none; margin: 0 auto; }
   .MDC-list03 li a,.MDC-list03 .artText p,.MDC-list03 .artText strong{ height: auto; }
   .MDC-list03 .artText{ margin-left: 0; }
   .leaderImg{ float: none; margin: 10px auto; }
   .leaderCon{ margin-left: 0; }
}

@media screen and (max-width:480px) {
   .newsList02 .artCon,.picList .artCon{ height: auto; }
    
}