@charset "utf-8";
/* CSS Document */
.subbanner{width: 100%;overflow: hidden;position: relative; } 
.subbanner-con{width: 100%;height: 0;padding-bottom:26.1%;overflow: hidden; background-position:center top;background-size: cover;background-repeat: no-repeat;text-align: center;}
/*content*/
.subPage{ padding-bottom: 40px; position: relative; z-index: 9;min-height: 67vh;}


/*侧边栏*/ 
.subLeft{width: 160px;/*! background: #E8F4FC; */ }
.subLeft.gp-Tl .sub-leftTitle{ margin-top: -125px; }
.gp-subLeft{width: 160px;}
.gp-subLeft > ul{ padding-bottom: 50px;}
.gp-subLeft > ul >li{position: relative;/*! margin: 0 20px; *//*! overflow: hidden; */} 
.gp-subLeft > ul >li > a{ display: block;/*! transition: all 0.35s ease-in-out; */ padding: 13px 16px;position: relative;z-index: 1;color: #515151;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{color:#fff;background:#43bde8;
  background: -webkit-linear-gradient(left, #68dfcf , #219cfe); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #68dfcf, #219cfe); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #68dfcf, #219cfe); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #68dfcf , #219cfe); /* 标准的语法 */}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 15px;height: 40px;position: absolute;right: 10px;top: 6px;line-height: 40px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;/*! margin-right: 12px; */z-index: 9;}
.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-second-nav{font-size: 16px;display: none;background: #f5f5f5;  position: relative;}
.gp-second-nav dd a{display: block;position: relative; padding:10px 10px 10px 35px; transition: all 0.35s ease-in-out; border-bottom: #d6d6d6 1px solid;}
.gp-second-nav dd:last-child a{border-bottom: none;}
.gp-second-nav dd:hover a{background:#43bde8; color: #fff;}

.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; }

.gp-second-nav dd a:hover,.gp-second-nav dd a.current{}

.gp-subLeft > ul >li{border-bottom: #b3b3b3 1px solid;}
.ml200{margin-left: 200px;}

.gp-subLeft *{transition: none;}

/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:40px;background-color: #0f654c;cursor:pointer;line-height: 40px;}
.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/jia.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/jian.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: #F0F0F0;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:45px;line-height:45px;border-bottom:1px solid #ddd;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:#E3E3E3; }
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #d4d4d4;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:#5b396c;}

.subCon{position: relative;z-index: 3;background: #fff;padding: 40px 40px;min-height: 700px;}
.sub-leftTitle{line-height: 28px; position: relative;width:160px;}
.sub-leftTitle h2{color: #fff;padding: 0 0 25px;}
.sub-leftTitleTL{ margin-top: -100px;}
/*自定义*/  
.gf-list1{margin: 40px -8px 0;}
.gf-list1 li{margin-bottom: 30px;}
.gf-list1 li a{display: block;margin: 0 8px;}

.js-list{ margin: 0 30px; }
.js-list li{ width: 16.66%; float: left; margin-bottom: 30px;}
.js-list li a{display: block;margin: 0 8px;}


/*文章页和简介页*/
.gp-bread{ padding: 0 25px; }
.gp-bread a:last-child{color: #0f654c;}
.gp-bread > div{ display: inline-block; width: auto; padding: 10px 0;color: #515151;}
.articleTitle{ font-weight: bold;line-height: 1.5;padding: 30px 15px 20px;text-align: center;}
.pageArticleTitle{margin-bottom: 40px;overflow: hidden;border-top: #558ac9 2px solid;}
.pageArticleTitle h3{ width: 66%;float: left;margin-top: 27px;}
.articleAuthor { overflow: hidden; /*! background-color: #f7f7f7; *//*! padding: 12px 15px; */text-align: center;}
.articleAuthor span{color: #878787;display: inline-block;margin: 0 10px;line-height: 22px;}
.gp-article{line-height:1.8; padding-top: 25px;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }

.gf-list2{padding: 30px 0 0;margin: 0 -15px;}
.gf-list2 li{margin-bottom: 35px;}
.gf-list2 li a{display: block;margin: 0 15px;position: relative;}
.item-txt2{}
.item-date2{display: block;color: #b3b3b3;padding: 15px 0;}
.item-txt2 h3{line-height: 30px;height: 60px;overflow: hidden;font-weight: normal;color: #000;}
.play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);max-width: 45px;transition: all 0.35s ease-out;}
.gf-list2 li a .gp-img-responsive{position: relative;}
.gf-list2 li a .gp-img-responsive::before{content: '';width: 100%;height: 100%;background: url(../images/videobg.png) repeat;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity = 0);transition: all 0.35s ease-out;}
.gf-list2 li a:hover .play{transform: translate(-50%,-50%);z-index: 25;}
.gf-list2 li a:hover .gp-img-responsive::before{transform:none;opacity: 1;filter: alpha(opacity = 100);z-index: 5}
/*附件*/
.Annex{ margin: 40px 0; overflow: hidden; padding: 15px 20px;background: #f7f7f7;} 
.Annex h3{ overflow: hidden; position: relative;display: inline-block;float: left;color: #666666; padding-right: 20px;} 
.annexList{overflow: hidden;  }
.annexList li{ overflow: hidden; position: relative; margin-bottom: 5px;}
.annexList li a{line-height: 24px;color: #666;}
.AnnexNext{ padding: 24px 30px; width: 70%;}
.AnnexNext a{ color: #006747; }

/***分页*/ 
.gp-page { margin:40px auto 50px auto; color:#999;font-size: 0;clear: both;overflow: hidden;max-width: 404px;}
.gp-page > div{border: #0961cb 1px solid;border-radius: 30px;overflow: hidden;max-width: 280px; float: left; margin: 0 10px;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page a:first-child{border-left: #ddd 1px solid;}
.gp-page a,.gp-page span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:38px;line-height: 38px; position:relative;text-align: center; vertical-align: middle;width: 38px;font-size: 14px;transition: all 0.35s ease-in-out;/*! margin:0 6px; *//*! border-radius:50%; */color: #666666;border: #ddd 1px solid;border-left: none;}
.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;padding: 0;color: #333;}
.gp-page  a:hover ,.gp-page  a.on_pages{ background-color:#0f654c;color: #fff;/*! font-weight: bold; *//*! border-radius: 50%; */}
.gp-page .gp-page-prev{}
.gp-page a.on_pages{}
.gp-page .first,.gp-page .last{ border:#0961cb 1px solid; border-radius: 30px; float: left;width: 50px;}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 32px;line-height: 32px;font-size: 1.2rem;background: #eee;border-radius: 0;border: none;}
.gp-page a.first:hover,.gp-page a.last:hover{ background-color: #fff; }
/*居中*/
.gp-page-centered {text-align:center}
.gp-page a:hover { background-color:#0f654c;color:#fff;}
.gp-m-page a.gp-page-prev:hover,.gp-m-page a.gp-page-next:hover{ background:#eee;color: #333;  }




/*图片瀑布流*/
.subRight { position: relative; }
.list13{ margin-top: 20px; }





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

}



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

}


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

}



@media screen  and (max-width:1024px) {
   .gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; } 
   .subLeft {display: none;}
   .gp-m-subNav{display: block;}
   .gp-page{display: none;background: none;}
   .gp-m-page{display: block; margin: 30px auto auto auto;}
   .ml200{ margin-left: 0; }
   .gp-bread{ background: none; padding: 0; }
} 


 
@media screen  and (max-width:996px) {
  .ml200{margin-left: 0;}
 


}

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




@media screen and (max-width:640px) {
  .Annex h3{ float: none;  }
    
}