.newslist1{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.newslist1>ul{
    padding: 0;
    margin: 0;overflow: hidden;
}
.newslist1>ul a{display: block;float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.newslist1>ul a:nth-child(4n){margin-right: 0;}
.newslist1>ul li{
    list-style-type: none;
    margin: 0;
    border-bottom: 1px solid #ededed;
    cursor: pointer;border-radius: 20px;overflow: hidden;
}
.newslist1>ul li:hover{
    background: #ededed;
}
.newslist1>ul li .img{width: 100%;height: 0;padding-top: 62%;box-sizing: content-box;position: relative;overflow: hidden;}
.newslist1>ul li .img img{
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;top: 0;
   object-fit: cover;transition: all 0.4s;
}
.newslist1>ul li:hover .img img{transform: scale(1.03);}
.newslist1>ul li:hover .right{background-color: #dce3f3;}
.newslist1>ul li>.right{
    width: 100%;
    padding: 20px 20px;
    box-sizing: border-box;
    position: relative;z-index: 2;
    background-color: #ebf1ff;
}
.newslist1>ul li>.right>h4{
    margin: 0;
    position: relative;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.newslist1>ul li>.right>p{
    margin: 0;
    font-size: 14px;
    margin-top: 5px;
    line-height: 20px;
    display: -webkit-box; /* 浣跨敤WebKit鐩掓ā鍨� */
    -webkit-box-orient: vertical; /* 璁剧疆鐩掓ā鍨嬫柟鍚戜负鍨傜洿 */
    -webkit-line-clamp: 2; /* 闄愬埗鏂囨湰鏄剧ず涓よ */
    overflow: hidden; /* 瓒呭嚭閮ㄥ垎闅愯棌 */
    text-overflow: ellipsis; /* 璁剧疆鏂囨湰婧㈠嚭鏄剧ず鐪佺暐鍙� */
    /*position: absolute;*/
    /*top: 30%;*/
    /*transform: translateY(-30%);*/
}
.right1 {
    width: 100%;
    margin-top: 10px;overflow: hidden;
}
.right1 .click{float: left;color: #666;}
.right1 .viewmore {
    float: right;
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 20px;
    background: #3f75fb;
    color: #fff;
}

@media screen  and  (max-width:1200px){
    
    .newslist1>ul a{width: 32%;}
    .newslist1>ul a:nth-child(4n){margin-right: 2%;}
    .newslist1>ul a:nth-child(3n){margin-right: 0;}
}

 @media screen and (max-width:850px) {
    .newslist1>ul a{width: 49%;}
    .newslist1>ul a:nth-child(3n){margin-right: 2%;}
    .newslist1>ul a:nth-child(2n){margin-right: 0;}
} 

@media screen and (max-width:500px) {
    .newslist1>ul a{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .newslist1>ul li>img{height: 100px;margin-top: 8px;}
}