#nav{position: relative;}
#container{padding-bottom: 3%;}
.byly{padding: 40px 20px 100px 20px;}

.byly .sub_nav li{
	display: block;
	clear: both;
	padding-top:20px;
}
.byly .sub_nav h2{
	color: #d21b3f;
    line-height: 36px;
    font-weight: bolder;
    margin-bottom:20px;
    font-size:20px;
}
.byly .sub_nav li.menu_list{
	padding-top:0;
	width:100px;
	height:40px;
	text-align:center;
	float:left;
	clear:none;
	border:1px solid #eee;
	margin-right: 11px;
	margin-bottom:10px;
	line-height:40px;
	background:#fff;
	border: 1px #eaeaea solid;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	-moz-border-radius: 5px;      
	-webkit-border-radius: 5px;   
	border-radius: 5px;           
}
.news_content{clear: both;padding-top: 20px;*padding-top: 10px;}
.news_content h2.nav_title{font-size: 28px;font-weight: bold;line-height: 1.25em;color:#a70910;border-bottom: 2px solid #a70910;padding-bottom: 0.75em;}

.news_content .list_content{padding-top: 20px;}
.news_content .list_content li{width: 25%;float: left;margin-bottom: 25px;*margin-bottom: 15px;position: relative;}
.news_content .list_content li .img_cont{position: relative;margin:0 11px\9;*margin-bottom: 25px;background: #f0efef;}
.news_content .list_content li .img_cont .img_tit{padding: 20px 18px 0 18px;font-size: 16px;line-height: 1.5em;height: 5.5em;overflow: hidden;text-align: center;}
.news_content .list_content li a.imgs img{width: 100%;height: 130px;}
.news_content .list_content .thumb{bottom: 1em;color: #999;position: absolute;width: 100%;line-height: 10px;}
.news_content .list_content .thumb span{font-size: 13px;}
.news_content .list_content .thumb span.date{padding-left: 20px; padding-right: 3px;}
.news_content .list_content .thumb span.click{font-size: 13px;float: right;color: #999;padding-right: 20px;}
.news_content .list_content li .img_cont{margin: 0 20px;}
.news_content .list_content li:nth-of-type(4n+1) .img_cont{margin-right: 20px;margin-left: 0;}
.news_content .list_content li:nth-of-type(4n+2) .img_cont{margin-right: 15px;margin-left: 5px;}
.news_content .list_content li:nth-of-type(4n+3) .img_cont{margin-right: 5px;margin-left: 15px;}
.news_content .list_content li:nth-of-type(4n) .img_cont{margin-right:0;margin-left: 20px;}

@media screen and (max-width: 1024px) {
	.byly .sub_nav li.menu_list{margin: 15px 12px 0;} 
	.byly .sub_nav h2{padding-left: 10px;}
	.news_content{margin: 0 20px;}
	.news_content .list_content li{width: 33.3%}
	.news_content .list_content li .img_cont{margin: 0;}
	.news_content .list_content li:nth-of-type(3n) .img_cont{margin-right: 0;margin-left: 20px;}
	.news_content .list_content li:nth-of-type(3n+1) .img_cont{margin-right: 20px;margin-left: 0;}
	.news_content .list_content li:nth-of-type(3n+2) .img_cont{margin-right: 10px;margin-left: 10px;}
}
@media screen and (max-width: 640px) {
	.news_content .list_content li{width: 50%}
	.news_content .list_content li:nth-of-type(2n) .img_cont{margin-right: 0;margin-left: 20px;}
	.news_content .list_content li:nth-of-type(2n+1) .img_cont{margin-right: 20px;margin-left: 0;}
}
@media screen and (max-width: 480px) {
	.byly .sub_nav li.menu_list{margin: 15px 2% 0;width: 28%;} 

}
@media screen and (max-width: 420px) {
	.byly .sub_nav h2{padding-left: 20px;}
	.byly .sub_nav li.menu_list{margin: 15px 4% 0;width: 40%;} 
	.news_content .list_content li{width: 100%;}
	.news_content .list_content li:nth-of-type(n) .img_cont{margin: 0;}
}