@media screen and (max-width:1600px) {
    header{ padding: 0 40px;}
    .indexCase .swiper-slide{ padding: 75px;}

    .newboxTop .btn{ width: 60px; height: 60px;}
    .newboxTop .btn.prev{ left: -70px}
    .newboxTop .btn.next{ right: -70px;}

     .indexCase .swiper-slide .img>img{ height:390px; }

}
@media screen and (max-width:1550px) {
    .newboxTop .btn{ z-index: 12; background-color: #fff;}
    .newboxTop .btn.prev{ left: 0}
    .newboxTop .btn.next{ right: 0; }
}

@media screen and (max-width:1440px) {

   
    body{ font-size: 15px;}
    .w1400{ width: 1280px;}
    .logo{ width: 220px;}
    .indexAbout{ padding: 60px 0;}
    .indexAbout .f44{ margin-top: 15px;}
    .iProUl li .img img{ height: 300px;}
    .iProUl li{ margin-bottom: 28px;}
    .indexCase .swiper-slide .img>img{ height: 358px;}
    .indexCase .swiper-slide{ padding: 60px;}
    .newsTop .img img.spic{ height: 415px;}
    .newsTop .line-clamp3{ margin-bottom: 60px;}
    .tabTopTit{ width: 90px;}
    .ysUl li{ padding: 50px;}
    .indexmore{ width: 180px; height: 48px;}

    .neiBan{ height: 700px;}
    .banNav{ height: 80px;    width: calc(100vw - (100vw - 1280px)/2);    margin-right: calc((100vw - 1280px)/2);}
    .banNav ul{padding-left: calc((100vw - 1280px)/2);}
    .banNav ul li{    margin-right: 100px; line-height: 80px;}
    .banNav .Scroll{ width: 240px; height: 240px;}

    .aboutOne .one{padding-left: calc((100vw - 1280px)/2);    width: calc(100vw - (100vw - 1280px)/2);}
    .aboutOneTxt{ width: 640px;}
    .aboutOne .one .img{    bottom: -60px;}
    .aboutOne .two .txt{padding-right: calc((100vw - 1280px)/2);}
    .aboutOne .two .txt .con{right: calc((100vw - 1280px)/2);}
    .neiBan .line{ height: 3px; width: 50px;}

    .mapBox{   height: 500px;}
}

@media screen and (max-width:1400px) {
    
    .indexAbout{ padding: 40px 0;}
    header{ padding: 0 25px;}
    .logo{ width: 200px;}
    .w1400{ width: 100%; padding: 0 25px;}
    .w1400.ptb-60 { padding: 40px 25px;}
    .tabTopTit{ width : 70px;}
    .searchbox{ right: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
   
    .h_search span{ width: 25px; height: 25px;}

    .banNav{ width: calc(100% - 25px); margin-right: 25px;}
    .banNav ul{ padding-left: 25px;}
    .neiBan{ height: 620px;}
    .banNav .Scroll{ width: 200px; height: 200px;}
    .aboutOne .one{ padding-left: 25px; width: calc(100% - 25px);}
    .aboutOne .one .img{ left: auto; right: 0;}
  
    .aboutOne .two .txt{ padding-right: 25px;}
    .aboutOne .two .txt .con{ right: 25px; width: 50vw; line-height: 2;}

    .honorBox{ padding: 25px;}
    
}

@media screen and (max-width:1300px) {
 
    .h_tel{ display: none;}
    nav{ width: 63vw;}
    .line-height3{ line-height: 2;}
    .aboutMore .yuan{ width: 50px; height: 50px;}
    .iProUl li .img img{ height: 260px;}
    .newsTop .img img.spic{  height: 360px;}
    .newsTop .line-clamp3{ margin-bottom: 20px;}
    .banner .swiper-slide img{ height: auto;}
    .aboutMore{ position: relative; left: auto; bottom: auto; margin-top: 20px;}
    .pglist{ padding: 30px 0;}
}
@media screen and (max-width:1200px) {
    .aboutOne .one:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}
    .aboutOneTxt{ width: 45vw; float: left;}
    .aboutOne .one .img{ width: 45vw; right: -25px; position: relative; float:right;    bottom: 0;}
    .aboutOne .two .txt{ padding-top: 0;}
    .aboutOne .two .txt .con{ padding: 10px;}

    div.video-wrap{ width: 90vw;  height: auto;}
    div.close-btn{ width: 30px; right: 0; height: 30px;}
    div.close-btn img{ width: 20px;}

    .w1000{ width: 100%; padding: 0 25px;}

    .newslist{   grid-gap: 20px;  }

    .mapBox{   height: 400px;}
}

@media screen and (max-width:1000px) {
    body{ font-size: 14px;}
    nav{
          position: fixed;
          top: 60px;
          right: 0;
          width: 100%;
          height: calc(100vh - 60px);
          flex-direction: column;
          background-color: #fff;
          justify-content: center !important;
          text-align: center;
          align-items: center;
          transform: translateX(100%) ;
          -webkit-transform: translateX(100%) ;
          -moz-transform: translateX(100%) ;
          -ms-transform: translateX(100%) ;
          -o-transform: translateX(100%) ;
          transition:all .56s ;
          -webkit-transition:all .56s ;
          -moz-transition:all .56s ;
          -ms-transition:all .56s ;
          -o-transition:all .56s ;
}
nav.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    header a{ color: #333;}
    nav li { width: 80%; border-bottom: 1px solid #e5e5e5;}
    nav li a{ line-height: 3.2; font-size: 16px;}

    header { height: 60px;    padding-right: 0;}
    .logo{ width: 150px;}

  
    .searchbox{ top: 65px; right: 25px;}
    .searchbox .text{ padding: 15px;}
    .searchbox .submit{ padding: 15px 35px;}
    .h_nav{ display: flex; margin-left: 20px; } 
    .h_nav.close{align-items: center; justify-content: center;}
    .banNav .Scroll{ display: none;}
    .banNav{ width: 100%; padding: 0 20px;}
    .banNav ul{ padding-left: 0;}
    .banNav ul li{ margin-right: 15px;}

    .neiBan{ height: 580px;}

    .newslist{   grid-template-columns: repeat(2,1fr);}
}

.indexAbout .img2{ display: none;}

@media screen and (max-width:900px) {
    .indexAbout{     background: url(../images/indexaboutbg.png) no-repeat left top; background-size: cover;}
    .indexAbout .w1400{ flex-direction: column;}.indexAbout .w50{ width: 100%;}
    .indexAbout .img1{ display: none;}
    .indexAbout .img2{ display: block;}
    .indexAbout .right{ padding-left: 0; padding-top: 20px;}
    .iProUl li{ width: 48%; margin-right: 4%;}
    .iProUl li:nth-child(3n){ margin-right: 4%;}
    .iProUl li:nth-child(2n){ margin-right: 0;}
    .ysUl li{ width: 48%; margin-bottom: 20px;}
    .ysUl{ flex-wrap: wrap;}
    .indexCase .swiper-slide{ padding: 25px;}
    .indexCase .swiper-slide .img span{ width: 50px; height: 50px;}
    .indexCase .swiper-slide .img>img{ height: auto;}
    .ewm{ width: 50px;}

    #honorSwiper .swiper-slide .f24{ margin-top: 20px;}

    .neiBan{ height: 540px;}

    .contactBxo{ flex-direction: column-reverse;}
    .gbook{ width: 100%;}
    .contact{ width: 100%;}
    .contact img{ width: 20px;}
   
}

@media screen and (max-width:750px) { 

    .w1000{  padding: 0 20px;}
    body{ font-size: 12px;}
    body::after{ width: 100%; height: 60px; background-color: #0068b7; content: ''; display: block;}
    .ptb-60{ padding: 20px 0;}
    header{  padding-left: 20px;}
    .newsTop{ flex-direction: column;}
    .indexAbout{ padding: 20px 0;}
    .h_search span{ width: 20px; height: 20px;}
    .searchbox{ width:90%;  right: 5%;}
    .searchbox .submit{background: url(../images/search-w.png) no-repeat center center #0068b7; background-size: 20px auto;}
    .banner .swiper-pagination{ bottom: 15px;}
    .w1400{ padding: 0 20px;}
    .indexAbout .f44{ margin-top: 5px;}
    .aboutMore .txt{ padding: 0 15px; line-height: 50px;}
    .aboutMore .yuan{ width: 30px;  height: 30px;}
    .aboutMore{ margin-top: 10px;}
    .indexpro .titlt i{ display: none;}
    .indexmore{width: 100px;height: 38px;}

    .indexYs .titlt i{ display: none;}
    .indexCase .titlt i{ display: none;}.indexNes .titlt i{ display: none;}

    .tabTop{ padding: 0}
    .tabTopTit{ display: none;}
    .tabTop .right{ width: 100%; flex-wrap: wrap;}
    .tabTop .right a{  width: 33.3%; text-align: center; border-bottom: 1px solid #e5e5e5; line-height: 3;}
    .iProUl li .img img{ height: 125px;}
    .iProUl li .txt .color-666{ display: none;}
    .b1-a1{  width: 30px; height: 30px;}
    .b1-a1>div:nth-child(2){    top: 20%;left: 35%;}
    .iProUl li{ margin-bottom: 20px;}
    .ysUl li{ padding: 20px 15px;}

    .newsTop .img img.spic{ height: 220px;} .newsTop .img .tuo{ width: 60px;}
    .newsBot li{ margin-right: 0;}
    .newsBot li .date{ width: 60px;}
    .cooperation .swiper-slide{ height: 60px;}

    .newsBot li:last-child{ margin-bottom: 0;}

    .w1400.ptb-60{ padding: 20px;}
    .w1400.ptb-60 .wap_show a{ font-size: 14px;}
    .footcon{ flex-direction: column;}
    footer dl{ display: none;}
    .footright{ width: 100%;}
    footer .line{ width: 100%; height: 2px; margin: 15px auto;}
    .ewm{ width: 100px;}
    .friendlink{ line-height: 2;}
    .footbot{ line-height: 2; flex-direction: column; text-align: center;}
    #toolbar{ display: flex;}

    .aboutOne .one{ width: 100%;  }
    .aboutOneTxt{ float: none;}
    .aboutOne .one .img{  display: none;}
    .aboutOneTxt{ width: calc(100% - 25px); margin-bottom: 20px;}
    .aboutOne .two { flex-direction: column;}
    .aboutOne .two .img{ width: 100%;}
    .paly{ width: 60px;margin-top: -30px;    margin-left: -30px;}
    .aboutOne .two .txt .con{ position: relative; width: 100%; right: 0; padding: 25px; font-size: 14px; left: 0; padding-right: 0;}
    .aboutOne .two .txt{ padding-top: 20px;}
    .numUl{ text-align: center;}
    .honorBtnbox{ display: none;}

    .honorBox{ padding: 20px; padding-bottom: 0;}

    .banNav{ height: 60px;}
    .banNav ul li{ line-height: 60px;}
    .banNav ul{ width: 100%; text-align: center;}
    .banNav ul li{ margin-right: 0; flex: 1;}
    .neiBan .line{ height: 2px; margin-top: 10px;  width: 30px;}
    .neiBan{ height: 380px;} 
    .banNav ul li a{ display: inline-block;}

    .aboutOne .one{ padding-left: 20px;}
    .aboutOneTxt{    width: calc(100% - 20px); padding-bottom: 0;}

    .pglist{ padding: 15px 0;}
    .pglist  span,.pglist .page{ display: none;}

    

    .scroll1{ overflow-x: scroll; overflow-y: hidden;}
    .scroll1 ul{ width: max-content;}
    .scroll1 ul li{ width: 20vw;}
    
.scroll1::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 3px;}
.scroll1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background:  #f08200; height: 5px; }
.scroll1::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #fff; height: 5px; }

.proOne .w1400{ flex-direction: column;}
.proOne .img,.proOne .txt{ width: 100%;}.proOne .txt{ margin-top: 20px;}
.online img,.ontel img{ width: 18px;}

.proTwo .title img{ width: 22px;}

.caselist{display: grid; grid-gap:20px; grid-template-columns: repeat(1,1fr);}

.newboxTop .btn{ display: none;}

.newslist{   grid-gap:20px; grid-template-columns: repeat(1,1fr);}

    .titlelEFT{ flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .titlelEFT .left{ width: 100%; margin-bottom: 15px;}
    .newsPage{ flex-direction: column; line-height: 2; padding: 20px;}
    .newsPage a{ width: 100%;}
    .newsPage a.text-right{ text-align: left;  margin-top: 20px;}

    .jobtit{ line-height: 50px;}
    .joblist dt{ line-height: 50px;}
    .jobtop span:nth-child(3){ display: none;}
    .jobtop span:nth-child(4){ display: none;}
    .jobtop span:nth-child(1){ width: 30%;}
   .jobtop span:nth-child(2),.jobtop span:nth-child(5),.jobtop span:nth-child(6){ width: 23%;  white-space: nowrap;}
    .joblist li{ margin-top: 15px;}
    .joblist dd .item{ flex-direction: column;}
    .joblist dt .jian,.joblist dt .jia{ width: 18px; height: 18px;}
    .joblist dd .left,.joblist dd .right{ text-align: left; padding-left: 25px;}

    .joblist dd .left{ width: 100%;}
    .TalentUl{ flex-wrap: wrap;}
    .TalentUl li span{ width: 50px; height: 50px;}
    .TalentUl li{ width: 48%; margin-bottom: 20px;}

    .TalentUl li::after{ top: -180px;}

    .mapBox{   height: 300px;}

    .gbook .input{ height: 50px;}
    .gbook .dis-flex-between-center{ flex-direction: column; }
    .gbook .input{ width: 100%; margin-bottom: 15px;}

    .indexCase .swiper-slide-active::after{ width:100%; }

    .newsbOX .p50.border-bottom.line-height img{ height:auto !important; }

    
}

@media screen and (max-width:420px) { 

    .neiBan{ height: 300px;}
}