.img-v1 {
    background-image: url(../images/auout_banner_lg.jpg);
}

/********tab*********/
.news-tab-nav {
    margin: 40px 0 0;
    height: 50px;
    border-bottom: 1px solid #ccc;


}

.news-tab-nav li {
    float: left;
    padding: 0 20px 10px;
    cursor: pointer;
}

.news-tab-nav li:hover, .news-tab-nav .news-tab-nav-active {
    color: #298cef;
    border-bottom: 2px solid #298cef;
}

.news-list{
    margin-bottom:40px;
    display: none;
}
.news-list:first-child{
    display: block;
}
.news-item{
    padding:20px;
    border-bottom: 1px solid #ccc   ;
}
.news-item .news-left{
    width: 230px;
    height:150px;
    display: table-cell;
    vertical-align: top;
}
.news-item .news-left img{
    max-width: 100%;
    max-height:100%;
}
.news-body{
    display: table-cell;
    padding:0 35px;
    position: relative;
    width: 710px;
}
.news-title{
    font-size: 18px;
    color:#000;
    margin-top:0px;
}
.news-body p{
    color:#999;
    letter-spacing: 1px;
}
.news-time{
    position: absolute;
    bottom: -14px;
    right: 2px;
    color: #999;

}
.news-item:hover{
    background:#f3f3f3;
}
.news-item:hover .news-title{
    color:#298cef;
}
@media(max-width: 767px){
    .news-tab-nav{
        padding:0;
        margin: 25px 0 0;
    }
    .news-tab-nav li{
        float: left;
        padding:0 10px 10px;
    }
    .news-item .news-left{
        width:100%;
    }
    .news-item{
        padding:10px 0
    }
    .news-body{
        padding:0;
        display: block;
        max-width: 100%;
    }
    .news-item .news-left{
        display: block;
    }
    .news-item .news-left img{
        width:100%;
        height:auto;
    }
    .news-title{
        margin-top:15px;
        font-size: 16px;
    }
}
.pagination{float: right}


/*********文章详情********/
.no-padding-l{
    padding-left: 0;
}
.article-title{
    margin:40px 0 30px;
    font-size: 25px;
}
.article-base-info{
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    padding:10px 0;
}
.article-base-info span{
   color:#999;
}
.article-text{
    color:#333;
    margin:30px 0;
    text-indent: 30px;
}
.article-img-title{
    margin:20px 0;
}

@media (max-width: 767px) {
    .article-title{
        margin:20px 0 15px;
    }
    .article-text{
        margin:15px 0;
    }
    .article-img-title{
        margin:10px 0;
    }
}