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

    .nav-height {
        display: block;
    }
    .wrap{
        width: 100%;
    }
    .nav{
        display: none;
    }
    .page1 .wrap .tabs{
        width: 100%;
        margin-top: 70px;
    }
    .page1 .wrap .keshi{
        width: 100%;
    }
    .page1 .wrap .keshi .show{
        width: 100%;
        flex-wrap: wrap;
    }
    .page1 .wrap .keshi .show .leftcow{
        width: 100%;
    }
    .page1 .wrap .tabs::after{
        width: 100%;
    }
    .page3 .wrapper{
        width: 100%;
    }
    .page3 .container .swiper-container{
        width: 100%;
    }
    .page3 .container{
        flex-wrap: wrap;
    }
    .page5 .wrapper{
        flex-wrap: wrap;
    }
    .page5{
        height: auto;
    }
    .footer .middle .wrapper{
        width: 100%;
        flex-wrap: wrap;
    }
    .footer .bottom .wrapper{
        width: 100%;
    }
    .container_o{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .page1 .wrap .keshi .title{
        flex-wrap: wrap;
    }
    .page1 .wrap .keshi .title .right ul{
        flex-wrap:wrap;
        padding-top: 10px;
    }
    .page5 .wrapper .list{
        width: 100%;
    }
    .footer .middle .wrapper .codes{
        flex-wrap: wrap;
    }
    .handle-wrap select{
        width: 30%;
    }
    .page1 .wrap .tabs ul{
        width: 100%;
        flex-wrap: wrap;
        height: auto;
        box-sizing: border-box;
        padding: 15px;
        justify-content: space-around;
    }
    .page1 .wrap .tabs ul li{
        width: 30%;
        margin-bottom: 15px;
    }
    .page1 .wrap .tabs ul li a img{
        width: 35px;
        height: 35px;
    }
    .staticbox{
        display: none;
    }
    .swiper-pagination{
        bottom: 0px !important;
    }
    .swiper-container{
        margin-top: 70px;
    }
    .page1 .wrap .keshi .title .left{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .page1 .wrap .keshi .title .left::after{
        left: 20px;
    }
    .page1 .wrap .keshi .title .right{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;

    }
    .page1 .wrap .keshi .title .right ul{
        justify-content: unset;
        height: auto;
    }
    .page1 .wrap .keshi .title .right ul li{
        margin-bottom: 5px;
    }
    .page1 .wrap .keshi .show{
        padding-top: 100px;
        padding-right: 0px;
        height: auto;
    }
    .page1 .wrap .keshi .show .leftcow{
        padding: 20px;
    }
    .page1{
        height: auto;
    }
    .page1 .wrap .keshi .show .right{
        width: 100%;
        box-sizing: border-box;
        padding:  20px;
    }
    .page1 .wrap .keshi .show .right ul{
        justify-content: space-between;
    }
    .page1 .wrap .keshi .show .right ul li{
        width: 49%;
        margin-right: 0px;
    }
    .page2{
        height: auto;
        box-sizing: border-box;
        background-size: cover;
        background-position: center center;
        padding: 20px 20px 40px 20px;
     
    }
    .page2 .f4_container .f4_top{
        width: 100%;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .page2 .f4_container .f4_top .right .selecto{
        width: 28%;
    }
    .page2 .f4_container .f4_top .right .selecto select{
        width: 100% !important;
    }
    .page2 .f4_container .f4_top .right .selectt{
        width: 28%;
    }
    .page2 .f4_container .f4_top .right .selectt select{
        width: 100% !important;
    }
    .page2 .f4_container .f4_top .right .search_{
        width: 28%;
    }
    .page2 .f4_container .f4_top .left{
        margin-bottom: 20px;
    }
    .page2 .f4_container .f4_top .right{
        width: 100%;
        justify-content: space-between;
    }
    .page2 .f4_container .f4_top .right .search_ .se_icon{
        width: 18px;
    height: 17px;
    flex-shrink: 0;
    background-size: 100%;
    }
    .page2 .f4_container .f4_line{
        width: 100%;
    }
    .page2 .f4_container .f4_slideshow{
        width: 100%;
    }
    .page2 .f4_container .f4_slideshow .swiper{
        width: 100%;
    }
    .page2 .f4_container .f4_slideshow .swiper-slide{
        height: 400px;
    }
    .page2 .f4_container .f4_slideshow .swiper-slide img{
        height: 300px !important;
    }
    .page3 .wrapper .header {
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .page3 .wrapper .header .tabs{
        font-size: 22px;
        box-sizing: border-box;
    }
    .page3 .container{
        margin-top: 0px;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .page3{
        height: auto;
        background-size: cover;
        background-position: center center;
    }
    .page3 .container .swiper-container{
        height: 270px;
        margin-bottom: 20px;
    }
    .page3 .container .swiper-container .swiper-slide .title{
        text-align: left;
    }
    .page3 .list .item{
        height: 100%;
    }
    .page3 .wrapper{
        padding-top: 20px;
    }
    .page3 .wrapper .header .tabs{
        display: flex;
        font-size: 16px;
    }
    .page4 .handle{
        display: none;
    }
    .page3 .wrapper .header .tabs .active{
        color: #fff;
    }
    .page3 .wrapper .header .tabs .tab{
        margin-right: 25px;
    }
    .page3 .wrapper .header .tabs .tab::after{
        right: -15px;
    }
    .page4 .infoSwiper{
        padding: 0px 20px;
    }
    .page5 .wrapper .list{
        padding: 20px;
        margin-bottom: 30px;
    }
    .page5 .wrapper .list .item .time{
        white-space: nowrap;
    }
    .page5 .wrapper .list .show .right .title{
        line-height: 30px;
          overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .page5 .wrapper .list .show .right p{
        overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .container_o .line{
        margin: 0px 10px;
    }
    .footer{
        height: auto;
        width: 100%;
      
    }
    .footer .middle{
        height: auto;
        box-sizing: border-box;
        padding: 20px 20px;
    }
    .footer .middle .wrapper .logo{
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .footer .bottom{
        height: auto;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .footer .middle .wrapper .codes{
        margin-top: 30px;
    }
    .banner{
        height: 180px;
        margin-top: 70px;
    }
    .about .wrapper{
        padding-top: 30px;
        width: 100%;
        box-sizing: border-box;
        padding: 40px 20px;
    }
    .banner .bg img{
        object-fit: cover;
    }
    .about .wrapper .content img{
        max-width: 100%;
    }
    .col-title{
        width: 100%;

        padding-top: 30px;
        box-sizing: border-box;
        padding: 30px 0px 20px 20px;
        padding-right: 40px;
    }
    .drop-nav{
        margin-top: 20px;
        height: 50px;
    }
    .drop-nav .wrapper .nav-item{
        line-height: 50px;
    }
    .drop-nav .wrapper{
        width: 100%;
        overflow-x: scroll;
    }
    .party .wrapper{
        width: 100%;
        box-sizing: border-box;

    }
    .party .wrapper .list{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .party .wrapper .list .item{
        height: auto;
        flex-wrap: wrap;
        padding: 15px;
    }
    .party .wrapper .list .item .cover{
        width: 100%;
        height: 270px;
        margin-top: 10px;
    }
    .party .wrapper .list .item .info .title{
        line-height: 30px;
        margin: 10px 0px;
        overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .party .wrapper .list .item .info p{
        margin-bottom: 30px;
        overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .culture-list .wrapper{
        width: 100%;
        box-sizing: border-box;
        padding: 50px 20px;
    }
    .culture-list .wrapper .item{
        width: 100%;
        margin-right: 0px;
    }
    .culture-list .wrapper .item .cover{
        width: 100%;
    }
    .culture-list .wrapper .item .cover img{
        width: 100%;
    }
    .culture-list .wrapper .item .title{
        font-size: 18px;
        margin-top: 20px;
    }
    .ks-container .wrapper{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
        overflow: hidden;
    }
    .ks-container .wrapper h3{
        margin-bottom: 20px;
    }
    .ks-container .ks-list{
        width: 100%;
        overflow-x: scroll;
        align-items: center;
    }
    .ks-container .ks-list li{
        flex-shrink: 0;
    }
    .ks-container .wrapper h2{
        font-size: 20px;
        margin: 15px 0px;
    }
    .ks-container .wrapper .classify ul{
        justify-content: space-between;
    }
    .ks-container .wrapper .classify li{
        width: 170px;
        height: 30px;
        margin-right: 0px !important;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .ks-container .wrapper .classify li a{
        font-size: 12px;
    }
    .ks-container .wrapper .classify li:nth-child(3n){
        margin-right: 0px;
    }
    .ks-container .wrapper .classify li:nth-child(5n){
        margin-right: 10px;
    }
    .detail .wrapper-in{
        width: 100%;
        flex-wrap: wrap;
    }
    .detail .wrapper-in .content-info{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .detail .detail-drop .wrapper{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .detail{
        margin-top: 70px;
    }
    .detail .wrapper-in .hot{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .detail .wrapper-in .hot .title{
        margin: 20px 0px;
    }
    .expert-detail .detail-drop .wrapper{
        width: 100%;
    }
    .expert-detail .page1{
        height: auto;
        flex-wrap: wrap;
    }
    .expert-detail .page1 .left{
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        padding: 0.3rem 0rem;
    }
    .expert-detail .page1 .right{
        width: 100%;
    }
    .expert-detail .page1 .right .inx{
        width: 100%;
    }
    .expert-container .wrapper{
        width: 100%;
    }
    .expert-container ul .pitem{
        width: 100%;
        height: auto;
    }
    .sift .left{
        font-size: 16px;
        flex-shrink: 0;
        width: 100px;
        flex-wrap: wrap;
    }
    .sift .right{
        width: 100%;
    }
    .sift .tabs .tab{
        font-size: 16px;
        
    }
    .sift .tab-content{

    }
    .sift .tab-content li{
        font-size: 16px;
        width: 100px;
    }
    .expert-container .choose .label{
        font-size: 16px;
    }
    .expert-container .choose{
        font-size: 16px;
        height: 30px;
    }
    .expert-container .choose .value .item{
        height: 30px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 0px 10px;
    }
    .sift .tab-content{
        margin-top: 20px;
    }
    .sift .tabs{
        /* flex-wrap: wrap; */
        height: auto;
        height: 100%;
    }
    .sift .tabs .tab{
        line-height: 40px;
    }
    .expert-container ul .pitem{
        padding: 10px;
        height: auto;
    }
    .expert-container ul .pitem .infos{
        flex-wrap: wrap;
    }
    .pagination div{
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
    }
    .expert-container ul{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
        margin-top: 40px;
    }
    .publicty .wrapper{
        width: 100%;
        box-sizing: border-box;
        padding: 40px 20px;
    }
   
  .publicty .wrapper .list .item .title{
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .page1 .wrap .keshi .show .leftcow img{
    width: 350px;
    height: 210px;
    margin-top: 20px;
    border-radius: 10px;
  }
  .page1 .wrap .keshi .show .right .tab{
    border-radius: 10px;
  }
  .page2 .f4_container .f4_slideshow .swiper-slide{
      border-radius: 10px;
  }
  .page3 .container .swiper-container{
    margin-top: 20px;
    border-radius: 10px;
  }
  .page3 .list{
     border-radius: 10px;
  }
  .page4 .infoSwiper{
     border-radius: 10px;

  }
  .page4 .infoSwiper .swiper-slide{
     border-radius: 10px;

  }
}