.news{
    width:70%;
    max-width:1000px;
    margin:0 auto;
    margin-top:45px;
}
.news .title{
    height:50px;
    line-height:50px;
    font-size:28px;
    border-left:5px solid #47A2DC;
    padding-left:50px;
    background-color:#EDF2F8;
}
.news-box{
    margin-top:20px;
    /*background-color:#EDF2F8;*/
}
.media-body h4{
    font-size:20px;
    margin-top:10px;
}
.media-left, .media>.pull-left{
    padding-right:30px;
}
.media-body{font-size:14px;}
.media-body .content{
    display:block;
    width:100%;
    height:100px;
    padding-right:20px;
    line-height:25px;
    overflow: hidden;
    color:#999;
    text-indent: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.news-items{
    margin-bottom:5px;
    background-color:#EDF2F8;
}
.media-body>.text-right{
    margin-top:15px;
    padding-right:20px;
}
.media-left img{
    width:180px;
    height:180px;
}
#news-band{
    width:100%;
    margin-top:50px;
    height:350px;
}

@media screen and (max-width:767px){
    .news{
        margin-top:20px;
        width:100%;
        min-width:80%;
        padding:0 5px;
    }
    .media-left img{
        width:120px;
        height:80px;
    }
    .media-body .content{
        height:40px;
        font-size:12px;
        line-height:20px;
        text-indent: 24px;
    }
    .media-body h4{
        font-size:16px;
        margin-top:5px;
    }
    .media-body>.text-right{
        margin-bottom:5px;
        font-size:12px;
    }
    #news-band{height:200px;}
}