@media only screen and (max-width: 1740px){
   .about-part1 .content-box .left{width: 48%;}
   .about-part1 .content-box .right{width: 46%;}

   .map-box .info-box{padding: 30px;}
   .map-box{height: 40vw;}
   .map-box .info-box{height:35vw;}
  
  }
  
  @media only screen and (max-width: 1480px){
    .hearder-box{padding: 0 40px;}
    .hearder-box .nav-list li{margin-right:40px;}    

    .index-title{padding: 40px 0;}
    .index-title .cn{font-size: 30px;}
    .index-title .en{ font-size: 70px;}
    
    .index-part1 .list-item{width: 32%;height: 340px;padding: 25px 30px;}
    .index-part1 .list-item:nth-of-type(1){width: 66%;height: 385px;} 
    
   .index-part3 .news-item{width: 34%;height: 265px;margin-bottom: 25px;margin-left: 1%;}
   .index-part3 .news-item:first-of-type{width: 30%;}

   .about-part1 .num-box li .num{font-size: 60px;}
   .about-part1 .content-box{padding-left:4%}
   .about-part1 .content-box .right .title{font-size: 36px;}
   .about-part1 .content-box .right .title .cont{margin: 0 40px;}
   .about-part1 .content-box .right .title .symbol{width: 30px;}
   .about-part1 .content-box .right .title .symbol.left{margin-top: -100px;}

   .case-list {padding:30px 0;}
   .case-list li .cont-box{padding: 30px;}

   .proinfoimg .swiper-slide{ padding: 42px; height: 450px;}
   .product-details .content-box{ margin-top: 34px;}
   .proinfoLine{padding-left: 50px;}
   .proinfoLine .title{padding:18px 0;font-size: 24px;}
   .product-details .content-box .infoImg{padding: 35px 55px;}

   .map-box{height: 50vw;}
   .map-box .info-box{width: 50vw;height:40vw;}
 
  }
  
  @media only screen and (max-width: 1200px){
    .hearder-box .logo{margin-right: 40px;}
    .hearder-box .nav-list li{margin-right:10px;}

    .index-part3 .news-item {height: 220px;margin-bottom: 15px;}
    .index-part3 .news-item:first-of-type{height: 455px;}
    .index-part3 .news-item .cont-box{padding: 15px;}
    .index-part3 .news-item .cont-box .time{font-size: 14px;margin-bottom: 10px;}
    .index-part3 .news-item .cont-box .title{font-size: 18px;margin-bottom: 10px;}
    .index-part3 .news-item .cont-box .cont{font-size: 14px;margin-bottom: 10px;}
    .index-part3 .news-item .cont-box .more{font-size: 36px;}

    .about-part1 .cont-box{flex-direction: column-reverse;}
    .about-part1 .content-box{padding: 0 4%;}
    .about-part1 .content-box .left{width: 100%;padding-top: 15px;font-size: 14px;}
    .about-part1 .content-box .right{width: 100%;}
    .about-part2 ul li{width: 50%;flex: auto;}
    
    .product-list ul{grid-template-columns: repeat(2, 48%);column-gap:4%;}
    .product-list ul li{height: 52vw;}
    .product-list ul li .cont-box{padding: 15px;}

    .product-top{flex-direction: column-reverse;}
    .product-top .pic-box{width: 100%;margin-bottom: 15px;}
    .product-top .cont-box{width: 100%;padding-right:0;}
    .product-top .cont-box .title{font-size: 24px; padding-bottom: 25px;margin-bottom: 20px;}
    .product-top .cont-box .cont{margin-bottom: 50px;}
    .product-top .cont-box .more{width:160px; height: 40px; border-radius:0 20px; font-size: 20px;}
    .product-top .cont-box .more .iconfont{font-size: 24px;}

    .hire-box ul{grid-template-columns: repeat(2, 48%);column-gap: 4%;}
    .hire-box ul li{padding: 20px;}
  }
  
  @media only screen and (max-width: 1024px){    
    .header{background-color: #666;height: 60px;padding: 0 75px 0 15px;}
    .menu-handler{display: block;}
    .hearder-box .nav-list{display: none;}

    .banner .swiper-container .swiper-slide img{height: 60vw;object-fit: cover;}

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

    .case-list li .cont-box .title{font-size: 24px;margin-bottom: 20px;}
    .case-list li .cont-box .cont{font-size: 14px;margin-bottom: 20px;}

    .product-list li .cont-box .title{font-size: 20px;margin-bottom: 10px;}
    .product-list li .cont-box .cont{font-size: 14px;margin-bottom: 15px;}
    .product-list li .cont-box .more{width: 150px;height: 40px;border-radius:0 20px 0 20px;font-size:14px;}

    .news-list .news-item .cont-box{padding-left: 15px;}

    
    .contact-us{padding-top: 60px;padding-bottom: 35px;}
    .contact-us .left-box{width: 100%;}
    .contact-us .left-box .theme {padding: 40px 0;}
    .contact-us .left-box .theme .item{width: 50%;font-size: 20px;margin-bottom:20px;}
    .contact-us .right-box{width: 100%;}

    .hire-box ul li .title{font-size: 20px;margin-bottom: 10px;}
    .hire-box ul li .cont{font-size: 14px;line-height: 1.6;margin-bottom: 15px;}
    .hire-box ul li .cont span{margin-right: 15px;}
    .hire-box ul li .more{width: 150px;height: 40px;border-radius: 0 20px 0 20px; font-size: 14px;}
    .map-box{height: 70vw;}
    .map-box .info-box{width: 50vw;height:60vw;}
   
  }
  @media only screen and (max-width: 800px){

    .foot-box{padding:15px 5px 15px 5px;border-top: 5px solid #ba1b21;}

    .index-part1 .list-item{width: 48%;padding:15px;}
    .index-part1 .list-item:nth-of-type(1){width: 100%;height: 340px;padding:25px;} 
    .index-part1 .list-item:nth-of-type(2){height: 340px;padding-top: 15px;} 
    .index-part1 .list-item:nth-of-type(2) .pic{height: 170px;}
  
    .hire-box{padding-top:30px;}
    .hire-sub-tit{font-size:18px;}
    .hire-title{font-size: 24px;}
    .map-title{padding: 15px 0;}
    .map-box .info-box .title-line{font-size: 20px;padding-bottom: 10px;}
    .map-box .info-box ul{padding-top: 15px;}
    .map-box .info-box ul li{margin-bottom: 15px;}
    .map-box .info-box ul li .iconfont{font-size: 20px;margin-right: 10px;}
    .map-box .info-box ul li .cont-box .tit{font-size: 16px;margin-bottom: 10px;}
    .map-box .info-box ul li .cont-box .cont{font-size: 13px;}
    
  }
  @media only screen and (max-width:640px){
    .hearder-box{height: 60px;padding: 0;}
    .hearder-box .logo{width:140px ;margin-right: 0;}

    .search-box{width: 140px;padding: 0 10px;}
    .search-box .iconfont{font-size: 16px;}
    .search-box input{padding-left: 5px;}
    .search-box input::-webkit-input-placeholder{font-size:12px;}
    .hearder-box .en{margin-left: 10px;font-size: 14px;}
    .menu-handler{margin-left: 5px;}

    .banner{margin-top: 60px;}
    .banner .swiper-container .swiper-slide img{height: 100vw;}    
    .banner .swiper-container .swiper-slide .pc{display: none;}
    .banner .swiper-container .swiper-slide .mobile{display: block;}
    .banner .swiper-pagination-bullet{width: 8px;height: 8px;}
    .banner .swiper-pagination-bullet-active{width: 30px;}

    .index-title{padding: 20px 0;}
    .index-title .cn{font-size: 22px;}
    .index-title .en{ font-size: 36px;}
    .index-part1 {padding-bottom: 30px;}
    .index-part1 .list-item{width: 100%;height: 40vw!important;flex-direction: row-reverse;padding: 15px!important;margin-bottom: 15px;}
    .index-part1 .list-item .pic{width: 30vw!important;height: 30vw!important;object-fit: cover;}
    .index-part1 .list-item .cont-box{width: 50vw!important;}
    .index-part1 .list-item .cont-box .title{font-size: 16px;margin-bottom: 5px!important;}
    .index-part1 .list-item .cont-box .cont{font-size: 12px;-webkit-line-clamp: 3;line-clamp: 3;}
    .index-more{font-size: 14px;}
    .index-more .icon{width: 28px;height: 28px;font-size: 18px;}
    .index-part1 .list-item:nth-of-type(1) .cont-box .index-more{display: none;}

    .index-part2{padding-bottom: 30px;}
    .index-part2 .swiper-box{padding-bottom: 60px;}
    .index-part2 .swiper-container .swiper-slide .cont-box{padding:15px 0;}
    .index-part2 .swiper-container .swiper-slide .cont-box .title{font-size: 16px;margin-bottom: 10px;}
    .index-part2 .swiper-container .swiper-slide .cont-box .cont{font-size: 14px;margin-bottom: 15px;}
    .index-part2 .swiper-box .swiper-pagination{margin: 0 25px;}
    .index-part2 .swiper-box .swiper-pagination-bullet{width: 8px;height: 8px;margin-left: 5px;}
    .index-part2 .swiper-box .swiper-button-prev, .index-part2 .swiper-box .swiper-button-next{width: 35px;height: 35px;}
    .index-part2 .swiper-box .swiper-button-next:after, .index-part2 .swiper-box .swiper-button-prev:after{font-size: 16px;}

    .index-part3{padding-bottom: 30px;}
    .index-part3 .index-news{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .index-part3 .index-news::after{display: none;}
    .index-part3 .news-item:first-of-type{width: 100%;height: 190px;}
    .index-part3 .news-item:first-of-type a{display: flex;width: 100%;height: 100%;}
    .index-part3 .news-item:first-of-type .pic-box{display: none;}
    .index-part3 .news-item {width: 48%;height:180px;margin-left: 0;}
    .index-part3 .news-item .cont-box .time{font-size: 12px;}
    .index-part3 .news-item .cont-box .title{font-size: 16px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
    .index-part3 .news-item .cont-box .cont{font-size: 12px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
    .index-part3 .news-item .cont-box .more{font-size: 24px;}
    
    .foot-box .foot-list{padding-top: 0;padding-bottom: 30px;}    
    .foot-box .list-item .tit{font-size: 16px;margin-bottom: 15px;}
    .foot-box .list-item .cont{font-size: 12px;line-height: 1.6;}
    .foot-box .list-item{display: none;}
    .foot-box .list-item:last-of-type{display: block;}
    .foot-bottom{padding: 10px;font-size: 12px;}
    .foot-box .code-box .tit{font-size: 16px;margin-bottom: 10px;margin-top: 15px;}

    .top{width: 40px;height: 40px;right: 10px;bottom: 15px;font-size: 12px;border-radius: 10px;}
    .top .iconfont{font-size: 18px;}
    .foot-box .code-box .code{width: 120px;}
    .foot-box .code-box p{font-size: 12px;}

    .inner-banner{margin-top: 60px;}
    .inner-banner .pc{display: none;}
    .inner-banner .mobile{display: block;}
    .index-nav .w1400{width: 100%;}
    .inner_nav_box.fixed{top: 60px;}
    .inner_nav_box ul{display: block; white-space: nowrap;overflow-x: scroll;}
    .inner_nav_box ul li{display: inline-block;margin-right: 10px;font-size: 14px;}    
    .inner_nav_box ul li a{line-height: 60px;}
    .inner_nav_box ul li.active{border-bottom-width: 2px;}

    .about-part1{padding-bottom: 30px;}
    .about-part1 .num-box{padding-top: 20px;padding: 20px 0 10px 0;}
    .about-part1 .num-box li{width: 50%;margin-bottom: 10px;}
    .about-part1 .num-box li .num{font-size: 36px;}
    .about-part1 .num-box li .num .unit{width: 25px;height: 25px;font-size: 12px;margin-left: 10px;transform: translateY(0);}
    .about-part1 .title-line{margin-bottom: 10px;}
    .about-part1 .title-line .cn{font-size: 24px;}
    .about-part1 .title-line .en{font-size: 14px;}
    .about-part1 .content-box .right .title{font-size: 24px;margin-bottom: 10px;}
    .about-part1 .content-box .right .title .cont{margin: 0 15px;}
    .about-part1 .content-box .right .title .symbol{width: 15px;}
    .about-part1 .content-box .right .title .symbol.left{margin-top: -80px;}

    .about-part2 ul li .cont-box .icon-box{width: 50px;height: 50px;}
    .about-part2 ul li .cont-box .icon-box img{width: 25px;}
    .about-part2 ul li .cont-box .tit{font-size: 18px;margin: 5px 0 10px 0;}
    .about-part2 ul li .cont-box .cont{font-size: 12px;}

    .about-part3{padding-bottom: 20px;}
    .about-part3 .title-line{padding: 30px 0 20px 0;}
    .about-part3 .title-line .cn{font-size: 24px;}
    .about-part3 .title-line .en{font-size: 12px;}
    .about-part3 .honor-swiper {padding-bottom: 60px;}
    .about-part3 .honor-swiper .swiper-slide{padding: 15px;}
    .about-part3 .honor-swiper .swiper-button-prev, .about-part3 .honor-swiper .swiper-button-next{width: 40px;height: 40px;font-size: 12px; bottom: 0;top: auto;}
    .about-part3 .honor-swiper .swiper-button-prev{left: 35%;}
    .about-part3 .honor-swiper .swiper-button-next{right:35%;}

    .about-part4{padding-bottom: 20px;}
    .about-part4 .title-line{padding: 30px 0 20px 0;}
    .about-part4 .title-line .cn{font-size: 24px;}
    .about-part4 .title-line .en{font-size: 12px;}

    .case-list li {margin-bottom: 15px;}
    .case-list li .pic-box{width: 100%;}
    .case-list li .cont-box{width: 100%;padding: 15px;}
    .case-list li .cont-box .title{font-size: 16px;margin-bottom: 10px;}
    .case-list li .cont-box .cont{font-size: 12px;margin-bottom: 10px;}
    .page-box a{font-size: 12px;margin-right:8px;}
    .page-box .page-item{width: 30px;height: 30px;}

    .product-list{padding: 30px 0;}
    .product-list ul{display: block;}
    .product-list ul li{height: auto;margin-bottom: 15px;}
    .product-list li .cont-box .title{font-size:16px;margin-bottom: 8px;}
    .product-list li .cont-box .cont{font-size: 14px;margin-bottom: 10px;line-height: 1.4;}
    .product-list li .cont-box .more{width: 100px;height: 30px;font-size: 12px;border-radius:0  15px 0 15px;}
    .product-list li .cont-box .more .iconfont{font-size: 18px;margin-left: 5px;}    

    .crumbs{line-height: 60px;}
    .product-details{padding: 30px 0;}
    .product-top{padding: 20px;}
    .product-top .cont-box .title{font-size:18px; padding-bottom: 15px;margin-bottom: 10px;}
    .product-top .cont-box .cont{font-size: 14px;line-height: 1.4;margin-bottom: 20px;}
    .product-top .cont-box .more{width:14px0px; height: 30px; border-radius:0 15px; font-size: 14px;}
    .product-top .cont-box .more .iconfont{font-size: 18px;margin-right:5px;}
    .product-details .content-box{ margin-top: 20px;}
    .proinfoLine{padding-left: 20px;}
    .proinfoLine .title{padding:15px 0;font-size: 18px;}
    .product-details .content-box .infoImg{padding: 20px;font-size:14px;line-height:1.4;}
    .prevnext{padding-top: 20px;justify-content: space-around!important;}
    .prevnext a{font-size: 14px;}
    .prevnext a:first-of-type{margin-right: 0;}

    .news-list {padding-bottom: 20px;}
    .news-list ul{padding-bottom: 20px;}
    .news-list .news-item {padding: 20px 0;}
    .news-list .news-item a{flex-direction: column;}
    .news-list .news-item .pic-box{width: 100%;}
    .news-list .news-item .cont-box{width: 100%;padding-left: 0;padding-top: 15px;}
    .news-list .news-item .cont-box .title{font-size: 16px;margin-bottom: 7px;}
    .news-list .news-item .cont-box .time{font-size: 12px;margin-bottom: 12px;}
    .news-list .news-item .cont-box .cont{font-size: 12px;margin-bottom: 10px;}
   
    .news-details .content-box{padding: 0 0 60px 0;}
    .news-details .title{font-size:18px;}
    .news-details .cont{font-size: 12px;margin-top:15px;color: #999;}
    .news-details .infoImg{margin-top: 15px;padding: 15px 0;font-size: 14px;line-height: 1.4;}
    .newspage{padding-top: 15px;}
    .newspage a{font-size: 14px;}

    .contact-us{padding-top: 30px;padding-bottom: 15px;}
    .contact-us .title{font-size:24px;}
    .contact-us .sub-tit{font-size: 14px;}
    .contact-us .left-box{margin-bottom: 30px;}
    .contact-us .left-box .theme{padding: 30px 0 0 0 ;}
    .contact-us .left-box .theme .item{font-size: 16px;}
    .contact-us .left-box .theme .item img{margin-right: 10px;}
    .contact-us .left-box .phone {font-size: 36px;}
    .contactBg{display: none;}
    .contact-us .right-box .form-box{padding: 15px;margin-top: 15px;}
    .contact-us .right-box .form-box .submit{width: 160px;height: 40px;font-size: 16px;}

    .hire-sub-tit{font-size: 16px;}
    .hire-title{font-size: 22px;}
    .hire-box ul{display: block;padding:20px 0;}
    .hire-box ul li {height: auto;margin-bottom: 15px;}
    .hire-box ul li .title{font-size: 16px;margin-bottom: 8px;}
    .hire-box ul li .cont{font-size: 12px;line-height: 1.6;margin-bottom: 10px;}
    .hire-box ul li .cont span{margin-right: 15px;}
    .hire-box ul li .more{width: 100px;height: 30px;border-radius: 0 15px 0 15px; font-size: 12px;}
    .hire-box ul li .cont-box .more .iconfont{font-size: 18px;margin-left: 5px;}
    .map-box{height: auto;display: flex;flex-direction: column-reverse;}
    #allmap{height: 100vw;}
    .map-box .info-box{position: relative;width: 100vw;height: auto;transform: translate(0);top: 0;padding: 15px; padding-top: 0;}
    #dialog{width: 80vw;height:auto;top: 100px;}
    #dialog .close{top: 10px;}
    #dialog .container-box {padding: 15px;}
    #dialog .container-box .title{font-size:20px;margin-bottom: 10px;}
    #dialog .container-box .content{font-size: 14px;line-height: 1.4;margin-bottom: 20px;}
    #dialog .container-box .content span{ margin-right:10px;}
    #dialog .container-box .requirements{font-size: 14px;line-height: 1.4;}
    #dialog .container-box .requirements .tit{width:100%;margin-bottom: 5px;}
    #dialog .container-box .requirements .cont{width:100%}
    #dialog .container-box .ipt-line{margin-top: 10px;width: 100%;}
    #dialog .container-box .ipt-line .tit{font-size: 14px;width:100%;margin-bottom:5px;}
    #dialog .container-box .ipt-line .tit i{color: red;}
    #dialog .container-box .ipt-line input{width:100%;height: 40px;padding-left: 15px;background-color: #f7f8f9;}
    #dialog .container-box .choose-cont{width: 100%;}
    #dialog .container-box .choose_btn{width: 70px; height: 30px;font-size: 12px;margin-right: 10px;}
    #dialog .container-box .text-name{padding: 5px;font-size: 14px;width: calc(100% - 110px);}
    #dialog .container-box .upload_btn{width: 100px;height: 30px;border-radius: 0 15px 0 15px; font-size: 12px;margin-top: 20px;}
    #dialog .tips {line-height:1.8;color: #999;font-size: 12px;}
    
  }
  
  @media only screen and (max-width:420px){

  }
  
  
  @media only screen and (max-width:380px){  
    .hearder-box .logo{width: 120px;}
  }