.article_list{margin-top:20px;position:relative}
.article_list .item{border-bottom:0px solid #dedede;margin-bottom:40px;padding:40px;overflow:hidden;background-color:#f5f7fa;transition:all 0.5s ease-out;position:relative;z-index:5}
.article_list .item .pic{height:258px;overflow:hidden}
.article_list .item .pic img{width:100%;transition:all .5s;min-height:258px}
.article_list .item .info{padding-top:50px}
.article_list .item .info .title{margin-bottom:20px}
.article_list .item .info .title h3{margin:0px;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 1s ease }
.article_list .item .info .summary{font-size:14px;color:#a8a8a8;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;margin-top:20px}
.article_list .item .date{padding-top:40px}
.article_list .item .date .d{font-size:80px;font-family:"Impact" !important;text-align:center;margin-top:20px;color:#585858}
.article_list .item .date .m{font-size:18px;text-align:center}
.article_list .item:hover .title h3{color:#0158a8}
.article_list .item:hover .info .link{background-color:#0158a8;color:#fff}
.article_list .item:hover .info .link:after{content:'»';transition:0.5s;padding-left:10px;color:#fff}
.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 .date .d{color:#ff5722}
.article_list .item:hover .date .m{color:#ff5722}
.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);    transition: all 1s ease }
.article_list .item:hover .info .title h3{font-size:24px;  transition: all 1s ease }

/* 小于1000px  */
@media only screen and (max-width: 1000px) {	
.article_list .item .info .summary{}
.article_list .item .pic{display:none}
.article_list .item .pic img{display:none}
.article_list .item .date{display: none}
}