@media screen and (max-width:900px) {
    .gxHead {
        display: block;

    }

    .nav-height {
        display: block;
    }

    .nav {
        display: none !important;
    }

    .swiper-container {
        margin-top: 30px;
    }

    .zflogo {
        width: 60%;
    }

    .notice1 {
        font-size: 14px;
        bottom: 30px;

    }

    .notice1 p {
        margin: 5px 5px;
    }

   

    .banner {
        margin-top: 70px;
    }

    .drop-nav {
        flex-wrap: wrap;
        height: auto;
    }

    .drop-nav li {
        height: 30px;
        font-size: 18px;
        width: auto;
        box-sizing: border-box;
        padding: 0px 20px;
        line-height: 30px;

    }

   
    




    /* NEW */
    header .nav-list{
        display: none;
    }
    header .search{
        display: none;
    }
    .menuFigure{
        width: 100%;
        /* display: none; */
        left: -100%;
    }
    .menuItem{
        /* display: none; */
        right: -100%;
        width: 100% !important;
        z-index: 99999999999;
        background-color: rgba(255, 255, 255, 0.7);
    }
    .menuFigure.on{
        display: block;
    }
    .menuItem.on{
        /* display: block; */
        right: 0%;
    }
    .menuItem-title{
        margin-top: 70px;
    }
    .menuItem-list{
        display: flex;
        flex-wrap: wrap;
    }
    .menuItem-list dl{
        width: 50%;
    }
    footer .top .wrapper{
        flex-wrap: wrap;
    }
    footer .top .wrapper .left{
        width: 100%;
    }
    footer .top .wrapper .right{
        width: 100%;
    }
    footer .bottom{
        height: auto;
    }
    footer .bottom .wrapper{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        box-sizing: border-box;
        padding: 10px 0px;
    }
    main #swiperContainer .notice1{
        left: 35%;
    }
    .notice-wrap{
        flex-wrap: wrap;
        height: auto;
        justify-content: flex-end;
        padding-bottom: 15px;
    }
    .notice-wrap .title{
        width: 100%;
    }
    .notice-wrap .list{
        box-sizing: border-box;
        padding: 0px 10px;
        flex-wrap: wrap;

    }
    .notice-wrap li{
        width: 100%;
        height: 30px;
    }
    .notice-wrap .more{
    }
    .easy-handle .wrapper ul{
        flex-wrap: wrap;
    }
    .easy-handle .wrapper ul li{
        width: 48%;
        height: 120px;
        margin-bottom: 6px;
    }
    .easy-handle .wrapper ul li .en-title{
        text-align: center;
    }
    .easy-handle .wrapper ul li a .imgs{
        width: 60px;
        height: 60px;
        border-radius: 35px;
    }
    .easy-handle .wrapper ul li a .imgs img{
        width: 55px;
        height: 55px;
    }
    .info-wrap .wrapper{
        flex-wrap: wrap;
    }
    .info-wrap .notice-list{
        width: 100%;
    }
    .report-list{
        width: 100%;
    }
    .info-wrap .header .cn-title{
        font-size: 20px;
        white-space: nowrap;
    }
    .info-wrap .header .en-title{
        font-size: 14px;
    }
    .info-wrap .header .more{
        width: 120px;
        height: 40px;
        font-size: 12px;
    }
    .info-wrap .header .title{
        align-items: center;
    }
    .about-wrap .wrapper{
        flex-wrap: wrap;
        height: auto;
    }
    .about-wrap .wrapper .left{
        width: 100%; 
    }
    .about-wrap .wrapper .left .content{
        margin-top: 0px;
    }
    .about-wrap .wrapper .left .more{
        width: 140px;
        height: 40px;
        margin: 30px 0px;
    }
    .about-wrap .wrapper .right .icon1{
        width: 60px;
        height: 60px;
    }
    .notice-ul li a{
        flex-wrap: wrap;
    }
    .notice-ul li .imgs{
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    .notice-ul .active .content{
        height: auto;
    }
    .notice-ul li::after{
        display: none;
    }
    .drop-nav li{
        padding: 0px 10px;
    }
    .drop-nav ul .active{
        
    }
    .section1 .wrapper{
        flex-wrap: wrap;
    }
    .section1 .wrapper .right{
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .section .title .cn-title{
        font-size: 26px;
    }
    .section .title .en-title{
        font-size: 20px;
    }
    #honorSwiper{
        height: 260px;
    }
    #honorSwiper .swiper-slide .imgs{
        height:170px;
    }
    .section3 .swiper-button-prev{
        top: 95%;
        left: 41%;
    }
    .section3 .swiper-button-next{
        top: 95%;
    }
    .section3{
        height: 18.4rem;
    }
    .section3 .swiper-button-prev img, .section3 .swiper-button-next img{
        width: 30px;
        height: 30px;
    }
    .notice .wrapper{
        flex-wrap: wrap;
    }
    .notice .wrapper .left{
        width: 100%;
    }
    .notice .wrapper .right{
        width: 100%;
    }
    .notice .wrapper .left .notices li{
        height: 50px;
    }
    .handle-list{
        flex-wrap: wrap;
    }
    .handle-list li{
        width: 48%;
        height: 150px;
    }
    .handle-list li a .imgs img{
        width: 50px;
        height: 50px;
    }
    .handle-list li a .imgs{
        width: 60px;
        height: 60px;
        border-radius: 30px;
    }
    .notice .wrapper .detail .more-list{
        flex-wrap: wrap;
    }
    .notice .wrapper .detail .more-list li{
        width: 100%;
        height: 50px;
    }
    main .yewu{
        width: 100%;
        height: auto;
    }
    .yewu .wrapper ul{
        width: 100%;
        
    }
    .us-info{
        height: auto;
    }
}