.index-swerper{width:100%;margin-top: 100px;}

.news-index{width: 70%;margin: 40px 15%;background-color: #FFF;padding: 30px 0 50px;}
.news-index .news-list{width: 100%;margin-bottom: 40px;}
.news-index .news-list .list{width: 33.333%;float: left;padding: 20px 20px 0;box-sizing: border-box;border-right: 1px solid #dbdbdb;}
.news-index .news-list .list .list-title{font-size: 16px;font-weight: bold;color: #333;width: 100%;margin-bottom: 20px;line-height: 24px;height:25px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news-index .news-list .list .list-tip{width: 100%;font-size: 14px;color: #666;line-height: 24px;height:70px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news-index .news-list .list .list-footer{width: 100%;margin: 20px 0;}
.news-index .news-list .list .list-footer .footer-left{font-size: 12px;color: #999;float: left;}
.news-index .news-list .list .list-footer .footer-right{float: right;right: 0;color: #999;font-size: 12px;}
.news-index .news-list .list .list-footer .footer-right:hover{color: #21bec9;font-weight: bold;cursor: pointer;}
.news-index .news-list .list .list-jiange{width: 100%;background-color: #eceae8;height: 5px;}