@charset "utf-8";
@import url("reset.css");
@import url("header.css");
@import url("footer.css");

.djylz{width: 100%; padding: 20px; height: auto; min-height: 350px; background: #FFFFFF; overflow: hidden;}
.djzt{width: 100%; height: auto; overflow: hidden;}
.djzt a{width: 100%; height: 100%; display: block;}
.djzt img{width: 100%; height: auto;}

.Title{ height: 40px; border-bottom: 2px solid #dddddd; margin-top: 15px;}
.Title>span{display: inline-block;float: left;height: 40px;line-height: 40px;border-bottom: 2px solid #004eaf;font-size: 22px;color: #004eaf;padding: 0 10px;font-weight: bold;}
.Title>a{display: inline-block;float: left;height: 40px;line-height: 40px;font-size: 22px;padding: 0 10px;margin-right: 15px;font-weight: bold;}
.Title>a.on,.Title>a:hover{ border-bottom: 2px solid #004eaf; color: #004eaf;}
/*文章列表*/
.NewsList{padding: 10px 0; min-height: calc(100vh - 882px);}
.NewsList li{position: relative;overflow: hidden;font-size: 17px;line-height: 34px;margin: 5px 0;padding-left:20px;background: url(dian.png) no-repeat 2px center;}
.NewsList li a{ display: inline-block; float:left; max-width: 80%; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #333333; transition: all 0.3s;}
.NewsList li span{ display: inline-block; float: right; text-align: right; width: 18%; color: #666666;}
.NewsList li:hover a{ color: #004eaf; padding-left: 1%;}

@media screen and (max-width:750px ) {
	.djylz{width: 100%; padding: 10px;}
	.Title{margin-top: 5px;}
	.Title>span{font-size: 18px;}
	.NewsList li{font-size: 15px;}
	.NewsList li a{width: 70%;}
	.NewsList li span{width: 30%;}
}