/* banner */
.fix-banner{
    background:url('../images/banner.jpg') center center no-repeat;
    background-size: cover;
}
.news-list{
    padding-top: 36px;
}
.news-list>.news-list-left{
    width: 156px;
    padding-top: 10px;
}
.news-list>.news-list-left li{
    margin-top: 20px;
}
.news-list>.news-list-left li.active .nav{
    font-weight: bold;
    color: #fff;
    background: #D60311;
    border-bottom: 4px solid #BB010D;
}
.news-list>.news-list-left li.active .nav:after{
    content: '';
    position: absolute;
    top: 15px;
    right: -18px;
    width: 35px;
    height: 30px;
    background: #D60311;
    transform: rotate(60deg) skewX(29deg);
}
.news-list>.news-list-left .nav{
    display: inline-block;
    width: 154px;
    height: 60px;
    box-sizing: border-box;
    line-height: 60px;
    text-align: center;
    background: rgba(214, 3, 17, .1);
    color: #D60311;
    font-size: 20px;
    letter-spacing: 3px;
    border-bottom: 4px solid transparent;
    position: relative;
}
.news-list>.news-list-right{
    margin-left: 156px;
    background: #fff;
    padding-top: 10px;
    padding-left: 20px;
}

.news-list-right li{
    padding:0 30px;
}
.news-list-right li:hover .item-con{
    color: #333;
}
.news-list-right li:hover .item-title{
    color: #D60311;
}
.news-list-right li:hover{
    background:rgba(227, 227, 227, .15);
}
.news-list .list-item{
    padding: 30px 0;
    border-bottom: 1px solid #e3e3e3;
}
.news-list .list-item .item-left{
    width: 626px;
}
.news-list .list-item .item-right{
    margin-left: 720px;
}
.list-item .item-left .item-title{
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .2s;
}
.list-item .item-left .item-tags{
    margin: 14px 0 18px;
    font-size: 0;
}
.list-item .item-left .item-tags span{
    display: inline-block;
    padding:0 10px;
    margin-right: 8px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #FCF9F7;
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    font-size: 12px;
    color: #666666;
}
.list-item .item-left .item-con{
    letter-spacing: 1px;
}
.list-item .item-left .item-time,
.list-item .item-left .item-con{
    font-size: 14px;
    color: #999999;
    line-height: 26px;
}
.list-item .item-left .item-time{
    line-height: 22px;
    margin-top: 14px;
}
.list-item .item-left .item-time i{
    margin-right: 8px;
}
.list-item .item-right .img-div{
    width: 245px;
    height: 184px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.list-item .item-right .img-div::after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    transition: all .3s;
}

.list-item .item-right .img-div img{
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.news-list-right li:hover .item-right .img-div::after{
    background: rgba(0, 0, 0, .15);
}
.news-list-right li:hover .item-right img{
    transform: scale(1.2);
}
/* 暂无数据 */
.no_data{
    text-align: center;
    padding:50px 0;
}
@media only screen and (max-width:640px){
.news-list>.news-list-right{ width:100%; margin-left:0px; padding-left:0px}
.news-list .list-item .item-left{ width:100%; }
.news-list .list-item .item-right{
    margin-left: 0px;
}