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

    .headerKefu{ width: 150px;}
    nav{ width: 45vw;}
    .idxPro .con .swiper-slide .txt{    width: calc(100% - 30vw);}

    .idxYy .yyUl li:nth-child(1){ left: 12vw;
        top: 10%;}
      .idxYy .yyUl li:nth-child(2){ left: 25.1vw;
        top: 24.5%;}
      .idxYy .yyUl li:nth-child(3){ left: 39.2vw;
        top: 32%;}
      .idxYy .yyUl li:nth-child(4){    left: 52.8vw;
        top: 43%;}
      .idxYy .yyUl li:nth-child(5){  left: 66.4vw; top: 51%;}
      .idxYy .yyUl li:nth-child(6){ left: 80vw;
        top: 39.5%;}

.newswiper .next{right: -70px;}
.newswiper .prev{ left: -70px;}
   
}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .logoImg{ width: 150px;}

    header{ height: 90px;}
    .neiBan{ margin-top: 90px;}
    .oneNav{ font-size: 16px; line-height: 90px;}
    .ny_tab.on{top: 90px;}
    .zhanwei{ padding-top: 90px; margin-top: -90px;}

    .w76{ width: 80%;}
    .neiBan .txt{ padding-left: 10%;}

    .banner .list02 .text{ left: 10vw;}
    .banner .list02 .btn{ width: 200px; height:60px;}
    .idxAbout .ENG,.aboutOne .ENG{ font-size: 150px;}
    .idxAbout .bot{ margin-top: -200px;}
    .idxAbout .bot .left{ padding-left: 10vw;}
    .editorial{ height: 80px;}
    .prevCon .img{ width: 180px; height: 180px;}

    .idxYy .yyUl li:nth-child(1){ left: 10vw;
        top: 14%;}
      .idxYy .yyUl li:nth-child(2){ left: 26vw;
        top: 28.5%;}
      .idxYy .yyUl li:nth-child(3){ left: 42vw;
        top: 38.2%;}
      .idxYy .yyUl li:nth-child(4){    left: 58vw;
        top: 50%;}
      .idxYy .yyUl li:nth-child(5){  left: 74vw; top: 55.6%;}
      .idxYy .yyUl li:nth-child(6){ left: 90vw;
        top: 36%;}

    /* .idxYy .yyUl .pic{ width: 66px; height: 66px;}
    .idxYy .yyUl li:nth-child(1){left: 11%;top: 6%;} */

    .ewm img{ width: 120px;}
    footer dt{ font-size: 16px;}

    .aboutTwo { height: 90vh;}
    .aboutTwo .ENG{ font-size: 90px;}
    .aboutTwo li img{ height: 56px;}

    .prolist li .img{ height: 210px;}
    .prolist li{ width: 48.5%; margin-right: 3%;}
    .prolist li:nth-child(2n){   margin-right:0%;}

    .proInfoOne .img{ height: 490px;}

    .caseList li .img img.pic{ height: 320px;}

    .newswiper .prev,.newswiper .next{  width: 70px; height: 70px; border: 1px solid #0b4f9b;  background-color: #0b4f9b; color: #fff;  }
    .newswiper .swiper-slide .img img{ height: 480px;}
    .newswiper .prev{ left: 0;}
    .newswiper .next{ right: 0;}

    .newsItem .desc{ height: 10em;}
    .newsItemImg{ height: 14.5em;}

    .morenuewsUl li .img img{width: 160px;height: 100px;}
    .morenuewsUl li .txt{width: calc(100% - 185px);}

    .partnerlist li .img{ height: 100px;}

    .map{   height: 500px;}

    .caseItem .img img{   height: 300px;  }
    
     
}

@media screen and (max-width:1280px) { 
    
    .headerKefu{ display: none;}
    nav{ width: 55vw;}

    .banner { height: auto;}
    .banner .swiper-container img{ height: auto;}

    .w76{ width: 90%;}
    .neiBan .txt{ padding-left: 5%;}

    .banner .list02 .text{ left: 5vw; width: 90%;}
    .banner .list02 .btn{ width: 180px; height:50px;}

    .idxAbout .ENG,.aboutOne .ENG{ font-size: 120px;} 
    .idxAbout .bot .left{ padding-left: 5vw;}

    .idxPro .con .left{ width: 14%;}
    .idxPro .con{ width: 86%;}
    .prevCon{ width: 15%;}
    .prevCon .img{ width: 120px; height: 120px;}

    .ewm img{ width: 100px;}
   
    footer dt{ font-size: 14px;}


    .prolist li .img{ height: 195px;} 

    .newswiper .prev,.newswiper .next{  width: 50px; height: 50px;    }
    .newswiper .swiper-slide .img img{ height: 400px;}

    .map{   height: 400px;}

    .idxYy .yyUl li:nth-child(1){ left: 10vw;
        top: 14%;}
      .idxYy .yyUl li:nth-child(2){ left: 26vw;
        top: 28.5%;}
      .idxYy .yyUl li:nth-child(3){ left: 42vw;
        top: 38.2%;}
      .idxYy .yyUl li:nth-child(4){    left: 58vw;
        top: 50%;}
      .idxYy .yyUl li:nth-child(5){  left: 74vw; top: 55.6%;}
      .idxYy .yyUl li:nth-child(6){ left: 90vw;


        top: 36%;}
    

        .caseItem .img img{   height: 260px;  }
    
  
}

@media screen and (max-width:1240px) { 
    .logotxt{ display: none;}
     
    nav{ width:calc(100vw - 250px)}
    header{ height: 80px;}
    .neiBan{ margin-top: 80px;}
    .oneNav{   line-height: 80px;}
    .ny_tab.on{top: 80px;}

    .zhanwei{ padding-top: 80px; margin-top: -80px;}
    .idxAbout .bot{ margin-top: -100px;}
  
}

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

    .idxAbout .ENG,.aboutOne .ENG{ font-size: 90px;} 

    .idxYy .con{ height: 300px;}
    .idxYy .yyUl .pic{ width: 50px; height: 50px;}
    .idxYy .yyUl li .dot{ width: 5px; height: 5px;}

    .idxYy .yyUl li:nth-child(1){ left: 5vw;
        top: 23%;}
      .idxYy .yyUl li:nth-child(2){ left: 22vw;
        top: 23%;}
      .idxYy .yyUl li:nth-child(3){ left: 39vw;
        top: 32.5%;}
      .idxYy .yyUl li:nth-child(4){    left: 56vw;
        top: 45%;}
      .idxYy .yyUl li:nth-child(5){  left: 73vw; top: 52.5%;}
      .idxYy .yyUl li:nth-child(6){ left: 90vw;
        top: 31.5%;}
   

    .wapFlex1{ flex-direction: column;}
    .caseClass{ width: 100%; margin-top: 15px;}
    .caseClass li{ height: 38px;}

    .caseItem{ flex-wrap: wrap;}
    .caseItem .img{ width: 48%;}
    .caseItem .txt{ width: 100%; margin-top: 15px;}

    .ewm img{ width: 80px;}

    .aboutTwo { height: 50vh; padding: 50px 0;}
    .aboutTwo .ENG{ font-size: 50px;}
    .aboutTwo li img{ height: 44px;}
    .aboutTwo li{  padding: 0 20px;padding-top: 25vh;}

    .prolist li .img{ height: 150px;} 

    .caseList li{ width: 48%; margin-right: 4%;}
    .caseList li:nth-child(3n){ margin-right: 4%;}
    .caseList li:nth-child(2n){ margin-right: 0%;}

    .newswiper .prev,.newswiper .next{   display: none;   }
    .newswiper .swiper-slide .img img{ height: 100%;}

    .newslist li{ width: 50%;}

    .map{   height: 300px;}
    
}
@media screen and (max-width:750px) {
    body{ font-size: 12px;}

    .yy_num{ margin-top: 0;}

    .ny_tab{ width: 100%; left: 0;position: relative; left: auto; bottom: auto;}

    .ny_tab.on{ width: 100%;  position: fixed !important; top: 100px ; left: 0;   z-index: 100; height: 60px;   }

    header{ height: 60px; padding-left: 20px; padding-right: 0;}
    .ny_tab.on{top: 60px;}
    .neiBan{ margin-top: 60px;}
    .oneNav{   line-height: 60px;}
    .zhanwei{ padding-top: 110px; margin-top: -110px;}

    .w76{ width: 100%; padding: 0 15px;}

    .neiBan .txt{ padding: 0 15px;}
    .neiImg{ width: 100%; height: 200px; object-fit: cover;}

    .banner { height: auto; margin-top: 60px;}
    .banner .swiper-container img{ height: 300px;}
    .banner .f60{ font-size: 20px;}
    .banner .list02 .btn{ width: 120px; height:38px;}

    .h_nav {display: flex ; }
    .h_nav.close{align-items: center; justify-content: center;}
    nav{ border-top: 1px solid #e5e5e5; position: fixed; transform: translateX(110%) ; transition:all .6s ; top: 60px; right: 0; z-index: 100; height: calc(100vh - 60px) ; background-color: #fff; flex-direction: column; align-items: center; justify-content: center !important; width: 100%; -webkit-transform: translateX(110%) ; -moz-transform: translateX(110%) ; -ms-transform: translateX(110%) ; -o-transform: translateX(110%) ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ;
}
    nav.show{ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
    .oneNav{ color: #333; padding: 0; display: block;}

    .idxAbout .con{ width: 100%;}
    .idxAbout .ENG,.aboutOne .ENG{ font-size: 60px;} 
    .aboutImg{ display: none;}
    .idxAbout .bot .left{ width: 100% ; padding: 0 20px; background-size: cover;}
    .idxAbout .bot{ margin-top: 25px;}
    .numUl{ height: 100%; padding: 30px 0;}
    .numUl .tip{ font-size: 8px; width: 16px; height: 16px; right:30px;}
    .idxAbout .ENG{ width: 50%; z-index: -1;}
    

    .prevCon{ display: none;}
    .idxPro .con{ width: 100%; padding: 0; margin: 15px 0 0 0 ; flex-direction: column-reverse;}
    .idxPro .next{ right: 0;}.idxPro .prev{ right: 70px;}
   
   
    #proSwiper .swiper-slide{  flex-direction: column; align-items: flex-start; padding: 25px 0;}
    .idxPro .con .swiper-slide .txt{  width: 100%; padding-left: 0; margin-top: 12px;}
    .idxPro .con .swiper-slide .pic{ width: 150px; height: 150px; margin-left: 15px;}
    .idxPro .con .swiper-slide .btn{  padding: 8px 20px;}

    .caseItem .txt .btn{ padding: 8px 20px;}
    .editorial{ height: 35px;}
    .idxPro{ padding-bottom: 30px; }
    .idxMiao{ bottom: 0; top: auto;}

    .idxPro .con .left{ display: flex; justify-content: space-between; width: 100%;}

    .idxYy .con{  height: auto;  padding:0 20px  0 10px; background: none;}
    .idxYy .con::after{ width: 100%; height: 1px; background: rgba(255, 255, 255, .5); display: block; content: ''; position: absolute; bottom: 22px; left: 0;}
    .idxYy .yyUl { display: flex; }
    .idxYy .yyUl li { position: relative; margin-right: 25px; white-space: nowrap; padding: 20px 0;}
    .idxYy .yyUl li:nth-child(1){ left: auto; top: auto; padding-left: 10px;}
    .idxYy .yyUl li:nth-child(2){ left: auto; top: auto;}
    .idxYy .yyUl li:nth-child(3){  left: auto; top: auto;}
    .idxYy .yyUl li:nth-child(4){  left: auto; top: auto;}
    .idxYy .yyUl li:nth-child(5){  left: auto; top: auto;}

    .idxYy .yyUl{ padding: 0;    overflow-x: scroll; overflow-y: hidden;} 
    .idxYy .yyUl::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 0px;}
    .idxYy .yyUl::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 1px; background: transparent; height: 0px; }
    .idxYy .yyUl::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 1px; background: transparent; height: 0px; }

    footer dl{ display: none;}
    footer .bot{ flex-direction: column; justify-content: center; text-align: center; line-height: 2;}

    .numUl{ flex-wrap: wrap;}
    .numUl li{ width: 50%; text-align: center; margin: 8px 0;}

    .aboutOne .numUl{ padding: 0;}
    .aboutOne .ENG{ margin-top: 0;}

    .aboutTwo { height: auto; padding: 25px 0;}
    .aboutTwo ul{ position: relative; left: auto; top: auto; margin-top: 25px; flex-wrap: wrap;}
    .aboutTwo .ENG{ font-size: 40px; letter-spacing: 3px;}
    .aboutTwo li img{ height: 44px;}
    .aboutTwo li{  padding:  20px; ; width: 50%; border-top: 1px solid rgba(255, 255, 255, .15);}
    .aboutTwo li:hover{ padding-top: 20px;}
    .aboutOne .txt{ padding-left: 0;}


    .ny_tab li a{ padding: 15px 0;}

    .ny_tab.on{ height: 50px;}
    .ny_tab.on li a{ line-height: 50px;}

    .prolist li .img{ height: 150px;}
    .prolist li{ width: 100%; margin-right:0%;}
    .prolist li:nth-child(2n){   margin-right:0%;}

    .proSix .right,.proSix .right .w48 + .w48{ margin-top: 15px;}
    .proSix .line{ width: 10%; height: 2px;}

    .location{ border-color: rgba(255, 255, 255, .5); justify-content: flex-end;}
    .proInfoOne .img{ height: 200px;}
    .proInfoOne .txt{ padding-left: 0; margin-top: 15px;}
    .proInfoOne .txt .desc{ height: auto; padding-bottom: 25px;}
    .proInfoOne .txt .btn{ width: 150px; height: 38px;}

    .newswiper .swiper-slide,.newswiper .swiper-slide .img{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
    .newswiper .swiper-slide .img img{ height: 180px;}
    .newswiper .swiper-slide .tit{font-weight: bold;}

    .newswiper .swiper-container{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .newswiper .line-clamp3{-webkit-line-clamp: 2;}
    .newswiper .line-clamp2{-webkit-line-clamp: 1;}

    .newsLeft{ width: 100%;}
    .newsPage{ flex-direction: column; line-height: 2;border-top: 1px solid #f1f1f1 }
    .newsPage a{ width: 100%;}
    .newsPage a.text-right{ text-align: left;  margin-top: 20px;}


    .partnerlist li{ width: 48%; margin-right: 4%;}
    .partnerlist li:nth-child(5n){ margin-right: 4%;}
    .partnerlist li:nth-child(2n){ margin-right: 0;}
    .partnerlist li .img{ height: 68px;}
    .caseTilt img{ height: 24px;}
    .partnerlist li .txt{ height:38px; line-height: 38px }

    .caseItem .img img{ height: 150px;}

}

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

    .caseClass li{  width: 50%;}

    .newsItem .desc{ height: 8em;}

    .page-aside-item{ width: 40px; height: 40px;}

    .caseList li .img img.pic{ height: 200px;}
    .caseList li{ width:100%; margin-right: 0%;}
    .caseList li:nth-child(3n){ margin-right: 0%;}

    .newslist li{  width: 100%;}

    .map{   height: 220px;}
 }