.news-box{width:100%;background-color:#f5f5f5}
.news{width:1200px;margin:0 auto;padding:60px 0}
.news-tell{float:left;width:270px;margin-right:20px}
.news-link{border:solid 1px #ccc;box-sizing:border-box}
.news-tell:last-child{margin-right:0}
.news-tell h4{font-size:18px;padding-left:10px;border-left:solid 2px #0089e0;font-weight:400;color:#0089e0;margin-bottom:20px}
.news-img{position:relative;overflow:hidden}
.news-img{display:block;width:100%;height:160px}
.news-img span{width:100%;height:30px;display:block;position:absolute;bottom:0;background:rgba(0,0,0,.6)}
.news-img span a{font-size:12px;color:#fff;line-height:30px;padding-left:20px}
.news-list{padding:0 20px}
.news-list li{padding:6px 0}
.news-list li:first-child{margin-top:10px}
.news-list li:before{content:"";display:inline-block;width:4px;height:4px;background-color:#333;margin-right:4px;margin-bottom:4px}
.news-list li a{font-size:14px;color:#333;width:220px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.news-list li a:hover{color:#0089e0}
.news-link .more{float:right;display:inline-block;margin-top:10px;margin-right:20px;margin-bottom:20px;font-size:14px;color:#333;cursor:pointer}
.news-link .more:hover{color:#0089e0}
.news-link ul{list-style:none;}