.blog-card {
	float: left;
	background: #f2f6fb;
}
.blog-card:hover{
	background: #216eb6;
}
.blog-card:hover .blog-media{
	background: #ffffff;
}
.blog-card:hover .daty{
	color: #216eb6;
}
.blog-card:hover .time{
	color: #216eb6;
}
.blog-card:hover .blog-title a{
	color: #fff;
}
.blog-card:hover .blog-desc{
	color: #fff;
}
.blog-card:hover .hengxian{
	background: #fff;
}
.blog-media {
	width: 100px;
	height: 100px;
	background: #216eb6;
	float: left;
}
.blog-content {
	width: calc(100% - 130px);
	float: left;
	max-width: 750px;
}
.blog-img {
	display: block;
	width: 100%;
}
.daty {
	display: block;
	font-size: 42px;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #fff;
	width: 100%;
}
.time {
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
}
.justify-content-center .col-lg-9 {
	padding-left: 20px;
	width: 880px; 
}
.justify-content-center .col-lg-3 {
	margin-left: 8px;
}
.blog-title{
    margin-bottom: 8px;	
}
.hengxian{
	width: 100px;
	height: 2px;
	background: #004ea2;
	display: block;
    margin-bottom: 8px;
}
.single-banner::before{
	background: url(/wp-content/themes/twentytwentyone/static/picture/newsbg.jpg) center top no-repeat;
}
.header-top .container{
	padding: 0px 15px;
}