.news-list-banner {
    height: 650px
}

.news-list-banner .swiper-slide {
    height: 650px
}

.news-list-banner .swiper-pagination-bullet {
    margin    : 0 8px;
    width     : 12px;
    height    : 12px;
    background: #2b2c2b;
    opacity   : 1;
    transition: .5s
}

.news-list-banner .swiper-pagination {
    bottom: 30px
}

.news-list-banner .swiper-pagination-bullet-active {
    width        : 30px;
    border-radius: 30px
}

.news-list {
    margin-top: 50px
}

.news-list h1 {
    padding-bottom: 15px;
    width         : 100%;
    border-bottom : 1px solid #adadad;
    color         : #adadad;
    text-align    : center;
    font-weight   : 700;
    font-size     : 48px;
    font-family   : 'Times New Roman'
}

.news-list .choose {
    display        : flex;
    margin-top     : 40px;
    padding-bottom : 15px;
    text-align     : center;
    justify-content: space-around
}

.news-list .choose a {
    position  : relative;
    color     : #adadad;
    font-size : 18px;
    transition: .5s
}

.news-list .choose a:after {
    position     : absolute;
    bottom       : -12px;
    left         : 50%;
    width        : 30px;
    height       : 3px;
    border-radius: 5px;
    background   : #2b2b2b;
    content      : '';
    opacity      : 0;
    transition   : .5s;
    transform    : translateX(-50%)
}

.news-list .choose a:hover {
    color: #2b2b2b
}

.news-list .choose a:hover:after {
    opacity: 1
}

.news-list .choose .active {
    color: #2b2b2b !important
}

.news-list .choose .active:after {
    opacity: 1
}

.news-list .news {
    margin-top: 30px
}

.news-list .news .new {
    float         : left;
    margin-bottom : 20px;
    margin-left   : 15px;
    padding-bottom: 20px;
    width         : 390px
}

.news-list .news .new img {
    display   : block;
    width     : 390px;
    height    : 246px;
    object-fit: cover
}

.news-list .news .new:nth-child(3n-2) {
    margin-left: 0
}

.news-list .news .new .content {
    padding   : 20px;
    height    : 150px;
    background: #2b2b2b
}

.news-list .news .new .content h2 {
    overflow     : hidden;
    color        : #fff;
    text-overflow: ellipsis;
    white-space  : nowrap;
    font-size    : 16px
}

.news-list .news .new .content .date {
    margin-top: 14px;
    color     : #fff;
    font-size : 12px
}

.news-list .news .new .content .article {
    display           : -webkit-box;
    overflow          : hidden;
    margin-top        : 12px;
    color             : #adadad;
    font-size         : 12px;
    line-height       : 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.news-list .news .new .line {
    position     : relative;
    display      : block;
    margin-top   : 10px;
    width        : 100%;
    height       : 14px;
    border-bottom: 1px solid #2b2b2b;
    text-align   : center
}

.news-list .news .new .line a {
    display           : inline-block;
    -webkit-transition: 350ms ease-in-out;
    -moz-transition   : 350ms ease-in-out;
    -o-transition     : 350ms ease-in-out;
    transition        : 350ms ease-in-out
}

.news-list .news .new .line a:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform   : rotate(360deg);
    -o-transform     : rotate(360deg);
    transform        : rotate(360deg);
    -ms-transform    : rotate(360deg)
}

.news-list .news .new .line a span {
    top            : 50%;
    display        : block;
    width          : 26px;
    height         : 26px;
    border-radius  : 50%;
    background     : #2b2b2b url(../images/home/news_check.png) no-repeat center center;
    background-size: 18px
}

.news-file {
    overflow      : hidden;
    padding-bottom: 50px;
    background    : #f5f5f5
}

.news-file .main {
    margin-top: 40px
}

.news-file .main .left {
    float     : left;
    padding   : 50px 30px;
    width     : 240px;
    background: #fff
}

.news-file .main .left h3 {
    color    : #2b2b2b;
    font-size: 18px
}

.news-file .main .left .years {
    overflow-y: auto;
    margin-top: 40px;
    max-height: 450px
}

.news-file .main .left .years .section {
    margin-bottom: 30px
}

.news-file .main .left .years .section .month {
    display      : block;
    padding-right: 15px;
    color        : #adadad;
    line-height  : 30px
}

.news-file .main .left .years .section .month span {
    float  : right;
    display: inline-block;
    color  : #adadad
}

.news-file .main .left .years .section .month span:after {
    display: block;
    content: '>'
}

.news-file .main .left .years .section .month .on:after {
    top            : 50%;
    display        : block;
    margin-top     : 8px;
    width          : 15px;
    height         : 15px;
    border-radius  : 50%;
    background     : #2b2b2b url(../images/home/news_check.png) no-repeat center center;
    background-size: 10px;
    content        : '';
    transform      : rotate(90deg)
}

.news-file .main .left .years .section .active {
    color    : #2b2b2b !important;
    font-size: 16px
}

.news-file .main .left .years .section .day {
    display: none
}

.news-file .main .left .years .section .day a {
    display   : block;
    margin-top: 15px;
    color     : #adadad;
    font-size : 12px
}

.news-file .main .left .years .section .day .act {
    color    : #2b2b2b;
    font-size: 12px
}

.news-file .main .left .years .section .open {
    display: block
}

.news-file .main .left .years::-webkit-scrollbar-track-piece {
    width           : 10px;
    background-color: #f2f2f2
}

.news-file .main .left .years::-webkit-scrollbar {
    width : 10px;
    height: 100%
}

.news-file .main .left .years::-webkit-scrollbar-thumb {
    background: #282828;
    cursor    : pointer
}

.news-file .main .left .years::-webkit-scrollbar-thumb:hover {
    background: #282828;
    cursor    : pointer
}

.news-file .main .right {
    float     : right;
    padding   : 50px 30px 0;
    width     : 950px;
    background: #fff
}

.news-file .main .right .news {
    margin-bottom : 40px;
    padding-bottom: 15px;
    width         : 100%;
    border-bottom : 1px dashed #e6e6e6
}

.news-file .main .right .news .content {
    float: left;
    width: 650px
}

.news-file .main .right .news .content .title h2 {
    float        : left;
    width        : 530px;
    color        : #2b2b2b;
    text-overflow: ellipsis;
    white-space  : nowrap;
    font-size    : 16px
}

.news-file .main .right .news .content .title span {
    float: right;
    color: #adadad
}

.news-file .main .right .news .content .article {
    display           : -webkit-box;
    overflow          : hidden;
    margin-top        : 20px;
    height            : 120px;
    color             : #adadad;
    font-size         : 14px;
    line-height       : 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.news-file .main .right .news .content .check {
    margin-top: 20px;
    text-align: right
}

.news-file .main .right .news .content .check a {
    display        : inline-block;
    padding-right  : 20px;
    height         : 16px;
    background     : url(../images/home/news-right.png) no-repeat right center;
    background-size: contain;
    color          : #2b2b2b;
    line-height    : 16px
}

.news-file .main .right .news .img {
    float     : right;
    width     : 200px;
    height    : 200px;
    object-fit: cover
}

.news-file .main .right .page {
    margin    : 30px -30px;
    border-top: 5px solid #f5f5f5
}

.news-file .main .right .page .common-page {
    margin-top   : 30px;
    margin-bottom: 0;
    width        : inherit
}

.news {
    padding-bottom: 50px
}

.news h1 {
    margin-top: 40px;
    color     : #2b2b2b;
    text-align: center;
    font-size : 24px
}

.news .info {
    margin-top : 20px;
    padding-top: 20px;
    border-top : 1px dashed #2b2b2b;
    color      : #2c2d33;
    text-align : right;
    font-size  : 12px
}

.news .info span {
    display    : inline-block;
    margin-left: 20px
}

.news .info .share {
    display     : inline-block;
    margin-left : 20px;
    padding-left: 22px;
    background  : url(../images/home/share.jpg) no-repeat left center;
    cursor      : pointer
}

.news .info .share:after {
    display: none !important
}

.news .info .eye {
    padding-left: 22px;
    background  : url(../images/home/eye.jpg) no-repeat left center
}

.news .article {
    margin-top    : 40px;
    padding-bottom: 40px;
    border-bottom : 1px dashed #cccdcc;
}

.news .article img {
    max-width: 800px !important;
    width    : inherit;
    height   : inherit
}

.news .article p {
    line-height: 34px
}

.news .layout-page {
    margin-top: 40px;
}

.news .layout-page p {
    line-height: 2
}

.news .layout-page p i {
    color: #C49D5F
}