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

@media screen and (max-width:1440px) {
    .logo{ width: 25%;}
    body{ font-size: 14px;}
    .w80{ width: 90%;}
    nav{ width: 70%;}
    .idx-banner .swiper-slide .txt{ left: 5%; width: 70%;}
    .idxAboutmore,.idxproItem .more{ width: 220px; height: 60px;}
    .idxproTab::before{ top: 55%;}

    .honorRight{right: 0;}
    .honorLeft{ left: 0;}
    .introduce .con{ padding-left: 5%;}
    .vision li{ height: 620px;}
    .sendNav a{ line-height: 90px;}

    .kefuImg{ height: 68px;}
    .backlist{ width: 200px; height: 50px;}

    .jobidea{ width: 60%;}
    .icon3{ width: 100px;left: -50px; top: 20px;}

    .map{ height: 560px;}

    .prolist li .img img{ height: 280px;}
    .searchform .keys{ height: 60px; line-height: 60px; }
    .searchform .submitbtn{ height: 60px; line-height: 60px; width: 60px;}

    nav{ font-size: 16px;}
    nav a{ line-height: 86px;}
    .newBan{ margin-top: 86px;}
    .zhanwei{ margin-top: -95px; padding-top: 95px;}
    
}

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

    .w90,.w80{ width: 96%; } 
    .idxNewClass a{    padding: 6px 20px;}
}

@media screen and (max-width:1000px) {
    .logo{ width: 15%;}
    nav{ font-size: 16px;}
    nav .iconfont{ font-size: 14px;}
    nav li dl{ width: 100px;}
    nav a{ line-height: 90px;}
    nav{ width: 80%;}
    .idxNewClass a{    padding: 6px   ;}
    .newBan{ margin-top: 90px;}
    .detailTop,.newdeatilTop{ margin-top: 90px;}
    .sendNav a{ line-height: 72px;}

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

    .searchform .keys{ height: 60px; line-height: 60px; width: 70vw;}
}

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

    body{ font-size: 12px;}
        nav{ display: none !important;}
        header{ height: 60px;}
        .w90,.w80{ width: 100%; padding: 0 20px;}
        header .w90{height: 60px; padding-right: 0;}
        .logo{ width: auto;}
        .logo img{ height: 38px;}

        .h_nav {display: flex;margin-left: 0;}
        .h_nav.close{align-items: center; justify-content: center;}

        .idx-banner{  height: 320px; }
        .idx-banner .f60{ font-size: 18px;}
        .idx-banner .swiper-slide .txt{ width: 100% ; padding-left: 20px; left: 0;}

        .idx-banner .swiper-pagination-bullet::after{ width: 20px; height: 20px; top: -7.5px; left: -7.5px;}
        .idx-banner .swiper-pagination-bullet{ width: 6px; height: 6px;}
        .idx-banner .swiper-pagination{ bottom: 25px;}
        .idx-banner .swiper-pagination-bullet{ margin-right: 20px !important;}

        .numUl{ flex-wrap: wrap;}
        .numUl li{ width: 50%; text-align: center;}
        .numUl li  .flex-end{ justify-content: center; margin-bottom: 15px;}
        .numUl i{ line-height: 1; width: 16px; height: 16px;}
        .aboutImg{ width: 100%; height: 220px; object-fit: cover;}
        .videoBox .paly{  width: 50px;margin-left:-25px}
        .idxAbout .txt{ padding-left: 0;}
        .idxAboutmore, .idxproItem .more{ width: 150px; height: 34px;}

        .idxproItem{ flex-direction: column-reverse;}
        .idxPro .title{ position: relative; width: 100%; left: 0;}
        .w55{ width: 100%;}
        .idxproItem .w40{ width: 80%; margin: 15px auto 0;}
        .idxNewClass a{    padding: 6px 12px ;}
        .idxNewsItem{  width: 48%; }
        .footNav dd{ display: none;}
        footer .bot{ flex-direction: column; justify-content: center; line-height: 2; text-align: center;}

        .newBan{ margin-top: 60px; padding-bottom: 50px;}
        .newBan.se{padding-bottom: 0;}
        .detailTop,.newdeatilTop{ margin-top: 60px;}
        .sendNav{ width: 100%;left: 0; bottom: -1px;}
        .sendNav a{ width: auto; flex: 1; line-height: 50px;}

        .icon1{ height: 16px;}
        .vision{ flex-wrap: wrap;}
        .vision li:first-child{ width: 100%;}
        .vision li{ width: 50%; height: 280px; padding-top:50px}
        .developmentSection .btn,.honorLeft, .honorRight{ display: none;}
        .honor .swiper-container .img{ height: 230px;}
        .kefu{ position: relative;}
        .kefu{ align-items: flex-start;}
        .kefu .light-tri{ margin-top: 12px; width:50%; justify-content: center; align-items: center; display: flex;}

        .backlist{ display: none;}
       
        .newsPage a.ye{ width: 100%;}
        .newsPage a.text-right{ text-align: left; margin-top: 15px;}

        .iconfont{ font-size: 16px;}

        .newslist .img img{ width: 100%; height: 160px; object-fit: cover; margin-top: 15px;}

        .newsLeft{ width: 100%;}
        .location{ justify-content: flex-end;}
        .newsdtial img{  height: auto !important;}
        .joinList{ border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
        .joinList dl .desc{ line-height: 2;}

        .jobidea{ width: 100%; padding-left: 20px; padding-right: 20px;}
        .icon3{width: 50px; left: 5px;   top: 0;}
        .zhanwei{padding-top: 70px;margin-top: -70px;}

        .neiImg{ height: 180px;}

        .contactUl{ flex-wrap: wrap;}
        .contactUl li{ max-width: 100%; width: 50%; margin-bottom: 15px;}
        .contactUl li:first-child{ width: 100%;}
        .map{ height: 300px;}
        .newBan .txt{ padding-bottom: 50px;}

        .procenterItem .img { text-align: center; margin-bottom: 15px;}
        .procenterItem .img img{ height: 250px; object-fit: cover; border-radius: 0; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
        
        .procentermore{ width: 120px; height: 38px;}

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

    .procenterTop{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .procenterItem .txt{ padding-left: 0;}

    .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 #1b7e06; background-size: 42% auto;}

    nav li.on a::after{ display: none;}
    
         
}

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