﻿@media screen and (min-width: 2260px) {
    .container {
        width: 1920px;
    }
}

@media screen and (max-width: 2260px) {
    .container {
        width: 1440px;
    }

    .ft-18 {
        font-size: 15px;
    }

    .ft-20 {
        font-size: 16px;
    }

    .ft-22 {
        font-size: 18px;
    }

    .ft-24 {
        font-size: 19px;
    }

    .ft-28 {
        font-size: 20px;
    }

    .ft-30 {
        font-size: 24px;
    }

    .ft-32 {
        font-size: 26px;
    }

    .ft-34 {
        font-size: 28px;
    }

    .ft-36 {
        font-size: 22px;
    }

    .ft-40 {
        font-size: 26px;
    }

    .ft-54 {
        font-size: 38px;
    }

    .m-t-20 {
        margin-top: 10px;
    }

    /* ------------------------------------- */

    .newlist .box {
        padding: 10px 0 20px 0;
    }

    .newSlide .swiper-slide img {
        height: 540px;
    }

    .newlist .box .title {
        margin: 7px 0;
    }

    .header .container {
        height: 160px;
    }

    .nav {
        height: 60px;
        line-height: 60px;
    }

    .nav .nLi {
        height: 60px;
    }

    .nav .nLi h3 a {
        font-size: 20px;
    }

    .nav .sub {
        top: 60px;
    }

    .column {
        margin: 60px 0 30px 0;
    }

    .column .title {
        width: 260px;
        height: 65px;
        padding-left: 25px;
    }

    .crumbs .name {
        /* width: 230px; */
        height: 65px;
        line-height: 65px;
        padding: 0 30px 0 20px;
    }

    .column .title img {
        height: 28px;
    }

    .column .title .name,
    .crumbs .name {
        font-size: 28px;
    }

    .column .more img {
        max-height: 36px;
    }

    .llxxSlide .swiper-slide .dete .d {
        font-size: 20px;
    }

    .llxxSlide .swiper-slide .dete .y {
        font-size: 16px;
        margin-top: 5px;
    }

    .llxxSlide .swiper-slide a {
        padding: 35px 20px 35px 70px;
    }

    .llxxSlide .swiper-slide .dete {
        width: 76px;
        height: 70px;
    }

    .fzydlist .box .dete {
        margin-right: 20px;
    }

    .footer .codes img {
        width: 110px;
        height: 110px;
    }

    .crumbs .list {
        font-size: 18px;
    }

    .textlist .box {
        width: calc((100% - 30px) / 2);
        padding: 20px 25px;
        margin-bottom: 30px;
    }

    .textlist .box .desc {
        margin: 15px 0 25px 0;
    }

    .piclist .box {
        padding: 40px;
        margin-bottom: 40px;
        height: auto;
    }

    .picture_top .right .box .title {
        line-height: 45px;
        height: 45px;
    }

    .picture_top .left .box .tt {
        height: 100px;
    }

    .picture_list .box .title {
        line-height: 30px;
        height: 60px;
    }

    .picture_list .box .deter {
        padding: 45px 20px 15px 20px;
    }

    .picture_list .box .dete img {
        width: 18px;
        height: 18px;
    }

    .detail .title {
        font-size: 30px;
    }

    .detail .timer {
        padding: 20px 0 10px 0;
    }

    .detail .timer .left,
    .detail-page .box a {
        font-size: 16px;
    }

    .detail .dtl {
        padding: 25px 0;
    }

    .detail .dtl p {
        font-size: 18px;
    }

    .detail-page .box {
        padding: 30px 0 15px 0;
    }

}






@media screen and (max-width: 1630px) {
    .container {
        width: 1360px;
    }

    /* ---------------------------------- */
    .column .title .name,
    .crumbs .name,
    .xgxw_col .name,
    .tabHead .title .name {
        font-size: 20px;
    }

    .crumbs .name {
        padding: 0 25px 0 15px;
        height: 50px;
        line-height: 50px;
    }

    .xgxw_col .name {
        width: 160px;
        height: 50px;
        line-height: 50px;
    }

    .tabHead .title .box,
    .column .title {
        width: 190px;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
    }

    .tabHead .title .box img {
        height: 28px;
    }

    .detail {
        padding: 40px 115px;
    }

    .detail .title {
        font-size: 26px;
    }

    .xgxw_col .more img {
        height: 30px;
    }

    .xgxwlist .list {
        padding: 10px 20px;
    }

    .xgxwlist .box {
        padding: 15px 0;
    }

    .fzydlist .box {
        height: 97px;
    }

    .wmxylist li.f {
        height: auto;
        padding: 15px 25px;
    }

    .wmxylist li.n {
        padding: 22px 0;
    }

    .wmxylist li.last {
        padding-bottom: 0;
    }

    .picslide2 .swiper-next,
    .picslide2 .swiper-prev,
    .banlist .swiper-prev,
    .banlist .swiper-next {
        width: 50px;
        height: 50px;
        top: calc((100% - 54px) / 2);
    }

    .szjylist li.f .desc {
        margin: 15px 0 25px 0;
    }

    .szjylist li.f .img img {
        height: 200px;
    }

    .llxxSlide .swiper-slide {
        height: 210px;
    }

    .newlist .box .title {
        margin: 5px 0;
    }

    .newlist .box {
        padding: 15px 0 25px 0;
    }

    /* .newSlide .swiper-slide img {
        height: 568px;
    } */

    .nav .nLi h3 a {
        font-size: 17px;
    }

}

@media screen and (max-width: 1400px) {
    .container {
        width: 1220px;
    }

    .ft-20 {
        font-size: 14px;
    }

    .ft-22 {
        font-size: 16px;
    }

    .ft-26 {
        font-size: 17px;
    }

    .ft-28 {
        font-size: 18px;
    }

    .ft-30 {
        font-size: 19px;
    }

    .ft-32 {
        font-size: 22px;
    }

    .ft-34 {
        font-size: 23px;
    }

    .ft-36 {
        font-size: 24px;
    }

    .ft-40 {
        font-size: 24px;
    }

    .ft-45 {
        font-size: 26px;
    }

    .ft-54 {
        font-size: 32px;
    }

    /* --------------------------- */

    .llxxSlide .swiper-next {
        right: 25%;
    }

    .llxxSlide .swiper-prev {
        left: 25%;
    }

    .newlist .box {
        padding: 6px 0 15px 0;
    }



    .newSlide .swiper-slide img {
        height: 460px;
    }

    .newSlide .swiper-slide .dete {
        width: 140px;
        height: 45px;
        line-height: 45px;
    }

    .crumbs .list {
        font-size: 16px;
    }

    .crumbs .list img {
        height: 16px;
    }

    .textlist .box .desc {
        margin: 8px 0 15px 0;
    }

    .footer {
        height: 230px;
    }

    .piclist .box .desc {
        margin: 15px 0;
    }

    .detail .timer .left,
    .detail-page .box a {
        font-size: 15px;
    }

    .detail .dtl p {
        font-size: 16px;
    }

    .xgxwlist .box .title {
        line-height: 25px;
        height: 50px;
    }


}


@media screen and (max-width: 1140px) {
    .mbheader {
        display: block;
    }

    .header,
    .navigation,
    .footer .codes {
        display: none;
    }

    .container {
        width: 95%;
    }

    .ft-16 {
        font-size: 14px;
    }

    .ft-26 {
        font-size: 16px;
    }

    .ft-18 {
        font-size: 15px;
    }

    .ft-28 {
        font-size: 16px;
    }

    .ft-30 {
        font-size: 16px;
    }

    .ft-36 {
        font-size: 17px;
    }

    .ft-40 {
        font-size: 18px;
    }

    .ft-45 {
        font-size: 20px;
    }

    .ft-54 {
        font-size: 22px;
    }

    .p-40 {
        padding: 20px;
    }

    .p-t-40 {
        padding-top: 20px;
    }

    .p-b-50 {
        padding-bottom: 25px;
    }

    .m-t-60 {
        margin-top: 30px;
    }

    .m-t-40 {
        margin-top: 20px;
    }

    .m-t-20 {
        margin-top: 10px;
    }

    .m-b-40 {
        margin-bottom: 20px;
    }

    .m-b-50 {
        margin-bottom: 25px;
    }

    .m-t-70 {
        margin-top: 35px;
    }

    .m-b-20 {
        margin-bottom: 10px;
    }

    .m-b-100 {
        margin-bottom: 50px;
    }

    .m-t-120 {
        margin-top: 60px;
    }

    .p-t-100 {
        padding-top: 50px;
    }

    .p-b-100 {
        padding-bottom: 50px;
    }

    /* ----------------------- */

    .newSlide {
        width: 100%;
    }

    .newlist {
        width: 100%;
        padding: 0;
        margin-top: 25px;
    }

    .newSlide .swiper-slide img {
        width: 100%;
        height: auto;
    }

    .newSlide .swiper-slide .dete {
        width: 100px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }

    .newSlide .swiper-pagination {
        line-height: 35px;
    }

    .newSlide .swiper-pagination-bullet,
    .banlist .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 3px;
    }

    .banlist .swiper-pagination {
        bottom: 10px;
    }

    .picslide2 .swiper-next,
    .picslide2 .swiper-prev,
    .banlist .swiper-prev,
    .banlist .swiper-next {
        width: 35px;
        height: 35px;
        top: calc((100% - 35px) / 2);
    }

    .banlist .swiper-prev {
        left: 5%;
    }

    .banlist .swiper-next {
        right: 5%;
    }

    .column .title img {
        height: 16px;
    }

    .column .title .name,
    .crumbs .name,
    .xgxw_col .name,
    .tabHead .title .name {
        font-size: 17px;
    }

    .tabHead .title .box,
    .column .title {
        width: 150px;
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
    }

    .column,
    .tabHead {
        margin: 30px 0 20px 0;
    }

    .content3,
    .content2,
    .content1 {
        padding-bottom: 30px;
    }

    .content4 {
        padding-bottom: 15px;
    }

    .column .more img,
    .tabHead .more img {
        max-height: 26px;
    }

    .llxy,

    .fzyd {
        width: 100%;
    }

    .wmxy,
    .szjy {
        width: 100%;
    }

    .footer {
        height: auto;
        padding: 25px 0;
    }

    .banq p {
        line-height: 30px;
    }

    .picslide2 .swiper-wrapper {
        left: 0;
    }

    .picslide2 .swiper-slide .tt {
        height: auto;
    }

    .picslide2 .swiper-slide .title {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
    }

    .picslide2 .swiper-next {
        right: 5%;
    }

    .picslide2 .swiper-prev {
        left: 5%;
    }

    .item_list {
        justify-content: space-between;
    }

    .item_list .box {
        height: auto;
        width: calc((100% - 15px) / 2);
        margin-right: 0;
        margin-bottom: 15px;
        padding: 0 15px;
        padding-bottom: 25px;
    }

    .item_list .box .title {
        line-height: 25px;
        height: 75px;
        margin-top: 45px;
        margin-bottom: 15px;
        -webkit-line-clamp: 3;
        font-size: 16px;
    }

    .item_list .box .dete {
        width: 100px;
        height: 35px;
        line-height: 35px;
    }

    .wmxylist li.n {
        padding: 15px 0;
    }

    .wmxylist li.last {
        padding-bottom: 0;
    }

    .wmxylist li.n .title::before {
        width: 4px;
        height: 4px;
        top: 8px;
    }

    .wmxylist li.n .title {
        padding-left: 15px;
    }

    .wmxylist li.f .desc {
        line-height: 25px;
        height: 50px;
        margin: 10px 0 15px 0;
    }

    .fzydlist .box {
        padding: 0 15px;
        margin-bottom: 15px;
        height: 82px;
    }

    .fzydlist .box .title {
        font-size: 16px;
    }

    .fzydlist .box .y,
    .fzydlist .box .desc {
        margin: 0;
    }

    .szjylist li.n {
        height: 45px;
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .szjylist li.last {
        margin: 0;
    }

    .llxxSlide .swiper-slide {
        height: auto;
        margin: 15px 0;
    }

    .llxxSlide .swiper-slide .title {
        line-height: 30px;
        height: 60px;
    }

    .llxxSlide .swiper-slide a {
        padding: 20px 20px 20px 70px;
    }

    .llxxSlide .swiper-pagination {
        position: unset;
        margin-top: 10px;
    }

    .llxxSlide .swiper-prev,
    .llxxSlide .swiper-next {
        position: unset;
        display: none;
    }

    .llxxSlide .swiper-pagination-bullet {
        margin: 0 3px;
    }

    .crumbs .name {
        padding: 0 25px 0 15px;
        height: 40px;
        line-height: 40px;
    }

    .xgxw_col .name {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .piclist .box .d {
        font-size: 20px;
    }

    .piclist .box {
        padding: 20px;
        margin-bottom: 20px;
    }

    .piclist .box .dete {
        width: 66px;
        margin-right: 15px;
    }

    .piclist .box .y {
        font-size: 15px;
    }

    .piclist .box .title {
        font-size: 16px;
    }

    .piclist .box .desc {
        line-height: 23px;
        height: 46px;
        margin: 10px 0;
    }

    .piclist .box .more {
        width: 100px;
        height: 35px;
        line-height: 35px;
    }

    .crumbs {
        margin: 30px 0;
    }

    /* --------------------- */

    .detail {
        width: 100%;
        padding: 25px 15px;
    }

    .detail .title {
        font-size: 18px;
    }

    .detail .timer .right {
        display: none;
    }

    .detail .timer .left {
        width: 100%;
        justify-content: center;
    }

    .detail-page .box {
        padding: 20px 0 10px 0;
    }

    .xgxwlist {
        width: 100%;
        margin-bottom: 30px;
    }

    .xgxwlist .box {
        padding: 10px 0;
    }

    .xgxwlist .box .title {
        height: 25px;
        -webkit-line-clamp: 1;
    }

    .detail .dtl {
        padding: 0;
    }

    .xgxwlist {
        display: none;
    }

    .p-b-80 {
        padding-bottom: 40px;
    }

    .banq p br {
        display: block;
    }


}

@media screen and (max-width: 640px) {

    .szjylist li.f .img {
        width: 100%;
    }

    .szjylist li.f .img img {
        height: auto;
    }

    .szjylist li.f .tt {
        padding: 15px;
    }

    .llxxSlide .swiper-slide .dete .d {
        font-size: 18px;
    }

    .llxxSlide .swiper-slide .dete .y {
        font-size: 14px;
    }

    .textlist .box {
        width: 100%;
    }

    .textlist .box .desc {
        line-height: 23px;
        height: 46px;
    }

    .textlist .box .more {
        width: 87px;
        height: 30px;
        line-height: 30px;
    }

    .crumbs .list {
        font-size: 14px;
    }

    .piclist .box .img {
        width: 100%;
    }

    .piclist .box .tt {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .piclist .box .xian {
        display: none;
    }

    .piclist .box .dete {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
        margin-bottom: 15px;
    }

    .piclist .box .d {
        margin: 0;
        margin-right: 10px;
    }

    .picture_top .left {
        width: 100%;
    }

    .picture_top .right {
        width: 100%;
        margin-top: 20px;
    }

    .picture_top .right .box {
        margin-bottom: 20px;
    }

    .picture_list {
        margin-top: 20px;
    }

    .picture_list .box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .picture_top .left .box .tt {
        width: 100%;
        height: 65px;
    }

    .picture_top .left .box .title {
        margin: 0;
    }

    .newlist .box3,
    .newlist .box4,
    .newlist .box5,
    .item_list .box5,
    .item_list .box6,
    .crumbs .list {
        display: none;
    }

    .newSlide .swiper-slide .tt {
        padding: 10px 20px;
    }

    .newSlide .swiper-pagination {
        display: none;
    }

    .subNav .list a {
        font-size: 15px;
        height: auto;
        line-height: 25px;
        padding: 10px 15px;
        margin-right: 15px;
        text-align: center;
        margin-bottom: 25px;
    }

}