/*--for m03_bloglist--*/
/* CSS Document */

m03-blog-list{
padding:70px 0;
}

.m03-blog-list ul{display:-webkit-flex;display:flex;margin:0px -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:#F68D2A;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:#F68D2A;}
.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:#F68D2A;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;}
#pagesize {
    margin: 50px 0 0;
    text-align: center;
}

#pagesize ul {
    font-size: 0;
}

#pagesize ul li {
    display: inline-block;
    vertical-align: top;
}

#pagesize ul li a {
    line-height: 16px;
    padding: 8px 13px;
    margin: 0 2px;
    display: inline-block;
    border: 1px solid #bebebe;
    background: #fff;
    font-size: 15px;
    color: #333;
}

#pagesize ul li a:not(.disabled):hover {
    background: #f68b1a;
    border: 1px solid #f68b1a;
    box-shadow: 0 1px 0 0 #fff;
    color: #fff !important;
}

#pagesize ul li span {
    line-height: 16px;
    padding: 8px 13px;
    margin: 0 2px;
    display: inline-block;
    font-size: 14px;
}

#pagesize ul li a.active {
    border: #f68b1a 1px solid;
    background: #f68b1a;
    color: #fff;
}

#pagesize ul li a.disabled {
    color: #000000;
    border: 1px solid #CECECE;
    background: #e8e8e8;
}

@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;}
}