@media(max-width: 1700px){


    .header_right .top_nav ul li{margin-right: 45px;}

    
    .btn_right{left: 30%;}

    .index1_left h2{font-size: 60px;}

    .index2_left .txt h2{font-size: 30px;}
    .index2-container .item .txt h6{font-size: 18px;}
    .index2-container .item .txt p{font-size: 14px;}

    .footer .container{width: 75%;}

    .product-container .txt{top: 30%; width: 40%;}
    .product-container .txt .cell h6{font-size: 70px;}
    .pro_banner .pro_next{left: 30%;}
    .pro_info{margin-top: -22%;}

    .sto1_sec .ul2 li:first-child{width: 18%;}
   
}

@media(max-width: 1640px){
    .header_right .top_nav ul li{font-size: 15px;}

    /* .sub_navi .sub_box1 ul li{width: 180px;} */
}

@media(max-width: 1600px){
    .header_right .top_nav ul li{margin-right: 40px;}
    .header_right .top_nav ul li{font-size: 15px;}
    .header_right .top_last ul li{margin-right: 30px;}
    .header_right .top_last ul .li_lx a{font-size: 15px;}
    .header_right .top_last ul .li_phone{width: 160px;}

    .btn_right{left: 33%;}

    .footer .container{width: 80%;}
    .footer .box2_left ul li a{font-size: 12px;}
    .footer .box2_left ul li h2 a{font-size: 14px;}
    .footer .box2_right .fbox1{font-size: 14px;}
    .footer .box2_right .fbox2 .left{font-size: 14px;}
    .footer .box2_right .fbox2 .right ul li p{font-size: 13px;}
    

    .index1_right ul li h5{font-size: 20px;}
    
    .about1_left .nr p{font-size: 14px;}

    .product1_sec ul li{margin-bottom: 80px;}
    .product1_sec ul li .txt .nr{margin-bottom: 40px;}
    .product1_sec ul li .txt .nr p{font-size: 14px;}

    .product-container .txt .cell h6{font-size: 65px;}
    .pro_banner .pro_next{left: 33%;}
    .pro_info{margin-top: -28%;}

    .sto1_sec .ul1 li{width: 42%;}

    
}

@media(max-width: 1500px){
    .header_right .top_nav ul li{margin-right: 30px;}
    .header_right .top_last ul li{margin-right: 25px;}
    .header_right .top_last ul .li_lx a{font-size: 15px;}
    .header_right .top_last ul .li_phone{width: 150px;}

    .sto1_sec .ul1 li{width: 45%;}
}

@media(max-width: 1440px){
    .header .logo{width: 150px;}
    .header_right .top_nav ul li{margin-right: 30px;}
    .header_right .top_nav ul li a{font-size: 14px;}
    .header_right .top_last ul li{margin-right: 20px;}
    .header_right .top_last ul .li_lx{width: 110px;}
    .header_right .top_last ul .li_lx a{font-size: 14px;}
    .header_right .top_last ul .li_phone{width: 120px;}
    .header_right .top_last ul .li_phone a{font-size: 12px;}

    .index-banner .swiper-slide .txt .table .cell .wz h2{width: 100%; font-size: 45px;}
    .index-banner .swiper-pagination{bottom: 40px;}
    .btn_left, .btn_right{bottom: 40px;}
    .btn_left{left: 5%;}
    .btn_right{left: 38%;}

    .index1_left h2{font-size: 50px;}
    .index1_left .btns{left: -72px; padding: 20px; font-size: 16px;}
    .index1_right{height: 300px}
    .index1_right ul li h3{font-size: 22px;}
    .index1_right ul li h5{font-size: 18px;}
    .index1_right ul li .a1{margin-top: 35px;}
    .index1_right ul li .txt:hover{top: -30px;}
    
    .index2{padding: 50px 0;}
    .index2_left .txt h6 img{width: 90%;}
    .index2_left .txt h2{font-size: 25px; margin-bottom: 25px;}
    .index2_left .txt .nr p{font-size: 14px; line-height: 26px;}
    .index2_right .img img{width: 90px;}

    .index3_left .gallery .txt{width: 76%;}
    .index3_left .gallery h6{margin-bottom: 25px;}
    .index3_left .gallery h6::before{width: 140px;}
    .index3_left .gallery .txt h2{font-size: 40px;}
    .index3_left .gallery .txt .nr p{font-size: 14px; margin-bottom: 40px;}
    .index3_right{padding-top: 95px;}
    .index3_title h2{letter-spacing: 2px; font-size: 22px;}
    .thumbs .item .img{margin-bottom: 25px; }
    .thumbs .swiper-pagination{top: 40px; left: 120px;}
    .thumbs .swiper-pagination-bullet{margin: 0 8px;}
    .thumbs .swiper-pagination-bullet-active::after{width: 60px;}
    .index3 .slideTxtBox .hd ul li.on::after{width: 70px;}

    .index4{padding: 50px 0;}
    
    .index_title h6{font-size: 44px;}
    .index5_item{align-items: center;}
    .index5_item .lis_list .bt{margin-bottom: 30px;}
    .index5_item .lis_list .nr{margin-bottom: 30px;}
    .index5_item .lis_list .nr p{font-size: 12px;}
    .index5_item .lis_list .bt h6{font-size: 28px;}
    .index5_item .lis_list .item h6{margin-bottom: 30px;}
    .index5_item .lis_list .item ul li a{font-size: 14px;}
    .index5_item .lis_item ul li .item .txt .table{width: 75%;}
    
    .index5_item .index5_more a{font-size: 14px;}

    .index6{padding: 50px 0;}
    .index6-container .item .overlay{left: -50px; width: 100px; font-size: 16px;}
    .index6-container .item .txt h2{font-size: 16px;}

    .footer .container{width: 82%;}

    .inside-banner .cell h6{font-size: 66px;}
    .inside-banner .cell p{font-size: 22px;}
    
    .inside-title h6{font-size: 26px;}
    .inside-title p{font-size: 14px;}


    .about2_sec .nr p{font-size: 14px;}

    .about3-container .item .img{padding: 10% 5%;}
    .about3-container .item p{font-size: 14px;}

    .about4_left .nr p{font-size: 14px;}

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

    .product1_sec ul li{margin-bottom: 60px;}
    .product1_sec ul li .txt .wz{padding-top: 20px;}
    .product1_sec ul li .txt h6{font-size: 26px;}

    .pro_banner .pro_next{left: 38%;}
    .pro_info{width: 50%; margin-top: -33%;}
    .pro_info .nr p{font-size: 16px;}
    .pro_header h6{font-size: 24px;}
 
    .proxq2_header h6{font-size: 35px;}
    .proxq2_box ul li{margin-bottom: 60px;}
    .proxq2_box .item .num_1{font-size: 55px;}
    .proxq2_box .item .num_2{font-size: 85px;}
    .proxq2_box .item .txt{padding: 20px;}

    .case1_item .img_box .img2{font-size: 78px;}
    .case1_item .txt .box2 .nr p{ line-height: 25px;}

    .case2_sec .item ul li .txt h6{font-size: 18px;}

    .rese1_sec{padding: 60px 0;}

    .rese2_title h6{font-size: 30px;}
    .rese2_container .lis .wz h6{font-size: 26px;}
    .rese2_container .lis .wz h2{font-size: 18px;}
    .rese2_container .lis .wz h3{font-size: 14px;}

    .news1_item ul li .txt h6{font-size: 16px;}
    .news1_item ul li .txt p{font-size: 14px; height: 100px; margin-bottom: 20px;}
    .news1_item ul li .txt .than span{font-size: 12px;}
    .news1_item ul li .txt .than i{font-size: 12px;}

    
    .join1_left .txt{width: 70%; font-size: 16px;}
    .join1_left .txt h6 p{font-size: 20px;}

    .join2_item ul li{padding: 40px 20px;}
    .join2_item ul li .bt{font-size: 22px;}
    .join2_item ul li .txt h6{font-size: 16px;}
    .join2_item ul li .txt .nr p{font-size: 14px;}

    .contact1_sec{padding: 100px 0 80px 0;}
    .contact1_sec .container{width: 83%;}
    .contact1_title h6{font-size: 16px;}
    .contact1_title h2{font-size: 35px;}
    .contact1_left{width: 50%;}
    .contact1_right{width: 50%;}

    /* .sub_navi .sub_box1 ul li{width: 150px;} */

    .vehi1_sec{padding-bottom: 60px;}

    
    .sub_navi .sub_box1 ul li a{font-size: 14px;}

    .stru1_sec .nr p{font-size: 14px!important;}

    .esta2_sec .txt h2{font-size: 65px;}

    .sub_navi .sub_box0{width: 96%;}

    .vehi2_sec{padding: 60px 0;}

    .sto1_sec .ul1 li{width: 47%;}

    .ex1_sec ul li h3{font-size: 18px;}

    .index2_right .img_box{height: 380px;}

 

    


}
@media(max-width: 1370px){
    .index1_right{width: 73%; margin-left: 27%;}

    .pro_banner .pro_next{left: 40%;}

    .sto1_sec .ul1 li{width: 49%;}
    .sto1_sec .ul2 li:first-child{width: 22%;}
 }

 @media(max-width: 1366px){
    .btn_right{left: 36%;}
 }

@media(max-width: 1300px){
    .index1_left h2{font-size: 42px;}
    .index1_left h2::before{width: 130px;}
    .index1_right ul li h3{font-size: 25px;}
    /* .index1_right ul li h5{font-size: 25px;} */
    .index1_right ul li .a1{font-size: 14px;}

    .index3 .slideTxtBox .hd .boxR{padding-top: 45px;}

    .footer .container{width: 86%;}
    .footer .box2_left ul{padding-right: 5%;}
    .footer .box2_right{padding-left: 3%;}
 }

@media(max-width: 1220px){
    .header{height: 70px;}
    .header .logo{width: 120px;}
    .header_right .top_nav ul li a{font-size: 12px;}
    .header_right .top_last ul .li_lx{height: 40px; line-height: 40px;}
    .header_right .top_last ul .li_lx a{font-size: 12px;}
    .header_right .top_last ul .li_phone{height: 40px; line-height: 40px;}

    .index3 .slideTxtBox .hd .boxR{padding-top: 70px;}

    .btn_right{left: 40%;}

}


@media(max-width: 1200px){

    .container{width: 90%!important;}

    .index1_left .btns{left: -80px; font-size: 16px;}
    .index1_left h2{font-size: 35px;}

    .index2_left .txt h2{font-size: 22px;}
    .index2-container .item .txt h6{font-size: 16px;}

    .index3_title h2{font-size: 18px;}
    .thumbs .swiper-pagination-bullet{font-size: 16px;}

    .footer .box2_left ul{padding-right: 3%;}
    .footer .box2_right{padding-left: 3%;}

    .inside-banner .cell h6{font-size: 45px;}

    .product-container .txt .cell h6{font-size: 50px;}
    .pro_info{margin-top: -40%;}
    .pro_banner .pro_next{left: 43%;}

    .fixmenu1 .menu_list1 ul li{width: 23%;}

    .contact1_title h2{font-size: 28px;}

    .sub_navi .sub_box2 ul li{width: 25%; margin-bottom: 15px;}
    .sub_navi .sub_box2 ul li:nth-child(4n){border-right: 1px solid #ccc;}
    
 }

 @media(max-width: 1100px){
    .header_right .top_nav ul li{margin-right: 20px;}

    .btn_right{left: 45%;}

    .index1{height: auto; padding: 80px 0;}
    .index1_left{position: relative; display: block; margin-bottom: 60px;}
    .index1_left .btns{display:none;}
    .index1_left h2{font-size: 35px; text-align: center;}
    .index1_left h2::before{width: 70px;}
    .index1_right{width: 100%; margin-left: 0;}

    .index3 .slideTxtBox .hd .boxR{padding-top: 100px;}
    .thumbs .item .img{height: auto; margin-bottom: 15px;}
    .thumbs .item .img img{display: block;}
    .thumbs .item .txt h6{font-size: 15px;}
    .index3_left .gallery .more a{width: 150px; height: 45px; line-height: 45px; font-size: 14px;}

    .proxq_left{width: 100%; padding: 0;}
    .product-container .bg{height: 400px;}
    .product-container .txt{left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%;}
    .product-container .table{display: table; width: 100%; height: 100%; text-align: center;}
    .product-container .cell{display: table-cell; vertical-align: middle;}
    .product-container .txt .cell h6{font-size: 25px;}
    .product-container .swiper-pagination-bullet{font-size: 16px;}
    .product-container .swiper-pagination-bullet-active::after{width: 50px;}
    .pro_banner .pro_prev, .pro_banner .pro_next{display: none;}
    .pro_info{width: 100%; margin: 0;}
    .pro_header{margin-bottom: 20px;}
    .pro_header h6{font-size: 20px;}
    .pro_nr .item{padding: 30px 10px 40px 10px;}
    .pro_info .nr{height: auto;}
    .pro_info .nr p{font-size: 14px;}
    .pro_info .swiper-pagination{bottom: 10px;}
    .proxq_right{display: none;}

    .proxq2_sec{margin-top: 0; padding: 30px 0 80px 0;}
    .proxq2_header{margin-bottom: 25px;}
    .proxq2_sec .index_container{width: 95%;}
    .proxq2_header h6{font-size: 25px; margin-bottom: 10px;}
    .proxq2_box .item .txt{padding: 20px 10px;}

    .fixmenu .menuH_close{width: 44px; height: 44px; }
    .fixmenu .menu_list ul li{margin-bottom: 20px;}
    .fixmenu .menu_list ul li a{font-size: 14px; line-height: 30px;}

    .fixmenu1 .menuH_close{width: 44px; height: 44px;}
    .fixmenu1 .menu_list1{padding-top: 20%; height: 75%; overflow-y: auto;}
    .fixmenu1 .menu_list1 ul{width: 95%;}
    .fixmenu1 .menu_list1 ul li{width: 30%;}
    .fixmenu1 .menu_list1 ul li p{font-size: 12px;}

    .join2_item ul li{width: 48%;}
    .join2_item ul li .bt{font-size: 20px;}

    .case1_item .img_box .img2{margin-top: -35px; font-size: 60px;}
 
 }

 
 @media(max-width: 1050px){
    .container{width: 95%!important;}

    .header{display: none;}

    .menu_phone{display: block;}
    #cd-menu-trigger{display: block;}

    .footer .box2{display: block; margin-bottom: 25px;}
    .footer .box2_left{display: none; width: 100%;}
    .footer .box2_left ul{padding: 0; border: none;}
    .footer .box2_right{width: 100%;}

    .inside_wrapper{padding-top: 60px;}
 
 }

 @media(max-width: 992px){
    body{min-width: 320px;}
    
    .banner_left, .banner_right{display: none;}
    .btn_left, .btn_right{display: none;}
    .index-banner .swiper-slide .txt .table{width: 95%;}
    .index-banner .swiper-slide .txt .table .cell .wz h6{display: none; width: 100%; font-size: 12px; margin-bottom: 10px;}
    .index-banner .swiper-slide .txt .table .cell .wz h2{width: 100%; font-size: 26px;}
    .index-banner .view_more{font-size: 12px; height: 40px; line-height: 40px;}
    .index-banner .swiper-pagination{left: 0; bottom: 10px; width: 100%; text-align: center;}
    .index-banner .swiper-pagination-bullet{font-size: 14px; margin: 0 8px;}
    .index-banner .swiper-pagination-bullet-active::after{width: 60px;}

    .index1{ padding: 30px 0 15px 0;}
    .index1_left{margin-bottom: 25px;}
    .index1_left h2{font-size: 26px;}
    .index1_right ul li{margin-bottom: 15px;}
    .index1_right ul li img{margin-bottom: 10px;}
    .index1_right ul li h3{font-size: 18px;}
    .index1_right ul li h3::after{margin-top: 10px;}
    .index1_right ul li h4{margin-bottom: 10px; font-size: 13px;}
    .index1_right ul li h5{font-size: 18px;}
    .index1_right ul li h5 em{font-size: 12px;}
    .index1_right ul li .a1{margin-top: 25px;}

    .index2{padding: 30px 0;}
    .index2_main{margin-bottom: 25px;}
    .index2_right .img{margin-bottom: 10px;}
    .index2_right .img img{width: 60px; height: 60px;}
    .index2-container .item .txt h6{font-size: 14px; margin-bottom: 15px;}
    .index2_right .img_box{height: 240px;}
    

    .index3{padding: 0;}
    .index3_overlay{width: 100%;}
    .index3 .slideTxtBox .hd{position: relative;}
    .index3 .slideTxtBox .hd .boxL{display: none!important;}
    .index3 .slideTxtBox .hd .boxR{width: 95%; margin: 0 auto; padding: 0; padding-top: 30px;}
    .index3 .slideTxtBox .hd ul li{margin: 0 5px; font-size: 16px;}
    .index3 .slideTxtBox .hd ul li::after{display: none;}
    .index3 .slideTxtBox .hd ul li.on::after{width: 30px!important;}
    .index3_left{width: 100%; padding: 30px 0;}
    .index3_left .gallery h6{font-size: 12px; margin-bottom: 10px;}
    .index3_left .gallery h6::before{width: 70px;}
    .index3_left .gallery .txt{width: 95%;}
    .index3_left .gallery .txt h2{font-size: 24px; margin-bottom: 15px;}
    .index3_left .gallery .txt .nr{margin-bottom: 20px;}
    .index3_left .gallery .txt .nr p{font-size: 13px;}
    .index3_left .gallery .more{text-align: center;}
    .index3_right{width: 100%; padding: 30px 0 30px 30px;}
    .index3_right{padding: 30px 0; box-shadow: 0 0 9px rgba(0 , 0, 0, 0.15);}
    .index3_title h2{font-size: 16px; letter-spacing: 1px;}
    .thumbs{width: 100%;}
    

    .index4{padding: 30px 0;}

    .index_title{margin-bottom: 25px;}
    .index_title h6{margin-bottom: 15px; font-size: 25px;}
    .index_title h2{font-size: 13px;}

    .index5{padding: 30px 0;}
    .index5_item{width: 100%;}
    .index5_item .lis{width: 100%;}
    .index5_item .lis_item{display: none;}
    .index5_item .lis_list{padding: 30px 10px;}
    .index5_item .lis_list .bt{margin-bottom: 20px;}
    .index5_item .lis_list .bt h6{font-size: 22px; margin-bottom: 15px;}
    .index5_item .lis_list .nr{margin-bottom: 20px;}
    .index5_item .lis_list .item{margin-bottom: 20px;}
    .index5_item .lis_list .item h6{margin-bottom: 25px;}

    .index6{padding: 30px 0;}
    .index6-container{width: 100%; margin: 0;}
    .index6-container .item{width: 100%; margin: 0;}
    .index6-container{padding: 0 30px; padding-top: 35px;}
    .index6-container .item .overlay{left: 20px;top: -20px; width: 90px;height: 35px; line-height: 35px; font-size: 12px;}
    .index6-container .item .txt{width: 95%;}
    .index6-container .item .txt h2{margin-bottom: 15px;}
    .index6-container .swiper-button{top: 30%; width: 30px; height: 30px;}
    .index6_prev{left: 0;}
    .index6_next{right: 0;}
 
    .footer{padding-top: 30px;}
    .footer .container{max-width: 500px;}
    .footer .box1{display: block; margin-bottom: 15px;}
    .footer .box2{margin-bottom: 10px;}
    .footer .box2_left ul{flex-direction: row; flex-wrap: wrap;}
    .footer .box2_left ul li{width: 33.333%; text-align: center; margin-right: 0;}
    .footer .box2_left ul li a{display: none;}
    .footer .box2_left ul li h2 a{display:block!important; margin-bottom: 10px;}
    .footer .box2_right{padding-left: 0;}
    .footer .box2_right .fbox1{font-size: 13px; margin-bottom: 10px;}
    .footer .box2_right .footer_sele{width: 80%;}
    /* .footer .box2_right .fbox2{display: block;} */
    .footer .box2_right .fbox2 .left{margin-bottom: 15px;}
    .footer .box2_right .fbox2 .left h6{ font-size: 13px; text-align: left;}
    .footer .box2_right .fbox2 .left h2 p{font-size: 12px;}
    .footer .box2_right .fbox2 .right{display: flex; justify-content: center;}
    .footer .box3{text-align: center;}
    .footer .box3 p{line-height: 22px;}
    
     
    .inside-banner .cell h6{font-size: 28px; margin-bottom: 15px;}
    .inside-banner .cell p{font-size: 14px;}

    .inside-title{margin-bottom: 25px;}
    .inside-title p{margin-bottom: 10px;}
    .inside-title img{margin-top: 10px;}

    .about1_sec{padding: 30px 0;}
    .about1_sec .inside-title{margin-bottom: 25px;}
    .about1_left{float: none; width: 100%; margin-bottom: 15px;}
    .about1_txt{padding-top: 0; transform: none!important; -webkit-transform: none!important;}
    .about1_left .nr{height: auto; overflow: visible;}
    .about1_left .nr p{font-size: 14px!important;}
    .about1_left .nr p span{font-size: inherit!important;}
    .about1_right{float: none; width: 100%;padding-top: 0;}
    .about1_right .img{transform: none!important; -webkit-transform: none!important;}
    .about1_right .img::after{display: none;}
    
   
    .about2_sec{padding: 30px 0;}
    .lead_swiper .lis .txt p{font-size: 14px!important;}
    .lead_swiper .lis .txt p span{font-size: inherit!important;}

    .about3_sec{padding: 30px 0; overflow-x: hidden;}
    .about3-container .item .img{box-sizing: border-box; padding: 5% 2%;}

    .about4_item{flex-wrap: wrap;}
    .about4_left{width: 100%; margin-bottom: 20px;}
    .about4_left .nr p{font-size: 14px!important;}
    .about4_left .nr p span{font-size: inherit!important;}
    .about4_right{width:100%;}

    .about5_sec{padding: 30px 0;}
    .pc_slide .preview{margin-bottom: 20px;}
    .preview_swiper .swiper-slide{width: 150px;}
    .preview_swiper .swiper-slide .liys .years{line-height: 40px; font-size: 14px;}
    .pc_slide .view{width: 100%;}
    .view_swiper .lis .txt h3{font-size: 18px; margin-bottom: 15px;}
    .view_swiper .lis .txt .nr p{font-size: 14px!important;}
    .view_swiper .lis .txt .nr p span{font-size: inherit!important;}

 
    .product1_sec{padding: 30px 0;}
    .product1_sec ul li{margin-bottom: 25px;}
    .product1_sec ul li .img_box{float: none; width: 100%;}
    .product1_sec ul li .txt{float:none; width: 100%;}
    .product1_sec ul li .txt .num{display: none;}
    .product1_sec ul li .txt h6{font-size: 20px;}
    .product1_sec ul li .txt h2{margin-bottom: 15px;}
    .product1_sec ul li .txt .nr{margin-bottom: 20px;}
    .product1_sec ul li:nth-child(even) .img_box{float: none;}
    .product1_sec ul li:nth-child(even) .txt{float: none;}
    .product1_sec ul li:nth-child(even) .txt h6{text-align: left;}
    .product1_sec ul li:nth-child(even) .txt h2{text-align: left;}
    .product1_sec ul li:nth-child(even) .txt .read_more{text-align: left;}

    .proxq2_box ul li{width: 48%; margin: 0 1%; margin-bottom: 15px;}

    .proxq3_sec{padding: 30px 0;}
    .proxq3_sec .go_back{margin-bottom: 15px;}
    .proxq3_sec .pro_title{margin-bottom: 25px; padding-bottom: 15px;}
    .proxq3_sec .pro_title h6{font-size: 22px;}
    .proxq3_sec .nr{margin-bottom: 25px;}
    .proxq3_sec .nr p{font-size: 14px!important;}
    .proxq3_sec .nr p span{font-size: inherit!important;}

    /* .case1_sec{padding-top: 30px;} */
    .case1_item{display: block;}
    .case1_item .img_box{width: 100%; margin-bottom: 20px;}
    .case1_item .img_box .img2{font-size: 40px; margin-left: 20px; margin-top: -25px;}
    .case1_item .txt{width: 100%;}
    .case1_item .txt .box1{display: none;}
    .case1_item .txt .box2{margin-top: 0;}
    .case1_item .txt .box2 .title h6{font-size: 16px; margin-bottom: 15px;}
    .case1_item .txt .box2 .nr p{font-size: 14px!important;}
    .case1_item .txt .box2 .nr p span{font-size:inherit!important;}

    .case2_sec{padding: 30px 0;}
    .case2_sec .item{margin-bottom: 30px;}
    .case2_sec .item ul li{padding-bottom: 20px;}
    .case2_sec .item ul li .img_box{margin-bottom: 15px;}
    .case2_sec .item ul li .txt h6{font-size: 16px;}
    .case2_sec .item ul li .txt p{font-size: 12px;}
    .case2_sec .item ul li:nth-child(even){margin-top: 20px;}

    .page_box{font-size: 12px;}
    .page_box a{width: 30px; height: 30px; line-height: 30px; margin: 0 2px;}

    .casexq_sec{padding: 30px 0;}
    .casexq_sec .go_back{margin-bottom: 15px;}
    .casexq_sec .casexq_title{margin-bottom: 25px; padding-bottom: 15px;}
    .casexq_sec .casexq_title h6{font-size: 22px; margin-bottom: 10px;}
    .casexq_sec .casexq_title h2{font-size: 12px;}
    .casexq_sec .nr{margin-bottom: 25px;}

    .rese1_sec{padding: 30px 0;}


    .rese2_sec{padding-bottom: 30px;}
    .rese2_title{margin-bottom: 25px;}
    .rese2_title h6{font-size: 22px;}
    .rese2_container .lis .wz h6{font-size: 22px; margin-bottom: 8px;}
    .rese2_container .lis .wz h2{font-size: 14px; margin-bottom: 8px;}
    .rese2_container .lis .wz h3{font-size: 12px;}

    .news1_sec{padding: 30px 0;}
    .news1_sec .box1{display: block; margin-bottom: 30px;}
    .news1_sec .box1_left{margin-bottom: 15px;}
    .news1_sec .box1_left ul li{box-sizing: border-box; width: 25%; padding: 0 3px; margin-bottom: 10px;}
    .news1_sec .box1_left ul li::after{display: none;}
    .news1_sec .box1_left ul li a{width: 100%; font-size: 14px;}
    .news1_sec .box1_right{width: 100%;}
    .news1_item ul li{width: 48%; margin: 0 1%; margin-bottom: 20px;}
    .news1_item ul li .img{margin: 0;}
    .news1_item ul li .overlay{left: 3.5%; display: none;}
    .news1_item ul li .txt h6{margin-bottom: 15px;}
    .news1_item ul li .txt p{margin-bottom: 10px;}

    .newsxq_sec{padding: 30px 0;}
    .newsxq_sec .go_back{margin-bottom: 15px;}
    .newsxq_sec .newsxq_title{margin-bottom: 25px; padding-bottom: 15px;}
    .newsxq_sec .newsxq_title h6{font-size: 22px; margin-bottom: 10px;}
    .newsxq_sec .newsxq_title h2{font-size: 12px;}
    .newsxq_sec .nr{margin-bottom: 25px;}
    .newsxq_sec .nr p{font-size: 14px!important;}
    .newsxq_sec .nr p span{font-size: inherit!important;}
    .newsxq_sec .nr p img{width: auto!important; height: auto!important;}
    .newsxq_sec .nr iframe{width: 95%!important; height: 220px!important;}
    .newsxq_sec .nr video{object-fit: fill;}

    .newsxq_sec .video_mot{width: 100%; margin-bottom: 20px;}
    .newsxq_sec .video_mot .videoD_video video{object-fit: fill; background-color: transparent!important;}

    .join_title{margin-bottom: 25px;}
    .join_title h6{font-size: 22px; margin-bottom: 15px;}
    .join_title h2{font-size: 14px; margin-bottom: 15px;}
    .join1_sec{padding: 30px 0;}

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

    .fixed_box .job_fix{width: 92%; height: 75%; overflow-y: scroll;}
    .fixed_box .job_bot{padding: 20px;}

    .contact1_sec{padding:30px 0 30px 0;}
    .contact1_title{display: none;}
    .contact1_title h6{font-size: 12px;}
    .contact1_title h2{font-size: 20px; line-height: 35px;}
    .contact1_left{float: none;  width: 100%; padding:0; height: auto; margin-bottom: 20px;}
    .contact1_wz .lis{margin-bottom: 15px; padding-bottom: 15px;}
    .contact1_wz .lis h5{font-size: 14px; margin-right: 10px; margin-bottom: 0;}
    .contact1_wz .lis p{font-size: 13px;}
    .contact1_wz .lis:first-child{display: flex; align-items: center;}
    .contact1_wz .lis:nth-child(2) h5{margin-bottom: 15px;}
    .contact1_wz .lis:nth-child(2) p{display: flex; align-items: center;}
    .contact1_wz .lis:nth-child(2) p br{display: none;}
    .contact1_right{float: none; width: 100%;}
    .contact1_right .ditu{height: 300px;}
    .contact1_right .ditu::before{display: none;}

    .contact2_sec{padding: 0 0 30px 0;}
    .contact2_title{margin-bottom: 25px;}
    .contact2_title h6{font-size: 14px;}
    .contact2_title h2{font-size: 25px;}
    .contact2_title h3{font-size: 14px; line-height: 25px;}
    .contact2_sec .formbox ul li{float: none!important; width: 100%!important;}
    .contact2_sec .formbox ul li input{font-size: 14px;}
    .contact2_sec .formbox ul li textarea{font-size: 14px;}

    .sub_navi{padding: 30px 0;}
    .sub_navi .sub_box0{width: 99%;}
    .sub_navi .sub_box1{margin-bottom: 15px;}
    .sub_navi h2{font-size: 28px; margin-bottom: 15px; margin-bottom: 20px;}
    .sub_navi .line1{margin-bottom: 20px;}
    .sub_navi .sub_box1 ul{justify-content: flex-start;}
    .sub_navi .sub_box1 ul li{width: 33.3333%; margin-bottom: 15px;}
    .sub_navi .sub_box1 ul li:nth-child(3n){border-right: 1px solid #b8b8b8;}
    .sub_navi .sub_box1 ul li:nth-child(4){border-right: none;}
    .sub_navi .sub_box1 ul li a{font-size: 13px;}

    .stru1_sec{padding-bottom: 30px; margin-top: 0;}
    .stru1_sec .nr p{font-size: 14px;}

    .vehi1_sec{padding-bottom: 30px;}
    .vehi2_sec{padding: 30px 0;}

    .pro1_sec{padding-bottom: 30px;}
    .pro1_sec .page_box{padding-top: 15px;}

    .esta2_sec{margin-top: 30px; height: 280px;}
    .esta2_sec .txt h2{font-size: 30px; margin-bottom: 25px;}
    .esta2_sec .txt p{font-size: 14px;}

    .esta3_sec{padding: 30px 0;}
    .esta3_main{margin-bottom: 20px;}
    .esta3_sec .box1 h2{font-size: 22px; margin-bottom: 15px;}
    .esta3_sec .box1 .nr p{font-size: 14px;}

    .bms1_sec table tr th, .bms1_sec table tr td{padding: 10px 0;}
    .bms1_sec table span{font-size: 12px!important;}

    .sto1_sec .ul2 li:first-child{width: 25%;}

 }

 
@media(max-width: 768px){ 
    .index-banner{height: auto!important;}
    .index-banner .swiper-slide .bg{display: none!important;}
    .index-banner .swiper-slide .p_bg{display: block;}
    .index-banner .swiper-slide .p_bg img{display: block;}
    .index-banner .view_more{width: 120px;}
    .index-banner .view_more::after{width: 100%;}
    .index-banner .view_more img{display: none;}

    .index2_left .txt .nr{margin-bottom: 15px;}
    .index2_btn{padding: 0; margin-bottom: 10px; text-align: center;}
    .index2_btn a{width: 150px; height: 45px;line-height: 45px; font-size: 14px;}
    .index1_right{height: auto; display: none;}
    .index1_right ul{flex-wrap:wrap;}
    .index1_right ul li{width: 50%; display: block;}
    .index1_right ul li .txt{position: relative;}
    .index1_right ul li img{width: 30%;}
    .index1_right ul li .a1{display: block;}
    .index1_right ul li .txt:hover{background: none;}
    .index1_right ul li .txt:hover{top: 0;}
    .index1_swiper{display: block;}

    .index2_left{float:none; width: 100%; margin-bottom: 20px;}
    .index2_left .txt{padding: 0;}
    .index2_left .txt::before{display: none;}
    .index2_left .txt h6{margin-bottom: 15px;}
    .index2_left .txt h2{font-size: 18px; margin-bottom: 15px;}
    .index2_right{float: none; width: 100%; height: auto;}
    .index2_right .img{height: 300px;}

    .index3_prev, .index3_next{top: 40%;}
    .index3_prev{left: 0;}
    .index3_next{right: 0;}
    .thumbs .swiper-pagination{display: none;}

    .footer .box2_right .fbox1{justify-content: flex-start;}
    .footer .box2_right .fbox1 span{margin-right: 10px;}
    .footer .box2_right .fbox2{flex-wrap: wrap;}
    .footer .box2_right .fbox2 .left{width: 100%; display: flex;}
    .footer .box2_right .fbox2 .left h6{margin-right: 15px;}
    .footer .box2_right .fbox2 .left h2{width: 80%;}
    .footer .box2_right .fbox2 .right{width: 100%;}

    .preview_swiper .swiper-slide{width: 125px;}
    .view_swiper .lis .img_box{width: 100%; margin-bottom: 15px;}
    .view_swiper .lis .txt{width: 100%;}
    .about5_btn{top: 50%; transform: translateY(-70%);-webkit-transform: translateY(-70%);}

    .lead_swiper{padding-bottom: 50px;}
    .lead_swiper .lis .img{width: 100%; margin-bottom: 15px;}
    .lead_swiper .lis .txt{width: 100%;}

    .rese1_sec ul li{float: left; width: 100%;}
    .rese1_sec ul li:first-child{margin-bottom: 15px;}

    .case2_sec .item ul li{float: none; width: 100%; padding-bottom: 0; margin-bottom: 18px;}
    .case2_sec .item ul li:nth-child(even){margin-top: 0px;}
    .case2_sec .item ul li .lis{top: 0!important;}

    .join1_item{display: block;}
    .join1_left{width: 100%; height: auto;}
    .join1_left .txt{width: 100%; height: auto;box-sizing: border-box; padding: 20px 10px;  font-size: 14px; }
    .join1_left .txt h6{margin-bottom: 20px;}
    .join1_left .txt h6 p{font-size: 18px;}
    .join1_left .txt h2{margin-bottom: 20px;}
    .join1_right{width: 100%; height: 180px;}

    .join2_item ul li{float: none; width: 100%; margin: 0; padding: 20px 10px; margin-bottom: 20px;}

    .vehi2_sec ul li{float: none; width: 100%; margin-bottom: 15px;}

    .sto1_sec .ul1{margin-bottom: 12px;}
    .sto1_sec .ul1 li{float: none; width: 100%;}
    .sto1_sec .ul1 li:first-child{margin-bottom: 15px;}
    
    .sto1_sec .ul2 li{float: none; width: 100%;}
    .sto1_sec .ul2 li:first-child{width: 100%; margin-bottom: 15px;}

    .bms1_sec .ul1 li{float: none; width: 100%;}
    .bms1_sec .ul1 li:nth-child(2){margin-top: 10px;}
    .bms1_sec .ul12 li{float: none; width: 100%;}

    .anli1_sec .p1 img{display: block; width: 100%; margin: 0 auto; margin-bottom: 10px; float: none;}

    .ex1_sec ul li{float: none; width: 100%; margin-bottom: 20px;}
    .ex1_sec ul li h3{font-size: 16px; margin-bottom: 10px;}
    .ex1_sec .ul2 li{float: none; width: 100%;}
  
    

}

 @media(max-width: 720px){    
    /* .home_recent-work{margin: 0; padding: 0;}
    ul.timeline{width: 100%!important;height: auto;margin-top: 25px;white-space: normal}
    ul.timeline:before{display: none}ul.timeline li{display: block;width: 100%!important}
    .time-inner,ul.timeline li{position: relative;height: auto}
    .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:before{display: none}.time-inner:hover{width: 100%;height: auto;-webkit-animation: none;animation: none;-webkit-transition: none;transition: none}
    .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{width: 100%;height: auto;border-radius: 0}
    .time-detail .picture_holder{height: 200px}
    .time-detail .details_content{height: auto;padding: 20px 10px;}
    .timeline .time-name{display: none}.timeline li{-webkit-transition: none;transition: none}
    .timeline .time-inner:not(.expands):hover{-webkit-animation: none;animation: none;-webkit-transition: none;transition: none;width: 100%;height: auto}
    .ourprocess_content .description p{max-width: 100%}
    .home_ourprocess .mousewheel{display: none}
    .recent-work_content:hover .time-inner:not(.expand):not(:hover){width: 100%;height: auto}
    .time-detail .details_content h4{font-size: 24px; margin-bottom: 15px;}
    .time-detail .details_content p{font-size: 14px!important;}
    .home_recent-work{padding-bottom: 0px;margin-bottom: 0px;} */
}


@media(max-width: 480px){    
    .index2-container .item .img{width: 35%;}

    .proxq2_box ul li{float: none; width: 100%; margin: 0; margin-bottom: 15px;}

    .newsxq_sec .video_mot .img{height: 220px;}


    .news1_item{box-sizing: border-box; padding: 2%;}
    .news1_item ul li{float: none; width: 100%; margin: 0; margin-bottom: 15px;}

    .pep1_sec ul li{float: none; width: 100%; margin-bottom: 10px;}
    .pep1_sec ul li:last-child{margin-bottom: 0;}

    .sub_navi .sub_box2 ul li:nth-child(2){width: 66.66667%; border-right: 1px solid #ccc;}
    .sub_navi .sub_box2 ul li:nth-child(3){border-right: 1px solid #ccc;}
    .sub_navi .sub_box2 ul li:nth-child(5){border-right: 1px solid #ccc;}
    .sub_navi .sub_box2 ul li:nth-child(6){border-right: none;}

    .hope1_sec .ul1 li{float: none; width: 100%; margin: 0; margin-bottom: 10px;}

    .park1_sec .ul1 li{float: none; width: 100%; margin: 0; margin-bottom: 10px;}
    
}
    

@media(max-width: 360px){    
    .footer .box2_right .footer_sele{width: 76%;}
    .footer .box2_right .fbox2 .left h2{width: 76%;}
    .sub_navi .sub_box1 ul li a{font-size: 12px;}
}