@media (max-width:1700px){
    .mainBan{
        padding-top: 17%;
    }

    .product .product_list .product_li .product_r{
        padding-right: 150px;
    }

    .product .product_list .product_li .product_r .pro_btns{
        top: 30px;
    }

    .product .product_list .product_li .product_r .pro_btns img{
        height: 370px;
    }


}

@media (max-width:1620px){
    .product .product_list .product_li .product_r .pro_btns img{
        height: 350px;
    }

}

@media (max-width:1605px){
    .prodetail_04 .anli_box ul li{
        width: 20%;
    }

}

@media (max-width:1600px){
    .header .header-center ul>li{
        margin-left: 55px;
    }

    .header1 .header-center ul>li{
        margin-left: 55px;
    }

  

}

@media (max-width:1580px){
    .index1 .ind1_banner .ind1_list .ind1_wz{
        left: 30px;
    }

    .index4 .ind4_l{
        width: 45%;
        left: 240px;

    }

}

@media (max-width:1550px){

    .footer .foot_top .foot_l .foot_nav{
        margin-left: 40px;
    }

    /* .footer .foot_top .foot_l{
        width: 65%;
    }

    .footer .foot_top .foot_r{
        width: 35%;
    } */
  

}

@media (max-width:1540px){

    .product .product_list .product_li .product_r .pro_btns img {
        height: 330px;
    }
    
}

@media (max-width:1500px){
    .header .header-center ul>li {
        margin-left: 45px;
    }

    .header1 .header-center ul>li {
        margin-left: 45px;
    }

    .news .news_list .news_li .news_r{
        padding-top: 40px;
    }

    
}

@media (max-width:1440px){
    .header .header-center ul>li {
        margin-left: 40px;
    }

    .header1 .header-center ul>li {
        margin-left: 40px;
    }

    .mainBan {
        padding-top: 19%;
    }

    .product .product_list .product_li .product_r{
        padding-top: 7%;
    }

    .product .product_list .product_li .product_r .pro_btns img {
        height: 300px;
    }

    .ab4_sec .ab4_title{
        top: 10%;
        right: 34%;
    }

    .index1 .ind1_box{
        width: 85%;
    }

    .index2 .ind2_bott ul{
        width: 90%;
    }

    .index4 .ind4_l{
        width: 50%;
        left: 140px;
    }

    .index4 .ind4_r{
        padding: 60px 80px;
    }

    #c-layout .c-earth-box .c-box{
        height: 690px;
    }

    .ab4_sec{padding: 60px 0;}

    .footer .foot_top .foot_l .foot_nav{
        margin-left: 20px;
    }

    .footer .foot_top .foot_l .foot_nav ul li{
        padding: 0 10px;
    }
    
}


@media (max-width:1400px){
    .header-box{
        padding: 0 20px;
    }

    .news .news_list .news_li .news_r .date{
        margin-top: 20px;
    }

    .news .news_list .news_li .news_r p{
        margin: 20px 0;
    }

    .news .news_list .news_li .news_r h2{
        margin-bottom: 20px;
    }
    
    
}


@media (max-width:1366px){

    .mainBan {
        padding-top: 20%;
    }

    .product .product_list .product_li .product_r{
        padding-top: 6%;
    }

    .product .product_list .product_li .product_r .pro_btns img {
        height: 290px;
    }

    .service_02 .service_box .ser_r{
        padding-top: 3%;
    }

    .index1 .ind1_box{
        width: 90%;
    }

    .prodetail_01 .detail_box .detail_r{
        padding: 20px 40px;
    }

    .footer .foot_top .foot_r .contact{
        padding-left: 10px;
    }

    .footer .foot_top .foot_r .ewm{
        padding-right: 10px;
    }

 
   



}

@media (max-width:1340px){
    .header .header-center ul>li {
        margin-left: 35px;
    }

    .header1 .header-center ul>li {
        margin-left: 35px;
    }


}

@media (max-width:1235px){
    .prodetail_04 .anli_box ul li{
        width: 21%;
        margin: 0 20px;
    }

}

@media (max-width:1280px){
    .container {
        width: 100%;
        max-width: 1640px;
        margin: 0 auto;
        padding: 0 15px;
    }

}


@media (max-width:1200px){
    
}

@media (max-width:1024px){
    .header .header-right{
        display: none;
    }

    .header1 .header-right{
        display: none;
    }

    .mainBan {
        padding-top: 25%;
    }

    .contact_01 .contact_box .contact_r .map{
        height: 485px;
    }

    .news .news_list .news_li .news_r h2{
        margin-bottom: 10px;
    }

    .news .news_list .news_li .news_r p{
        margin: 10px 0;
    }

    .news .news_list .news_li .news_r{
        margin-top: 10px;
    }

    .news .news_list .news_li .news_r{
        padding-top: 20px;
    }

    .prodetail_04 .anli_box ul li{
        width: 20%;
    }

}


@media (max-width:992px){

    .header{display: none;}
    .header1{display: none;}
    .wrap_phone{display: block !important;}
    #cd-menu-trigger{display: block;}

    .wrap_phone .logo{
        width: 140px;
    }

    .mainBan{
        margin-top: 60px;
    }

}


@media (max-width:768px){

    .in_banner .swiper-slide .nr .nr_wz h2{
        font-size: 20px;
    }

    .in_banner .swiper-slide .nr .nr_wz p{
        font-size: 14px;
    }
    
    .in_banner{
        height:auto;
        margin-top: 60px !important;
    }

    .in_banner .swiper-pagination{
        bottom: 20px !important;
    }

    .index1{
        padding: 40px 0;
        padding-top: 60px;
    }

    .index1 .title img{
        width: 100%;
        bottom: 5px;
    }

    .index1 .title h2{
        font-size: 20px;
        font-weight: bold;
    }

    .in_banner .swiper-slide .nr .nr_btn a{
        margin-top: 30px;
        width: 140px;
        height: 45px;
        line-height: 45px;
        font-size: 12px;
    }

    .in_banner .swiper-slide .nr .nr_btn a span{
        font-size: 12px;
    }

    .index1 .ind1_banner{
        margin-top: 40px;
        height: 450px;
    }

    .index1 .ind1_banner .ind1_list .ind1_wz h4{
        font-size: 16px;
    }

    .index1 .ind1_banner .ind1_list .ind1_wz p{
        font-size: 12px;
    }

    .index1 .ind1_banner .ind1_list .ind1_wz{
        left: 15px;
        padding: 20px 20px;
    }

    .index2 {
        height: 560px;
    }

    .index2 .ind2_r{
        width: 100%;
        padding: 0 15px;
        padding-top: 105px;
    }

    .index2 .ind2_r .title h2{
        font-size: 20px;
        font-weight: bold;
    }

    .index2 .ind2_r .title img{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 5px;
    }

    .index2 .ind2_r p{
        font-size: 14px;
        margin: 20px 0;
    }

    .index2 .ind2_bott{
        padding: 20px 10px;
    }

    .index2 .ind2_bott ul{
        width: 100%;
        flex-wrap: wrap;
        
    }

    .index2 .ind2_bott ul li p{
        font-size: 14px;
    }

    .index2 .ind2_bott ul li .num span{
        font-size: 20px;
    }

    .index2 .ind2_bott ul li .num b{
        font-size: 12px;
    }

    .index3{
        padding: 40px 0;
        padding-top: 60px;
        
    }

    .index3 .ind3_top .xian{
        display: none;
    }

    .index3 .ind3_top .title{
        margin-left: 0;
    }

    .index3 .ind3_top .title h2{
        font-size: 20px;
        font-weight: bold;
    }

    .index3 .ind3_top .title img{
        width: 100%;
        bottom: 5px;
    }

    .index3 .ind3_box{
        margin-top: 40px;
    }

    .index3 .case_banner .ind3_wz{
        width: 230px;
        height: 130px;
        padding: 20px 20px;
    }

    .index3 .case_banner .ind3_wz h2{
        font-size: 16px;
    }

    .index3 .case_banner .ind3_wz .ind3_more{
        right: 40px;
    }

    .index3 .case_banner .ind3_wz b{
        width: 24px;
    }

    #c-layout .c-top .xian{
        display: none;
    }

    #c-layout .c-top .title{
        margin-right: 15px;
    }

    #c-layout .c-top .title h2{
        font-size: 20px;
        font-weight: bold;
    }

    #c-layout .c-top .title img{
        width: 100%;
        bottom: 5px;
    }

    #c-layout{
        padding-top: 50px;
    }

    #c-layout .c-text-box{
        width: 100%;
        padding: 20px 20px;
    }

    #c-layout .c-text-box .txt p{
        font-size: 14px;
    }

    #c-layout .c-earth-box .c-box{
        height: 410px;
    }

    #c-layout .c-text-box .amout p{
        font-size: 14px;
    }

    #c-layout .c-text-box .amout p span{
        font-size: 40px;
    }

    .index4{
        padding: 40px 0;
        padding-top: 60px;
    }

    .index4 .ind4_top .xian{
        display: none;
    }
    
    .index4 .ind4_top .title{
        margin-left: 0;
    }

    .index4 .ind4_top .title h2{
        font-size: 20px;
        font-weight: bold;
    }

    .index4 .ind4_top .title img{
        width: 100%;
        bottom: 5px;
    }

    .index4 .ind4_l{
        float: none;
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        margin-top: 40px;
    }

    .index4 .ind4_r{
        float: none;
        width: 100%;
        padding: 20px 20px;
    }

    .index4 .ind4_l .ind4_img .ind4_bott{
        padding: 20px 20px;
    }

    .index4 .ind4_l .ind4_img .ind4_bott p{
        font-size: 16px;
    }

    .index4 .ind4_l .ind4_txt{
        padding: 20px 0;
    }

    .index4 .ind4_r ul li .ind4_list h4{
        font-size: 16px;
    }

    .footer .foot_bott .foot_txt{
        width: 100%;
        display: block;
        text-align: center;
    }

    .footer .foot_top{
        padding: 30px 0;
    }

    .footer .foot_top .foot_l{
        float: none;
        width: 100%;
        display: block;
    }

    .footer .foot_top .foot_l .foot_logo{
        margin-bottom: 20px;
    }

    .footer .foot_top .foot_l .foot_nav{
        margin-left: 0;
        margin-top: 15px;
    }

    /* .footer .foot_top .foot_l .foot_nav ul li{
        margin-left: 0;
        margin-right: 10px;
    } */

    .footer .foot_top .foot_l .foot_nav ul li h4 a{
        font-size: 14px;
    }

    .footer .foot_top .foot_r{
        float: none;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .footer .foot_top .foot_l .foot_nav ul{
        flex-wrap: wrap;
    }

    .footer .foot_top .foot_l .foot_nav ul li{
        margin-bottom: 20px;
        margin-right: 5px;
        padding: 0 8px;
    }

    .footer .foot_top .foot_l .foot_nav ul li p{
        margin-top: 10px;
    }

    .footer .foot_top .foot_r .contact h4{
        margin-bottom: 10px;
        font-size: 16px;
    }

    .footer .foot_top .foot_r .contact p{
        margin-top: 5px;
        font-size: 12px;
    }

    .mainBan{
        height: 210px;
        padding-top: 15%;
    }

    .mainBan .mainWz h2{
        font-size: 24px;
    }

    .mainBan .mainWz p{
        font-size: 16px;
    }

    .mainBan_nav{
        padding: 20px 0;
    }

    .news .news_nav ul{
        justify-content: flex-start;
    }

    .news .news_nav .nli a{
        width: 75px;
        font-size: 14px;
    }

    .news .news_nav ul li{
        margin-right: 10px;
    }

    .news .news_list ul li{
        margin-top: 40px;
    }

    .news .news_list .news_li .news_l{
        float: none;
        width: 100%;
    }

    .news .news_list .news_li .news_r{
        float: none;
        width: 100%;
        padding: 10px 10px;
    }

    .news .news_list .news_li .news_r h2{
        font-size: 18px;
    }

    .news .news_list .news_li .news_r p{
        font-size: 14px;
    }

    .news .news_list .news_li .news_r .date{
        font-size: 14px;
    }

    .news {
        padding-bottom: 40px;
    }

    .news_detail{
        margin-top: 60px;
    }

    .news_detail .detail_box{
        width: 100%;
    }

    .news_detail .detail_box .txt p{
        font-size: 14px;
    }

    .case_detail{
        margin-top: 60px;
    }

    .case_detail .case_box{
        width: 100%;
    }

    .case_detail .case_box .txt p{
        font-size: 14px;
    }

    .product{
        padding-bottom: 30px;
    }

    .product .product_top h2{
        font-size: 20px;
    }

    .product .product_top .search_box{
        display: block;
    }

    .product .product_top .search_box .form{
        width: 100%;
    }

    .product .product_top .search_box .form1 select{
        width: 100%;
    }

    .product .product_list .product_li .product_l{
        float: none;
        width: 100%;
    }
    .product .product_list .product_li .product_r{
        float: none;
        width: 100%;
        padding-left: 15px;
        padding-right: 90px;
        padding-bottom: 30px;
    }

    .product .product_list ul li{
        margin-bottom: 20px;
    }

    .product .product_list .product_li .product_r .pro_title h2{
        font-size: 18px;
    }

    .product .product_list .product_li .product_r .pro_title p{
        font-size: 42px;
        bottom: -10px;
    }

    .product .product_list .product_li .product_r .pro_btns{
        top: 25px;
    }

    .product .product_list .product_li .product_r .pro_btns img{
        height: 170px;
    }

    .prodetail_01{
        margin-top: 60px;
        padding-bottom: 30px;
    }

    .prodetail_01 .detail_box .detail_l{
        float: none;
        width: 100%;
    }

    .prodetail_01 .detail_box .detail_r{
        float: none;
        width: 100%;
        padding:20px 0;
    }

    .prodetail_01 .detail_box .detail_r .title h4{
        font-size: 20px;
    }

    .prodetail_01 .detail_box .detail_r .title p{
        font-size: 16px;
    }

    .prodetail_01 .detail_box .detail_r .txt span{
        font-size: 16px;
    }

    .prodetail_01 .detail_box .detail_r .txt{
        margin-top: 10px;
    }

    .prodetail_01 .detail_box .detail_r .txt b{
        margin: 10px 0;
    }

    .prodetail_01 .detail_box .detail_r .txt p{
        font-size: 18px;
    }

    .prodetail_01 .detail_box .detail_r .bott ul li p{
        font-size: 14px;
    }

    .prodetail_01 .detail_box .detail_r .bott ul li .num span{
        font-size: 28px;
    }

    .peodetail_02{
        padding-top: 30px;
    }

    .peodetail_02 ul li{
        margin-bottom: 30px;
    }

    .peodetail_02 .prodetail_list .list_l{
        float: none;
        width: 100%;
    }

    .peodetail_02 .prodetail_list .list_r{
        float: none;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .peodetail_02 .prodetail_list .list_r h4{
        font-size: 18px;
    }

    .peodetail_02 .prodetail_list .list_r p{
        font-size: 14px;
        line-height: 25px;
    }

    .prodetail_04{
        padding: 20px 0;
    }

    .prodetail_04 .anli_box ul li{
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom:20px;
    }

    .prodetail_04 .title{
        padding-left: 0;
    }

    .prodetail_04 .title h4{
        font-size: 20px;
    }

    .prodetail_04 .anli_box{
        margin-top: 20px;
    }

    .prodetail_04 .anli_box .anli_list .anli_wz{
        padding-top: 20px;
    }

    .prodetail_03 .form_txt{
        width: 100%;
    }

    .service_01{
        padding-bottom: 20px;
    }

    .service_01 .title h2{
        font-size: 20px;
    }

    .service_01 .title p{
        font-size: 12px;
    }

    .service_01 .ser_process img{
        margin-top: 20px;
    }

    .service_02{
        padding: 20px 0;
    }

    .service_02 .title h2{
        font-size: 20px;
    }

    .service_02 .title p{
        font-size: 12px;
    }

    .service_02 .service_box .ser_l{
        float: none;
        width: 100%;
    }

    .service_02 .service_box .ser_r{
        float: none;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .service_02 .service_box .ser_r p{
        font-size: 16px;
    }

    .service_02 .service_box{
        margin-top: 20px;
    }

    .service_03 .service_cot{
        margin-left: 0;
    }

    .service_03 .service_cot h2{
        font-size: 24px;
    }

    .service_03 .service_cot ul li .num span{
        font-size: 20px;
    }

    .service_03 .service_cot ul li p{
        font-size: 12px;
    }

    .service_03 .service_cot ul li{
        margin-right: 20px;
    }

    .service_03 .service_cot ul li .top{
        padding-right: 20px;
    }

    .service_03{
        padding: 50px 0;
    }

    .contact_01{
        padding: 30px 0;
    }

    .contact_01 .title h2{
        font-size: 20px;
    }

    .contact_01 .title p{
        font-size: 12px;
    }

    .contact_01 .contact_box .contact_l{
        float: none;
        width: 100%;
        padding-left: 0;
        padding-top: 5%;
    }

    .contact_01 .contact_box .contact_r{
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .contact_01 .title{
        padding-left: 0;
    }

    .contact_01 .contact_box .contact_r .map{
        height: 340px;
    }

    .contact_2{
        padding: 30px 0;
    }

    .contact_2 .div1270{
        width: 100%;
    }

    .about_1_1{
        font-size: 20px;
    }

    .about_1_2{
        font-size: 12px;
    }

    .contact_2_2{
        margin-bottom: 0;
    }

    .ab1_sec{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ab1_title h3{
        font-size: 22px;
    }

    .ab1_title p{
        font-size: 14px;
    }

    .ab1_title{
        margin-bottom: 20px;
    }

    .ab1_left{
        width: 100%;
    }

    .ab1_right{
        width: 100%;
        margin-bottom: 40px;
    }

    .ab1_main {
        flex-wrap: wrap-reverse;
    }

    .ab1_sec .ab_title h3{
        font-size: 20px;
    }
    
    .ab1_sec .top_title h3{
        font-size: 22px;
    }

    .ab1_sec .top_title{
        margin-bottom: 20px;
    }

    .ab4_sec{
        padding: 30px 0;
    }

    .ab4_sec .ab4_title {
        position: relative;
        top: 0;
        left: 0;
    }

    .ab4_sec .ab4_title h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .ab4_sec .ab4_title p{
        font-size: 14px;
    }

    .ab4_swiper {
        padding-bottom: 40px !important;
        margin-top: 20px !important;
    }

    .ab4_swiper .lis {
        flex-wrap: wrap;
    }

    .ab4_swiper .lis .img_box {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .ab4_swiper .lis .img {
        height: auto;
    }

    .ab4_swiper .lis .img img {
        height: auto;
    }

    .ab4_swiper .lis .txt {
        width: 100%;
        margin-top: 0;
        padding-right: 0px;
    }

    .ab4_swiper .lis .txt h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .ab4_swiper .lis .txt .nr {
        height: auto;
    }

    .ab4_swiper .ab4_pagination {
        bottom: 0px !important;
    } 

    .ab3_sec {
        padding: 30px 0 10px 0;
    }

    .home_recent-work {
        padding-bottom: 0px;
        margin-bottom: 0px;
        background: none;
        padding-top: 30px;
    }

    .about_fix .about_wz h4{
        font-size: 28px;
    }

    .about_fix .about_wz p{
        font-size: 14px;
    }

    .about_fix{
        height: 265px;
    }

    .about_fix .about_wz{
        padding-top: 110px;
    }

    .ab3_sec .ab3_title{
        margin-bottom: 20px
    }
    
    .ab3_sec .ab3_title h3{
        font-size: 22px;
    }


}

@media (max-width: 720px){

    
    ul.timeline {
        width: 100%!important;
        height: auto;
        margin-top: 0px;
        margin-left: 0;
        white-space: normal;
    }

    .time-inner, ul.timeline li {
        position: relative;
        height: auto;
    }

    ul.timeline li {
        display: block;
        width: 100%!important;
    }

    .time-inner {
        width: 100%;
        border-radius: 0;
        border: none;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        padding: 0;
        -webkit-transition: none;
        transition: none;
        -webkit-animation: none;
        animation: none;
    }

    .time-inner, ul.timeline li {
        position: relative;
        height: auto;
    }

    .time-detail {
        width: 100%;
        height: auto;
        border-radius: 0;
    }

    .time-detail, .time-inner:not(.expand):hover .time-detail {
        -webkit-animation: none;
        animation: none;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
    }

    .time-detail .picture_holder {
        height: 200px;
    }

    .time-detail .details_content {
        height: auto;
        padding: 20px 10px;
    }

    .time-detail .details_content h4 {
        font-size: 24px;
    }

    .time-detail .details_content h4::after {
        content: "";
        display: block;
        width: 28px;
        height: 3px;
        background-color: #ccc;
    }

    .time-detail .details_content .nr p {
        font-size: 14px;
    }

    .timeline .time-name {
        display: none;
    }

    .sabrosus{
        padding: 40px 0;
    }

    .form_txt {
        width: 100%;
    }

    .product .product_list .product_li .product_r p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .case .case_list .case_li .case_l{
        float: none;
        width: 100%;
    }

    .case .case_list .case_li .case_r{
        float: none;
        width: 100%;
        padding: 20px 20px;
    }

    .case .case_list .case_li .case_r h2{
        font-size: 20px;
        margin-bottom: 20px;
    }

    .case .case_list .case_li .case_r .date{
        font-size: 14px;
        margin-top: 20px;
    }

    .case .case_list ul li{
        margin-top: 40px;
    }

    .case .case_nav .nli a{
        width: 95px;
        font-size: 14px;
    }

    .case .case_nav ul{
        display: block;
    }

    .case .case_nav ul li{
        margin-bottom: 10px;
    }

    .footer .foot_top .foot_l .foot_logo{
        width: 55%;
    }



}