@media screen and (max-width: 2560px){
    .ne_nav3{
        margin-top: 30px ;
        margin-bottom: 30px;
    }
    .top{
        width: 100%;
    }

    .insidebanner div{
        background-size: 100%!important;
        background-repeat: no-repeat!important;
    }


    .about .lefts{
        width: 45%;
    }
    .about .lefts p img{
        width: 100%;
    }
    .about .right1{
        width: 30%!important;
    }
    .about .right1 p:nth-child(4){
        width: 100%!important;
    }
    .about .right1 p video{
        width: 100%;
    }
    .about .right2{
        width: 24%!important;
    }
    .about .right2 p{
        width: 100%!important;
    }
    .about .right2 p img{
        width: 100%;
    }
    .containerv{
        width: 1200px;
    }
    .cn-form{
        width: 96%!important;
    }

}


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

}

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

}

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

}

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

}

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

}

@media screen and (max-width: 1440px){
    .prodet-page .prodet-details p img{
        width: 100%;
    }
}

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

}

@media screen and (max-width: 1366px){
    w
}

@media screen and (max-width: 768px){
    .cn-form .m-form-r textarea{
        height: 200px!important;
    }
    .sumbit2{
        display: block!important;
        width: 100%;
        height: 38px;
        background: #ff0000;
        border: none;
        cursor: pointer;
        color: #fff;
        font-size: 15px;
    }
    .sumbit1{
        display: none;
    }
    .prodetail p{
        line-height: 2rem!important;
    }
    .pro-mes{
        margin-top: 20px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 15px;
        display: block;
        color: #fff;
        width: 195px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: #3a73d1;
    }
    .col p span{
        width: 100%!important;
    }
    .about .right1{
        width: 100%!important;
    }
    .about .right1 img{
        width: 100%;
    }

    /*header*/
    .nav{
        display: none;
    }
    /*.top{*/
    /*    position: fixed!important;*/
    /*    top: 0;*/
    /*}*/
    .dian{
        display: none;
    }
    .container{
        width: 90%;
        /*height: 95px;*/
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .logo a{
        display: block;
        height: 50px;
    }
    .logo a img{
        height: 100%;
    }
    .top .container{
        height: 95px;
    }
    .reser{
        display: flex!important;
    }
    #indexproduct{
        height: auto;
        width: 90%;
    }
    .back{
        top: 96px!important;
    }
    /*footer*/
    .footer-nav{
        width: 100%;
        height: auto;
        float: none;
    }
    /*index  */
    .swiper-slide-phone{
        display: block!important;
    }
    .swiper-slide-pc{
        display: none;
    }
    .about{
        width: 90%!important;
    }
    .span{
        position: relative;
        top: -5px;
    }
    .product .cpzs ul li{
        width: 100%;
        height: auto;
    }
    .product .cpzs ul li .pic{
        width: 99%;
        height: auto;
        margin: 0px;
    }
    .swiper-button-prev:after, .swiper-button-next:after{
        display: none;
    }
    .about .right1 p:nth-child(4){
        width: 100%!important;
    }
    .about .lefts p img{
        width: 100%;
    }
    .about .lefts{
        width: 100%;
        margin: 0px;
    }
    .product{
        width: 100%;
    }
    .equip{
        width: 100%;
    }
    .equip .con{
        width: 100%;
    }
    body,html{
        overflow-x: hidden;
    }
    .about div p{
        width: 100%;
    }
    .about .lefts{
        width: 100%;
        margin: auto;
        float: none;
    }
    .equip .con{
        width: 90%;
        margin: auto;
    }
    .right2{
        display: none!important;
    }
    .about .right1 .tit{
        margin-top: 0px;
        margin-left: 0px;
    }
    .about .right1 .ft{
        margin-left: 0px;
    }
    .right3{
        margin-bottom: 30px;
        display: block!important;
    }
    .about .right1 .con{
        display: none;
    }
    .about .right1 p:nth-child(4){
        margin-top: 20px;
    }
    /*about*/
    .insidebanner div{
        height: auto!important;
        display: none;
    }
    .insidebanner img{
        display: block!important;
        width: 100%;
    }
    .container1{
        flex-direction: column;
    }
    .container1 #sidenav .gy ul{
        display: flex;
        flex-direction: column;
    }
    .container1 #sidenav{
        width: 100%;
        margin-right: 0px;
    }
    .container1 #sidenav ul li{
        width: 20%;
        width: 100%!important;
    }
    .container1 #sidenav ul li a{
        font-size: 12px;
        width: 100%;
    }
    .container1 .col{
        width: 100% !important;
    }
    /*capacity*/
    .container1 .col table img{
        width: 90%;
        height: auto;
    }
    .container1 .col img{
        width: 100%;
        height: auto;
    }
    /*contact*/
    .sidenav1{
        width: 100%;
    }
    .sidenav1 img{
        width: 100%;
        height: auto;
    }
    .ren{
        width: 100%!important;
        flex-direction: column;
    }
    #ne_nav{
        height: 40px;
    }
    /*honor*/
    .ne_nav2{
        height: 60px!important;
    }
    .pxxm{
        width: 100%;
    }
    input.key1{
        width: 48%!important;
        font-size: 12px;
    }
    .pxxm ul li{
        width: 100%;
    }
    .pxxm ul li .pic{
        width: 100%;
        margin-right: 0px;
    }
    .pxxm ul li .pic img{
        width: 100%;
        height: auto;
        max-height: inherit;
    }
    /*product-page*/
    .container1 .sidenav3 ul li{
        width: 25%!important;
    }
    input.key2{
        width: 48%!important;
        font-size: 12px;
    }
    .pxxm ul li .pic1{
        width: 99%;
    }
    .pxxm1 ul li{
        height: auto;
    }
    .pxxm ul li .pic1{
        height: auto;
    }
    /*proInfo*/
    .ne_nav3{
        margin-top: 20px;
        height: 40px!important;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .inner-page .page-right-bar{
        width: 100%;
    }
    .prodet-top-r2{
        display: none;
    }
    .prodet-top-r1{
        display: block!important;
        float: none;
    }
    .prodet-top-r1 .protit{
        font-size: 20px;
        margin-top: 30px;
    }
    .prodet-page .product-details .prodet-top-l{
        width: 100%;
        margin-bottom: 30px;
    }
    .prodet-page .product-details .prodet-top-l img{
        width: 100%;
    }
    .prodet-information img{
        width: 100%;
        height: auto;
    }
    .cn-form{
        padding: 35px 0px 25px;
    }
    .cn-form .wpcf7 #form{
        display: flex;
        flex-direction: column;
        width: 90%;
        margin:auto;
    }
    .cn-form .m-form-l{
        width: 90%;
    }
    .cn-form .yzm img{
        width: 40%;
    }
    .cn-form .m-form-r {
        width: 90%;
    }
    /*quality*/
    .col .col-article .p-content{
        padding: 0px;

    }
    .p-content1 p span{
        font-size: 12px!important;
    }
    .p-content1 p:nth-child(1) span{
        font-size: 20px!important;
    }
    .col .col-article:nth-child(3){
        margin-top: 50px!important;
    }
    /*r&d*/
    .col .col-article .p-title{
        padding-left: 0px;
    }
    .col .col-article .p-article{
        padding-left: 0px;
        padding-right: 0px;
    }
    .col .col-pic{
        justify-content: space-between;
    }
    /*rfq*/
    .faq-main li .item-head{
        font-size: 16px!important;
    }
    .item-body p{
        font-size: 14px;
    }
}


@media screen and (max-width: 540px){
    .span1{
        display: none;
    }
    .footer_top.container{
        flex-direction: column;
    }
    .footer_top{
        height: auto;
    }
    .footer_contact{
        width: 100%;
        float: none;
        margin: 0px;
        margin: 30px 0px;
        padding: 0px;
    }
    .footer-nav{
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0px;
        float: none;
        border-left: none;
    }
    #footer{
        height: auto;
    }
    .container{
        width: 90%;
    }
    .footer_bottom{
        height: auto;
    }
    .footer_top .navs p{
        word-wrap: break-word;
    }
    .footer_top .navs{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    /*.footer_top .navs div{*/
    /*    padding-left: 0px!important;*/
    /*}*/
}


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

}

@media screen and (max-width: 375px){
    .footer_top{
        border-bottom: none;
    }
    .footer_bottom.container{
        border-top: 1px solid #4d4d4d;
        width: 100%;
        margin-left: 7px;
    }
}

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

}