@charset "utf-8";
/* CSS Document */

/*---articlelist----*/
.news-grid{
	background:#fff;
	margin-bottom: 1px;
	margin: 0.7em 1em;
	cursor:pointer;
	padding:.3em;
	box-shadow: 0px 0px 1px rgba(51,51,51,0.5);
}
.latest-news-grid-pic{
	float:left;
	width: 20%;
}
.latest-news-grid-pic img{
	display:block;
	width:100%;
}
.latest-news-grid-info{
	float: right;
	width: 78%;
	padding: .3em 0;
}
.latest-news-grid-info p{
	width: 97%;
	line-height: 1.5em;
}

.latest-news-grid-info .title{
	font-size:15px;
	font-weight:800;
}

.latest-news-grid-info .detail{
	font-size:15px;
	color:#838383;
}


.latest-news-grid{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	cursor:pointer;
}

.latest-news-grid:hover{
	background:#fafafa;
}
.latest-news-grid:hover .latest-news-grid-info p{

}

.btn_gray {
	width: 117px;
	padding: 4px 0 4px 12px;
	background: #8a8a8a url(../images/syscommon/a16_2.png) 90% 50% no-repeat;
    display: inline-block;
    min-width: 73px;
    padding: 6px 0 5px;
    color: #fff;
    font-size: 12px;
    border: 0 none;
    vertical-align: middle;
}

.btn_gray:hover{
	color: #fff;
}
/*---articlelist----*/


/*页码*/
.page-num{float: right; padding-top: 40px; } 
.page-num .top{color: #999;padding-right: 13px;} 
.page-num .num{color: #666;width: 20px;height: 20px;text-align: center;line-height: 20px;margin: 0 5px;display: inline-block;} 
.page-num .next{padding-left: 13px; } 
.page-num .prev{padding-right: 13px; } 
.page-num .next img,.page-num .prev img{width: 8px; } 
.page-num .next img.on,.page-num .prev img.on{display: none;}
.page-num span{color: #999; padding: 0 20px 0 25px; } 
.page-num span i{color: #666;padding: 0 6px;} 
.page-num .down{color: #999; } 
.page-num .num:hover,
.page-num .num.on{color: #fff; background: #6cbd65; border-radius: 100%; } 
.page-num .top:hover,
.page-num .down:hover{color:#6cbd65; }
.page-num .next:hover img.off,.page-num .prev:hover img.off{display: none;}
.page-num .next:hover img.on,.page-num .prev:hover img.on{display: inherit;}
