@media (max-width:1030px){

    .top,.logo,.nav,.about,.product,.yy,.ys,.news,.cg,.yq,.bottom,.wrap,.product-x,.news_nei1{
        width: 100%;
    }
    #banner img{
        width: 100%;
    }
    .yy_content{
        display: flex;
        flex-wrap: wrap;
    }
    .yy_content dl{
        width: 25%;
    }
    .news_left{
        display: none;
    }
    .news_right{
        width: 100%;
    }
    .tab{
        width: 98%;
    }
    .bottom_left{
        width: 20%;
    }
    .bottom_bottom_left{
        margin-top: 40px;
    }
    .bottom_left img{
        width: 100%
    }
    .bottom_right{
        width: 79%;
    }
    .bottom_right_nav{
        display: none
    }
    .bottom_bottom{
        width: 100%;
    }
    .about_right{
        display: none
    }
    .about_top{
        text-align: center;
    }
    .about_top_p3{
        margin: 0 auto;
    }
    .about_left{
        width: 98%;
        margin: 0 auto;
        float: none
    }
    .product_1 img{
        width: 100%;
		height:150px;
    }
	.cg_content img{height:150px;}
    .product{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .product_1{
        width: 32.2%;
    }
    .ny{
        width: 100%;
    }
    .cp_ce{
        display: none
    }
    .mright{
        width: 98%;
        float: none;
        margin: 0 auto;
    }
    .product-x_left{
        display: none;
    }
    .product-x_right{
        width: 99%;
        float: none;
        margin-top: 30px;
        margin: 30px auto;
    }
    .div2{
        width: 30.2%
    }
    .div2 img{
        height: 150px;
    }
    .cp_content{
        width: 98%;
        float: none;
        margin: 0 auto
    }
    .cp_list3{
        width: 100%;
    }
    .cp_2 img{
        height: 150px
    }
    .npro_right{
        width: 98%;
        float: none;
        margin: 0 auto;
    }
    .mleft{
        display: none;
    }
}
@media (max-width:820px){
    .bottom_bottom1{
        display: block;
        position: sticky;
        bottom: -2px;
        left: 0;
        width: 100%;
        background: black;
        display: block;
        z-index: 999;
    }
    .logo_right div{
        display: none;
    }
    .bottom_bottom1 nav{
        display: flex;
        justify-content: space-between;
     }
     .bottom_bottom1 nav a{
		text-align: center;
		width: 33%;
         padding: 12px 17px;
         color: #fff;
         text-decoration: none;
         border-right: 1px solid white;
     }
    .top{
        display: none;
    }
    .logo_right_div1{
        display: none;
    }
    .logo{
        width: 98%;
    }
    .product_warp{
        height: auto;
    }
    .ys_warp{
        display: none;
    }
    .bottom_left{
        margin-top: 20px;
    }
    .about_content_p1{
        margin-top:20px;
    }
    .cg_content div{
        height: auto;
    }
    .bottom_bottom_right{
        margin-right: 20px;
    }
}

@media (max-width:770px){
    .logo_right{
        display: none;
    }
    .logo{
        width: 90%;
    }
    .logo_center{
        margin-left: 70px;
    }
    .bottom_bottom_right{
        display: none
    }
    #gundong3 .content #marquee3 li{
        height: 210px;
    }
	#gundong3 .content #marquee3 .m3tp img{ height:210px;border:none;}
    .div2{
        width: 30%;
    }
}

@media (max-width:700px){
    .logo_center{
        margin-left: 0;
    }
    
}

@media (max-width:600px){
    .logo{
        width: 100%;
    }
    .yy_content dl img{
        width: 100%;
    }
}

@media (max-width:420px){
.logo_center{
    display: none
}
.logo{
    padding: 10px 0;
}
.logo_left{
    width: 100%;
    margin: 0 auto;
    float: none;
}
.logo_left img{
    width: 100%;
}
.nav{
    height: auto;
}
.nav li{
    width: 25%;
   
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    box-sizing: border-box;
}
.product_1{
    width: 49.2%;
}
.cg_content div{
    width: 50%;
}
.yy_content dl{
    width: 33%;
}
#marquee3 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}
#gundong3 .content #marquee3 li{
    height: 166px;
    margin: 10px 1%;
    width: 47%;
}
#gundong3 .content #marquee3 .m3tp img{ height:166px;border:none;}
.m3tp_bg_p1{
    font-size: 16px;
    margin-top: 23px;
   
}
.m3tp_bg_p2{
    width: auto
}
.div2{
    width: 45.9%;
}
.cp_1{
    width: 48%;
}
.sliderbox{
    width: 98%;
}
.npro_right_content{
    width: 100%;
    float: none
}
.bottom_left img{
    display: none;
}
.bottom_right{
    width: 100%;
}
.bottom_left{
    margin-top: 0;
}
.nbanner{
    margin-bottom: 0;
}
.cpzx_p1{
    height: auto;
}
}


@media (max-width:350px){
    .div2{
        width: 45%;
    }
    .cpzx_p1{
        height: auto;
    }
    .cp_1{
        width: 48%;
    }

}