@charset "utf-8";
/* CSS Document */

.subbanner{width: 100%;overflow: hidden;position: relative; } 
.subbanner-con{height: 0;padding-bottom:15.8%;overflow: hidden; background-position:center top;background-size: cover !important;background-repeat: no-repeat;}
/*content*/
.subPage{  position: relative;}

  
/*侧边栏*/  
.subLeft{width: 230px;  }
.gp-subLeft{width: 230px; background: #f5f5f5;}
.gp-subLeft > ul{border: #ededed 1px solid;}
.gp-subLeft > ul >li{position: relative;padding-left: 15px;} 
.gp-subLeft > ul >li > a{ display: block;transition: all 0.35s ease-in-out; padding: 18px 35px; color: #666;}
.gp-subLeft > ul > li:hover > a, .gp-subLeft > ul > li > a.active{background: #fff;border-left: 10px #94070a solid;padding-left: 27px;width: 68%;}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 36px;height: 54px;position: absolute;right: 0;top: 3px;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; padding-left: 33px;}
.gp-second-nav dd{position: relative;}

.gp-second-nav dd a{display: block;position: relative; padding:10px 20px; transition: all 0.35s ease-in-out;font-size: 16px;font-size: 1.6rem;}
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 10px 20px;/*! 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{color: #94070a; /*! border-bottom: #eee 1px solid; */}
.gp-subLeft *{transition: none;}
.gp-subRight{margin-left: 260px; overflow: hidden;border-left: #ededed 1px solid;border-right: #ededed 1px solid;/*! padding: 20px 30px; */}
.gp-subRight-con{position: relative;min-height: 400px;overflow: hidden;padding: 25px 25px 50px 25px;}
/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:42px;background-color: #94070a;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 #ddd;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; }
.subCon{ background: #fff;padding: 30px; overflow: hidden;}
.sub-leftTitle{line-height: 30px;position: relative;  padding: 25px 10px; margin-top: -80px;background: #94070a;width: 210px;text-align: center;}
.sub-leftTitle h2{  position: relative; color: #fff;}

/*自定义*/ 

/*文章页和简介页*/
.gp-bread{ background: #fafafa;padding: 13px 27px;}
.gp-bread > div{ display: inline-block; width: auto; float: right;/*! margin-top: 90px; */}
.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; padding-bottom: 25px;}
.articleAuthor { text-align: center; padding: 14px 0; overflow: hidden;border-top: #ebebeb 1px solid;border-bottom: #ebebeb 1px solid;color: #999;}
.articleAuthor span{ color: #999; padding: 0 15px;}
.gp-article{line-height:28px; }
.gp-article p{/* text-indent: 2em; */ line-height: 26px; font-size:1.6rem !important; color:#333 !important; font-family:"微软雅黑" !important;} 
.gp-article p span { font-size:1.6rem !important; color:#333 !important; font-family:"微软雅黑" !important; }
.gp-article span { font-size:1.6rem !important; color:#333 !important; font-family:"微软雅黑" !important; }

.gp-article table{margin: auto;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }


/*列表页*/ 
.articleTitle02{  margin-bottom: 20px;position: relative;}
.articleTitle02 span{ display: inline-block; }
.pku-list01{ overflow: hidden; }
.pku-list01 li{ overflow: hidden; padding: 13px 15px 13px 0; }
.pku-list01 li:nth-child(odd){ background: #fafafa; }
.pku-list01 li a{ position: relative; display: block;height: 24px;line-height: 24px;overflow: hidden;}
.pku-list01 li .date{ float: right;color: #999;  margin-top: 5px;font-family: Arial; background: url(../images/datebg.png) no-repeat left center;padding-left: 20px;} 


/*通知公告*/
.pku-list02{ overflow: hidden; }
.pku-list02 li{ overflow: hidden; padding: 17px 15px; border: #e2e2e2 1px solid;border-left: #e2e2e2 5px solid;margin-bottom: 20px;transition: all 0.3s ease-in-out;}
.pku-list02 li a{ position: relative; display: block;height: 24px;line-height: 24px;overflow: hidden;}
.pku-list02 li .date{ float: right;color: #94070a;  margin-top: 5px;font-family: Arial; background: url(../images/datebg2.png) no-repeat left center;padding-left: 26px;} 
.pku-list02 li:hover{ box-shadow: 0px 5px 18px 2px rgba(182, 43, 43, 0.1);}


/*新闻动态*/
.pku-list03{}
.pku-list03 li a{ display: block; background: #f7f7f7; overflow: hidden;margin-bottom: 32px; transition: all 0.3s ease-in-out;}
.pku-list03 li a:hover{ background: #fff;  box-shadow: 0px 5px 18px 2px rgba(182, 43, 43, 0.1); }
.pku-list03 .gp-img-responsive{ width: 270px; height: 168px; padding: 0; float: left;}
.pku-list03 .artText{ display: block; margin-left: 270px; padding: 20px; }
.pku-list03 li.li02 .artText{ margin-left: 0; }
.pku-list03 .artTitle{ display: block; height: 24px; line-height: 24px; overflow: hidden; } 
.pku-list03 .artCon{ display: block; color: #999999; line-height: 20px; height: 40px; margin: 15px 0 20px 0; overflow: hidden; }
.pku-list03 .date{ color: #94070a; font-family: 'Arial'; background: url(../images/datebg2.png) no-repeat left center; padding-left: 20px; }



/*数据链接平台等*/
.iconLink { max-width: 430px;margin: 50px auto; } 
.iconLink .icon{ display: block; width: 110px; height: 110px; text-align: center; line-height: 110px; margin:15px auto;border-radius: 50%; }
.iconLink .iconImg{ display: block; border: #f0f0f0 1px solid;width: 184px; float: left;height: 142px;}
.iconLink .icon.icon1{background: #eea2c8;}
.iconLink .icon.icon2{background: #a2bfee;}
.iconLink .icon-shujupingtai,.iconLink .icon-banshidating{font-size: 50px; color: #fff;}
.iconLink .iconText{ display: block; margin-left: 184px; background: #f7f7f7; overflow: hidden;height: 142px;text-align: center;}
.iconLink .iconText b{ font-weight: normal; padding: 50px 0 0 0;display: block;}
.iconLink a:hover .icon{-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}


/*网信项目-分类*/
.CategoryTitle{ margin-bottom: 30px; border-bottom: #e6e6e6 1px solid; overflow: hidden;}
.CategoryTitle a{ display: inline-block; padding: 13px; min-width: 124px;text-align: center; 
  border-top: #e6e6e6 1px solid;border-right: #e6e6e6 1px solid; position: relative;}
.CategoryTitle a:first-child{border-left: #e6e6e6 1px solid;}
.CategoryTitle a:before{ content: ""; display: block; width: 100%; height: 1px; background:#e6e6e6; position: absolute; left: 0; bottom: -1px;  }
.CategoryTitle a.on{ background: #94070a; color: #fff; }

.linkBnt{ display: block;text-align: center;margin: 30px 0; overflow: hidden;}
.linkBnt a{ display: inline-block; background: #94070a; padding: 13px 38px;  border-radius: 30px; }
.linkBnt a:hover{ color: #fff; opacity: 0.9;}


/*建言献策*/
.Suggestion{ overflow: hidden; }
.Suggestion li{ background:#f7f7f7; border-left: #94070a 5px solid; padding: 25px 35px; position: relative; margin-bottom: 40px; overflow: hidden; }
.Suggestion li > div{ overflow: hidden; }
.Suggestion li h3{ margin-bottom: 15px; font-size: 16px; font-size: 1.6rem; }
.Suggestion li p{ color: #666; line-height: 24px; } 
.Suggestion li .weixin{ padding-right: 200px; }
.Suggestion .erweima{ display: block; width: 85px; height: 85px; position: absolute; right: 50px;top: 10px;}

 

/*图片列表页*/
.newsList02{ margin: -20px -12px 0 -12px; overflow: hidden; }
.newsList02 li{ border-bottom: #eee 1px solid; overflow: hidden; }
.newsList02 li a{ display: block; margin: 20px 12px; 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; margin-top: 8px;}
.newsList02 .date{ color: #999; background: url(../images/datebg.png) no-repeat left center; padding-left: 20px;} 


/*机构设置*/
.gp-title{ display: inline-block; color: #fff; background: #94070a; margin: 24px 0; padding: 6px 50px 6px 20px; position: relative;}
.gp-title:before{ content: ""; display: block; width: 22px; height: 40px; background: url(../images/gp-titlebg.png) no-repeat; 
position: absolute; right: -22px; top: 0;}

/*联系我们*/
.sub-list{border: #ebebeb 1px solid;overflow: hidden;margin-bottom: 40px;}
.sub-list li:nth-child(odd){ background: #f0f0f0; overflow: hidden; }
.cur-leader{overflow: hidden;}
.cur-leader span{ width: 26%; padding:2% 3%;display: block;font-size: 16px;font-size: 1.6rem;}
.cur-leader .l-title{float: left;}
.cur-leader .l-person{ float: left; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}
.cur-leader .l-tel{ float: left; }
.cur-leader .l-classify{ width: 67.8%; float: left; border-left: 1px solid #e5e4dc; padding: 0;}
.cur-leader .l-classify dd{ padding:2.2% 3%; overflow: hidden;}
.cur-leader .l-classify dd:nth-child(even){ background: #f0f0f0; overflow: hidden; }
.cur-leader .l-classify .l-name{ padding: 0; width:47.5%; float: left; position: relative;}
.cur-leader .l-classify .l-name:before{ content: ""; display: block;width: 1px; height: 60px; background:#e5e4dc; position: absolute; right: 2px; top: -19px; }
.cur-leader .l-classify .l-tel2{ width: 45%; float: left; padding: 0 0 0 4%;}
.cur-leader a{display: inline-block;*display: inline;*zoom:1;}

.cur-leader .l-classify02{ width: 67.8%; float: left; border-left: 1px solid #e5e4dc; padding: 0;}
.cur-leader .l-classify02 dd{ padding:3% 3%; overflow: hidden;} 
.cur-leader .l-classify02 dd:nth-child(even){ background: #fff; overflow: hidden; }
.cur-leader .l-classify02 .l-name{ padding: 0; width:22%; float: left; position: relative;}
.cur-leader .l-classify02 .l-name:before{ content: ""; display: block;width: 1px; height: 60px; background:#f0f0f0; position: absolute; right: 2px; top: -19px; }
.cur-leader .l-classify02 .l-position{width:22%; float: left;padding: 0 3%;}
.cur-leader .l-classify02 .l-tel2{ width: 40%; float: left; padding: 0 0 0 4%;}


.Annex2{ background: #f7f7f7; padding: 20px; overflow: hidden; }
.Annex2 h3{ display:block; width: 65px; float: left; }
.annexList2{ margin-left: 65px; overflow: hidden; }
.annexList2 li a{ display: block; padding:0 0 20px 0; }

.Link{ padding: 20px; overflow: hidden; }
.Link li{ padding: 10px 0; }
.Link li .rightDate{ color: #94070a; float:left; }
.Link li a{ display: block; margin-left: 100px; }


/*附件*/
.Annex{ margin: 35px 0 60px 0; overflow: hidden; position: relative;} 
.Annex h3{  overflow: hidden; position: relative;} 
.annexList{overflow: hidden; padding: 15px 20px;}
.annexList li{ overflow: hidden; position: relative;/*! padding: 5px 0; */}
.annexList li:last-child{ border-bottom: none;}
.annexList li a{line-height: 24px;color: #999;}
.annexPrev{ line-height: 28px;background: #f7f7f7;padding: 10px 20px;}
.annexPrev h3{ display:inline-block; float: left; color: #666;}
.annexPrev a{ display: block; margin-left: 50px; color: #666;}

 
/*分享*/
.share{ position: absolute; right: 0; bottom: 86px; } 
.share{width: 260px; text-align: center;  overflow: hidden;} 
.share .bdsharebuttonbox  > a{padding-left: 0;margin:0 10px !important;;height: 24px;text-indent: 0;width: 24px;line-height:24px;text-align: center;  
   background: none; display: block;transition: all 0.3s ease-in-out;}   
.share span{ 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/QQ.png) no-repeat center; }
.share .bdsharebuttonbox  > a.bds_more{background:url(../images/bds_more.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:5px 5px;  vertical-align: top;font-size: 14px; font-size: 1.4rem;height: 30px;line-height: 30px;width: 30px;transition: all 0.3s ease-in-out;/*! border-radius: 50%; */border: #d7dfdc 1px solid;/*! color: #999999; */}
.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 {width: 46px; /*! font-size: 22px; */padding: 0 5px;}

.gp-page .gp-page-next:hover{background:#94070a;}
.gp-page .gp-page-prev:hover{background:#94070a;}
.gp-page .gp-page-start,.gp-page .gp-page-end{}
.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: #94070a; position: relative; }
.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:1000px) {
   .subPage-con{padding: 20px 0 0 0; }
   .subCon{ 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;}
   .gp-subRight{margin-left: 0;}
   .gp-bread{ padding:8px 20px;  }
  .share{ position: static;float: right;}
  .Annex{ margin-bottom: 20px; }
  .sub-leftTitle{ display: none; }
  .pku-list01 li a,.pku-list02 li a{ height: auto; }
  .pageArticleTitle02{ margin: 6px 0 22px 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) {
   .gp-subRight{ border:none; }
   .gp-subRight-con{ padding: 25px 0; }
   .newsList .artCon{ height: auto; }
   .gp-title{ margin: 15px 0; }
   .Suggestion li{ padding: 20px; }
}
 

@media screen and (max-width:640px) {
   .pku-list01 li .date,.pku-list02 li .date{ float: none; }
   .cur-leader span{ width: 19%; }
   .cur-leader .l-classify,.cur-leader .l-classify02{ width: 74.5%; }
   .pku-list03 .gp-img-responsive{ width: 200px; height: 124px;}
   .pku-list03 .artText{ margin-left: 200px; }
   .CategoryTitle a{ width: 45%;  padding: 2%; }
}

@media screen and (max-width:480px) {
   .newsList02 .artCon{ height: 48px; }
   .pku-list03 .gp-img-responsive{ width: 100%; height:0; padding-bottom: 62%; float: none; }
   .pku-list03 .artText{ margin: 0; }
   .iconLink .iconImg{ width: 122px; }
   .iconLink .icon{ transform: scale(0.6); }
   .iconLink .iconText{ margin-left: 122px; }
   .CategoryTitle a{ width:99%; padding: 12px 0; border-left: #e6e6e6 1px solid;border-right: #e6e6e6 1px solid;}
   .Link li a{ margin-left: 75px; }
   .Suggestion li .weixin{ padding-right: 20px; }
   .Suggestion .erweima{ position: static; margin: 20px auto; }
}




