@media screen and (max-width:1660px) {
    nav li{ padding: 0 30px;}
 
    .newswiper .next{right: -70px;}
    .newswiper .prev{ left: -70px;}
}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .neiban { margin-top: 80px;}
    nav{ font-size: 16px; line-height: 80px;}
    .banner{ margin-top: 80px;}
    .banner .swiper-slide img{ height: calc(100vh - 80px);}
    .w84{ width: 90%;}
    .idxProUl li { margin-bottom: 20px;}
    .idxProUl li .img{max-width: 50%; right:34px}
    .idxProUl li:hover{ box-shadow: 0 0 0 5px rgba(0 ,84, 174, 1);  }
    .idxAbout .con{ margin-bottom: 100px;}
    .idxTitle .f50{ margin-top: -50px;}
    .idxNewsItem img{ height: 220px;}
    .idxNewsItem .more{ width: 200px; height: 50px;}
    .commonlink{ width: 200px; line-height: 60px;}  
    .commonlink .t { top: -60px;     }
    .commonlink:hover .w {-webkit-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);        transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);}
    .VideoItem img.pic{ height: 320px;}
    .VideoItem .play{ width: 70px; height: 70px;}
    .footEwm img{ width: 100px;}
    footer dd{ font-size: 12px;}
    .f14{ font-size: 12px;}
    .sendNav a{ line-height: 80px;}
    .proLIst li,.videoList li{ margin-bottom: 28px;}
    .proLIst li .img{ height: 280px;}
    .proDesc .img{ height: 500px;}
    .lxwm, .ljzx2{ height: 50px;}
    #content .left{ width: 200px;}
    #content .right{width: calc(100% - 235px);}

    .newswiper .prev,.newswiper .next{  width: 70px; height: 70px; border: 1px solid #e5e5e5;  display: none;}
    .newswiper .swiper-slide .img img{ height: 500px;}

    .joinlistUl a img.userimg{ width: 120px; height: 120px;}
    .tancon{padding: 0 50px 0;}
    .g5boxaa{ align-items: flex-start;}

    .contactTop{ margin-top: -60px;}

    .contactOne .icon { width: 70px; height: 70px;}
    .serachTop .input,.serachTop .submit{ height: 60px;}

    .serachTop .input,.serachTop .submit{ height: 50px;}
    .serachTop .input{padding-left: 34px;
        background: url(../images/searchbg.png) no-repeat left 10px center #f7f8f9;
        background-size: 15px auto;}
    .honor .swiper-container .img{ height: 300px;}

     .about_video .con,.about_video_logo{height:800px;}

    
    .f134{ letter-spacing: 60px;}
    .introduction{ padding-bottom: 180px;}
     
    
    
}

@media screen and (max-width:1280px) {
    .banner .swiper-slide img{ height: auto;}
    .w84,.w90{ width: 96%;}
    header .tel{ display: none;}
    div.video-wrap{ width: 90vw;height: auto;}
    .proLIst li .img{ height: 250px;}
    .proDesc .img{ height: 460px;}
    .VideoItem .txt{ padding-top: 10%;}
}

@media screen and (max-width:1000px) {
    nav li{ padding: 0 20px;}
    .proLIst li { width: 48.5%; margin-right: 3%;}
    .proLIst li:nth-child(3n){ margin-right: 3%;}
    .proLIst li:nth-child(2n){ margin-right: 0;}
}

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

    body{ font-size: 12px;}
    .w84,.w90{ width: 100%; padding: 0 20px;}
    header .w90{ height: 60px; padding-right: 0;}
    .logo{ height: 36px;}
    nav{ transition: all .6s; position: fixed; top: 60px; right: 0; width: 100vw; height: calc(100vh - 60px); background-color: #fff; border-top: 1px solid #eee; transform: translateX(100%);
    flex-direction: column; line-height: 70px; align-items: flex-start; justify-content: flex-start !important;}
    nav li{ width: 100%; border-bottom: 1px solid #e5e5e5;}
    nav li a{ display: block; text-align: center; }
    .searchBtn{ height: 60px; display: flex; align-items: center; justify-content: center; width: 60px;}
    .searchBtn i{ font-size: 18px;}
    .h_nav{ display: flex;}
    .h_nav.close{align-items: center; justify-content: center;} 
    nav  li:hover dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px);   }
    .banner{ margin-top: 60px;}
    .banner .swiper-slide img{ height: 320px;}
    .banner .banBtn{ left: 20px; bottom: 20px;}
    .banBtn .prev, .banBtn .next{ width: 40px; height: 40px;}
    nav.show{ transform:translate(0) ; -webkit-transform:translate(0) ; -moz-transform:translate(0) ; -ms-transform:translate(0) ; -o-transform:translate(0) ; }

    .idxProUl li{ width: 100%; margin-right: 0;}
    .idxProUl li .img{ position: relative; top: auto; right: auto; width: 100%; margin-bottom: 10px; display: block;transform: translateY(0);max-width:100%; max-height: 150px; height: 150px;
    display: flex; align-items: center; justify-content: center;}
    .idxProUl li .img img{ max-width: 100%; max-height: 100%;}
    .idxProUl li .txt{ width: 100%;}
    .idxTitle .f50{ margin-top:-20px;}
    .ljgd, .ljzx{ height: 30px;}
    .idxAbout .con{ width: 100%; margin-bottom: 20px;}

    .numUl{ flex-wrap: wrap;}
    .numUl li{ width: 50%; text-align: center; margin-bottom: 15px;}
    .numUl li:last-child{ width: 100%;}
    .playBtn{ width: 40px ; height: 40px;}
    .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}
    .videoPlay img{ width: 50px;}
    .idxAbout .tip{ width: 15px; height: 15px; line-height: 15px;}
    .idxNewsItem img{ height: 150px;}
    .idxNewsItem .more{ width: 120px; height: 40px;}
    .VideoItem img.pic{ height: 220px;}
    .VideoItem .play{ width: 50px; height: 50px;}
   
    .commonlink{ width:120px; line-height: 30px;}  
    .commonlink .t { top: -30px;     }
    .commonlink:hover .w {-webkit-transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg);        transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg);}
    .idxVideo .idxTitle{ flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .idxVideo  .commonlink{  margin-top: 10px;}

    footer .top dl{ display: none;}
    .footEwm img{ width: 80px;}
    footer .bot{ flex-direction: column; text-align: center;}
    .footnav{ width: 100%; flex-wrap: wrap;}
    #toolbar{ display: flex;}
    body::after{ display: block; content: ''; width: 100%; height: 60px; background-color: #1e1d1d;}
    .idxAbout{background-attachment:scroll}

    .neiban { margin-top: 60px;}
    .neiban img{ height:280px; object-fit: cover;}
    .neiban .txt .line{ height: 1.5px; width: 25px;}
    .sendNav a{ line-height: 50px; white-space: nowrap; flex: auto; padding: 0 15px;   }
    
    .prosendNav{ width: 100%;  overflow-x: scroll;  }
    .prosendNav::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/    /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/  height: 2px;}
    .prosendNav::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/  background: #003f98;height: 2px;}
    .prosendNav::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/  background: #f2f5f9; height: 2px; }
    .proLIst li { width: 100%; margin-right: 0;}
    .proLIst li:nth-child(3n){ margin-right: 0;}
    .proLIst li:nth-child(2n){ margin-right: 0;}
    .proLIst li .img{ height: 200px;}
    .neiban .f60{ font-size: 22px;}
    .proDesc .img{ height: 180px; padding: 0 32px;}
    .proDesc .txt{ padding-left: 0;}
    .lxwm, .ljzx2{ width: 120px; height: 38px;}
    #content .left{ width: 100%; display: none;}
    #content .right{ width: 100%;}
    .location{ justify-content: flex-end;}
    .location>div{ display: none;}

    .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;}

    .newslist li{  width: 100%; margin-right: 0%; margin-bottom: 30px;}
    .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%); }
    .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;}

    .pglist a,.pglist .hover{ display: none;}
    .pglist a.page{ display: inline-block;}
    .newsLeft{ width: 100%;}

    .joinlistUl a{  width:  100%;   margin-bottom: 20px; margin-right: 0;  align-items: flex-start; } 
    .joinlistUl a img.userimg{ width: 60px; height: 60px;}
    .g5boxaa .txt{ width: calc(100% - 80px);}
    .joinlistUl a .txt .more{    width: 120px;    height: 30px;}

    .joinConshaixuan .select{ width: 48%;}
    .joinConshaixuan .input{ width: 65%;padding: 0 8px;}
    .joinConshaixuan .input input{height: 42px; line-height: 42px; }
    .joinCon{    background: url(../images/joinbg.jpg) no-repeat center top;background-size: auto 35%;}
    .joinConshaixuan .select select{ height: 42px; line-height: 42px;  }
    .joinConshaixuan .select { margin-bottom: 14px;padding: 0 8px;}
    .joinConshaixuan .button{ width: 32%;height: 42px; }
    .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;}
    
     
     
    .rc-popscroll::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/    /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/  width: 3px;}
    .rc-popscroll::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/  background: #136cc9; width: 3px; }
    .rc-popscroll::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/  background: #f2f5f9; width: 3px; }

    .contactOne .txt{ width: 100%;}
    .contactOne .icon{ width: 50px; height: 50px;}
    .contactOne .txt ul li:last-child{ display: none;}
    .contactOne .img{ width: 100%;}
    .contactOne .img img,.jobImg{ height: 200px; width: 100%; object-fit: cover;}
    .map{ height: 280px;}
    .Online .input{ padding: 10px 10px 10px 40px; background-size: 10px auto;}
    .Online .conten{ padding: 20px 10px 10px 46px; background-size: 18px auto;}
    .Online .conten{ height: 150px;}

    .videoList li{ width: 100%; margin-right: 0; margin-bottom: 20px;}

    .zahnwei{ padding-top: 70px; margin-top: -70px;}
    .honorLeft, .honorRight{ display: none;}
    .honor .swiper-container .img{ height: 200px;}
    .introduction .con{ width: 100%;}
    .introduction .numUl{ margin-top: 20px; 
        width: 100%;
        position: relative;
        padding:  20px;
        left: auto;
        bottom: auto;
        /* color: #333;
        background: transparent; */
        box-shadow: 0 0 0px rgba(0, 0, 0, 0);
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);

}   
    .introduction .numUl li{ width: 50%;}
    .introduction .numUl li:last-child{ width: 100%; margin-top: 20px;}
    .introduction{ padding-bottom: 0;}
    .about_video .con, .about_video_logo{ height: 380px;} 
    .about_video .con{ padding: 0 20px;}
    .about_video_ht{ height:0;}
    .f134{ font-size: 50px; letter-spacing: 10px;    margin-bottom: -40px;}
    .numUl .tip{ width: 20px; height: 20px; line-height: 20px; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
    .serviceCon .img img{ height: 180px;}
    .serviceCon .DIN{ font-size: 60px; bottom: -30px; right: 20px;}
    .w70{ width: calc(100% - 40px);   margin: 0 auto; }

    .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;}

    .banBtn{ display: none;}
     
    .f50 i{ font-size: 26px;}

     .shutdown{ display: none;}
     #float .one{ top: 80%;}
     #float .one .con .ites{ width: 50px; margin-right: 0;}
     #float .one .con .ites .slide{ width: 50px;  height: 50px;}
     #float .one .con .ites .slide .icon{ width: 20px;}
    
   

}

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