.col_news_list .news{
    position:relative;
    float:left;
    width:49%;
    border:1px solid #e5e5e5;
    box-sizing:border-box;
    margin-bottom:20px;
    transition:0.4s;
}
.col_news_list .news:nth-child(2n+1){margin-right:2%;}
.col_news_list .news::before{
    content:'';
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    display:block;
    width:180px;
    height:100%;
    background-color:#0070b8;
    -webkit-clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
    transition:0.4s;
    opacity:0.2;
}
.col_news_list .news>a{
    position:relative;
    z-index:2;
    display:flex;
    padding:15px;
}
.col_news_list .news_imgs{
    width:150px;
    height:260px;
    flex-shrink:0;
    overflow:hidden;
}
.col_news_list .news_imgs img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.4s;
}
.col_news_list .news_con{
    width:calc(100% - 150px);
    padding-left:15px;
    box-sizing:border-box;
}
.col_news_list .news_title{
    font-size:18px;
    margin:10px 0;
    color:#333333;
    background:linear-gradient(to right,#0070b81a,transparent);
    transform:translateX(-15px);
    padding-left:15px;
}
.col_news_list .news_intro{
    font-size:16px;
    color:#00000099;
    line-height:1.65;
    display:-webkit-box;
    word-break:break-all;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden; 
}
.col_news_list .news_more{
    font-size:14px;
    border-top:1px solid #d8d8d8;
    margin-top:30px;
    padding-top:5px;
    background:url(../images/z_morebg.png) no-repeat right center;
}
.col_news_list .news:hover::before{opacity:1;}
.col_news_list .news:hover .news_imgs img{transform:scale(1.1);}
.col_news_list .news:hover .news_title{background:linear-gradient(to right,#ffa5001a,transparent);}