.mainbg{background:url(../images/public/icon_2.png) repeat-x;}


.common_list{width:100%;margin:0 auto;overflow: hidden;padding-bottom: 50px;border-bottom: 1px dashed #d9d9d9;}
.common_list ul{overflow: hidden;}
.common_list li{padding-left: 0px;float: left;margin-right: 41px;margin-top: 40px;}
.common_list li img{width: 254px;height: 141px;}
.common_list li a {color: #4c4c4c;display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.common_list li a p{padding-top: 18px;}
.common_list li .date {color: #a5a5a5;font-size: 14px;float: right;}
.common_list li:nth-child(4n){margin-right: 0;}
@media screen and (max-width:768px) {
.maincon{padding:0;}
.common_list{width:98%;}
.common_list li a{margin: 0 auto;display: block;}
.common_list li{width: 50%;margin-right: 0;}
}
@media screen and (max-width:414px) {
    .common_list li a{margin: 0 auto;display: block;width: 66%;}
    .common_list li{width: 100%;margin-right: 0;}
    }
 @media screen and (max-width:375px) {
    .common_list li a{ width: 72%;}
    }
    @media screen and (max-width:375px) {
        .common_list li a{ width: 85%;}
    }