.news_container {
    width: 80%;
    margin: 60px auto;
    height: auto;
}
.news_title {
    font: bolder 20px 'Microsoft Yahei';
    color: #434343;
    text-align: center;
    margin-top: 60px;
}
.news_author {
    color: #5a5a5a;
    font: 12px 'Microsoft Yahei';
    width: 200px;
    margin: 20px auto;
}
.news_intro {
    width: 100%;
    margin: 20px auto;
    height: 55px;
    background: #F5F5F5;
    font: 12px 'Microsoft Yahei';
    color: #868686;
    border: 1px solid #dedede;
    text-indent: 2em;
}
.foot_news {
    width: 100%;
    margin: 30px auto;

}
/*鑷€傚簲鏍峰紡============================================*/

/*-0---------------------------------------------------*/

@media (max-width: 479px) {
    .HeadBanner {
        margin-top: 50px;
    }
    .news_container {
        width: 90%;
        margin: 60px auto;
        height: auto;
    }
    .foot_news {

        -webkit-box-align: start;
        -moz-align-items: start;
        -webkit-align-items: start;
        align-items: start;

        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .next {
        margin-top: 15px;
    }
}

/*-1---------------------------------------------------*/

@media (min-width: 480px) and (max-width: 767px) {
    .HeadBanner {
        margin-top: 50px;
    }
    .news_container {
        width: 90%;
        margin: 60px auto;
        height: auto;
    }
    .foot_news {

        -webkit-box-align: start;
        -moz-align-items: start;
        -webkit-align-items: start;
        align-items: start;

        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .next {
        margin-top: 15px;
    }
}

/*-2---------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {

}

/*-3---------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {

}

/*-4---------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1399px) {

}

/*-5---------------------------------------------------*/

@media (min-width: 1400px) {

}