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

ol{line-height: 2.4;}
ol a{font-size: 14px; font-size: 1.4rem; color: #666;}

.main .leftNav{float: left; width: calc(100% * 0.2 - 40px); margin-right: 40px;}
.main .right{float: left; width: calc(100% * 0.8);}

.main .leftNav h3{background: url(bg_col_left_klnhf.jpg) no-repeat 0 8px; font-size: 24px; font-size: 2.4rem; color: #fff; line-height: 1.5; padding: 15px 20px 15px 30px;}
.main .leftNav ul{background: #f0f5ff; padding-bottom: 20px;}
.main .leftNav li{font-size: 18px; font-size: 1.8rem; line-height: 1.4;}
.main .leftNav li a{display: block; color: #0f0f0f; border-bottom: 1px solid #dedede; padding: 15px 20px 15px 23px;}
.main .leftNav li a:hover, .main .leftNav li.active a{color: #0d3f9f; border-bottom: 1px solid #0d3f9f;}

.main h3{font-size: 24px; font-size: 2.4rem; color: #0d3f9f; line-height: 1.6;}
.main h3 p{display: inline-block; font-size: 16px; font-size: 1.6rem; padding: 0 5px;}
.main h3 a{font-size: 16px; font-size: 1.6rem; }
.main .line {width: 46px; height: 2px; background: #c0c7cb; margin-top: 10px;}

/*文字列表*/
.list-date li{background: url(ico_2arrow_red.png) no-repeat 0 15px; padding-left: 22px; line-height: 2.5;}
.list-date li time{float: right; padding-left: 15px; color: #7E7E7E;}

/*图片列表*/
#gallery-wrapper{position: relative;}
img.thumb{width: auto; max-width: 100%; height: auto;}
.white-panel{position: absolute; background: #fff; border-radius: 3px; border: 1px solid #E7E7E7; box-shadow: 0px 1px 2px rgba(0,0,0,0.3); padding: 10px;}
.white-panel h1{font-size: 16px; font-size: 1.6rem; line-height: 1.4; padding: 8px 0;}
.white-panel a h1{color: #0d3f9f;}
.white-panel:hover{box-shadow: 1px 1px 10px rgba(0,0,0,0.5); margin-top: -5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*新闻图文列表*/
.list-picnews li img{float: left; width: calc(100% * 0.3 - 20px); margin-right: 20px;}
.list-picnews-txt{float: left; width: calc(100% * 0.7);}

.list-picnews li{ background:#f9fbff; overflow:hidden; margin-bottom:30px;}
.list-picnews-txt{padding:20px; overflow:hidden}
.list-picnews-txt h5{font-size:20px; margin-bottom:8px; line-height:32px}
.list-picnews-txt h5 a{color:#444}
.list-picnews-txt p{font-size:16px;font-family: 'OpenSans-Regular'; line-height:28px;}
.list-picnews-txt h6{font-size:16px; color:#adadad;font-family: 'OpenSans-Regular'; margin-top:10px}

/*人员列表*/
.list-people{margin-left: -10px;}
.list-people section{display: inline-block; vertical-align: top; width: calc(100% / 5 - 40px); margin: 0 18px;}
.list-people .image-box{border:1px solid #ddd; padding:5px; margin-bottom:25px; -webkit-box-shadow: 0px 0px 3px #bbb; -moz-box-shadow: 0px 0px 3px #bbb; box-shadow: 0px 0px 3px #bbb; max-height:350px;}
.list-people .image-box:hover{
  -webkit-box-shadow: 0px 0px 15px #aaa;
  -moz-box-shadow: 0px 0px 15px #aaa;
  box-shadow: 0px 0px 15px #aaa;
}
.list-people .img-hover img{width:100%;max-width:172px;}
.list-people .image-box span{float:left; width:100%; padding:10px;}
.list-people .image-box span a{float:left; width:100%; color:#999; font-size:14px; font-size:1.4rem;}
.list-people .image-box span a b{font-size:16px; font-size:1.6rem; color: #333; float:left; width:100%; padding: 5px 0;}
.list-people .image-box span a em{float:left; width:100%;}



/*page*/
.pagination .page {float: left; margin-left: -1px; padding: 8px 12px; position: relative; text-decoration: none;}
.pagination .inactive {background: #e4e9ee; border: 1px solid #c8d1e6; color: #3287da;}
.pagination .active {background: #e4e9ee; border: 1px solid #c8d1e6; color: #1555ba; cursor: default; z-index: 2;}
.pagination-m button{ width:80%; color: #3287da; border:1px solid #c8d1e6; font-size:18px; font-size: 1.8rem; border-radius:4px; padding: 15px; margin-bottom: 20px;}

/*细览*/
article{padding: 0 30px;}
article h1{color: #000; font-size: 24px; font-size: 2.4rem; line-height: 1.6; text-align: center; font-weight: bold;}
article h5{color: #666; font-size: 14px; font-size: 1.4rem; line-height: 2; text-align: center; margin: 15px 0; border-bottom: 1px solid #d9d9d9;}
.detail *{font-size:16px !important; line-height:1.8 !important;}
.detail p{margin-bottom:26px !important;}
.detail img{margin: 20px auto !important;}

/*手机总体*/
@media screen and (max-device-width: 1023px) {
	.main{padding: 0 10px;}
	/*.leftNav{display: none;}*/
	.main .leftNav{float: none; width: 100%; margin-right: 0;}
	.main .right{float: none; width: 100%;}
	
	.main .leftNav h3 {background: none; border-bottom: 2px solid #0960C8; padding-left: 0;}
	.main .leftNav h3 span{background: #0960C8;padding: 15px 30px;}
	.main .leftNav a.icon{
		float: right;
		display: block;
		padding: 5px 10px;
		color: #0960C8;;
	}
	.navleft{
		display: none;
		margin-top: 2px;
		background: rgba(34, 54, 175, 0.8)
	}
	.navleft.responsive {
		position: absolute;
		display: block;
		right: 0; top:20;
		z-index: 99;
		width: calc(100% - 20px);
		margin: 0 10px;
	}
	.navleft.responsive li{
		display: block;
	}
	.navleft.responsive li a {
		float: none;
		display: block;
		text-align: left;
	}
	
	.list-date li{background-position: 0 8px; line-height: 1.6; padding-bottom: 5px;}
	.list-people section{float: left; width: calc(100% / 4 - 40px);}
	
	.pagination{display: none;}
	.pagination-m{display: block;}
	.pagination-m li{text-align: center;}
	
}
/*pc总体*/
@media screen and (min-device-width: 1024px) {
	.pagination{display: block;}
	.pagination-m{display: none;}
}
/*5*/
@media screen and (min-device-width: 300px) and (max-device-width: 373px) {

}
/*6*/
@media screen and (min-device-width: 374px) and (max-device-width: 412px) {

}
/*5、6、plus*/
@media screen and (min-device-width:300px) and (max-device-width: 767px) {
	.list-date li time{float: none; padding-left: 0; padding-right: 5px;}
	.list-people section{width: calc(100% / 2 - 40px);}
}

/*ipad*/
@media screen and (min-device-width:768px) and (max-device-width: 1023px) {
}
/*1280 1366*/
@media screen and (min-device-width: 1024px) and (max-device-width: 1367px) {
	.main .leftNav{float: left; width: calc(100% * 0.3 - 40px); margin-right: 40px;}
	.main .right{float: left; width: calc(100% * 0.7);}
	
	.main .leftNav h3{background-size: cover;}
	
	.list-date li{background-position: 0 10px; line-height: 1.8; padding-bottom: 5px;}
}
/*1920*/
@media screen and (min-device-width: 1368px) and (max-device-width: 1440px) {
	.detail img{ max-width: 800px;}
}
/**/
@media screen and (min-device-width: 1441px) {
}

/*pad横屏*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.list-people section{width: calc(100% / 4 - 40px);}
}
/*pad竖屏*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:portrait){
}
/*手机横屏*/
@media only screen and (min-device-width : 300px) and (max-device-width : 767px) and (orientation : landscape){
	.list-people section{width: calc(100% / 3 - 40px);}
}
/*手机竖屏*/
@media only screen and (min-device-width : 300px) and (max-device-width : 767px) and (orientation:portrait){
}