.heade_top{background: #fff;border-bottom:  1px #d9d9d9 solid}
.nav_menu .menu li a{color: #333}
.h_top_menu a{border-left: 1px #d9d9d9 solid; color: #333}

.news_banner{ height: 500px; width: 100% }

.news-container{margin-top: 86px}
.news-title-wrap{
    border-bottom: 1px solid #d9d9d9;
    height: 198px;
}
.left-white{
    height: 1px;
    width: 5%;
}
.right-white{
    width: 31%;
    height: 100%;
    padding: 70px;
}
.news-content{
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    height: 100%;
    width: 64%;
    padding-right: 60px;
}
.news-content .title-ellispe{
    font-size: 36px;
    width: 784px;
    line-height: 1.4;
    height: 110px;
    color: #333;
    font-weight: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
}
.news-content .article{
    padding-bottom: 170px;
}
.news-article-wrap .news-content{color: #adadad}
.news-article-wrap .news-content .content-left{
    /*width: 100px;*/
    height: 106px;
    text-align: center;
}
.content-left .go-back-wrap{
    position: relative;
    height: 100%;
    width: 100px;
    border: 1px solid #d9d9d9;
    border-top: 0;
    border-left: 0;
    transition: all .3s ease-in-out;
}
.content-left .go-back-wrap:hover{
    background: #ea6519;
    color: #fff;
}
.news-article-wrap .news-content .content-left .go-back-wrap:hover .go-back .iconfont{
    color: #fff;
}
.news-article-wrap .news-content .content-left .go-back{
    position: absolute;
    top: 50%;
    left: 50%;
    /*height: 100%;*/
    transform: translate(-50%, -50%);
}
.news-article-wrap .news-content .content-left .go-back span{
    display: block;
}
.news-article-wrap .news-content .content-left .time {
    line-height: 106px;
    margin-left: 56px;
}
.news-article-wrap .news-content .content-left .go-back .iconfont {
    line-height: 1;
    font-size: 30px;
    margin-bottom: 5px;
    color: #ea6519;
}
.news-article-wrap .news-content .article{
    margin-top: 34px;
    width: 784px;
    font-size: 16px;
    line-height: 2.4;
}
.news-article-wrap .news-content .article img, .news-article-wrap .news-content .article video{
    max-width: 100%;
    margin: 0 auto;
}
.news-article-wrap .right-white{ padding: 0 ;border-left: 1px solid #d9d9d9}
.news-article-wrap .right-white .contract-news-title{
    font-size: 30px;line-height: 100px;height: 100px;color: #333;text-indent: 70px;font-weight: 400;
    border-bottom: 1px solid #d9d9d9;
}
.news-article-wrap .right-white .contract-news-list{
    padding: 52px 70px;
    color: #acacac;
    line-height: 2;
    font-size: 16px;
    border-bottom: 1px solid #d9d9d9;
}
.news-article-wrap .right-white .contract-news-list time{
    color: #acacac;
}
.news-article-wrap .right-white .contract-news-list .news-title {
    color: #333;
    font-size: 22px;
    margin: 12px 0;
    line-height: 1.4;
    height: 62px;
    font-weight: normal;
}

.news-article-wrap .right-white .contract-news-list .news-summary {
    margin-bottom: 30px;
    height: 66px;
    color: #acacac;
}
.know-more-wrap{
    width: 100%;
    border: 1px solid #d9d9d9;
    border-left: 0;
    border-right: 0;
    /*height: 50px;*/
    line-height: 50px;
    padding: 15px;
    display: none;
}
.know-more-wrap .know-more{
    width: 200px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50px;
    text-align: center;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
    /*background: ;*/
}
.know-more-wrap .know-more .iconfont{
    /*font-size: ;*/
}
.button-border-slide .text-wrap{
    position: relative;
    z-index: 2;
    font-size: 16px;
}
/* 按钮 */
.button-border-slide { line-height: 49px;color: #c1c1c1; border-radius: 2px; background: none; border: none; cursor: pointer; position: relative; box-sizing: border-box; width: 129px; height: 49px; overflow: hidden; padding: 0 30px; transition: all 0.3s; transition-delay: 0.4s; }
.button-border-slide .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background: #e96c25; opacity: 0; transition: all 0.3s; transition-delay: 0.4s; }
.button-border-slide .border { position: absolute; z-index: 0; background: #c1c1c1; }
.button-border-slide .border-top,
.button-border-slide .border-bottom { width: 100%; height: 1px; left: 0; }
.button-border-slide .border-top { top: 0; }
.button-border-slide .border-bottom { bottom: 0; }
.button-border-slide .border-left,
.button-border-slide .border-right { width: 1px; height: 100%; top: 0; }
.button-border-slide .border-left { left: 0; }
.button-border-slide .border-right { right: 0; }
.button-border-slide .border::after { content: ""; background: #e96c25; position: absolute; z-index: 1; width: 100%; height: 100%; transition: all 0.1s; }
.button-border-slide .border-top::after { width: 0; left: 0; top: 0; }
.button-border-slide .border-right::after { height: 0; left: 0; top: 0; }
.button-border-slide .border-bottom::after { width: 0; right: 0; top: 0; }
.button-border-slide .border-left::after { height: 0; left: 0; bottom: 0; }
.button-border-slide:hover { color: #fff; }
/*.button-border-slide:hover .iconfont{ color: #fff;}*/
.button-border-slide:hover .bg { opacity: 1; }
.button-border-slide:hover .border-top::after,
.button-border-slide:hover .border-bottom::after { width: 100%; }
.button-border-slide:hover .border-left::after,
.button-border-slide:hover .border-right::after { height: 100%; }
.button-border-slide:hover .border-top::after { transition-delay: 0s; }
.button-border-slide:hover .border-right::after { transition-delay: 0.1s; }
.button-border-slide:hover .border-bottom::after { transition-delay: 0.2s; }
.button-border-slide:hover .border-left::after { transition-delay: 0.3s; }


@media all and (max-width: 1720px) {
    .left-white{width: 3%}
    .news-content{width: 68%}
    .right-white{width: 29%; }
    .news-article-wrap .right-white .contract-news-title {  text-indent: 75px; }
    .news-article-wrap .right-white .contract-news-list{padding: 52px 75px}
    .news-article-wrap .news-content .article{margin-top: 21px}
    .news-article-wrap .news-content .content-left{height: 80px;}
    .content-left .go-back-wrap{width: 80px;}
    .news-article-wrap .news-content .content-left .time{
        margin-left: 32px;
        line-height: 80px;
    }

}

@media all and (max-width: 1600px) {
    .news-article-wrap .right-white .contract-news-list {  padding: 40px 54px; }
    .news-article-wrap .right-white .contract-news-title {  text-indent: 54px; }
}

@media all and (max-width: 1440px) {
    .news-content .title-ellispe{right: 30px}
    .news-content {padding-right: 30px}
}
@media all and (max-width: 1366px) {
    .news-article-wrap .right-white .contract-news-title {  text-indent: 30px; }
    .news-article-wrap .right-white .contract-news-list{ padding: 30px; }
    /*.news-content {padding-right: 30px}*/
}

@media all and (max-width: 1280px) {
    .left-white{width: 0}
    .news-content {
        border-left: 0;
    }
    .news-article-wrap .right-white .contract-news-title{
        height: 80px;
        line-height: 80px;text-indent: 20px;
    }
    .news-content .title-ellispe{right: 15px}
    .news-content{width: 76%;padding-right: 0;}
    .right-white{width: 24%}
    .news-article-wrap .right-white .contract-news-list{padding: 20px;}
    .news-article-wrap .right-white .contract-news-list .news-summary{margin-bottom: 10px}
    .news-article-wrap .news-content .content-left{
        float: none;
    }
    .news-article-wrap .news-content .article{
        width: 740px;
        margin: 0 auto;
        margin-top: 15px;
        float: none;
    }
    .news-content .title-ellispe{
        width: 740px;
        right: 50%;
        transform: translate(50%, -50%);
    }
}

@media all and (max-width: 1024px) {
    .news-container{margin-top: 66px}
    .news-content{width: 100%}
    .right-white{display: none}
    .news-content .title-ellispe{width: 90%}
    .content-left .go-back-wrap{display: none}
    .news-article-wrap .news-content .content-left .time{margin: 0 auto;line-height: 2;float: none}
    .news-article-wrap .news-content .content-left{height: auto}
    .news-article-wrap .news-content .article{width: 90%;padding-bottom: 60px}
    .know-more-wrap{display: block}
}


@media all and (max-width: 980px) {

    .nav_menu{ background: #fff; color: #333; }
    .bar{background: #333}
}

@media all and (max-width: 1023px) {

}

@media all and (max-width: 769px) {
    .news_banner{ height: 300px }
}

@media all and (max-width: 530px) {

}