@charset "utf-8";
/* CSS Document */
.subPage{ background: #f0f5f3; padding-bottom:70px;}
.subbanner{width: 100%;overflow: hidden;position: relative; } 
.subbanner-con{width: 100%;height: 0;padding-bottom:31%;overflow: hidden; text-align: center;}
.subbanner-con img{ width: 100%; }
/*content*/

.sub_left{float: left;width: 260px;}
.sub_menu{border-left: 6px solid #337A57;background: #fff;}
.sub_menu .lv0{position: relative;z-index: 2;}
.sub_menu a{display: block;position: relative;padding: 17px 40px 17px 30px;background: url(../images/index_title_more.png) calc(100% - 24px) center no-repeat;line-height: 30px;}
.sub_menu a::after{content: '';display: block;position: absolute;left: 30px;height: 1px;right: 0;bottom: 0;background: rgba(0, 0, 0, .1);}
.sub_menu a.current{background-image: url(../images/index_title_more2.png);color: #fff;background-color: #337A57;}
.sub_menu a.current::before{content: '';display: block;position: absolute;left: 100%;top: 0;bottom: 0;width: 20px;z-index: -1;background: url(../images/sub_left_bg.png);background-size: 100% 100%;}
.sub_right{margin: 0 0 0 310px;}
@media screen  and (max-width:992px){
   .sub_menu_btn{height: 40px;background: url(../images/sub_menu.png) center no-repeat #337A57;}
   .sub_left{float: none;width: auto;margin: 0 0 20px;}
   .sub_menu{display: none;}
   .sub_menu a{padding: 6px 30px 6px 20px;line-height: 30px;}
   .sub_menu a.current{background-color: #337A57;}
   .sub_menu a.current::before{display: none;}
   .sub_right{margin: 0;}
}




/*侧边栏*/ 
.subLeft{margin: 36px 0 50px;overflow: hidden;}
.subLeft.gp-Tl .sub-leftTitle{ margin-top: -125px; }
.gp-subLeft{}
.gp-subLeft > ul{display: inline-block;}
.gp-subLeft > ul >li{position: relative;} 
.gp-subLeft > ul >li > a{ display: block;position: relative;z-index: 1;color: #909090;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{color: #1c4b90;font-weight: bold;}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 15px;height: 40px;position: absolute;right: 0;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; position: relative;}
.gp-second-nav dd a{display: block;position: relative; padding:10px 0 10px 35px; transition: all 0.35s ease-in-out;}
.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.current{ opacity: 0.8;}
.gp-subLeft > ul >li{display: inline-block;padding: 18px 18px 0 18px;}
.gp-subLeft *{transition: none;}
.gp-subRight{margin-left: 280px; overflow: hidden;}
.gp-subRight-con{ position: relative;width: 100%; min-height:600px;}
/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{background-color: #eee;cursor:pointer;padding: 10px 20px;border-top: #1f4889 5px solid;}
.gp-m-inner-header > span{height: 50px;font-size: 2.2rem;color:#1c4b90;font-weight: bold;}
.gp-m-subNav .gp-m-inner-header-icon{float: right; width: 30px;height: 30px;}
.gp-m-subNav .gp-m-inner-header-icon-out i.icon-jia{display: block; background: url(../images/jia.png) no-repeat right;width: 30px;height: 30px;}
.gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian{display: block; background: url(../images/jian.png) no-repeat right;width: 30px;height: 30px;}
.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: #EEE;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding:0 20px;height:45px;line-height:45px;border-bottom:1px solid #fff;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:#FFF; }
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #f0f0f0;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;padding: 40px 40px;min-height: 700px;}
.sub-leftTitle{ position: relative;display: inline-block;float: left;padding-right: 36px;}
.sub-leftTitle h2{}
.sub-leftTitleTL{ margin-top: -100px;}
/*自定义*/ 

/*二级栏目标题*/
.articleTitle02{ display:block;margin-top: -80px; position: relative;}
.articleTitle02::before{ content: ""; display: block; width: 50%; height: 80px; background:#337a57; position: absolute;left: -50%; top: 0;}
.articleTitle02 .title{ display: inline-block; min-width: 450px; height: 80px;line-height: 80px; background: url(../images/titlebg.png) no-repeat right 25px top #337a57; overflow:visible; position: relative;}
.articleTitle02 span{ display: inline-block; color: #fff; }
.articleTitle02 .title:after{ content: ""; display: block; width: 0; height: 0; border-bottom: 80px solid #337a57; border-right: 20px solid transparent;
position: absolute; right: -20px; top: 0;}


/*文章页和简介页*/
.gp-bread{ width: 100%; background: #F7F7F7; margin-bottom: 50px;}
.gp-bread > div{ position: relative;z-index: 9; padding: 13px 0; margin: 0 !important;}
.gp-bread *{ color: #337A57;}
.pageArticleTitle{ margin-bottom:20px; text-align: center; overflow: hidden; position: relative;}
.pageArticleTitle h3{ line-height: 30px; color:#555555;}
.pageArticleTitle .subTitle{ color: #015a9f; margin: 20px 0;} 
.articleAuthor { border-bottom: #e4e8e6 1px solid; padding: 15px 0; overflow: hidden;}
.articleAuthor span{ display: inline-block;  padding:0 15px;line-height: 24px;}
.articleAuthor2{ border-top:#e4e8e6 1px solid; text-align: center;}
.gp-article{line-height:28px; }
.gp-article p{} 
.gp-article table{margin: auto !important; width: auto !important;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }


/* 通知公告列表页 */
.list1 { padding-top: 20px; margin-bottom: -50px; overflow: hidden; }
.list1 li{ margin-bottom: 50px;}
.list1 li a{ display: block; background: #fff; padding: 0 30px;}
.list1 .listDate{ width:67px; padding: 10px; float: left; text-align: right; background: #337A57; position: relative; top: -20px;}
.list1 .listDate *{ color: #fff;}
.list1 .day{ margin-top: 6px;}
.list1 .listText{ margin-left:125px;}
.list1 .listTitle { margin: 26px 0; transition: all 0.2s ease;}
.list1 li a:hover .listTitle{ padding-left:10px;}














/*分享*/
.shareText{overflow: hidden;}
.sharebg{ display: none; width:24px; height:24px;text-align: center; background: url(../images/share.png) no-repeat center; 
   cursor: pointer;float: right;}
.share{ overflow: hidden; display: block; float: right; margin-top: 20px;} 
.share .bdsharebuttonbox  > a{ margin: 0 6px;height:30px;text-indent: 0;width:30px;line-height:30px;text-align: center;background: none;font-size: 20px;display:inline-block;color: #fff;transition: all 0.35s ease-out;border-radius: 50%; }
.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: 260px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-130px 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;}
.share span{ display: block;height: 40px; line-height: 40px;}
.share .bdsharebuttonbox > a.bds_weixin{ background:url(../images/share_wechat.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_tsina{background:url(../images/share_sina.png) no-repeat center;}


/*附件*/
.Annex{ margin-top: 30px; overflow: hidden;} 
.Annex h3{ padding: 20px 0; border-top:#e4e8e6 2px solid; color: #337A57; font-weight: normal;
    position: relative; overflow: hidden;} 
.annexList{ overflow: hidden;}
.annexList li{ padding:8px 20px; background: #fff; margin-bottom: 20px; overflow: hidden; position: relative; }
.annexList li a{line-height: 24px;}
.annexList li a:hover{ color: #337A57;}


/***分页*/ 
.gp-page { margin:50px auto auto; text-align: center; clear: both;overflow: hidden; }
.gp-page > div{ overflow: hidden; }
.gp-page a{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:38px;line-height: 38px; position:relative;text-align: center; vertical-align: middle;width: 38px;
   border: #ccc 1px solid; border-radius:5px; margin: 0 5px; transition: all 0.35s ease-in-out;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span { }
.gp-page .gp-page-start,.gp-page .gp-page-end{color: #fff; background: #337A57; padding: 0 10px; font-size: 14px;}
.gp-page  a:hover ,.gp-page  a.on_pages{  color: #fff; border:#337A57 1px solid;background: #337A57;}
.gp-page .gp-page-next img{ transform:rotateY(180deg);}
.gp-page .first,.gp-page .last{ border:#0961cb 1px solid; border-radius: 30px; float: left;width: 50px;}
.gp-m-page{display: none;text-align: center;margin: 30px auto auto;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 32px;line-height: 32px; width: auto; font-size: 14px;border-radius:5px; padding: 0 10px;}
/*居中*/
.gp-m-page a.gp-page-prev:hover,.gp-m-page a.gp-page-next:hover{ background:#337A57;color: #fff; }





@media screen  and (max-width:1200px) {
   .articleTitle02{ margin-top: -50px;}
   .articleTitle02 .title{ min-width:300px; height: 50px; line-height: 50px;}
   .articleTitle02::before{ height: 50px;}
   .articleTitle02 .title:after{ border-bottom:50px solid #337a57;}
   .gp-bread{ margin-bottom: 20px;}
   .list1{ margin-bottom: -35px;}
   .list1 li{ margin-bottom: 35px;}
   .list1 li a{ padding: 0 10px;}
   .list1 .listDate{ width: 60px;}
   .list1 .listText{ margin-left: 100px;}
   .list1 .listTitle{ margin: 16px 0;}
}




@media screen  and (max-width:1024px) {
   .subPage { padding-bottom: 40px;}
   .gp-page{ display: none;}
   .gp-m-page{ display: block;}
} 

@media screen  and (max-width:880px) {
    
  .gp-article video{width: 100% !important;}

}
 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width: 100% !important;}
  .gp-article table{width:100% !important; }


}

@media screen and (max-width:766px) {
   .articleTitle02{ margin-top: 0;}
   .articleTitle02 .title{ width: 100%; height: 40px; line-height: 40px;}
   .articleTitle02::before{ height: 40px;}
   .articleTitle02 .title:after{ border-bottom:40px solid #337a57;}
   .shareText{ position:static;}
   .list1{ padding-top: 0; margin-bottom: 0;}
   .list1 li{ margin-bottom: 15px;} 
   .list1 .listDate{ width: 50px; padding: 5px; top: 2px;}
   .list1 .listText{ margin-left: 70px;}
}




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

}

