@charset "utf-8";
.foot{border-top: 3px solid #1B64B4;}

/*列表页*/
.cont_left{ float: left; width: 264px; height: auto; margin-bottom: -20000px; padding-bottom:20000px;}
.cont_left .cont_left_tit{ width: 100%;  line-height: 32px; padding: 15px 0; color: #1b64b4; font-size: 24px; font-weight: normal;border-bottom: 1px solid #e1e1e1; }
.list_nav_left{width: 100%; height: auto;  overflow: hidden;}
.list_nav_left li{ height: 50px; width: 100%;position: relative; }
.list_nav_left li a{ display:block; height: 49px; line-height: 49px; border: 1px solid #e1e1e1; border-top: 0; text-indent: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #333333; font-size: 18px;}
.list_nav_left li a:hover{ text-decoration: none;}
.list_nav_left li.active a{ background: url(../images/clx_list_nav_arrow.png) no-repeat 228px center #f0f0f0; border-left: 3px solid #2979c3; color:#1b64b4; text-indent: 33px;}
.list_nav_left li:hover a{ background: #f0f0f0; color: #1b64b4;
transition:linear 0.3s;
-webkit-transition:linear 0.3s;
-moz-transition: linear 0.3s;
}

.cont_right{ float: right; width: 906px; height: auto; margin-bottom: -20000px; padding-bottom:20000px;}
.cont_right .cont_right_tit{ height: 62px; line-height: 62px; border-bottom: 2px solid #1b64b4; margin-bottom: 20px; font-size: 18px; color: #333333; font-weight: bold;}
.cont_right .cont_right_tit a{ font-size: 18px; color: #333333; font-weight: bold;}
.cont_right .cont_right_tit a:hover{color: #1B64B4; }
.news_list{ width: 100%; height: auto;  margin-top: 15px; overflow: hidden;}
.news_list li{ height: 36px; line-height: 36px; vertical-align: top; overflow: hidden;}
.news_list li a{ float: left; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 16px;}
.news_list li a:hover{ color: #1B64B4;}
.news_list li span{ float: right; font-size: 14px; color: #999;}
.news_list li.split{ border-bottom: 1px dashed #d9d9d9; padding-bottom: 10px; margin-bottom: 10px;}

/*图片列表*/
.pic_list{ width: 936px; height: auto;}
.pic_list li{float: left; margin-right: 30px; margin-bottom: 30px; width: 262px; height: 224px; padding: 10px; background: #f0f0f0; overflow: hidden;transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-moz-transition: all 0.4s; }
.pic_list li a.pic{ display: block; width: 100%; height: 194px; overflow: hidden;}
.pic_list li a img{ width: 262px; height: 194px;
	transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-moz-transition: all 0.4s; 
}
.pic_list li p{ height: 30px; line-height: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic_list li p a{ color: #333333; font-size: 16px;}
.pic_list li p a:hover{ color: #1B64B4;}
.pic_list li img:hover{
	-webkit-transform: scale( 1.06,1.06);
	 -moz-transform: scale( 1.06,1.06); 
	 -ms-transform: scale( 1.06,1.06); 
	 -transform: scale( 1.06,1.06);  }
.pic_list li:hover{ -moz-box-shadow:3px 3px 5px #999999; -webkit-box-shadow:3px 3px 5px #999999; box-shadow:3px 3px 5px #999999;}

/*右侧文章页*/
.article{ padding: 30px 20px; background: #FFFFFF;}
.article h2{ font-size: 26px; color: #333333; font-weight: bold; text-align: center; line-height: 40px;}
.article h4.subTitle{ font-size: 20px; color: #2979c3; font-weight: normal; text-align: center; line-height: 36px; margin-top: 10px;}
.article p.info{ text-align: center; font-size: 14px; color: #999; margin-top: 20px;}
.article p.info a{ color: #999; margin: 0 5px;}
.article p.info a:hover{ color: #1B64B4;}
.art_cont{ font-size: 16px; line-height: 30px; padding: 30px 0;min-height:240px;}
.art_cont p{ font-size: 16px; line-height: 30px;}
.art_cont img{ max-width: 100%; height: auto;}
.art_cont table td{ border: 1px solid #e1e1e1;}
/*分页*/
#pages {
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #333;
}

#pages a, #pages span {
	margin: 0;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ebebeb;
	border-bottom: 3px solid #EBEBEB;
	color: #333;
	background: #f7f7f7;
	display: inline-block;
}

#pages a:hover{
	border-bottom-color:#007ab9;
	background: #FFFFFF;
}

#pages span {
	background: #FFFFFF;
	color: #333;
	border-bottom-color:#007ab9;
}

#pages span {
	font-weight: bold;
	position: relative;
	top: 0px;
}

#pages a.previous {
	width: 72px;
	position: relative;
	top: 0px;
	color: #cccccc;
}

#pages a.next {
	width: 72px;
	position: relative;
	top: 0px;
	color: #cccccc;
}

@media screen and (max-width: 1200px) {
	.cont_left{ width: 25%;}
	.cont_right{ width: 74%;} 
	.pic_list{ width: 100%;}
	.pic_list li{ width: 28%; height: auto; margin: 0 1.5% 20px; padding: 10px 1%;}
	.pic_list li a.pic,.pic_list li a img{ width: 100%; height: auto;}
}
@media screen and (max-width: 760px) {
	.cont_left{display: none;}
	.cont_right{ width: 100%;} 
}
@media screen and (max-width: 640px) {
	
	.news_list li span {display: none;} 
	.news_list li a{ max-width: 100%;}
	.pic_list li{ width: 96%; margin: 0 auto 20px; padding: 10px 2%;}
}
@media screen and (max-width: 480px) {
	
	.news_list li span {display: none;} 
	.news_list li a{ max-width: 100%;}
	.cont_right .cont_right_tit{ height: 40px; line-height: 40px;}
}