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

    .w86{ width: 90%;}
    .w76{ width: 86%;  }

    .contactTit{ font-size: 100px; padding-top: 80px;}
    .contacLeft::after{ height: 130px;}
}

@media screen and (max-width:1440px) {
    .w76{ width: 86%;  }

    .sedClass{padding: 0 5vw;}
    .sedClass a{ line-height: 80px;}
     body{ font-size: 14px;}
     nav{ width: 45vw;}
    .logoImg{ max-height: 60px;}
     nav li a.oneNav{ line-height: 90px;}
	 .GlobalBtn i{ margin-right:5px;}
	 .searchBtn i {
  margin-left: 0px;
}
    /* .GlobalBtn{ height: auto; margin-left:15px; margin-right:15px;}*/
     header.scroll{ height: 80px;}
     header.scroll nav li a.oneNav{ line-height: 80px;}
     header.scroll .GlobalBtn{ height: auto;}
     nav li dl,.GlobalBtn dl{top:105px;}
     header.scroll nav li dl, header.scroll .GlobalBtn dl{top: 95px;}
     /*.idx-banner .swiper-slide .txt{left: 5%;}*/
     .idxyyCon .left{padding-left: 5vw;}
     .idxAbout .con{padding-left: 5vw;}
     .idxAbout .paly{ width: 80px; height: 80px;right:5vw}
     
     nav{ font-size: 17px;}
     .idxAbout{height: 750px;}
     .proImg{ height: 420px;}
     .idxyyCon{ height: 700px;}
     .tabBtnUl .btn{ width: 80px; height: 80px;}
     .newItem .img img{ height: 240px;}
     .ewmUl .img .ewmImg{ width: 100px;}

     .prodetailTop .btn a span{ width: 230px;}

     .level{ padding: 150px 0;}
     .zsBox{ width: 38%;}
     .equipment .next, .equipment .prev,.styleCon .next, .styleCon .prev{ width: 50px; height: 50px;}

     .idxNewsItem img{ height: 220px;}
     .idxNewsItem .more{ width: 200px; height: 50px;}

     .newsDetail{ margin-top: -120px;}

     .atbouImg{ margin-top: -120px;}
     #cultureSwiper{ height: 450px; }
     .cultureImg{  height: 450px;  }

     .history .swiper-slide-active .f60{ font-size: 60px;}

     .contactRight{padding: 80px 40px;}

     .mapBox{ height: 500px;}
     .useriMG{ width: 150px; height: 150px;}
 
}

@media screen and (max-width:1280px) { 
    nav{ font-size: 16px;}
    div.video-wrap{ width: 90vw;height: auto;}
    .w86{ width: 96%;}
    .w76{ width: 96%;  }
    .sedClass{padding: 0 2vw;}
    .sedClass a{ line-height: 70px;}
    
    .idxyyCon .left{padding-left: 2vw;}
    .idxAbout .con{padding-left: 2vw;}
    .idxAbout .paly{right:2vw}

    .proTAB li{ width: 180px; height: 50px;}
    .proTAB{ height: 70px;}
    .proSlide .right{ padding-top: 70px;}
    .proImg{ height: 400px;}

    .newItem .img img{ height: 200px;}
    .ewmUl .img .ewmImg{ width: 80px;}
    footer .top dt{ padding-bottom: 10px; margin-bottom: 10px;}

    .prodetailTop .btn a span{ width: auto; padding: 0 25px; height: 50px;}

    .atbouImg{ margin-top: -100px;}
    #cultureSwiper{ height: 400px; }
    .cultureImg{  height: 400px;  }
    .history .swiper-slide-active .f60{ font-size: 50px;}
     .mapBox{ height:400px;}
     .useriMG{ width: 100px; height: 100px;}
}

.wap-nav{ display: none;}
.waphebtn{ width: 60px; height: 60px;}
.waphebtn+.waphebtn::after{ width: 1px; height: 20px; background-color: #e5e5e5; position: absolute; left: 0; top: 20px; display: block; content: ''; }
@media screen and (max-width:1000px) {

    header .right{ display: none !important;}
    .wap-nav{ display: flex;}
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
    header .w86{ width: 100%; padding: 0 0 0 20px;}
    .logoImg{ height: 50px;}
    header.scroll{ height: 60px;}

    .idxAbout{ height: 650px;}
    .idxAbout .con{ width: 80%;}

    .caselist li .img{ width: 300px;}
    .caselist li .txt{    width: calc(100% - 300px);}

    .honorlist li{ width: 48.5%; margin-right: 3%;  margin-bottom: 15px;}
    .honorlist li:nth-child(3n){ margin-right: 3%;}
    .honorlist li:nth-child(2n){ margin-right: 0;}

    .newsDetail{ margin-top: -50px;}
    .newRight{    width: calc(100% - 170px);}

    .contactTit{ font-size: 80px; padding-top:40px;}
    .contacLeft::after{ height: 80px;}
    .mapBox{ height:300px;}
    .useriMG{ width: 80px; height: 80px;}
    
}
@media screen and (max-width:750px) {
 .GlobalBtn{ height: auto; margin-left:15px; margin-right:15px;}
    .w76{ width: 100%;padding: 0 20px;}
    .sedClass{padding: 0  ;}
    .sedClass a{ line-height: 50px;}
    body{ font-size: 12px;}
    .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}

    .idx-banner{ height: 100vh; }
    .idx-banner .swiper-container{ height: 100vy;}
    .idx-banner .headbg{ height: 100vh;}
    .idx-banner .pagination{ height: auto; left: 20px; bottom: 10px; right: 20px;}

    .idx-banner .f70{ font-size: 42px;}
.idx-banner .f26{ font-size: 20px;}

    .idxaboutbg{ display: none;}
    .idxAbout{ height: auto; display: flex; flex-direction: column-reverse;  }
    .idxAbout .con{ position: relative; top: auto; left: auto; width: 100%; padding: 10px 20px;}
    .idxAbout:hover, .idxAbout:hover .color-666,.idxAbout:hover .color-888, .idxAbout:hover .color-black { color: #333;} 
    .idxAbout:hover .aboutit,.idxAbout:hover .line{ filter: grayscale(0%) brightness(100%); -webkit-filter: grayscale(0%) brightness(100%); }
    .idxAbout .video{ height: auto;}
    .idx-banner .pagination .prev, .idx-banner .pagination .next{ width: 30px; height: 30px;}
    .videoImg{ height: 200px;} 

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

    .idxAbout .paly{ width: 50px; height: 50px; bottom: 50px; top: auto; right: 50%;  margin-right: -25px; }

    .w86{ width: 100%; padding: 0 20px;}
    .proTAB{ position: relative; left: auto; top: auto; right: auto}
    .proTAB li{ width: 150px; height: 40px;}
    .proTAB{ height: 60px;}
    .proSlide{ flex-direction: column-reverse;}
    .proSlide .right{ padding-top: 10px;}
    .proImg{ height: auto;}
    .idxMore{ width: 150px; height: 45px;}
    .idxyyCon .right{ display: none;}
    .idxyyCon .left{ padding:0 20px 40px 20px; width: 100%;} 
    .yyTabtit{ width: 100%; display: none;}
    .idxyyCon .left .swiper{ width: 100%;}
    .idxyyCon{ height: auto;}
    #tabs-container  .f34 { padding-top: 0;}

    .newItem .img img{ height: 150px;}
    .idxNews .newItem+.newItem{ display: none;}
    .idxNews .right{ margin-top: 25px; width: 100%;}
    footer .top dl{ display: none;}
    .ewmUl .img .ewmImg{ width: 60px;}

    .idxNews .right>a:last-child{ display: none;}

    .neiban .txt{left: 20px; padding-top: 60px;}
    .neibanImg{ width: 100%; height: 280px; object-fit: cover;}

    .caseTop li:last-child{ margin-top: 20px;}
    .caselist li .img{ width: 100%;}
    .caselist li .txt{ width: 100%; padding-left: 0; }
     
    .caselist li .txt .titLine{ font-weight: bold; margin-bottom: -10px;}

    .prodetailTop{ padding-top: 80px;}
    .prodetailTop .con{ flex-direction: column-reverse;}
    .prodetailTop .w55{ margin-top: 15px;}
    .prodetailTop .btn a span{height: 42px;}

    .honorlist li{ width: 100%; margin-right: 0%;  }
    .honorlist li:nth-child(3n){ margin-right: 0%;}
    .honorlist li:nth-child(2n){ margin-right: 0;}
    .icon1{  display: none;}
    .honorlist li .img img{  width: 50%;}
    .jstdcON{ align-items: flex-start;}
    .jstdCon{ margin-top: 15px; width: 100%;}
    .level{ padding: 40px 0 0;} 
    .zsBox{ position: relative;right:auto ; bottom: auto; margin-left: 30%; width: 60%;   } 

    .equipmentClass a{ padding: 5px 15px; margin: 0 8px;}
    .sedClass li{ margin-right: 0; flex: 1; text-align: center; }

    .idxNewsItem img{ height: 150px;}
    .idxNewsItem .more{ width: 120px; height: 40px;}

    .newslist li{  width: 100%; margin-right: 0%; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 25px;}
    .newslist li:nth-child(3n){ margin-right: 0;}
    .newslist li .line-clamp3{-webkit-line-clamp: 2;}
    .newslist  .idxNewsItem img{ height: 120px;}
    .idxNewsItem:hover img{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
    
    .pglist a,.pglist .hover{ display: none;}
    .pglist a.page{ display: inline-block;}

    .newInfoBox{ flex-direction: column-reverse; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
    .newsDetail{ margin-top: -20px;}
    .newRight{ width: 100%;}
    .newDate{ display: none;}
    .newLeft{ width: 100%;}
    .pageNews{ flex-direction: row; justify-content: space-between;  }
    .pageNews a:first-child .yuan{ transform:rotate(-90deg) ; -webkit-transform:rotate(-90deg) ; -moz-transform:rotate(-90deg) ; -ms-transform:rotate(-90deg) ; -o-transform:rotate(-90deg) ; }
    .pageNews a:last-child .yuan{ transform:rotate(-90deg) ; -webkit-transform:rotate(-90deg) ; -moz-transform:rotate(-90deg) ; -ms-transform:rotate(-90deg) ; -o-transform:rotate(-90deg) ; }

    .aboutInfoCon{ padding: 0;}
    .atbouImg{    margin-top: -30px;}


    #cultureSwiper{ height: 250px; }
    .cultureImg{  height: 250px;  }
    .history .swiper-slide .years span:nth-child(2){ font-size: 24px;}
     .history .swiper-slide .years span{ font-size:18px;}

     .history .swiper-slide{ height: 420px;}
     .history .swiper-slide .years{margin-top: 20px;    padding: 0 20px;}
     .history .swiper-slide .years span{ line-height: 50px;}
     .history .swiper-slide .years span:nth-child(2){ line-height: 50px;}
     .history .swiper-slide .main{ height: 250px; margin-top: 0;left: 0;right: -5px;}
     .history .swiper-slide .content{  width: 100%;left: 20%;padding-right: 25%;}
     .history .swiper-slide .content .event .month{font-size: 18px; line-height: 2;}

     .cultureBox{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
     .cultureItem::before{ width: 100%;}
     .cultureItem .txt{ width: 80%;}

     .history .next, .history .prev{    top: 17% ;height: 50px; width: 25%;}

     .contactTit{ font-size: 60px; padding-top:20px;}
     .contacLeft::after{ height: 50px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
     .contactRight{ padding: 15px;}
     .mapBox{ height: 250px;}
    
     .useriMG{ width: 50px; height: 50px; display: none;}
     .joblist li { flex-direction: column; align-items: flex-start;}

     .joblist li  .flex-center .ml-50{ margin-left: 0; margin-bottom: 15px;}
     .selectleft{ width: 50%;}
     .selectright{  width: 48%;}


     .rc-popscroll{ height: 40vh; }
    /* .g5lianjie{ display: none;} */
    .tancon{ width: 90vw; padding: 0 10px; padding-bottom: 20px;}
    .tanright{ width: 30px;}
    .rc-popscroll{ margin-top: 5px;  }
    .tancoiii h4{ font-size: 14px;padding-right: 10px;}

    .tancoiii p{ font-size: 12px;}
    .rc-popscroll{ padding-right: 16px;}
    .rc-popscroll::-webkit-scrollbar {  width: 3px;}
    .rc-popscroll::-webkit-scrollbar-thumb {  width: 3px; }
    .rc-popscroll::-webkit-scrollbar-track {  width: 3px; }


      
    .searchbg{ padding-top: 75px;}
    .searchform{ width: 100%;}
    .searchform .keys{ height: 38px; line-height: 38px; width: calc(100% - 38px); padding: 0 12px;}
    .searchform .submitbtn{ height: 38px; line-height: 38px; width: 38px;}
    .searchlist .icon{ width: 24px; height: 24px;}
    .searchlist .text{ width: calc(100% - 50px);}
    .searchlist .text .f24{ align-items: flex-start;} 
    .searchlist .text .tip{ padding: 4px 10px; display: inline-block; font-size: 12px; width: auto;}
 
    .searchform .submitbtn{    background: url(../images/search-w.png) no-repeat center center #0054ae; background-size: 42% auto;}

    
    .pglist  span,.pglist .page{ display: none;}

    .equipmentClass li{ margin: 0 8px; padding: 7px 32px;}
}

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