/*.heade_top{background: rgba(0,0,0, .5);}*/
.news-list-banner{height: 100vh}
.heade_top{ background: rgba(0,0,0, .5) }

  .news-list-banner .news-list-banner-pic{
    width: 100%;
    object-fit: contain;
}
.news_banner{ height: 100% }
.news-list-banner{ position: relative }
.news-list-banner .banner-text-pic{position: absolute;left: 5%;top: 32%;transform: translateY(-50%);-ms-transform: translateY(-50%); max-height: 30%}

.news-list{
    padding: 78px 100px;
    background: #fff;
    /*border-bottom: ;*/
}
.news-list .border-news{
    width: 100%;
    /*overflow: hidden;*/
    border-bottom: 1px solid #e0e0e0;
}
.aside{
    /*width: 300px;*/
    width: 18%;
    height: auto;
    /*padding-right: 0.058%;*/
    /*padding-right: 100px;*/
}
.aside .year, .aside .mouths{
    color: #333;
    font-size: 32px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 34px;
}
.aside .select{
    width: 198px;
    height: 64px;
    padding-left: 22px;
    padding-right: 28px;
    border: 1px solid #e4e4e4;
    line-height: 64px;
    position: relative;
    cursor: pointer;
}
.aside .year-top, .aside .mouths-bottom{
    margin-bottom: 50px;
    position: relative;
    z-index: 9;
}
.aside .mouths-bottom{z-index: 8}
.aside .select .active-value{
    font-size: 17px;
    color: #ea6519;
}
.aside .select .iconfont{
    color: #333;
}
.aside .select:hover .iconfont{
    color: #ea6519;
}
.aside .select .show-list{
    /*display: none;*/
    position: absolute;
    top: 64px;
    left: 0;
    height: 0;
    overflow: hidden;
    width: 100%;
    z-index: 9;
    background: #fff;
}
.aside .select .show-list li{
    width: 100%;
    /*height: 100%;*/
    background: #fff;
    cursor: pointer;
}
.aside .select .show-list li:hover a{
    color: #ea6519;
}
.aside .select .show-list li>a{
    height: 40px;
    padding-left: 22px;
    padding-right: 28px;
    background: #fff;
    line-height: 40px;
    display: block;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-top: 0;
}

.news-list-content{
    width: 82%;
    padding-left: 90px;
    border-left: 1px solid #f0f0f0;
}
.news-list-content .news-img-wrap{
    width: 34%;
    /*height: 250px;*/
    overflow: hidden;
    /*margin-right: 54px;*/
}
.news-list-content .news-img-wrap img{
    /*max-width: 100%;*/
    height: 100%;
    object-fit: cover;
}
.news-list-content .news-list-nav{
    overflow: hidden;
    padding-bottom: 74px;
    margin-top: 72px;
    cursor: pointer;
    /*border-bottom: 1px solid #e0e0e0;*/
    border-bottom: 1px solid transparent;
    transform: translateY(30px);
    transition: transform 1s ease-in-out, border-bottom 1s 200ms ease-in-out;
}
.news-list-content .news-animate{ border-bottom: 1px solid #e0e0e0; transform: translateY(0)}
.news-list-content .news-list-nav:first-of-type{
    margin-top: 0;
}
.news-list-content .news-list-nav:last-of-type {
    border-bottom: 0;
}
.news-list-content .news-content-wrap {
    line-height: 2;
    /*width: 835px;*/
    width: 63%;
    height: 250px;
    color: #999;
    font-size: 16px;
    position: relative;
}
.news-list-content .news-content-wrap .news-title{
    font-size: 26px;
    color: #333;
    font-weight: normal;
    line-height: 3;
}
.news-list-content .news-content-wrap .news-summary{
    color: #999;
    height: 70px;
}
.news-list-content .news-content-wrap .news-bottom{
    /*border: ;*/
    position: absolute;
    bottom: 0;
    width: 100%;
}
.news-list-content .news-content-wrap .news-bottom .created-time{
    line-height: 49px;
}
.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; }
/*分页*/
.paging{text-align: center;padding-top: 10px}
.paging div{
    border: 1px solid rgb(211, 211, 211);
    display: inline-block;
    padding: 10px;
    /*border-radius: 10px;*/
    cursor: pointer;
    margin: 0 10px;
    font-size: 14px;
}
.paging div.disable{
    color: #fff;
    cursor: not-allowed;
    background-color: rgb(211, 211, 211);
}
.paging div.active{
    border: none;
    /*background-color: rgb(78, 216, 250);*/
    background: #e96c25;
    color: #fff;
}
/*
.pagination{ text-align: center; margin-top: 30px }
.pagination .page-item{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer;
}
.pagination .page-item .page-link{
    padding: 0 10px;
    display: block;
    height: 100%;
}
.pagination .page-item:hover {
    background: #ea6519;
    color: #fff;
}
.pagination .page-item:hover .page-link{
    color: #fff;
}
.pagination .active{
    background: #ea6519;
    color: #fff;
}
.pagination .disabled{cursor: not-allowed;}
*/


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

}

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

}
@media all and (max-width: 1366px) {
    .news-list{padding: 78px 70px;}
    .news-list-content{ padding-left: 40px; }
    .news-list-content .news-img-wrap, .news-list-content .news-content-wrap{height: 230px}
}

@media all and (max-width: 1280px) {
    .news-list{padding: 58px 80px}
    .news-list-content{ padding-left: 20px; }
    .news-list-content .news-list-nav{ padding-bottom: 50px ;margin-top: 50px}
    .news-list-content .news-img-wrap, .news-list-content .news-content-wrap{height: 210px}
    .aside, .news-list-content{width: 100%;border-left: 0}
    .aside .year-top{float: left}
    .aside .mouths-bottom{float: right}
    .news-list-content{padding-left: 0}
}

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


@media all and (max-width: 980px) {
    .news-list{padding: 50px 30px}

    .aside .select{width: 100%;height: 50px;line-height: 50px;padding-left: 12px;padding-right: 7px;}
    .aside .year, .aside .mouths {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .aside .year-top{margin-bottom: 40px;width: 45%}
    .news-list-content .news-img-wrap img, .news-list-content .news-img-wrap{height: auto;width: 100%}
    .mouths-bottom {width: 45%}
    .news-list-content .news-content-wrap{
        width: 100%;
    }
    .aside .select .show-list{top: 50px;}
}

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

}

@media all and (max-width: 769px) {
    .news-list-banner{height: 50vh;}
    .news-list-banner .banner-text-pic{max-height: 30%;/*max-width: 60%;*/}
    .news-list-banner .news-list-banner-pic{object-fit: cover;height: 40vh;}
}
@media all and (max-width: 530px) {

}

.pd-lr-30{ padding: 0 30px }