@media screen and (max-width:900px) {

    .gxHead {

        display: flex;



    }



    #fullpage {

        display: none;

    }



    .mobile-container {

        display: block;

    }



    #nav1 {

        display: none !important;

    }



    #nav2 {

        display: none !important;

    }



    .header {

        display: none;

    }



    .container {

        padding-top: 0px;

    }



    .indexSwiper {

        margin-top: 70px;

        height: 180px;

    }



    .section1 {

        padding-top: 0px;

    }



    .wrapper {

        width: 96%;

    }



    .swiper-container .swiper-slide .wrapper {

        /* height: 100%; */



        width: 100% !important;

    }



    .indexSwiper .cursor {

        left: 42%;

        bottom: 30px;

    }



    .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;

    }



    .indexSwiper .swiper-slide .wrapper {

        left: 0;

        width: 96%;

    }



    .banner {

        margin-top: 70px;

        height: 100px;

    }



    .banner .wrapper .title {

        font-size: 26px;

    }



    .contact-container .wrapper .list {

        flex-wrap: wrap;

    }



    .contact-container .wrapper .list li {

        width: 100%;

        height: 80px;

    }



    .contact-container .wrapper .list li .icon {

        width: 30px;

    }



    .contact-container .wrapper .list li .value h4 {

        font-size: 14px;

    }



    .leave-wrods .wrapper .t {

        font-size: 26px;

    }



    .leave-wrods .wrapper .leave-form .cell {

        width: 100%;

        margin-bottom: 10px;

        height: 50px;

    }



    body main .footer {

        height: auto !important;

    }













    .guide-container .wrapper .search-wrap{

        width: 100%;

    }

    .guide-container .wrapper .search-wrap .select-wrap select{

        width: 80px;

    }

    .guide-container .wrapper .search-wrap button{

        width: 80px;

        height: 30px;

        font-size: 16px;

        white-space: nowrap;

    }

    .guide-container .wrapper .search-wrap .input-wrap input{

        padding-left: 10px;

    }

    .guide-container .wrapper .search-wrap .input-wrap{

        margin-left: 10px;

        

    }

    .guide-wrap{

        flex-wrap: wrap;

    }

    .guide-wrap li{

        width: 48%;

        height: auto;

        margin-bottom: 10px;

   }

   .guide-container .wrapper .search-wrap{

    margin-bottom: 20px;

   }

   .guide-wrap li a img{

    width: 40px;

    margin-top: 15px;

   }

   aside{

    display: none;

   }

   .index-banner{

    width: 100%;

    height: 100px;

    margin-top: 70px;

   }

   #swiperContainer .swiper-slide .swiper-wrap{

    display: none;

   }

   main .page1 .wrapper{

    flex-wrap: wrap;

   }

   main .page1 .wrapper .left{

    width: 100%;

   }

   main .page1 .wrapper .right{

    width: 100%;

   }

   main .slogn-2{

    width: 96%;

   }

   .section-content{

    flex-wrap: wrap;

   }

   .left-content{

    width: 100%;

    margin-right: 0px;

   }

   .right-content{

    width: 100%;

    height: auto;

   }

   .right-content .content-wrap{

    flex-wrap: wrap;

    padding: 10px;

   }

   .right-content .content-wrap .left{

    width: 100%;

    height: auto;

    margin-bottom: 20px;

   }

   .section-footer{

    flex-wrap: wrap;

   }

   .section-footer .data-list li{

    width: 100%;

   }

   .footer-left, .footer-middle, .footer-right{

    height: auto;

   }

   main .page4{

    padding-top: 0px;

   }

   main .page4 .card-list{

    flex-wrap: wrap;

   }

   main .page4 .card-list li{

    width: 100%;

    margin-right: 0px;

    margin-bottom: 20px;

   }

   main .page4 .card-list li a{

    display: block;

    width: 100%;

    height: 100%;

   }

   main .page4 .card-list li a .cover{

    width: 100%;

    height: 100%;

   }

   footer .footer-top .wrapper{

    flex-wrap: wrap;

   }

   footer .footer-top .wrapper .right{

    width: 100%;

    display: flex;

   }

   footer .right .code{

    width: 45%;

   }

   footer .footer-bottom .wrapper{

    flex-wrap: wrap;

   }

   .list li .title{

    width: 50%;

   }

   .list li a{

    width: 100%;

   }

   main .page1 .wrapper .left{

    height: 200px;

   }

   .sub-tabs .wrapper .tab{

    width: 100px;

    height: 40px;

    line-height: 40px;

   }

   main .content-wrap{

    padding: 10px;

   }

   .data-page1 .wrapper .data-list .data-item{

    /* margin-right: 0px; */

    width: 48%;

    margin-right: 0px;

   }

   .data-page1 .wrapper .data-list{

    justify-content: space-between;



   }

   .data-page2 .content-wrap{

    flex-wrap: wrap;

   }

   .data-page2 .content-wrap .left{

    width: 100%;

    height: auto;

    margin-bottom: 20px;

   }

   .data-page2 .content-wrap .right .list li{

    width: 100%;

   }

   .service-card .card{

    width: 100%;

    margin-right: 0px;

   }

   .notice-list li a .title{

    width: 70%;

    overflow:hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

   }

   .news-list li a{

    flex-wrap: wrap;

   }

   .news-list li a .cover{

    width: 100%;

    height: 200px;

   }

   .contact-wrap{

    width: 100%;

    flex-wrap: wrap;

    padding: 10px;

   }

   .contact-wrap .right{

    width: 100%;

    padding: 0px;

   }

   .contact-wrap .right p{

    width: 100%;

    display: block;

    white-space: wrap;

   }

   .zs-banner{

    margin-top: 70px;

    height: 100px;

   }

   .zs-banner .title{

    font-size: 24px;

   }

   .zs-banner p{

    width: 80%;

    font-size: 12px;

   }

   main .content-wrap h2{

    font-size: 20px;

   }

   .comment-box .cell{

    flex-wrap: wrap;

    /* justify-content: flex-end; */

   }

   .comment-box .cell .value{

    width: 100%;

    text-align: left;

   }

   .comment-box .cell .label{

    margin-bottom: 10px;

   }

   aside li p{

    font-size: 14px;

	color: #333333;

   }

   aside li {

    cursor: pointer;

   }

   

}