@charset "utf-8";
.ztzl_title{ height: 56px; line-height: 56px; border-bottom: 1px solid #E1E1E1; font-size: 18px; color: #2f73b2; font-weight: bold; margin-bottom: 20px;}

/*热点专题*/
.hot_topic{ width: 1220px; height: auto; overflow: hidden;}
.hot_topic li{ float: left; width: 590px; height: 160px; margin: 0 20px 20px 0; overflow: hidden;}
.hot_topic li a.img{float: left; display:block; position: relative; width:260px; height:160px; margin-right: 20px;}
.hot_topic li a.img img{width:260px; height:160px;}
.hot_topic li a.img:before { 
	content: ""; 
	position: absolute; 
	width:200px; 
	height: 100%; 
	top: 0; 
	left: -150px; 
	overflow: hidden;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255,255,255,0)), color-stop(0.5, rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg)
}
.hot_topic li a.img:hover:before { left: 150%; transition: left 1s ease 0s; }

.hot_topic li h3{ height: 40px; line-height: 40px; background: url(../images/ztzl_hot_icon.png) left center no-repeat; font-size: 18px; color: #333333; font-weight: bold; text-indent: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hot_topic li p{margin-top: 8px; line-height: 24px; font-size: 16px; color: #999999; text-indent: 30px; max-height: 72px;overflow: hidden; text-overflow: ellipsis;}
.hot_topic li a.btn{margin-left:490px ; margin-top: 10px; display: block; width: 96px;height: 30px; line-height: 30px; color: #FFFFFF; background: #0077dd; border-radius: 5px; text-align: center;}
.hot_topic li a.btn:hover{ background: #309cf8;}

/*往期专题*/
.past_topic{ width: 1220px; height: auto; overflow: hidden;}
.past_topic li{ float: left; width: 251px; height:156px ; padding: 16px; border: 1px solid #E1E1E1; margin: 0 20px 20px 0;}
.past_topic li h3{ height:24px ; line-height: 24px; color: #333333; font-size: 16px; font-weight: bold; background: url(../images/ztzl_past_tit_icon.png) left center no-repeat; text-indent: 25px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px;}
.past_topic li p{ line-height: 24px; max-height: 72px; font-size: 16px; color: #999999; text-indent: 30px; overflow: hidden; text-overflow: ellipsis;}
.past_topic li a{float: right; display: block;width: 94px;height: 28px; margin-top: 15px; line-height: 28px; color: #666666; border: 1px solid #e1e1e1; border-radius: 5px; text-align: center;}
.past_topic li:hover{ border-color: #0077DD;}
.past_topic li:hover h3{ background-image: url(../images/ztzl_past_tit_icon_on.png);}
.past_topic li:hover h3,.past_topic li:hover p{ color: #0077dd;}
.past_topic li:hover a{ border-color: #0077DD; color: #0077DD;}
.past_topic li a:hover{ background: #0077DD; color: #FFFFFF;}


/*分页*/
#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: #333333;
}

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

@media screen and (max-width:1199px) {
	.hot_topic,.past_topic{ width: 100%;height: auto; }
	.hot_topic li{ width: 100%; margin-right: 0;}
	.hot_topic li a.btn{ margin-left: 280px;}
	.past_topic li{ width: 32%; margin-right: 2%; box-sizing: border-box; height: auto; border-radius: 8px;}
	.past_topic li:nth-child(3n){ margin-right: 0;}
}
@media screen and (max-width:768px) {
	.past_topic li{ width: 49%; }
	.past_topic li:nth-child(3n){ margin-right: 2%;}
	.past_topic li:nth-child(2n){ margin-right: 0;}
}
@media screen and (max-width:560px) {
	.past_topic li{ width: 100%; margin-right: 0 !important; margin-bottom: 10px; }
	.past_topic li a{background: #0077DD; color: #FFFFFF;}
	
	.hot_topic li{ height: auto; margin-bottom: 0;}
	.hot_topic li a.img{ float: none; margin: 0 auto;}
	.hot_topic li h3{ text-align: center; background: none; text-indent: 0;}
	.hot_topic li p,.hot_topic li a.btn{ display: none;}
	
	.ztzl_title{ height: 40px; line-height: 40px;}
}