/******************** 响应式样式 ********************/
@media (max-width: 1300px) {

    /********** 第三部分样式 **********/
    .third-box {
        padding: 40px 3.2%;
    }

    .third-list {
        padding: 0 60px;
    }

    .third-box .third-list ul li {
        width: 23.4%;
        margin: 0 2% 0 0;
    }

    .third-box .third-list ul li img {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .third-box .third-list .swiper-button-prev {
        left: 0;
    }

    .third-box .third-list .swiper-button-next {
        right: 0;
    }

    .con-box-sj {
        display: block;
    }

    .con-box-pc {
        display: none;
    }
}

@media (max-width: 1200px) {

    /********** 通用部分样式 **********/
    .container {
        padding: 0;
    }

    .bt-box-1200 {
        width: 100%;
    }

    .first-box,
    .second-box,
    .third-box {
        padding: 0 3.2%;
    }

    .first-box .swiper,
    .first-box .first-left,
    .first-box .first-right,
    .second-left,
    .second-right {
        width: 100%;
        height: auto;
    }

    /****************** 头条新闻样式 ******************/
    .bt-News {
        padding: 26px 3.2%;
    }

    .News-tit {
        line-height: 42px;
        padding: 0;
        overflow: initial;
        white-space: initial;
        text-overflow: initial;
    }

    /********** 第一部分样式 **********/
    .first-box {
        margin: 40px auto 40px;
    }

    .first-box .first-left {
        height: 36rem;
        overflow: hidden;
    }

    .first-box .swiper-slide a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .first-box .swiper-slide a,
    .first-box .swiper-slide a img {
        min-height: auto;
    }

    .first-box .first-right {
        padding: 20px 20px 60px;
    }

    .first-box .first-right p {
        display: none;
    }

    .first-box .swiper-pagination {
        width: 100%;
        bottom: 26px;
    }

    .first-box .swiper-pagination-bullet {
        width: 30px;
        height: 10px;
        margin: 0 15px;
    }

    /********** 第二部分样式 **********/
    .second-box {
        margin-bottom: 28px;
    }

    .second-left {
        margin: 0 auto 40px;
    }

    .second-left-list ul li a {
        width: 90%;
    }

    .second-box .bt-list,
    .second-box .bt-con-tab {
        height: auto;
    }

    .bt-all .bt-lists-cover ul {
        position: initial;
    }

    .bt-lists-cover {
        margin-top: 8px;
    }

    .bt-all .bt-lists-cover li {
        font-size: 16px;
        line-height: 32px;
        background: none;
        padding: 4px 0;
    }

    .bt-all .bt-lists-cover li span {
        font-size: 16px;
        line-height: 32px;
    }

    /********** 第三部分样式 **********/
    .third-box {
        padding: 40px 3.2%;
    }

    .third-box .third-list .swiper-button-prev,
    .third-box .third-list .swiper-button-next {
        display: block;
    }
}

@media (max-width: 960px) {
    .first-box .first-left {
        height: 32rem;
    }
}

@media (max-width: 870px) {
    .first-box .first-left {
        height: 30rem;
    }
}

@media (max-width: 810px) {
    .first-box .first-left {
        height: 28rem;
    }
}

@media (max-width: 768px) {

    /********** 通用部分样式 **********/
    .first-box,
    .second-box,
    .third-box,
    .fourth-box,
    .third-box,
    .third-box {
        padding: 0 1.5rem;
    }

    .third-box {
        padding: 40px 3.2%;
    }

    /********** 第二部分样式 **********/
    .second-box {
        margin-bottom: 40px;
    }

    .bt-all .bt-title-tab {
        font-size: 24px;
    }

    /* 左侧列表样式 */
    .second-left-list ul {
        background-position: 6.5px 30px;
    }

    .second-left-list ul li {
        background-position: left 9px;
        padding: 0 0 0 26px;
    }

    .second-left-list ul li a {
        width: 100%;
        line-height: 32px;
        overflow: initial;
        text-overflow: initial;
        white-space: initial;
        float: initial;
    }

    .second-left-list ul li span {
        float: initial;
        margin: 10px 0 0;
        text-align: right;
    }

    .second-left-list ul li p {
        line-height: 28px;
        overflow: initial;
        text-overflow: initial;
        white-space: initial;
        float: initial;
    }

    /* 右侧列表样式 */
    .bt-lists-cover {
        margin-top: 0;
    }

    .bt-all .bt-lists-cover li {
        border-bottom: 1px solid #eee;
        padding: 16px 0 14px;
    }

    /********** 第三部分样式 **********/
    .third-box .bt-all .bt-title-tab {
        margin: 0;
        text-align: center;
    }
}