.news-wrap .news-mes{}
.news-wrap .news-mes ul li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 50px;box-shadow: 0 0 18px rgba(0,0,0,0.1);}
.news-wrap .news-mes ul li:nth-child(3n){margin-right: 0;}
.news-wrap .news-mes ul li a{display: block;}
.news-wrap .news-mes ul li .img{width: 100%;overflow: hidden}
.news-wrap .news-mes ul li .img img{width: 100%;-webkit-transition: all .5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}

.news-wrap .news-mes ul li .info{}
.news-wrap .news-mes ul li .info h3{font-size: 20px;line-height: 24px;height: 48px;color: #000;font-weight: bold;margin: 24px 0;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news-wrap .news-mes ul li .info p{font-size: 14px;line-height: 20px;height: 40px;color: #898989;margin-bottom: 32px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news-wrap .news-mes ul li .info span{display: block;border-top: 1px solid #e7e7e7;box-sizing: border-box;color: #c2c2c2;-webkit-transition: all .3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; ;transition: all 0.3s ease;}
.news-wrap .news-mes ul li .info span i,.news-wrap .news-mes ul li .info span em{display: block;font-size: 14px;line-height: 20px;padding: 17px 0;}
.news-wrap .news-mes ul li .info span i{float: left;}
.news-wrap .news-mes ul li .info span em{float: right;}

.news-wrap .news-mes ul li .info h3,.news-wrap .news-mes ul li .info p,.news-wrap .news-mes ul li .info span{padding: 0 20px;}


.news-wrap .news-mes ul li:hover .img img{ -moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}
.news-wrap .news-mes ul li:hover .info span{background:#004490;color: #fff;}