.article_list{margin-top:20px;position:relative;}
.article_list .item{
border-bottom:0px solid #dedede;
margin-bottom:15px;padding:20px;
overflow:hidden;
background-color:#f5f7fa;
transition: all 0.5s ease-out;
position: relative;
z-index: 5;


}
.article_list .item .pic{height: 160px;overflow:hidden;}
.article_list .item .pic img{width:100%;transition:all .5s;min-height:160px; }
.article_list .item .info{}
.article_list .item .info .title{}
.article_list .item .info .title h3{margin:0px}
.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; }


.article_list .item:hover .title h3{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::after{position:absolute;left:0;top:0;width:0;height:100%;background-color:#fff;content:"";z-index:-1;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;  

  }


.article_list .item:hover::after{
width: 100%;
box-shadow:0 0 8px 6px rgba(5,74,143,.08);
-webkit-box-shadow:0 0 8px 6px rgba(5,74,143,.08);
}

.article_list .item:hover{
box-shadow:0 0 8px 6px rgba(5,74,143,.08);

}

.article_list .item:hover  .pic  img{transform:scale(1.1,1.1}

@media only screen and (max-width:768px){
	.article_list .item .info .summary{display:none}
	

}