@charset "utf-8";
/* CSS Document */
.subbanner{width: 100%;overflow: hidden;position: relative; background: #f4f5f5;} 
.subbanner-con{max-width: 1400px; height: 0;padding-bottom:23.4%;overflow: hidden; background-position:center top;background-size: cover !important;background-repeat: no-repeat;margin: 40px auto auto auto;}
/*content*/
.subPage{ padding-bottom: 30px; position: relative; z-index: 9;}

 
/*侧边栏*/ 
.subLeft{width: 240px; }
.gp-subLeft{width: 240px;/*! background: #fff; */ margin-bottom: 100px;}
.gp-subLeft > ul{background: #f5f5f5;}
.gp-subLeft > ul >li{position: relative;} 
.gp-subLeft > ul >li > a{ display: block;border-bottom: 1px solid #e5e5e5;transition: all 0.35s ease-in-out; padding: 20px 30px;color: #555;}
.gp-subLeft > ul > li:hover > a, .gp-subLeft > ul > li > a.active{color:#fff;background-color: #3e54a4; padding-left: 25px; /*! border-bottom: #1bb4ab 1px solid; *//*! border-left: #0c615b 1px solid; */}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 36px;height: 54px;position: absolute;right: 0;top: 5px;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{font-size: 15px;display: none;}
.gp-second-nav dd{position: relative;}

.gp-second-nav dd a{display: block;position: relative; padding:14px 30px; transition: all 0.35s ease-in-out;border-bottom:1px solid #ddd;/*! font-size: 18px; *//*! font-size: 1.8rem; */ color: #555;}
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 10px 30px 10px 50px;background-color: #3d72b3;color:#ddd;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{padding-left: 28px; color: #fff; background: #3e54a4;}
.gp-subLeft *{transition: none;}
.gp-subRight{margin-left: 300px; overflow: hidden;}
.gp-subRight-con{margin-top: 25px;overflow: hidden;position: relative;min-height: 400px;}
/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:42px;background-color: #3e54a4;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-dw.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;}
.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; /*! padding:5px 0px; */}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #ddd;position: relative;}
.gp-subNavm li dl dd a{ font-size: 14px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#3e54a4;}

.subCon{position: relative;z-index: 3}
.sub-leftTitle{line-height: 30px;position: relative;width: 240px;margin-top: -73px;padding: 15px 0px;margin-bottom: 13px;}
.sub-leftTitle h2{padding-left: 30px; color: #fff;text-shadow: 0 0 10px #000; position: relative;}
.sub-leftTitle h2:after{ content: ""; display: block; width: 1px;height: 50px; background: #fff; position: absolute;
 top: -8px; 
right: 50px;
}
/*自定义*/ 

/*文章页和简介页*/
.gp-bread{ text-align: right; }
.gp-bread > div{ display: inline-block; width: auto; background: url(../images/local.png) no-repeat left center; padding-left:26px; padding-right: 40px;}
.articleTitle{ max-width: 1400px; margin: 0 auto; overflow: hidden;margin-top: -85px; height: 85px;
background-color:rgba(0,0,0,0.5);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* 标准的语法 */}

.articleTitle .sub-leftTitle{ margin-top: -63px;}
.pageArticle{ padding:0 100px 30px 100px;  }
.pageArticleTitle{margin-bottom: 10px;}
.pageArticleTitle h3{text-align: center;border-bottom: #eeeeee 1px solid;padding-bottom: 15px; }
.articleAuthor { text-align: center; padding: 15px 0 0 0; overflow: hidden;}
.articleAuthor span{ color: #999; padding: 0 15px;}
.gp-article{line-height:33px; }
.gp-article p{text-indent: 2em;color: #000;} 
.gp-article table{margin: auto;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }


/*列表页*/ 
.articleTitle02{  margin-bottom: 20px; overflow:hidden; }
.articleTitle02 span{ display: inline-block; }
.Bucea-list01{ margin:-17px 0 0 0; overflow: hidden; }
.Bucea-list01 li{ border-bottom: #eee 1px solid; overflow: hidden; padding: 17px 0; }
.Bucea-list01 li a{ position: relative; padding-left: 16px;line-height: 24px;}
.Bucea-list01 li a:before{ content: ""; display: block;width: 4px;height: 4px; background:#3e54a4; position: absolute; left: 0; top: 10px; }
.Bucea-list01 li .date{ float: right;color: #999;  margin-top: 5px;}


/*新闻动态列表页*/
.Bucea-list02 .artImg{width: 369px;} 
.Bucea-list02 .artInfo{margin-left: 375px; padding: 20px; overflow: hidden; }
.Bucea-list02 .artInfo .info{transition: all 0.3s ease-in-out;}
.Bucea-list02 .info h3{max-height: 48px;line-height: 24px;overflow: hidden; }
.Bucea-list02 .info p{max-height: 48px;line-height: 24px;color:#757575;overflow: hidden;}
.Bucea-list02 .info span{ color: #757575; }
.Bucea-list02 li{border: 1px solid #eee; margin-bottom: 30px; }
.Bucea-list02 li a{display: block;overflow: hidden;background: #fff;}
.Bucea-list02 li .artInfo .info p{max-height:52px ;margin: 10px 0 60px 0;}





/*附件*/
.Annex{ margin-top: 35px; overflow: hidden;background: #f5f5f5;position: relative;} 
.Annex h3{ margin: 0 0 10px 0;overflow: hidden; height: 40px;line-height: 40px;background: #eeeeee;padding: 0 20px 0 40px;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; padding: 10px 200px 10px 28px;}
.annexList li{ overflow: hidden; position: relative; border-bottom: #e5e5e5 1px solid;padding: 12px 0;}
.annexList li:last-child{ border-bottom: none;}
.annexList li a{line-height: 24px;color: #757575;}

 
/*分享*/
.share{width: auto;height: 50px;text-align: center;  overflow: hidden;/*! float: right; */position: absolute;top: 30px;right: 0;background: #f5f5f5;padding: 0 30px;} 
.share .bdsharebuttonbox  > a{padding-left: 0;margin:0 10px !important;;height: 30px;text-indent: 0;width: 30px;line-height:30px;text-align: center;  
   background: none; display: block;transition: all 0.3s ease-in-out;
float: left;}   
.share .bdsharebuttonbox  > a:hover{ opacity: 0.9; }
.share .bdsharebuttonbox > a.bds_weixin{ background:url(../images/wechat.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_tsina{background:url(../images/sina.png) no-repeat center;}
.share .bdsharebuttonbox  > a.popup_qzone{background:url(../images/z_qone.png) no-repeat center;}


  
/*分页*/ 
.gp-page { font-size: 0;margin: 30px auto; } 
.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 8px;  vertical-align: top;font-size: 16px; font-size: 1.6rem;height: 32px;line-height: 30px;width: 30px;transition: all 0.3s ease-in-out;/*! background: #fff; */border-top-left-radius: 20px;border-top-right-radius: 20px;color: #555;padding: 5px 5px 10px 5px;}
.gp-page .gp-page-data { display:inline-block;*display: inline;*zoom:1;overflow: hidden;}
.gp-page-select{height: 46px;line-height: 46px;min-width: 70px;*width: 70px; 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 {color:#999999; width: auto;background-position: center center;background-repeat: no-repeat;border: none;}
.gp-page .gp-page-next{}
.gp-page .gp-page-prev{ }
.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: #3e54a4; position: relative;}
.gp-page a:hover:after,.gp-page a.active:after{ content: ""; display: block; width: 100%; height: 5px;background: #fff; position: absolute;left: 0; bottom: 5px;}
.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-centered:before{ content: ""; display:  block; width: 600px; height: 5px; background: #eee;position: absolute; left: 50%;bottom: 0;margin-left: -300px;border-radius: 20px;}
/*右对齐*/ 
.gp-page-right {text-align:right}
 

 


@media screen  and (max-width:1600px) {
  .subbanner-con,.articleTitle{ max-width: 1200px; }
}

@media screen  and (max-width:1386px) {
  .subbanner-con, .articleTitle{ max-width: 1000px; }
	.gp-container{ width: 1000px; }

}

@media screen  and (max-width:1020px) {
   .subPage{ padding-bottom: 30px; }
   .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;}
   .subbanner-con{ margin: 0 auto; }
   .gp-subRight{margin-left: 0;}
   .gp-subRight-con{ margin-top: 0;padding: 15px 0; }
   .articleTitle h2{margin-top: 0;padding: 10px 0;float: none;background: none;margin-bottom: -25px;}
   .articleTitle{ height: auto; margin-top: 0; background: #fff; }
  .gp-bread{ margin: 10px 0; text-align: left;}
  .gp-bread > div{ background: none; padding: 0 20px;}
  .gp-bread a,.gp-bread span{ color: #555; }
  .gp-page-centered:before{ display: none; }
  .annexList{ padding: 10px 20px; }
  .share{ position: static; padding: 0 0 0 10px;}
  .sub-leftTitle{ display: none; }
} 


 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }
  .articleBottom{ width: auto; padding: 12px; }
  .share{ position: static; margin: 10px 0 0 0;}
  .Bucea-list02 .artImg{ width: 280px; }
  .Bucea-list02 .artInfo{ margin-left: 280px; }
  .Bucea-list02 li .artInfo .info p{ margin: 10px 0; }
}




@media screen and (max-width:640px) {
   .Bucea-list02 .artImg{ width: 100%; float: none; }
   .Bucea-list02 .artInfo{ margin: 0; padding: 15px;}
   .Bucea-list02 .info h3,.Bucea-list02 li .artInfo .info p{ max-height: none; }
     
}


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