
@media(max-width: 1700px){
    .header_left ul li{margin-right: 40px;}
    .header_left ul .nLi{height: 40px; line-height: 40px;}
    .header_left ul .nLi h3 a{font-size: 16px;}
    .header_left ul .nLi .menudown li a{font-size: 14px;}
    .header_left ul .nLi:hover .menudown{top:40px;}
    .header_serach input{width: 290px;}
    .header_lx h4{font-size: 16px;}
    
}

@media(max-width: 1600px){
    .header_left ul li{margin-right: 30px;} 
    .header_serach input{width: 250px; height: 49px; line-height: 49px;}
    .header_serach .serach{width: 49px; height: 49px;}
    .header_lx h4{line-height: 27px;}
    .header_lx img{height: 80px;}

    .navv{ top: 75px;}
    .ny_nav .lj{ line-height: 60px;}
    .ny_nav ul li a{ height: 60px; line-height: 60px;}


    .index_title h2{font-size: 48px;}
    .index_title h3{font-size: 28px;}

    .index1 .index_title h3{font-size: 26px;}

    .index2_main ul li .cell h3{font-size: 28px;}
    .index2_main1 .swiper-slide .cell h3{font-size: 28px;}

    .footer{font-size: 16px;}

    .about_title h2{ font-size: 48px;}
.about_title h3{font-size: 28px;}

.about_title1 h2{ font-size: 48px;}
.about_title1 h3{font-size: 28px;}

.about_box3 .about_box3-next,.about_box3 .about_box3-prev{ width: 60px; height: 60px;}
.about_box3 .about_box3-prev{ right: 90px;}

.product_xx3 ul li .nr h2{ font-size: 16px; line-height: 30px;}
.product_xx3 ul li .nr p{ font-size: 13px; line-height: 24px;}

}
   
@media(max-width: 1440px){

    .header_left ul li{margin-right: 23px;}
    .header_left ul .logo img{height: 62px;}
    .header_left ul .nLi h3{margin-top: -8px;}
    .header_left ul .nLi h3 a{font-size: 15px;}
    .header_left ul .nLi .menudown li a{font-size: 13px;}
    .header_right{margin-top: -5px;}
    .header_serach{margin-right: -10px;}
    .header_serach input{width: 220px; height: 38px; line-height: 38px; padding: 0 20px; font-size: 13px;}
    .header_serach .serach{width: 38px; height: 38px;}
    .header_lx h4{line-height: 24px; font-size: 15px;}

    .gauge{padding: 60px 0;}

    .index_title{margin-bottom: 45px;}
    .index_title h2{font-size: 38px;}
    .index_title h3{font-size: 26px;}

    .about_title h2{ font-size: 38px;}
.about_title h3{font-size: 26px;}

.about_title1 h2{ font-size: 38px;}
.about_title1 h3{font-size: 26px;}

    .view_more a{width: 150px; height: 48px; line-height: 48px; font-size: 16px;}
    .view_more a:hover i{right: 10px; width: 40px;}


    .header_left ul li{margin-right: 25px;}
    .header_left ul .logo img{height: 65px;}
    .header_right{margin-top: -8px;}
    .header_serach input{height: 40px; line-height: 40px;}
    .header_serach .serach{width: 40px; height: 40px;}
    .header_serach .serach i{width: 15px; height: 15px; background-size: 15px 15px;}

    .banner_swiper .txt{font-size: 42px;}
    .banner_swiper .banner_pagination{bottom: 3%;}

    .index1{padding: 100px 0 60px 0;}
    .index1 .index_title h3{font-size: 24px;}
    .index1_txt .nr{margin-bottom: 45px;}
    .index1_txt .nr p{font-size: 14px;}

    .index2_main ul li .cell h3{font-size: 24px;}
    .index2_main ul li .cell img{width: 60px; margin-top: 20px;}

    .index2_main1 .swiper-slide .cell h3{font-size: 24px;}
    .index2_main1 .swiper-slide .cell img{width: 60px; margin-top: 20px;}

    .index3_swiper .lis{font-size: 16px;}
    .index3_swiper .txt{padding: 25px;}
    .index3_swiper .txt h2{font-size: 24px;}
    .index3_swiper .txt p{height: 112px; margin-bottom: 40px; -webkit-line-clamp: 7;}
    .index3_swiper .txt .culars i{margin-left: 30px;}
    .index3_swiper .txt .culars .line0{width: 120px;}
    .index3_swiper .img{height: 480px;}

    .index4_top{margin-bottom: 45px;}
    .index4_top ul li{margin-right: 45px;}
    .index4_top ul li a{font-size: 20px;}
    .index4_top ul li a span{margin-bottom: 13px;}
    .index4_left .txt h2{font-size:18px;}
    .index4_left .txt p{font-size: 13px;}
    .index4_right span{font-size: 18px;}
    .index4_right i{margin-left: 28px;}

    .footer{font-size: 14px;}
    .footer .fb1 .lis1 .box1 img{width: 290px;}
    .footer .fb1 .lis3 h3{font-size: 22px;}

    .ny_banner{ height: 300px;}
    .ny_banner .wz h2{ font-size: 40px;}
    .ny_banner .wz p{ font-size: 18px;}

    .ny_nav ul li a{ height: 60px; line-height: 60px; font-size: 14px;
    margin: 0px 10px;}
    .ny_nav .lj{ line-height: 60px; font-size: 14px;}


    .about_box4_nr .swiper-slide h2{ font-size: 14px;}
    .about_box4_nr .swiper-button-prev,  .about_box4_nr .swiper-button-next{ width: 61px; height: 17px;}


    .aolution ul li .dw{
        display: block;
        position: relative;
        top: -180px;
        visibility: hidden;
    }
    

}

@media(max-width: 1280px){
    .header_left ul .logo img{height: 55px;}
    .header_left ul .nLi h3 a{font-size: 14px;}
    .header_left ul .nLi .menudown li a{font-size: 12px;}
    .header_serach input{width: 200px; font-size: 12px;}
    .header_lx h4{font-size: 14px;}


    .jobli li{ padding: 40px 20px;}
    .jobli li .bt{ font-size: 20px;}
    .jobli li .bt span{ font-size: 12px;}


}

@media(max-width: 1200px){
    .news_xx .news_xx_bt p{width: 50%;}
    .header_lx{display: none;}
    
    .index2_main ul li .cell h3{font-size: 20px;}
    .index2_main1 .swiper-slide .cell h3{font-size: 20px;}

    .footer .fb1 .lis2{padding-left: 2%;}

    .plate .hd ul li h2{ font-size: 25px;}
    .plate .hd ul li.on{ padding: 0px 5%;}

    .product_xx3 ul li{ background: #0756e8;}
    .product_xx3 ul li:nth-child(2){ background: #fff;}
    .product_xx3 ul li img{ display: none;}
    .product_xx3 ul li .nr{ position: static; width: 100%; padding: 10px;}
    .product_xx3 ul li .nr h2{ font-size: 15px;}


    .case ul li{ width: 29.3%;}
    
}

@media(max-width: 992px){

    .container1{width: 95%;}

    .header{display: none;}

    .headerSJ{display: block;}

    .wrapper0{padding-top: 60px;}

    .navv{ top: 60px;}


    .banner_swiper .txt{text-align: center;}
    .banner_swiper .table{padding-left: 0;}
    .banner_swiper .cell h3{font-size: 25px; margin-bottom: 12px;}
    .banner_swiper .cell h4{width: 100%; font-size: 14px;}

    .index_title{margin-bottom: 20px; text-align: center;}
    .index_title h2{font-size: 16px;}
    .index_title h3{font-size: 22px;}

    .about_title h2{ font-size: 22px;}
.about_title h3{font-size: 16px;}
.about_title::after{ width: 70px;  margin-top: 10px;}

.about_title1 h2{ font-size: 22px;}
.about_title1 h3{font-size: 16px;}
.about_title1::after{ width: 70px;  margin-top: 10px;}
    
    .view_more{text-align: center;}
    .view_more a{text-align: left;}

    .index1 .index_title{margin-bottom: 20px; text-align: left;}
    .index1 .index_title::after{margin-top: 10px;}
    .index1_txt .nr{margin-bottom: 20px;}

    .index2_main ul li{width: 50%;}
    .index2_main ul li .cell h3{font-size: 18px;}
    .index2_main ul li .cell img{margin-top: 13px;}

    .index2_main1 .swiper-slide .cell h3{font-size: 18px;}
    .index2_main1 .swiper-slide .cell img{margin-top: 13px;}

    .index3_top .index_title{position: relative;}
    .index3_box{margin-bottom: 20px; padding-left: 0;}
    .index3_swiper{width: 100%;}
    .index3_swiper .lis{font-size: 14px;}
    .index3_swiper .img_box{float: none; width: 100%;}
    .index3_swiper .img{height: auto;}
    .index3_swiper .txt{position: relative; width: 100%; padding: 20px;}
    .index3_swiper .txt h2{font-size: 18px;}
    .index3_swiper .txt h2::after{margin-top: 15px;}
    .index3_swiper .txt p{margin-bottom: 15px;}
    .index3_swiper .txt .culars span i{margin-left: 20px;}
    .index3_swiper .txt .culars .line0{width: 100px;}
    .index3_btn i{width: 60px; height: 15px; background-size: 60px 15px;}
    .index3_ges{margin: 0 15px;}
    
    .index4_main{margin-bottom: 20px;}
    .index4_top{margin-bottom: 12px;}
    .index4_top .index_title{width: 100%; margin-bottom: 20px;}
    .index4_menu{width: 100%;}
    .index4_top ul li{width: 33.333%;  margin-right: 0;}
    .index4_top ul li a{font-size: 16px;}
    .index4_top ul li a span{margin-bottom: 8px;}
    .index4_top ul li a img{width: 13px;}
    .index4_nr ul li .lis{width: 95%; flex-wrap: wrap;}
    .index4_left{width: 100%; margin-bottom: 20px;}
    .index4_left .txt h2{font-size: 18px;}
    .index4_left .txt span{margin-bottom: 10px; font-size: 12px;}
    .index4_left .txt span::after{margin-top: 10px;}
    .index4_left .txt p{font-size: 14px;}
    .index4_right{width: 100%; opacity: 1; visibility: visible;}
    .index4_right span{font-size: 16px;}
    .index4_right i{margin-left: 20px;}
    .index4_nr ul li:hover{padding: 20px 0;}
    

    .gauge{padding: 30px 0;}

    .index1_wz{display: none;}
    
    .footer{display: none;} 
    .footerSJ{display: block;}

    .about_box{ padding: 25px 0px;}
    
    .about_box .nr{ padding:10px 0px;}
    .about_box .nr p{ font-size: 14px; line-height: 26px;}

    .about_box2{ padding: 20px 0px;}

    .about_box3{ padding: 20px 0px;}
    .about_box3_nr{ padding-top: 20px;}

    .about_box3 .about_box3-next,.about_box3 .about_box3-prev{ width: 30px; height: 30px;}
.about_box3 .about_box3-prev{ right: 50px;}
    
.about_box4{ padding: 20px 0px;}
.about_box4_nr{ padding-top: 20px;}
.about_box4_nr .swiper-button-prev{ left: 10px; top: 40px;}
.about_box4_nr .swiper-button-next{ right: 10px; top:40px;}

.about_box5{ padding: 20px 0px;}
.about_box5_nr{ padding-top: 20px;}

.about_box5 .about_box5-next,.about_box5 .about_box5-prev{ width: 30px; height: 30px;}
.about_box5 .about_box5-prev{ right: 50px;}

.about_box5 p{ font-size: 13px; line-height: 22px; padding-top: 15px;}

.news_xx{ padding: 20px 0px;}
.news_xx .container1{ padding: 0px 10px;}
.news_xx .news_xx_bt h2{ font-size: 20px; padding-bottom: 10px;}
.news_xx .news_xx_nr{ padding-top: 20px;}
.news_xx .news_xx_nr p{ font-size: 13px; line-height: 26px;}

.plate{ height:auto;}
.plate .hd{ height: auto;}
.plate .hd ul { display: block;}
.plate .hd ul li{ width:100%; height: auto; padding:10% 5%;}
.plate .hd ul li.on{ width: 100%; padding:10% 5%; background:auto;}
.plate .hd ul li h2{ font-size: 16px; display: block;}
.plate .hd ul li h3{ display: block;}
.plate .hd ul li p{ font-size: 12px; line-height: 22px; display: block; height: auto;}
.plate .hd ul li span{ display: block;}
.plate .hd ul li span a{ width: 100px; height: 35px; line-height: 35px; margin-right: 30px;}

.plate .hd ul li.on p{animation:h4 0s linear 0s;}
.plate .hd ul li h4{ display: none;}
.plate .hd ul li.on h4{ display: none;}
.plate .hd ul li h2{ display: block;}
.plate .hd ul li.on h2{ display: block;}
.plate .hd ul li.on h3{animation:h4 0s linear 0s;}
.plate .hd ul li.on span{animation:h4 0s linear 0s;}


.jobli li .jobnr span{ display: block;}
.jobli li .jobnr span a{ width: 100px; height: 35px; line-height: 35px; margin-right: 30px;}

.case{ padding: 20px 0px;}
.case ul{ margin: 0px;}
.case ul li{ width: 100%; margin: 0px; margin-bottom: 15px; padding: 15px;}

.aolution{ padding: 20px 0px;}
.aolution ul li{ margin-bottom: 20px;}
.aolution ul li .nr h2{ font-size: 20px;}
.aolution ul li .nr h3{ font-size: 17px;}
.aolution ul li .nr p{ font-size: 13px; line-height: 24px;}
.aolution ul li .nr span a{ width: 100px; height: 35px; line-height: 35px; margin-right: 30px;}


.aolution_xx1{ padding: 20px 10px;}
.aolution_xx .bt h2{ font-size: 12px;}
.aolution_xx .bt h3{ font-size: 16px;}
.aolution_xx .bt p{ font-size: 12px;}
.aolution_xx .bt span{ font-size: 12px;}
.aolution_xx1_nr .nr{ padding-top: 15px;}
.aolution_xx1_nr .nr p{ font-size: 13px; line-height: 24px;}

.aolution_xx2_nr ul li h2{ font-size: 12px;}

.aolution_xx3{ padding: 20px 10px;}
.aolution_xx3_nr{ padding-left: 0px;}
.aolution_xx3_nr .nr{ display: block;}
.aolution_xx3_nr .nr h2{ width: 100%; margin-right: 0px; margin-bottom: 15px;}
.aolution_xx3_nr .nr h3{ width: 100%;}
.aolution_xx3_nr .nr h2 dl dd{ width: 31.3%; margin-bottom: 10px;}
.aolution_xx3_nr .nr h2 dl dd img{ width: 60%; max-width: 55px;}
.aolution_xx3_nr .nr h2 dl dd p{ font-size: 12px;}

.aolution_xx4{ padding: 20px 10px;}
.aolution_xx4_nr{ padding-right: 0px;}
.aolution_xx4_nr .nr{ display: block;}
.aolution_xx4_nr .nr h2{ width: 100%; margin-bottom: 15px;}
.aolution_xx4_nr .nr h3{ width: 100%; padding-left: 0px;}

.aolution_xx5{ padding: 20px 10px;}
.aolution_xx5_nr ul li{ width: 49%; margin-bottom: 15px;}
    .aolution_xx5_nr ul li h2{ font-size: 14px; padding: 15px; margin-bottom: 10px;}
    .aolution_xx5_nr ul li p{ font-size: 12px; padding: 10px;}

    .product_xx3{ padding: 20px 0px;}
    

}

@media(max-width: 768px){    

    .index1_left{width: 100%; margin-bottom: 15px;}
    .index1_img{height: auto;}
    .index1_img img{display: block; width: 100%;}
    .index1_txt{width: 100%;}

    .footerSJ .box1 ul li{width: 20%;}
    .footerSJ .box1 ul li a{line-height: 28px;}

    .ny_banner{ height: 200px;}
    .ny_banner .wz h2{ font-size: 25px;}
    .ny_banner .wz p{ font-size: 16px;}

    .ny_nav .lj{ display: none;}
    .ny_nav ul li a{ margin: 0px 4px; font-size: 12px;}
    .ny_nav ul li a.on{ background: url(../images/alxb.png) no-repeat center bottom;}

    .ny_nav1{ line-height: 45px; height: 45px;}
    .ny_nav1 a{ font-size: 13px;}
    
    .aolution ul li{ display: block;}
    .aolution ul li .nr{ width: 100%; padding: 10px; margin-bottom: 10px;}
    .aolution ul li .img{ width: 100%;}


    .sabrosus{ padding: 20px 0px;}
    .sabrosus a{ width: 30px; height: 30px; line-height:30px; margin: 0px 5px;}
    .sabrosus a i{ line-height: 30px; font-size: 15px;}

    .news_xx .news_xx_sx ul{ margin: 0px;}
    .news_xx .news_xx_sx ul li{ width: 100%; margin: 0px; margin-top: 15px; font-size: 13px; height: 40px;}
    .news_xx .news_xx_sx ul li h2{ width: 50px;}
    .news_xx .news_xx_sx ul li a{ width: calc(100% - 70px);}
    .fenxiang .bshare-custom {margin-left:0px;}
    .news_xx .news_xx_bt p{width: 45%;}
}

@media(max-width: 720px){    
   
}

@media(max-width: 480px){
    .index4_left{flex-wrap: wrap;}
    .index4_left .img_box{width: 100%; height: auto;margin-bottom: 20px;}
    .index4_left .txt{width: 100%;}
  
}  
  
   


