/**************************************************/
/* blog */
/**************************************************/
#blog{
background-color: #F4F4F4;
padding: 45px 0 90px;
}
.article{
width: calc(100% / 4 - 10px);
float: left;
margin-right: 13px;
}
.article:last-child{margin-right: 0;}
.coverimg{
height: 200px;
background-size: cover;
/*background-position: center center;*/
background-repeat: no-repeat;
position: relative;
}
.contxt{
color: #fff;
background-color: #000;
padding: 14px;
font-size: 13px; 
}
.article .title a{
display: block;
line-height: 50px;
padding: 0 12px;
position: absolute;
bottom: 0;
width: 100%;
background: url(../image/common/arr01.png) no-repeat 95% center / 8px auto rgba(43,105,192,.9);
color: #fff;
}
.article .cate a{
position: absolute;
bottom: 50px;
display: inline-block;
background-color: #1B4490;
color: #fff;
padding: 6px 20px 8px;
font-size: 12px;
line-height: 1;
}
@media only screen and (max-width: 979px) {
#blog{padding: 45px 0 25px;}
.article{
width: calc(100% / 2 - 7.7px);
margin-right: 13px;
margin-bottom: 13px;
}
.article:nth-child(2n){margin-right: 0;}
.coverimg{height: 160px;}
}
@media only screen and (max-width: 690px) {
#blog{padding: 30px 0 20px;}
.article{width: calc(100% / 2 - 6.7px);}
}


/* hr ----------*/
.tophr{
border-top: 1px solid #dddddd;
border-bottom: 1px solid #ffffff;
}