@media (min-width: 992px) and (max-width:1200px){
    

    #myMenu>div{
        width: 992px;
    }
    .swiper .swiper-content h3{
        font-size: 29px;
    }
    .swiper-content h1{
        font-size: 70px;
    }
    .swiper-content h6{
        font-size: 18px;
    }
    .swiper-content p{
        width: 200px;
        height: 43px;
        font-size: 12px;
    }

    .zhukong-content{
        width: 992px;
        left: 50%;
        margin-left: -496px;
    }
    .content-right{
        width: auto;
        flex: 1;
    }

    .zhukong-content .content-left>h1{
        font-size: 26px;
        line-height: 60px;
    }
    .zhukong-content .content-left>p{
        font-size: 16px;
    }
    .button-img{
        width: 182px;
        height: 85px;
        line-height: 85px;
    }

    .fangan-content{
        width: 992px;
        margin-left: -496px;
    }
    .fangan-center>div{
        width: 490px;
    }
    .center-left-desc{
        padding-left: 70px;
    }
    .center-left-desc .left-desc-title>p{
        font-size: 28px;
        margin-right: 20px;
    }
    .center-left-desc .left-desc-title>div{
        font-size: 13px;
    }
    .center-left-desc .left-desc-title-e{
        font-size: 18px;
        margin-top: 5px;
    }
    .left-desc-img{
        width: 3.6rem;
    }
    .left-desc-img img{
        width: 100%;
    }
    .left-desc-bottom{
        width: 200px;
        height: 40px;
        line-height: 40px;
    }







    .youshi-desc{
        padding-left: 30px;
    }
    .youshi-desc h2{
        padding-top: 50px;
    }




    .guanyu{
        width: 992px;
        margin-left: -496px;
    }

    .guanyu-left p{
        font-size: 14px;
    }


    .xinwen{
        width: 100%;
    }
    .xinwen-right-top .right-top-tab li{
        padding: 10px 80px 20px 0;
    }




    .hezuo{
        width: 992px;
        margin-left: -496px;
    }
    .hezuo-right{
        grid-template-columns: 190px 180px 180px 180px;
    }



    .women{
        width: 992px;
        margin-left: -496px;
    }
    .women-left{
        width: 200px;
    }

    .women-right-bottom ul{
        flex-wrap: wrap;
    }
}




@media (min-width: 768px) and (max-width:991px){
    html{
        font-size: 16px;
    }
    #myMenu>div{
        width: 768px;
    }
    .menuList{
        font-size: 14px;
    }
    #myMenu>div ul li:nth-child(1) img{
        /* width: 60PX; */
        margin-right: 5PX;
    }
    #myMenu>div ul li:nth-child(2) img{
        width: 150PX;
    }
    .phone{
        font-size: 12PX;
    }


    .swiper .swiper-content h3{
        font-size: 19px;
    }
    .swiper-content h1{
        font-size: 60px;
    }
    .swiper-content h6{
        font-size: 18px;
    }
    .swiper-content p{
        width: 200px;
        height: 43px;
        font-size: 12px;
    }


    .zhukong-content{
        width: 778px;
        left: 50%;
        margin-left: -389px;
        top: 100px;
        height: 88%;
    }
    .content-box{
        flex-direction: column;
    }
    .content-right{
        width: auto;
        height: 55%;
    }

    .content-right img{
        width: auto;
        height: 100%;
    }
    .zhukong-content .content-left{
        text-align: center;
    }
    .zhukong-content .content-left>h1{
        font-size: 26px;
        line-height: 50px;
        margin-bottom: 26px;
    }
    .zhukong-content .content-left>p{
        font-size: 16px;
    }
    .button-img{
        width: 182px;
        height: 85px;
        line-height: 85px;
    }





    .fangan-content{
        width: 768px;
        margin-left: -384px;
    }
    .fangan-center>div{
        width: 375px;
    }
    .center-left-desc{
        padding-left: 50px;
    }
    .center-left-desc .left-desc-title>p{
        font-size: 24px;
        margin-right: 20px;
    }
    .center-left-desc .left-desc-title{
        padding-top: 10px;
    }
    .center-left-desc .left-desc-title>div{
        font-size: 12px;
    }
    .center-left-desc .left-desc-title-e{
        font-size: 14px;
        margin-top: 5px;
    }
    .left-desc-img{
        width: 150px;
        margin: 10px 0;
    }
    .left-desc-img img{
        width: 100%;
    }
    .left-desc-bottom{
        width: 160px;
        height: 40px;
        line-height: 40px;
    }





    .youshi-desc{
        padding-left: 30px;
    }
    .youshi-desc h2{
        padding-top: 50px;
    }

    .youshi-content ul li{
        font-size: 16px;
    }
    .youshi-content .content-left .active-li{
        font-size: 18px;
    }


    .guanyu{
        width: 768px;
        margin-left: -384px;
    }
    .guanyu-right{
        width: 390px;
    }
    .guanyu-left p{
        font-size: 14px;
        line-height: 20px;
    }



    .xinwen{
        min-width: 768px;
    }
    .xinwen-right-top .right-top-tab li{
        padding: 10px 0 20px 0;
    }
    .xinwen-right-boton .swiper-slide h3{
        font-size: 18px;
    }



    .hezuo{
        width: 768px;
        margin-left: -384px;
        flex-direction: column;
    }
    .hezuo-right{
        grid-template-columns: 170px 170px 170px 170px;
    }



    .women{
        width: 768px;
        margin-left: -384px;
        flex-direction: column;
        top: 15vh;
    }
    .women-left{
        width: 100%;
        display: flex;
        align-items: center;
        
    }
    .women-left-code{
        margin-left: 20px;
    }


    .women-right-bottom ul{
        flex-wrap: wrap;
    }
    .women-right-desc{
        padding-top: 20px;
    }
   
}

@media (max-width: 767px) {
   
    #myMenu{
        padding: 0 10px;
        box-sizing: border-box;
        height: 80px;
    }
    #myMenu>div>.nav{
        display: none;
    }
    #myMenu>div .mobile{
        display: block;
        /* max-width: 200px; */
        font-size: 16px;
    }
    .mobile-nav{
        /* height: auto; */
        /* max-height: 300px; */
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        color: #000;
        position: absolute;
        top: 59px;
        z-index: 10;
        padding: 10px 20px;
        box-sizing: border-box;
        line-height: 45px;
        /* transition: all 0.3s linear; */
        
    }
    .mobile-nav li{
        font-size: 14px;
    }
    .left-nav-fixed{
        display: none;
    }
    #myMenu>div{
        width: 100%;
        align-items: center;
    }
    .menuList{
        font-size: 12px;
    }
    #myMenu>div ul li:nth-child(1) img{
        /* width: 40PX; */
        margin-right: 5PX;
    }
    #myMenu>div ul li:nth-child(2) img{
        width: 130PX;
    }
    .phone{
        font-size: 12PX;
    }
    .swiper .swiper-content{
        /* min-width: 450px; */
    }

    .swiper .swiper-content h3{
        font-size: 16px;
    }
    .swiper-content h1{
        font-size: 30px;
        line-height: 80px;
    }
    .swiper-content h6{
        font-size: 15px;
    }
    .swiper-content p{
        width: 200px;
        height: 43px;
        font-size: 12px;
    }



    .zhukong-content{
        width: 100%;
        left: 0;
        margin-left: 0;
        top: 15vh;
        height: 88%;
    }
    .content-box{
        width: 90%;
        margin: auto;
        flex-direction: column;
    }
    .content-right{
        width: auto;
        height: 55%;
        margin: 0;
    }

    .content-right img{
        width: 100%;
    }
    .zhukong-content .content-left{
        text-align: center;
    }
    .zhukong-content .content-left>h1{
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .zhukong-content .content-left>p{
        font-size: 12px;
    }
    .button-img{
        width: 120px;
        height: 75px;
        line-height: 75px;
        font-size: 14px;
        
    }
    .left-button{
        justify-content: space-between;
        margin-top: 20px;
    }
    .button-img{
        /* width: 25%; */
    }






    .fangan-content{
        width: 100%;
        margin-left: 0;
        top: 14vh;
        left: 0;
    }
    .fangan-content .fangan-top{
        width: 80%;
        margin: auto;
        align-items: center;
    }
    .fangan-top .fangan-top-left h2{
        font-size: 30px;
    }
    .fangan-top .fangan-top-right img{
        width: 30px;
    }
    .fangan-center{
        flex-direction: column;
    }
    .fangan-center>div{
        width: 90%;
        margin: auto;
    }
    .center-left-desc{
        padding-left: 20px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .center-left-desc .left-desc-title>p{
        font-size: 24px;
        margin-right: 20px;
    }
    .center-left-desc .left-desc-title{
        padding-top: 10px;
    }
    .center-left-desc .left-desc-title>div{
        font-size: 12px;
    }
    .center-left-desc .left-desc-title-e{
        font-size: 14px;
        margin-top: 5px;
    }
    .left-desc-img{
        width: 110px;
        margin: 10px 0;
    }
    .left-desc-img img{
        width: 100%;
    }
    .left-desc-bottom{
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }




    .youshi-content{
        width: 100%;
        top: 15vh;
        display: flex;
        flex-direction: column;
        height: 80%;
        padding: 0;
    }

    .youshi-content .content-left{
        width: 80%;
        margin: auto;
    }
    .youshi-content .content-left h2{
        font-size: 30px;
    }

    .youshi-content ul{
        /* flex-direction: row;
        flex-wrap: wrap; */
        margin-top: 30px;
    }
    .youshi-content ul li{
        /* width: 50%; */
        /* justify-content: center; */
        font-size: 14px;
    }
    .youshi-content-right{
        width: 100%;
        margin-top: 20px;
    }
    .youshi-content .content-left .active-li{
        font-size: 16px;
    }
    .youshi-content ul img{
        width: 30px;
    }

    .youshi-desc{
        padding-left: 30px;
    }




    .guanyu{
        width: 100%;
        left: 0;
        top: 15vh;
        margin-left: 0;
    }
    .guanyu-title{
        width: 80%;
        margin:0 auto 10px;
    }
    .guanyu-title>h2{
        font-size: 30px;
    }
    .guanyu-right{
        width: 390px;
    }
    .guanyu-left p{
        font-size: 14px;
        line-height: 20px;
    }
    .guanyu-left p:first-child{
        margin-bottom: 15px;
    }
    .guanyu-content{
        flex-direction: column;
    }
    .guanyu-left{
        width: 80%;
        margin: auto;
    }
    .guanyu-right{
        width: 80%;
        margin:10px auto 0;
        flex: 1;
        /* padding-bottom: 20px;
        box-sizing: border-box; */
    }
    
    .guanyu-right img{
       width: 100%;
    }




    .xinwen{
        width: 100%;
        flex-direction: column;
        top: 15vh;
        padding: 0;
        min-width: none;
    }
    
    .xinwen .xinwen-left{
        width: 80%;
        margin: 0 auto 30px;
    }
    .xinwen .xinwen-right{
        width: 80%;
        margin: auto;
    }
    .xinwen-right .xinwen-right-top{
        flex-direction: column;
    }
    .xinwen-right .xinwen-right-top ul{
        margin-bottom: 20px;
    }
    .xinwen-right-top .right-top-tab li{
        padding: 10px 0 20px 0;
    }
    .xinwen .xinwen-left h2{
        font-size: 30px;
    }
    .xinwen-right-boton .swiper-slide h3{
        font-size: 14px;
    }



    .hezuo{
        width: 100%;
        flex-direction: column;
        top: 15vh;
        padding: 0;
        left: 0;
        margin-left: 0;
    }
    .hezuo-left{
        width: 80%;
        margin: auto;
    }
    .hezuo-left h2{
        font-size: 30px;
    }
    .hezuo-right{
        width: 80%;
        margin: auto;
        padding-top: 50px;
        grid-template-columns: 20% 20% 20% 20%;
    }



    .women{
        width: 100%;
        left: 0;
        margin-left: 0;
        flex-direction: column;
        top: 15vh;
    }
    .women-left{
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        
    }
    .women-left h2{
        font-size: 30px;
    }
    .women-left-code{
        margin-left: 20px;
    }


    .women-right-bottom ul{
        flex-wrap: wrap;
    }
    .women-right-desc{
        width: 80%;
        margin: auto;
        padding-top: 20px;
        flex-wrap: wrap;
    }
    .women-right .title{
        margin-bottom: 10px;
    }
    .women-right li{
        line-height: 26px;
        font-size: 12px;
    }
    .women-right-desc ul:last-child{
        margin-top: 10px;
    }
}
@media (min-width:300px) and (max-width: 800px) {
    #myMenu>div {
        width: 100%;
        align-items: center;
    }
    #myMenu>div>.nav {
        display: none !important;
    }
    #myMenu>div .mobile {
        display: block;
        font-size: 16px;
    }
    #myMenu>div .mobile {
        display: block;
        font-size: 18px;
        color: #fff;
        position: absolute;
        right: 0.5rem;
    }
    .mobile-nav li {
        font-size: 14px;
        padding: 10px 10px;
        border-bottom: 1px solid #dcdddd;
    }
    .mobile-nav li a {
        color: #000;
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .mobile-nav{
        position: fixed;
    }
}