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

    }
    #nav1{
        display: none !important;
    }
    #nav2{
        display: none !important;
    }
    .header{
        display: none;
    }

    .container{
        padding-top: 0px;
    }
    .indexSwiper{
        margin-top: 70px;
    }

    .wrapper{
        width: 96%;
    }
    .swiper-container .swiper-slide .wrapper{
        /* height: 100%; */
        
        width: 96% !important;
        left: 2%;
    }
    .indexSwiper .cursor{
        left: 42%;
    }
    .pagination-wrap{
        height: 120px;
        right: -20px;
    }
    .indexSwiper .cursor img{
        width: 15px;
        height: 20px;
    }
    .pagination-wrap .swiper-pagination{
        width: 80px;
    }
    footer .logo{
        width: 100%;
    }
    footer .middle .wrapper{
        flex-wrap: wrap;
    }
    footer .top{
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }
    footer .top .wrapper{
        flex-wrap: wrap;
    }
    footer .middle .left{
        width: 100%;
    }
    footer .right{
        flex-wrap: wrap;
        width: 100%;
        display: flex;
    }
    footer .right .info{
        width: 100%;
    }
    footer .bottom{
        height: auto;
    }
    footer .bottom .wrapper{
        flex-wrap: wrap;
    }
    footer .right .code{
        margin-bottom: 20px;
        width: 48%;
        margin-left: 10px;
    }
    footer .right .phone{
        /* width: 48%; */
    }
    footer .right .phone .value div:nth-child(1){
        font-size: 22px;
    }
    .w-h{
        display: none !important;
    }
    .wrapper{
        width: 94% !important;
        max-width: unset;
    }
    
    .index-page1 .wrapper{
        height: auto;
        padding: 0;
    }
    .index-page1 .wrapper .title{
        font-size: 22px;
        /* text-align-last: justify; */
    }
    .index-page1 .wrapper ul{
        margin-top: 25px;
        flex-wrap: wrap;
    }
    .index-page1 .wrapper ul li{
        width: 100%;
        border-bottom: 1px solid #999999 ;
        border-right: none;
        height: 40px;

    }
    .index-page1 .wrapper ul li a{
        line-height: 40px;
    }
    .index-page2 .wrapper{
        flex-wrap: wrap;
    }
    .index-page2 .wrapper .left{
        width: 100%;
        flex-wrap: wrap;
        height: auto;
    }
    .index-page2 .wrapper .left .swiper-container{
        width: 100%;
        height: 255px;
    }
    .index-page2 .wrapper .left .swiper-container .swiper-slide .n-title{
        height: 40px;
        line-height: 40px;
    }
    .index-page2 .wrapper .left .list-wrap{
        width: 100%;
        margin-top: 30px;
    }
    .index-page2 .wrapper .title{
        font-size: 20px;
        padding-left: 20px;
        line-height: 40px;
    }
    .index-page2 .wrapper .title::after{
        width: 6px;
        height: 20px;
        top: 10px;
    }
    .index-page2 .wrapper .list li{
        height: 50px;
    }
    .index-page2 .wrapper .list{
        height: 300px;
    }
    .index-page2 .wrapper .list li a::after{
        top: 25px;
    }
    .index-page2 .wrapper .list li a{
        padding-left: 15px;
        line-height: 51px;
    }
    .index-page2 .wrapper .right{
        width: 100%;
        height: 400px;
        margin-top: 30px;
    }
    .index-page3{
        margin-top: 30px;
    }
    .index-page4{
        margin-top: 30px;
    }
    .index-page4 .title{
        font-size: 22px;
    }
    .index-page4 .title .left-title, .index-page4 .title .right-title{
        width: 120px;
        height: 8px;
    }
    .index-page4 .list{
        flex-wrap: wrap;
    }
    .index-page4 .list li{
        width: 48%;
        margin-bottom: 15px;
        height: 60px;
    }
    .index-page4 .list li a{
        display: block;
        height: 100%;
        width: 100%;
    }
    .index-page4 .wrapper{
        height: auto;
    }
    .index-page5 .wrapper .list .active{
        height: 100px;
    }
    .index-page5 .wrapper .list .active a .cover{
        width: 140px;
    }
    .index-page2 .wrapper .list li .value{
        height: 100%;
        box-sizing: border-box;
        padding: 8px 0px;
        margin-left: 10px;
    }
    .index-page5 .wrapper .list .active .title-s{
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        line-height: 24px;
        -webkit-box-orient: vertical;
    }
    .index-page5 .wrapper .list .active .value p{
        font-size: 14px;
        line-height: 24px;
    }
    .index-page6{
        margin-top: 30px;
        height: auto;
    }
    .index-page6 .kj-wrap{
        flex-wrap: wrap;
    }
    .kj-wrap .item{
        width: 100%;
        margin-top:20px;
    }
    .kj-wrap .item .sub-title img:nth-child(1){
        width: 25px;

    }
    .kj-wrap .item .sub-title img{
        margin-right: 10px; 
    }
    .kj-wrap .item .sub-title{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .kj-wrap .item .cover{
        height: 140px;
        margin-bottom: 20px;
    }
    .index-page6 .wrapper .list li a{
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .index-page6 .wrapper .list .active{
        height: 60px;

    }
    .index-page6 .wrapper .list .active a{
        height: 60px;   
        line-height: 60px;
        padding-left: 15px;
    }
    .index-page7 .kj-wrap{
        flex-wrap: wrap;
    }
    .index-page7 .wrapper .left .kj-wrap .item{
        width: 100%;
    }
    .index-page7 .wrapper .left .kj-wrap .item .list{
        height: 300px;
    }
    .index-page7 .wrapper .left .kj-wrap .item .list .active{
        height: 100px;
    }
    .index-page7 .wrapper .left .kj-wrap .item .list .active a
    {
        display: flex;
        height: 100px;
    }
    .index-page7 .wrapper .list .active a{
        line-height: unset;
    }
    .index-page7 .wrapper .left .kj-wrap .join{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .index-page7 .wrapper .left .kj-wrap .join .join-title{
        height: 45px;
        line-height: 45px;
        font-size: 22px;
        margin-bottom: 20px;
    }
    .index-page7 .wrapper .left .kj-wrap .join .it{
        width: 48%;
        height: 60px;
        margin-bottom: 20px;
    }
    .index-page7 .wrapper .left .kj-wrap .join .it a .cn{
        font-size: 18px;
    }
    .index-page7 .wrapper .left .kj-wrap .join .it a .icon{
        margin-right: 10px;
    }
    .index-page8 .wrapper .card{
        flex-wrap: wrap;
    }
    .index-page8 .wrapper .card li{
        width: 100%;
        height: 250px;
        margin-bottom: 20px;
    }
    .index-page8 .wrapper .card li .cover{
        height: 200px;
    }
    .index-page8 .wrapper .card li .cover img{
    object-fit: cover;
    }
    .index-page8 .wrapper .card li .title-n{
        height: 50px;
        line-height: 50px;
}
.link {
    height: auto;
    padding: 10px 0px;
}
.link .wrapper{
    flex-wrap: wrap;
}
.link .wrapper select{
    width: 46%;
    height: 30px;
    font-size: 14px;
}
.link .selects{
    width: 100%;
    flex-wrap: wrap;
}
.link .wrapper .label{
    font-size: 22px;
    margin-bottom: 20px;
}
footer .left .logo .cn-logo{
    font-size: 26px;
}
footer .left .logo .en-logo{
    font-size: 16px;
}
footer .middle .left .zfjg{
    width: 50px; 
height: auto;
}
footer .middle .left .zf{
    width: 100px;
    height: auto;
}
footer .middle .left .zf img{
    width: auto;
}
footer .middle .wrapper .right{
    width: 100%;
    display: flex;
    height: auto;
    box-sizing: border-box;
    padding: 10px;
}
footer .middle .wrapper .right .code{
    display: flex;
    flex-direction: column;
    width: 45%;
}
footer .middle .wrapper .right .code img{
    width: 80px;
    height: 80px;
}
.banner{
    margin-top: 70px;
}
.drop-nav .crumb{
    display: none;
}
.banner .wrapper .cn-title{
    font-size: 22px;
}
.banner .wrapper .en-title{
    font-size: 14px;
}
.drop-nav{
    height: auto;
}
.drop-nav .wrapper .nav li{
    width: auto;
    box-sizing: border-box;
    padding: 10px;
    height: auto;
}
.news .wrapper .list li{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.news .wrapper .list li a{
    flex-wrap: wrap;
}
.news .wrapper .list li a .cover{
    width: 100%;
}
.news .wrapper .list li .time .day{
    font-size: 20px;
}
.drop-nav .wrapper .nav{
    overflow-x: scroll;
}
.drop-nav .wrapper .nav li a{
    white-space: nowrap;
 }
 .regulations  .wrapper .list li a {
    padding-top: 65px;

 }
 .activities .list li{
    width: 100%;
    height: 380px;
 }
 .activities .list li .cover{
    height: 200px;
 }
 .activities .list li .info p{
    flex-shrink: 0;
    display: block;
    height: 60px;
 }
 .activities .list li .info .line{
    flex-shrink: 0;
    margin-bottom: 10px;
 }
 .news-drop-nav{
    height: 40px;
    margin-top: -120px;
 }
 .news-detail .wrapper .title{
    font-size: 22px;
 }
 .news-detail .handle a{
    width: 50%;
    height: 40px;
 }
 .vip .wrapper .list li{
    height: 50px;
 }
 .vip .wrapper .list li a .value{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
 }
}