@media screen and (max-width: 588px) {
    .mo_footer{
        height: 450px;
    }
    .foot_botton ul .fl{
        width: 100%;
    }
}
@media screen and (max-width: 551px) {

    .banner .swiper-slide .banner_text .baText{
        margin-top: 0;
        height: 50px;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .banner .swiper-slide .banner_text p{
        font-size: 36px;
    }
    .list1 .tab .tab-tit{
        height: 100%;
    }
    .list1 .tab .tab-tit .list-item{
        height: 45px;
        width: 5rem;
        margin: 0 0.8rem 0 0;
        padding: 0;
    }
    .list1 .tab .tab-tit .list-item .img2{
        margin-right: 0.5rem;
        width: 100%;
        height: auto;
    }
    .list1 .tab .tab-next .list i{
        margin-top: 1rem;
    }
    .list1 .tab .tab-tit .list-item::after{
        width: 5rem;
        height: 1rem;
        background-size: contain;
        left: 50%;
    }

    .list1 .tab .tab-tit .more{
        line-height: 20px;
    }
    .list1 .tab .tab-next .list{
        margin-top: 0;
    }
    .list1 .tab .tab-next .list a{
        line-height: 45px;
    }
    .list1 .tab .tab-next .list p{
        font-size: 1.2rem;
        max-width: 60%;
    }
    .list1 .tab .tab-next .list em{
        font-size: 1.2rem;
    }
    .listUl .listLi .next ul li i{
        margin-top: 12px;
    }
    .liBanner{
        height: 15rem;
        margin-top: 1.7rem;
    }
    .liBanner .banner_list{
        height: 40px;
        font-size: 14px;
        padding-left: 0;
    }
    .liBanner .banner_list a{
        font-size: 18px;
    }
    .liBanner .swiper-pagination{
        width: 39%;
    }
    .liBanner .swiper-pagination-bullet{
        width: 0.5rem;
        height:0.5rem;
    }
    .banner .swiper-slide .banner_text{
        width: 70%;
        margin-bottom: -100px;
        left: 55%;
        bottom: 50%;
    }
    .liBanner .swiper-pagination-bullet-active{
        width: 1.2rem;
    }
    .liBanner .banner_list a{
        width: 50%;
        overflow: hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    .mo-list2{
        height: 580px;
    }
    .mo-list2 .listUl .listLi{
        margin-top: 0px;
    }
    .mo-list2 .listUl .listLi .next ul li .p1 , .mo-list2 .listUl .listLi .time , .zfxxgk .zcjd .mo-list .text-over1,.zfxxgk .zcjd .mo-list a em{
        font-size: 1.2rem;
    }
    .zfxxgk .zcjd .mo-list .text-over1{
        width: 78%;
    }
    .zfxxgk .zcjd .mo-list a em{
        padding-left: 1.5rem;
    }
    .mo-list2 .swiper-pagination-bullet{
        width: 0.6rem;
        height: 0.6rem;
    }
    .mo-list2 .swiper-pagination-bullet-active{
        width: 1.5rem;
    }
    .mo-list2 .listUl .listLi .title p{
        width: 5rem;
    }
    .mo-list2 .listUl .listLi .title p img{
        width: 100%;
        height: auto;
    }
    .mo-list2 .listUl .listg .title p img{
        width: 80%;
    }
    .list3{
        height: 104px;
        margin-top: 1.5rem;
    }
    .list3 .title{
        height: 70px;
        line-height: 70px;
    }
    .list3 .title h2 , .list3 .title .more{
        height: 50px;
        line-height: 50px;
    }
    .list3 .swiper-slide{
        height: 7rem;
    }
    .list3 .content{
        margin-top: 0;
    }
    .list3 .content .swiper-pagination{
        bottom: 0px;
    }
    .list3 .content .swiper-button-next,.list3 .content .swiper-button-prev{
        display: none;
    }
    .list3 .swiper-pagination-bullet{
        width: 0.6rem;
        height: 0.6rem;
    }
    .list3 .swiper-pagination-bullet-active{
        width: 1.5rem;
    }
    .list3 .content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 4px;
    }
    .list4{
        margin-top: 2.5rem;
        padding-bottom: 44px;
        margin-top: 0;
    }
    .list4 .swiper-pagination-bullet{
        width: 0.8rem;
        height: 0.8rem;
    }
    .list4 .swiper-pagination-bullet-active{
        width: 2rem;
    }
    .zfxxgk{
        height: 801px;
        padding: 0 1rem;
        width: 92%;
    }
    .zfxxgk .title{
        height: 70px;
        line-height: 70px;
    }
    .zfxxgk .zcjd h3{
        font-size: 20px;
    }
    .zfxxgk .title h2{
        width: 150px;
        height: auto;
        background: url(../images/sy/content/list4/zfxxgk1.png) center no-repeat;
        background-size: contain;
    }
    .zfxxgk .zcjd .zc-sousuo .zc-ss{
        width: 60px;
        margin-left: 1rem;
    }
    .zfxxgk .zcjd .zc-sousuo .zcSearch{
        margin-right: 1rem;
    }
    .zfxxgk .zcjd .zc-sousuo .txt{
        width: 60%;
    }
    .zfxxgk .zcjd .mo-list a span{
        width: 44px;
    }
    .zfxxgk .zcjd .mo-list i{
        margin-top: 20px;
        margin-left: 2px;
    }
    .w90{
        width: 100%;
    }
    .zfxxgk .zcjd .next{
        height: 240px;
        padding-bottom: 0;
        padding-left: 0;
    }
    .zfxxgk .zcjd .next .clearfix{
        margin-top: 5px;
    }
    .zfxxgk .zcjd .next a{
        width: 110px;
        height: 110px;
        position: relative;
    }
    .zfxxgk .zcjd .next a .zcimg{
        position: absolute;
        top: 1rem;
        left: 50%;
        margin-left: -20px;
        margin-top: 0;
        width: 41px;
        height: 45px;
    }

    .zfxxgk .zcjd .next a span{
        margin: 18px 5px 6px 34px;
    }
    .zfxxgk .zcjd .next a p{
        display: block;
        font-size: 16px;
        margin-top: 65%;
    }
    .zfxxgk .zcjd .next a:hover p{
        color: black;
    }
    .hbzwfww{
        height: 200px;
    }

    .zfxxgk .zcjd .next a span{
        width: 40px;
        height: 41px; 
    }
    
    .bsfw{
        margin-top: 2.5rem;
        height: 700px;
        padding: 0 1rem;
        width: 92%;
        background-size: cover;
    }
    .bsfw .title{
        height: 70px;
        line-height: 70px;
    }
    .bsfw .title h2{
        width: 100px;
        height: auto;
        background: url(../images/sy/content/list4/bsfw1.png) center no-repeat;
        background-size: contain;
    }
    .hbzwfww a{
        height: 200px;
        background-size:cover;
    }
    .bsfw .work .work-tit{
        height: 80px;
        line-height: 80px;
    }
    .bsfw .work .work-tit h3{
        width: 117px;
    }
    .bsfw .work .work-con p{
        font-size: 16px;
    }
    .win{
        width: 90%;
    }
    #work-con1, #work-con2{
        height: 100%;
    }
    .bsfw .work .work-con .work-list .swiper-pagination{
        bottom: 89px;
    }
    .work-li1::after{
        left: 38%;
    }
    .work-li2::after{
        left: 43%;
    }
}

@media screen and (max-width: 412px) {
    .list1 .tab .tab-tit .more{
        display: none !important;
    }
    .list1 .tab .tab-next .list em{
        font-size: 1rem;
    }
    .zfxxgk .zcjd .zc-sousuo .zc-ss{
        margin-left: 0.5rem;
    }
    .zfxxgk .zcjd .zc-sousuo .txt{
        width: 55%;
    }
    .zfxxgk .zcjd .zc-sousuo .zcSearch{
        margin-right: 0.5rem;
    }
}
@media screen and (max-width: 301px) {
    .list1 .tab .tab-next .list p{
        width: 50%;
    }
    .zfxxgk .zcjd .mo-list .text-over1{
        width: 70%;
    }
    .bsfw .work .work-tit h3{
        width: 110px;
    }
    .bsfw .work .work-con .work-list a{
        height: 115px;
        width: 29%;
    }
    .flexBox .w1400 {
        display: block;
    }
    .flexBox {
        margin-top: 2.5rem;
        
    }

    .flexBox .pcImg {
        display: none;
    }

    .flexBox .mImg {
        display: block;
    }
    .flexBox .leftImg {
        width: 100%;
    }
    
    .flexBox .rightImg {
        width: 100%;
        margin-top: 1.6rem;
    }
}