@media screen and (max-width: 850px){
    .nav .nav-logo{
        margin-left: 30px;
    }
    .nav .nav-phone {
        display: none;
    }
    .nav .nav-list{
        display: none;
        position: absolute;
        top: 80px;
        width: 100vw;
        left: 0;
        margin-left: 0;
        z-index: 99;
        background: #FFFFFF;
        height: 210px;
        border-bottom: 2px solid #f9f6f6;
    }
    .nav .nav-list .nav-list-item:hover a:after{
        display: none;
    }
    .nav .nav-list .nav-list-item:hover a:after{
        display: none;
    }
    .nav-bg{
        position: absolute;
        top:290px;
        left: 0;
        z-index: 80;
        background: #2121214d;
        width: 100vw;
        height: 100vh;
    }
    .nav_list_show .nav-list{
        display: block;
        transition: all 2s ease 0s;
    }
    .nav_list_show .nav-bg{
        display: block;
    }
    .nav .nav-list .nav-list-item a:after{
        display: none;
    }
    .nav .nav-list .nav-list-item {
        display: block;
        border-top: 1px solid #f1f1f1;
        padding: 0;
        margin: 0 20px;
        height: 40px;
        line-height: 40px;
    }
    .nav-control{
        display: inline-block;
    }
    .nav-control img{
        width: 40px;
        height: 32px;
        position: absolute;
        right: 30px;
        top: 25px;
    }
    .nav_fixed .nav-control img{
        top:15px;
    }
    .nav_fixed .nav-bg{
        top:270px;
    }
    .nav_fixed .nav-list{
        top:60px;
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(10px);
    }
    .nav .nav-list .nav-list-item a{
        color: #212121;
    }
    .nav .nav-list .nav-list-active a{
        color: #28C687;
    }

    .ibanner-content{
        width: 100%;
    }
    .ibanner-text{
        display: block;
        width: 100%;
        text-align: center;
    }
    .ibanner-text1{
        padding-top: 40px;
    }
    .ibanner-animation{
        display: block;
        margin: 0 auto;
        padding-top: 20px;
    }
    .fixed-left{
        display: none;
    }
    .fixed-to-top{
        top: calc( 100vh - 150px);
    }
    .itab{
        height: 202px;
    }
    .itab-content{
        width: 100%;
        height: 202px;
    }
    .itab-content-item{
        width: 50%;
    }
    .itab-content-item-text{
        width: 100%;
    }
    .itab-content-item-text2{
        width: 100%;
    }
    .itab1{
        width: 100%;
        margin-top:40px;
    }
    .itab1-content{
        width: 100%;
    }
    .itab1-body-box1{
        width:  calc(50% + 256px);
        height: 178px;
        padding-left: calc(50% - 256px);
    }
    .itab1-body-box1-item{
        text-align: center;
       display: inline-block;
       vertical-align: middle;
    }
    .itab1-body-box2{
        width: 95%;
        height: auto;
        margin: 5px auto;
        display: block;
    }
    .itab1-body-box2 img{
        width: 100%;
        margin-top: 2px;
        height: auto;
    }
    .newstab{
        margin-top: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .newstab-content{
        width: 100%;
    }
    .newstab-body-box1{
        width: 90%;
        display: block;
        margin: 0 auto;
        height: auto;
    }
    .newstab-body-box1-content{
        width: calc(100% - 18px);
    }
    .newstab-body-box1 img{
        width: 100%;
        height: auto;
    }
    .newstab-body-box1-body{
        width: 100%;
    }
    .newstab-body-box2{
        width: calc(90% - 36px);
        display: block;
        margin: 20px auto;
    }
    .newstab-news-list{
        width: 100%;
    }
    .stab{
        padding-top: 40px;
    }
    .stab-content{
        width: 100%;
    }
    .itab1-menu{
        width: calc(100% - 40px);
        overflow-x: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        height: 35px
    }
    .itab1-menu::-webkit-scrollbar{
        display: none;
    }
    .bannerSwiper{
        margin-top: 20px;
    }
    .tab4{
        margin-top: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .tab4-content{
        width: calc(100% - 20px);
        padding: 0 10px;
    }
    .itab4-body-item{
        width: calc(50% - 30px);
        margin-right: 0;
        margin-left: 20px;
    }
    .tab5-content{
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    .footer-content{
        width: 100%;
    }
    .footer-content-weixin{
        display: block;
        margin: 0 auto;
    }
    .footer-content-menu{
        margin:5px auto;
        display: block;
        margin-top: 30px;
    }
    .footer-content-menu{
        height: auto;
    }
    .footer-content-menu-item{
       height: 160px;
    }
    .footer-content-menu{
        width: 550px;
    }
    .footer-content-menu-item{
        width: 110px;
    }
    .footer-content-hztitle{
        text-align: center;
    }
    .footer-copy{
        width: 100%;
    }
    .footer-copy-text{
        width: 100%;
    }
    .itab1-des{
        width: 95%;
        display: block;
        margin: 0 auto;
        margin-top: 4px;
    }
    .prbanner-content{
        width: calc(100% - 30px);
        padding-left: 30px;
    }
    .product1-content{
        width: 100%;
    }
    .productSwiper .swiper-slide-img{
        width: 100%;
    }
    .productSwiper .swiper-slide img{
        width: 95%;
        margin: 0 auto;
        display: block;
    }
    .productSwiper .swiper-pagination-bullets.swiper-pagination-horizontal{
        left: 0;
    }
    .product1 .product2-body{
        width: 100%;
    }
    .product2-body-item{
        width: calc(50% - 62px);
        margin-left: 20px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .product23-content{
        width: 100%;
    }
    .product23 .product23-body-item{
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .product24-content{
        width: 100%;
    }
    .product24-body{
        width: 100%;
    }
    .product24-body-item{
        margin-right: 0;
        margin-left: calc(33vw - 208px);
    }
    .product31-content{
        width: 100%;
    }
    .product31-content-box1{
        display: block;
        margin: 0 auto;
    }
    .product31-content-box2{
        display: block;
        margin: 0 auto;
    }
    .product31-content-box1-title,.product31-content-box1-des{
        text-align: center;
    }
    .product31-content-box1-body-item-title{
        text-align: center;
    }
    .product31-content2{
        width: calc(100% - 20px);
        padding: 10px;
    }
    .product31-content2-body{
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .product31-content2-body::-webkit-scrollbar {
        display: none; /* Chrome Safari */
    }
    .product31-content2-body-item-body-content{
        white-space: normal;
    }
    .product32-content{
        width: 100%;
    }
    .product32-content-body-item{
        display: block;
        margin: 0 auto;
        margin-top: 30px;
    }
    .product32-content-body-item2{
        display: none;
    }
    .product32-content-body-item-title{
        margin-top: 20px;
    }
    .producthsbg{
        background-position: top;
    }
    .product41-content{
        width: 100%;
    }
    .product41 .product41-content-body-item{
        display: block;
        margin: 0 auto;
        margin-top: 32px;
    }
    .prbanner2-content{
        width: calc(100% - 30px);
        padding-left: 30px;
    }
    .product41-content-body2{
        width: calc(100% - 30px);
        padding-left: 30px;
    }
    .product41-content-body2-list-item{
        width: 300px;
        margin-right: 0;
        margin-left: calc(33% - 211px);
    }
    .about1-content{
        width: calc(100% - 20px);
        padding-left: 20px;
    }
    .about1-content-title{
        font-size:42px;
    }
    .about1-content-des{
        font-size: 20px;
    }
    .about1-content-body-item{
        width: 110px;
        margin-right: 110px;
    }
    .about1-content-body-item-text,.about1-content-body-item-button{
        width: 110px;
    }
    .about1-content-body-item-text span{
        font-size: 32px;
    }
    .about1-content-body{
        width: 600px;
        margin: 0 auto;
    }
    .about1-content-body2 .about1-content-body-item{
        margin-left: 110px;
        margin-right: 0px;
    }
    .about1{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .prbanner-content img{
        position: relative;
        left: -50vw;
    }
    .coop1 .tab4-body .itab4-body-item{
        width: calc(50% - 2px);
        margin-left: 0;
        border-right: 2px dotted #E0E0E0;
    }
    .coop1 .itab4-body-item:nth-child(2n) {
        border-right: 0;
    }
    .coop1 .itab4-body-item:nth-child(4) {
        border-bottom: 2px dotted #E0E0E0;
    }
    .coop2-content{
        width: 90%;
        margin: 0 auto;
    }
    .coop2-content-form-item{
        width: calc(100% - 28px);;
    }
    .coop2-content-form-item2{
        margin-top: 12px;
    }
    .coop2-content-form-item3{
        margin-top: 20px;
    }
    .join-content{
        width: 90%;
        margin: 0 auto;
    }
    .prbanner-content-title{
        font-size: 40px;
    }

    .join2-content{
        width: 550px;
    }
    .join2-content-footer-btn1, .join2-content-footer-btn2{
        width: 200px;
    }
    .join-content-list-show-box{
        display: block;
        width: calc(100% - 64px);
        margin: 0 auto;
    }
    .join-content-list-show-box-img{
        margin:  0 auto;
        display: block;
        width: 90%;
        height: auto;
        padding-bottom:40px ;
    }
    .join-content-list-show-box-img img{
        width: 100%;
        height: auto;
    }
    .about1-content-body{
        margin-left: 0;
    }
}