.article_list{position:relative;padding:50px 20px 50px 20px;background-color:#fff;border:1px solid #eee;}

.article_list .item{border-bottom:1px solid #dedede;margin-bottom:15px;padding:20px 0px 20px 0px;overflow:hidden;transition:all 0.5s ease-out;position:relative;z-index:5}
.article_list .item .pic{height:200px;overflow:hidden}
.article_list .item .pic img{width:100%;transition:all .5s;min-height:160px;object-fit:cover;cursor:pointer;overflow:hidden}

.article_list .item .info .title{height:60px;line-height:60px;font-size:20px;transition:0.5s}
.article_list .item .info .date{font-size:14px;margin:0px 0px;line-height:40px}
.article_list .item .info .summary{font-size:14px;color:#777;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:all .5s;line-height:30px}
.article_list .item .info .link{font-size:14px;color:#777;float: right; }
.article_list .item:hover .title{color:#155bb5}
.article_list .item:hover .info .link{background-color:#155bb5;color:#fff;}
/*.article_list .item:hover .info .link:after{content:'»';transition:0.5s;padding-left:10px}*/
/*.article_list .item:hover .info .title:after{content:'»';transition:0.5s;padding-left:00px}*/

.article_list .item:hover .info .title:before{content:"-";width:20;height:2; display:block;position:absolute;left:0;top:10px;color: #ff0000;padding-left:10px }
.article_list .item:hover .info .title{padding-left:15px}
.article_list .item:hover .pic img{transform: scale(1.1);transition: all 1s ease }

@media only screen and (max-width:768px){
	
	
}