@media (max-width:1550px){
    .box{
        width: 95%;
    }
    .ys_l{
        margin-left: 13%;
    }
    .ys_r{
        margin-right: 9%;
    }
    .case_r{
        width: 53%;
        margin-right: 5%;
    }
    .case_l{
        margin-left: 8%;
    }
    .abou{
        margin-top: 25px;
    }
    .aboud div{
        height: 170px;
    }
    .aboud{
        height: 240px;
    }
    .new_l img{
        width: 100%;
    }
    .new_rr {
        margin-bottom: 63px;
    }
    .wrap{
        width: 100%;
    }

}
/**top**/


.zkj {
  display:none;
}


@media only screen and (max-width: 768px) {
.zkj{ display:block; width:100%; clear:both; height:4.63em; margin:0ox auto;}
.header,.head{display:none;}
.header01{ display:block;font-size: 62.5%; border-bottom: 1px solid #e2e8f0; background:#fff; width:100%; position:fixed; z-index:999; top:0;}
.nav-logo {
    font-size: 1.2rem;
    font-weight: 500;
	line-height:40px;
}
.nav-logo  img {
    height: 40px;
    width: 76px;
    object-fit: cover;
    border-radius: 5%;
    vertical-align: top;
	margin-right:5px;
}
    .nav-menu {
        position: fixed;
        left: -120%;
        top: 4.55rem;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        /*border-radius: 10px;*/
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05); z-index:1000;
    }
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    z-index: 999;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
}



.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #101010;
}

.nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.nav-link {
    font-size: 1.1rem;
    font-weight: 400;
    color: #475569;
}

.nav-link:hover {
    color: #482ff7;
}

    .nav-menu.active {
        left: 0;
    }

    .nav-item {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #f3f4f6;
    }

    .nav-link {
        display: block;
        padding: 1.5rem 0;
    }

    .hamburger {
        display: block;
        cursor: pointer;
    }

    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
    }
}
/**top end**/
@media (max-width:1400px){
    .ser-four-r ul li{
        width: 40%;
    }
    .prod1 a{
        margin-bottom: 116px;
    }
    .case_r img{
        width: 93%;
    }
    .case_r p{
        bottom: 63px;
    }
    .aboud div {
        height: 152px;
    }
    .aboud div img{
        padding-top: 40px;
    }
}
@media (max-width:1200px){
    .ser-four-r ul li:nth-child(2){
        display: none;
    }
    .cll p{
        width: 70%;
        height: 25px;
        overflow: hidden;
    }
    .li {
        width: 100%;
        overflow-x: scroll;
    }
    .biaotii{
        width: 97%;
    }
    .linkimg{
        width: 100%;
    }
    .prod2{
        width: 65%;
    }
    .pro{
        width: 48%;
        height: 200px;
    }
    .pro img{
        width: 100%;
    }
    .prod1 h2{
        font-size: 24px;
        padding-top: 10px;
    }
    .prod1 span{
        margin-top: 10px;
    }
    .prod1 p{
        margin-top: 26px;
        font-size: 14px;
    }
    .prod1 a {
        margin-bottom: 42px;
    }
    .ys{
        display: none;
    }
    .sj_case{
        display: block;
    }
    .sj_case div{
        width: 30%;
        float: left;
        margin: 1.5%;
    }
    .sj_case div img{
        width: 100%;
    }
    .sj_case div p{
        text-align: center;
    }
    .cas{
        display: none;
    }
    .aboud div {
        height: 116px;
    }
    .aboud {
        height: 180px;
    }
    .aboud div img {
        padding-top: 23px;
    }
    #news a:nth-child(1) {
        margin-left: 28.5%;
    }
    .ne_r p{
        margin-bottom: 5px;
    }
    .new_rr {
        margin-bottom: 28px;
    }
    .fo_z{
        display: none;
    }
    .fo_l{
        margin-left: 20%;
    }

}
@media (max-width:900px){
    .lpi{
        margin-top: 0;
        width: 47%;
    }
    .lx_info{
        width: 88%;
        margin-right: 2%;
        margin-top: 2%;
    }
    .ban_lxbg{
        height: 330px;
    }
    .ul-contact{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .ser_lc dl dd span{
        font-size: 13px;
    }
    .ser-four-r{
        display: none;
    }
    .ser-four-l{
        width: 100%;
        text-align: center;
    }
    .wrap1{
        width: 100%;
    }
    .ser-four-l .text{
        padding-left: 0;
    }
    .ser-four-l .four-a p, .ser-four-r p{
        font-size: 13px;
    }
    .news_p3 {
        width: 70%;
        height: 30px;
        overflow: hidden;
    }
    .gallery-top img{
        height: 327px;
    }
    .gallery-top{
        height: 337px;
    }
    .swiper-wrapper img{
        width: 100%;
    }
    .mainn{
        margin-bottom: 0;
    }
    .ndiv p{
        height: 28px;
        overflow: hidden;
    }
    .tjcp_d p{
        font-size: 14px;
        margin-top: 0;
    }
    .tel{
        display: none;
    }
    .logo{
        margin: 0 auto;
        display: block;
        float: none;
    }
	.prod{ margin-top:50px;}
    .prod1{
        display: none;
    }
    .prod2{
        width: 100%;
    }
    .pro{
        height: 244px;
    }
    .ppra img{
        width: 30%;
    }
    .ppra .clearfix p{
        padding: 6px 13px;
    }
    .ppra .clearfix{
        margin-top: 10px;
        padding-right: 0;
        border-right:0;
    }
    .abou{
        display: none;
    }
    #news a:nth-child(1) {
        margin-left: 22.5%;
    }
    .fo_l{
        margin-left: 16%;
        width: 32%;
    }
}
@media (max-width:450px){
    .logo{
        width: 100%;
    }
    .videoimg{
        width: 100%;
    }
    .fo_l{
        width: 100%;
        text-align: center;
        margin-left: 0;
        padding-right: 0;
        border-right: 0;
    }
    .fo_r{
        width: 100%;
        margin: 0;
        padding: 0;
        margin-top: 30px;
        text-align: center;
    }
	.fo_r img{ width:65%;}
    .fo_r span{
        display: none;
    }
    .fo_l span{
        display: none;
    }
    .form{
        height: 640px;
        background: url(../images/form.jpg);
    }
    .bq a{
        width: 100%;
        text-align: center;
    }
    .head .clearfix div{
        display: none;
    }
    .head p{
        width: 100%;
        text-align: center;
    }
    .nav{ display:none;
    }
    #p{
        left: 45%;
        bottom: 10%;
    }
    .prod {
        margin-top: 20px;
    }
    .pro {
        height: 114px; margin-bottom:15px;
    }
    .pro div p{
        font-size: 18px;
        padding-left: 10px;
        padding-top: 10px;
    }
    .pro div span{
        font-size:  12px;
        padding-left: 10px;
    }
    .ppra .clearfix{
        border-right: 0;
        padding-right: 0;
    }
    .ppra img {
        width: 48%;
    }
    .ppra{
        padding: 10px;
    }
    .pa div{
        width: 46%;
    }
    .sj_case div{
        width: 47%;
    }
    .y1 img {
        width: 132%;
        margin-left: -15%;
    }
    .y1 {
        margin: 22px 0;
    }
    #news a:nth-child(1) {
        margin-left: 20px;
    }
    #news a{
        width: 87px;
    }
    #news a:nth-child(3){
        margin-right: 0;
    }
    .new_l{
        width: 100%;
    }
    .new_r{
        width: 100%;
        margin-left: 0;
    }
    .new_l .clearfix{
        margin-bottom: 28px;
    }
    .ne2 p{
        margin-bottom: 4px;
    }
    .ne2 span{
        font-size: 14px;
    }
    .link{
        overflow: hidden;
    }
    .link img{
        width: 130%;
        margin-left: -15%;
    }
    .nnav{
        height: 66px;
    }
    .ser_box3 li{
        width: 100%;
        margin-right: 0;
    }
    .noo{
        width: 48%;
        margin-bottom: 2%;
    }
    .tabpanel_div{
        width: 90%; margin:10px 5%;
    }
	.tabpanel_div img{ height:auto;}
    .n-r{
        display: none;
    }
    .n-l {
        width: 100%;
    }
/**    .swiper-container {
        left: 10%;
    }**/
	.nleft img{ width:100%; height:auto;}
    .gallery-thumbs{
        height: 90px;
    }
    .biaotii {
        width: 90%;
    }
    .syp{
        width: 100%;
    }
    .xyp{
        width: 100%;
    }
    .tjcp_d{
        width: 48%;
    }
    .tjcp_d:nth-child(5){
        display: none;
    }
    .ndiv{
        width: 98%;
    }
    .n-news-1 {
        margin-top: 20px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .cl {
        width: 82%;
        margin-right: 0;
    }
    .cr {
        width: 100%;
        height: 233px;
    }
    .cll p{
        width: 69%;
    }
    .n-news-2{
        margin-top: 35px;
        padding: 55px 0;
    }
    .cl-l{
        width: 81%;
        margin-right: 1%;
    }
    .news_d {
        width: 93%;
        background: url(../images/prodot01.png) no-repeat 0px 38px;
    }
    .kp{
        margin-bottom: 0;
    }
    .apa1{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .ai img{
        width: 100%;
    }
    .ser_lc dl dd{
        width: 47%;
    }
    .ser_lc h2{
        margin: 0;
        font-size: 22px;
    }
    .ser_lc dl dd strong{
        margin: 5px auto 0px;
    }
    .cont_time h1{
        font-size: 22px;
    }
    .ul-contact1 li{
        width: 50%;
    }
    .ban_lxbg {
        height: 430px;
    }
    .lx_info{
        width: 81%;
    }
    .lx_info ul li{
        width: 99%;
    }
    .lx_info ul li.lx_zx{
        width: 99%;
    }
    .lpi{
        width: 95%;
    }
    .bottom_bottom{
        display: block;
    }
    .bottom_bottom{
        position: fixed;
        bottom: -2px;
        left: 0;
        width: 100%;
        background: #0265da;
        z-index: 999;
    }
    .bottom_bottom nav{
       display: flex;
       justify-content: space-between;
    }
    .bottom_bottom nav a{
        padding: 12px 17px;
        color: #fff;
        text-decoration: none;
    }
    .bq{
        padding-bottom: 50px;
    }
    .video{
        background: url(../images/video.jpg) no-repeat top center;
        height: 454px;
    }
    .sj_case div p{
        font-size: 14px;
    }
}