/*--for m03_bloglist--*/
/* CSS Document */
.m03-blog-list ul{display:-webkit-flex;display:flex;margin:0 -20px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.m03-blog-list ul li{width:33.333333333%;padding:20px;overflow:hidden;cursor:pointer;}
.m03-blog-list ul li .pic{width:100%;display:block;position:relative;}
.m03-blog-list ul li .pic img{width:100%;}
.m03-blog-list ul li .t{border-bottom:1px solid #B5B5B5;padding:20px 0 25px;position:relative;}
.m03-blog-list ul li .t::after{content:"";height:3px;background:var(--active-color,#0F5CC4);position:absolute;left:0;width:0;bottom:-2px;transition:all 0.3s ease 0s;}
.m03-blog-list ul li .t h5{font-size:22px;line-height:1.4;color:#010101;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m03-blog-list ul li .t h5 a:hover{color:var(--active-color,#0F5CC4);}
.m03-blog-list ul li .t span{font-size:15px;margin:15px 0 0;color:#7e7e7e;display:block;}
.m03-blog-list ul li .t p{font-size:17px;margin:10px 0 0;color:#7e7e7e;line-height:22px;height:44px;overflow:hidden;}
.m03-blog-list ul li .t .more{font-size:16px;color:var(--active-color,#0F5CC4);margin:15px 0 0;display:inline-block;}

.m03-blog-list .ddpic{display: block;width: 100%;height: 0;padding-bottom: 100%;position: relative;overflow: hidden;}
.m03-blog-list .ddpic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;display: block;transition: all .3s ease 0s;}

@media screen and (min-width:768px){
.m03-blog-list ul li:hover .t::after{width:100%;}
}
@media screen and (max-width:1550px) {
.m03-blog-list ul li .t h5{font-size:21px;}
}
@media screen and (max-width:1441px) {
.m03-blog-list ul li .t h5{font-size:20px;}
}
@media screen and (max-width:1367px) {
.m03-blog-list ul li .t h5{font-size:19px;}
}
@media screen and (max-width:1281px){
.m03-blog-list ul li .t h5{font-size:18px;}
}
@media screen and (max-width:992px) {
.m03-blog-list ul{margin:0;}
.m03-blog-list ul li{width:100%;padding:0;overflow:hidden;cursor:pointer;}
.m03-blog-list ul li+li{margin-top:20px;}
.m03-blog-list ul li .box{display:flex;align-items:center;}
.m03-blog-list ul li .pic{width:30%;}
.m03-blog-list ul li .t{flex:1;border-bottom:none;padding:0;margin:0 0 0 20px;overflow:hidden;}
.m03-blog-list ul li .t::after{display:none;}
.m03-blog-list ul li .t .more{display:none;}
}
@media screen and (max-width:768px) {
.m03-blog-list ul li .txt h5{font-size:17px;}
}
@media screen and (max-width:576px) {
.m03-blog-list ul li .txt h5{font-size:16px;}
}
@media screen and (max-width:480px) {
.m03-blog-list ul li .box{display:block;}
.m03-blog-list ul li .pic{width:100%;}
.m03-blog-list ul li .t{margin:15px 0 0;}
}