﻿@charset "utf-8";
/* CSS Document */

.sub_banner{width: 100%; background: #fff; text-align: center;overflow: hidden;z-index:1;}
.sub_banner_con{position: relative;max-width: 1400px;overflow: hidden;margin: 0 auto;}
.sub_banner_bg{position: absolute;top:0;left: 0;width: 100%;height: 98px;background: url(../images/subBanner_bg.png) repeat-x;z-index:3;}

.subPage{max-width:1200px;margin:0px auto 70px;position:relative;z-index:2;min-height: 500px;}


.bread{ width: 100%; margin:10px auto 20px; line-height:18px; text-align: right;border-bottom: 1px solid #b8c8d9;  color:#999999;font-size:14px;padding-bottom: 15px;}
.bread span{font-weight:normal;color:#999999;font-size:14px; }
.bread span a{color:#999999;font-size:14px;}
.bread a:hover{color:#00366f;}

/*二级栏目*/
.sub_mbtn{width:100%;height:40px;line-height: 40px;background-color:#dcebff;cursor:pointer;display:none;color: #184179;}
.sub_mbtn i{font-size: 26px;font-weight: bold;padding-left: 15px;}

/*.open{background:url(../images/sub-mbtn.png) no-repeat center center;background-color:#cda04a;}*/
.sub_navm{ width:100%; overflow: hidden;display: none;margin-bottom: 20px;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#074ba7;color:#fff;padding-left: 21px;font-weight: bold;font-size: 16px;}
.sub_navm h2 a{padding-left:13px;font-size: 14px; font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.sub_navm ul{background-color:#d9e8fe;}
.sub_navm li{position: relative;}
.sub_navm li a{color:#515151;padding: 0 20px;height:40px;line-height:40px;border-bottom:1px solid #adcaf4;display:block;font-size: 14px;}
.sub_navm li a:hover{color:#074ba7;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#074ba7;}
.sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;}
.sub_navm dl dd{line-height:18px; padding:0px 0px 0px 15px;border-bottom:1px solid #ddd;}
.sub_navm li.on dl dd a{ font-size: 14px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;}
.sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#a70510}

/*左侧边栏*/
.sub_left{width:250px;overflow:hidden;float:left;z-index:999;margin-top: -86px;}
.sub_left .sub_leftTitle{}
.sub_left .sub_leftTitle h2{color:#fff;text-align: center; font-size:30px;height: 120px;line-height: 120px; background: url(../images/sub_left_title.jpg) no-repeat center top #00366f;font-weight: normal;}

.sub_left .sub_nav li {position: relative;padding:0 9px 0 22px;}
.sub_left .sub_nav li a{font-size: 16px;text-align: left;padding: 18px 20px; display: block;color:#666;transition:all 0.5s ease-in-out;border-top: 1px solid #a7b8cc;position: relative;}
.sub_left .sub_nav{overflow:hidden;background: #dfe9f7;padding-bottom: 100px;}
.sub_left .sub_nav li.last a{border-bottom: 1px solid #a7b8cc}

.sub_left .sub_nav li a:after{ position: absolute;content: '';clear: both;left: 10px;width: 10px;height: 0px;background: #6d9de1;transition:all 0.5s ease-in-out;}
.sub_left .sub_nav li a:hover,.sub_left .sub_nav li a.active{color:#00366f;font-weight: bold;padding-left: 40px;border-top-color: #6d9de1;}
.sub_left .sub_nav li a:hover:after,.sub_left .sub_nav li a.active:after{height: 20px;}



/*右侧*/
.sub_right{margin: 0px auto ;margin-left: 250px;}
.pageArticle{ overflow: hidden; margin-left: 38px;}






/*分页*/
.pages{ text-align:center; height:39px; font-size:16px; line-height:37px; margin:20px 0 30px; overflow: hidden;}
.pages span{ color:#2b60ab; padding:0 20px 0 0px; font-size:16px;}
.pages a{border:1px solid #2b60ab; display: inline-block; *display:inline; *zoom:1; vertical-align: middle;height: 35px;*height:35px; font-size:14px; text-align:center;color:#777;width: 37px;}
.pages a.start,.pages a.prev,.pages a.next,.pages a.end{width: auto;padding:0 15px;}
.pages a.start{border-left: 1px solid #2b60ab;}
.pages a img{*display:block; *margin-top: 8px;}
.pages a.on_pages,.pages a:hover{ background: #2b60ab;color:#fff; }

.pages_min{ margin: 25px 0; overflow: hidden; display: none;font-size:14px;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; font-size: 13px; float:left; background: #e7e7e7; border-radius: 3px; color:#666666; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#2b60ab; color:#fff; transition:0.3s;}



/*文章页*/
.sub_right_article{position: relative;}
.pageArticle{}
.articleTitle{text-align: center;margin-bottom: 30px;margin-top: 30px;}
.articleTitle h3{font-size: 24px;font-weight: normal;}
.articleAuthor{text-align: center;background: #f5f5f5 ;padding:10px 0; color:#999;font-size:14px;}
.articleAuthor span {display: inline-block;height: 20px;line-height: 20px;margin: 2px 0 2px 28px;}
.article {line-height: 24px;font-size: 15px;color:#666;margin-top: 30px;}



/*分享*/
.shareBox{margin-left: 10px; text-align: right;overflow: hidden;float: right;}
.share{width: auto;height: auto;} 
.share_btn {font-weight: normal;float: left;line-height: 32px;}
.bdsharebuttonbox {float: left;}
.share a { padding-left: 0px !important;margin: 0px 0px 0 10px!important;float: left!important;width: 30px!important;height: 24px!important;}
.share a.bds_weixin{background:url(../images/weixin.png) no-repeat center center ;}
.share a.bds_tsina{background:url(../images/weibo.png) no-repeat center center ;}
.share a.qzone{background:url(../images/qzone.png) no-repeat center center ;}
.share a.bds_more{background:url(../images/share_more.png) no-repeat center center ;}


/*相关附件*/



.Annex {padding:0px; overflow:hidden; margin:20px 0 0 0;background: #f5f5f5;padding:10px 15px;}
.Annex strong { font-size: 16px; }
.Annex  a{font-size: 14px;}

.shareAnnexBox{overflow: hidden; margin-top: 20px;}
.nextArticle{padding-left: 10px;*float: left;}
.nextArticle a{color:#999999;font-size: 13px;height: 20px;line-height: 20px;overflow: hidden;display: block;overflow: hidden;}
.nextArticle a:hover{color:#00366f;}


.articleTitle1{margin-bottom: 20px;}
.articleTitle1 h2{font-size: 24px;text-align: left;font-weight: normal;}

.articleInfo{float: right;}


.subInfo01{text-align: center; overflow: hidden;background: #f5f5f5;padding:20px;}
.subInfo01 img{}


.subPictureList{overflow: hidden;width: 103%;}
.subPictureList li{float: left;width: 33.33%;*width: 33%;margin-bottom: 20px;}
.subPictureList li a{display: block;margin-right: 30px;}
.subPictureList .imgResponsive{padding-bottom: 62.14%;}
.subPictureList li p{text-align: center;height: 24px;line-height: 24px;overflow: hidden;font-size: 16px;margin-top: 10px;}
.sub_organBox{margin-bottom: 20px;}
.sub_organTitle{overflow: hidden;margin-bottom: 10px;}
.sub_organTitle h3{font-size: 18px;background: #008ace;width: 80px;height: 36px;line-height: 36px;overflow: hidden;padding: 0 40px;color:#fff;font-weight: 500;}

.sub_organList{background: #f5f5f5;padding:30px 30px 10px 30px;overflow: hidden;width: 100%;font-size: 0;}
.sub_organList li{display: inline-block;*display: inline;*zoom:1; width: 33.3%;font-size: 16px;overflow: hidden;vertical-align: bottom;}
.sub_organList li a{margin: 0 60px 0 0;padding-bottom:  15px;margin-bottom: 15px; overflow: hidden; display: block;font-size: 16px;color:666;border-bottom: 1px solid #d2d2d2;}

.subTalentBox{margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px dashed #d9d9d9; overflow: hidden;}
.subTalentBox a{display: block;overflow: hidden;}
.subTalentBox .subLeft{float: left;width: 180px;}
.subTalentBox .subRight{margin-left: 206px;}

.sub_talent_title{background: #f9f9f9;border-top: 2px solid #008ace;text-align: center;border-bottom: 1px solid #e5e5e5;}
.sub_talent_title h3{font-size: 18px;padding:15px 0;font-weight: normal;}
.subTalentBox .imgResponsive {    padding-bottom: 59.83%;}

.subTalentBox .subRight p{font-size: 14px;color:#666;line-height: 24px;overflow: hidden;height: 168px;}



.subScienceBox{overflow: hidden;margin-bottom: 40px;}
.subScienceTitle{background: #f9f9f9;border-top: 2px solid #008ace;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.subScienceTitle h3{padding:15px 20px;font-size: 16px;}
.subScienceInfo{}
.subScienceInfo p{font-size: 15px;line-height: 24px;color: #666;}

.subDisciplineBox{margin-bottom:30px;overflow: hidden;}
.subDisciplineTitle{margin-bottom: 20px;overflow: hidden;width: 103%;}
.subDisciplineTitle h3{float: left;width: 25%;}
.subDisciplineTitle h3 strong{color:#fff;font-size: 16px;display: block;margin-right: 29px; background: #008ace;padding:10px 20px;}
.subDisciplineList{overflow: hidden;width: 103%;font-size: 0;}
.subDisciplineList li{margin-bottom: 10px;width: 25%;*width: 24.9%;display: inline-block;*display: inline;*zoom:1;
vertical-align: middle;}
.subDisciplineList li a{position: relative; display: block; padding:10px 10px 10px 15px;overflow: hidden;font-size: 16px;border:1px solid #e5e5e5;margin-right: 30px;}
.subDisciplineList li a:after{position: absolute;left: 0;top:50%;margin-top: -5px; width: 4px;height: 10px;background: #008ace;content: '';clear: both;transition:all 0.5s ease-in-out;}

.subDisciplineList li a:hover{color:#fff;background: #008ace;border-color:#008ace;}
.subDisciplineList li a:hover:after{background: #fff;}


.subImgInfoBox{overflow: hidden;  }
.subImgInfoBox li{margin-bottom: 20px;background: #f5f5f5;padding:20px;}
.subImgInfoBox li a{display: block;}
.subImgInfo{overflow: hidden;}
.subImgInfo .left{float: left;width: 160px;height: 100px;overflow: hidden;}
.subImgInfo .imgResponsive{padding-bottom: 61.83%;background: #d1d1d1;}
.subImgInfo .right{margin-left: 180px;}
.subImgInfo .right h3{font-size: 16px;height: 22px;line-height: 20px;overflow: hidden;font-weight: normal;margin-bottom: 7px;}
.subImgInfo .right p{font-size: 14px;height: 42px;line-height: 21px;overflow: hidden;color:#999;margin-bottom: 10px;}
.subImgInfo .right span{font-size: 14px;font-family: 'Arial';color:#666;}
.subImgInfo .right span i{font-size: 14px;padding-right: 8px;color:#666;}
.subImgInfo .rightT{margin-left: 0;}

.subTextList{overflow: hidden;}
.subTextList li{}
.subTextList li a{display: block;overflow: hidden;padding:20px;}
.subTextList li .rightDate{*width: 55px; float: right;font-family: 'Arial';margin-left: 15px;padding-left: 15px;border-left: 1px solid #d9d9d9}
.subTextList li .rightDate strong{position: relative; font-size: 14px;color:#666;display: block;}
.subTextList li .rightDate strong b{position: absolute;top:0px;right:5px; font-weight: normal;font-size: 12px;color:#9ab7e0;}
.subTextList li .rightDate i{display: block;font-size: 12px;font-style: normal;color:#666;}

.subTextList li.even a{background: #f5f5f5;}
.subTextList li.odd a{background: #fff;}

.subTextList li p{font-size: 15px;color:#666;height: auto;display: block; line-height: 24px;transition:all 0.5s ease-in-out;}
.subTextList li a:hover p{color:#00366f;padding-left: 10px;}



@media screen  and (max-width:1380px) {
	.subPage{width:1000px;margin:0px auto 20px;}
	.subDisciplineTitle h3{width: 50%;}
	.articleTitle h3{font-size: 22px;}

}


	
@media screen  and (max-width:1200px) {
	
  .sub_banner_con{width: 100%;}
  .bread span a,.bread span{font-size: 12px}
  
	.article img{width: 100% !important;height: auto !important;}
	.sub_left .sub_leftTitle h2{font-size:28px;}
	.articleTitle1 h2{font-size: 20px;}
	.subPage{width: auto;padding: 0 15px;}
	.subDisciplineList li a{font-size: 14px;}
	.subDisciplineTitle h3 strong{font-size: 15px;}
	.subDisciplineList li{width: 33.3%;}
	.subDisciplineTitle h3{width: 33.3%;}

}
	

	
	


@media screen  and (max-width:992px) {

		.pages{ display: none; }
		.pages_min{display:block;}
		.sub_organList li{width: 50%;}
		.sub_left .sub_leftTitle h2{font-size:24px;}
		.subDisciplineTitle{width: 100%;}
		.subDisciplineTitle h3{width: 208px;}
		.subDisciplineTitle h3 strong{margin-right: 0;}
		.articleTitle h3{font-size: 20px;}
		.share{float: none;}
		.shareBox{float: none;text-align: left;margin-left: 10px;}
}		





@media screen and (max-width:767px) {
	.sub_mbtn{display: block;}
	.sub_left{display: none;}
	.sub_right{margin-left: 0;padding: 0 25px;width: auto;}
	.articleTitle1 h2{font-size: 20px;}
	.subPage{width: 100%;padding: 0;}
	.article{font-size: 14px;line-height: 24px;}
	.sub_rightT{padding: 0;}
	.pageArticle{margin-left: 0;}
	.sub_organList li a{font-size: 14px;}
	.sub_organTitle h3{font-size: 16px;padding:0 20px;}
	.sub_talent_title h3{font-size: 16px;}
	.subTalentBox .subRight p{font-size: 12px;height: auto;line-height: 20px;}
	.subScienceTitle h3{font-size: 15px;}
	.subScienceInfo p{font-size: 13px;line-height: 22px;}
	.subTextList li p{font-size: 14px;line-height: 20px;}

	
	

}

@media screen and (max-width:640px) {

	
	.share{position: static;margin-bottom: 20px;overflow: hidden;}
	.pageArticle02{width: 100%;}
	.articleTitle h3{font-size: 1.8rem;}
	.articleAuthor{font-size: 12px;}
	
	.Annex ul li{padding-left: 10px;}
	.pageArticle02{margin-left: 0;}
	.subPictureList {width: 106%;}
	.subPictureList li{width: 50%;}
	.subPictureList li p{font-size: 14px;}
	.subDisciplineList li{width: 50%;}
	


}


@media screen and (max-width:480px) {
	
  	.subPictureList {width: 100%;}
	.subPictureList li{width: 100%;float: none;}
	.subPictureList li a{margin-right: 0;}
	.sub_organList li{width: 100%;float: none;margin-bottom: 12px;}
	.sub_organList li a{margin: 0 60px 0 0;}
	.sub_organList {width: 100%;}
   	.subTalentBox .subLeft{float: none;width: 100%;}
   	.subTalentBox .subRight{margin-left: 0;margin-top: 20px;}
	.subDisciplineList li{width: 100%;}
	.subDisciplineList {width: 100%;}
	.subDisciplineList li a{margin-right: 0;}
	.subImgInfo .left{float: none;width: 100%;height: auto;}
	.subImgInfo .right{margin-left: 0;margin-top: 20px;}
	.subImgInfo .right h3{height: auto;font-size: 15px;}
	.subImgInfo .right p{font-size: 13px;height: auto;}
}



