
@media screen and (max-width:1720px) {
    .w90{ width: 90%; }
    .w76{ width:80%; }
    header{ padding-left: 50px;}
    nav li{ padding: 0 15px;}
    nav li a.oneNav{ font-size: 16px;}
    .logo{ width: 190px;}
    .searchbox{ width: 200px;}
    .language{ padding: 0 15px;}
}

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

    .language{ height: 80px;}
    nav li a.oneNav{ line-height: 80px;}
    .banner{ margin-top: 80px;}
    .logo{ width: 180px;}
    body{ font-size: 14px;}
    .w90{ width:90%; }
    .w76{ width:90%; }
    header{ padding-left: 20px; padding-right: 20px;}
    nav li{ padding: 0 15px;}
    .newPro li .img::before{ width: 40px; height: 40px;}
    .commonlink{ width: 200px;}
    .idxproUl li .img{ height: 280px;}
    .idxAboutmore{ width: 180px;}
    .idxNewItem .img img{ height: 280px;}
    .idxNewItem .txt span{ margin-top: 5px;}
    footer dt{ font-size: 18px;}
    .footewm{ width: 110px;}

    .sedNav a{ line-height: 66px;}
    .sedNav a{ margin-right: 64px;}
    .yyNav a{ line-height: 66px; margin: 0 30px;}
    .neiBan{ margin-top: 80px;}
    .cultureUl .img img{ height: 65px;}
    .customerUl li .img{ height: 130px;}
    .proUllist li .img{ height: 280px;}
    .proLeft dl dt .an{background-size: 30% auto;}

    .proTop .img .left .swiper-container{  height: 420px;}
    .proTop .img .right .swiper-slide {  height: 420px;   }
    .proTop .img .left{height: 420px; }

    .yylist li .img img{ height: 380px;}
    .equipmentlist li img{ height: 330px;}
    .videolist li img.suo{   height: 330px; ;}

    .researchUl li .txt{ padding-right: 50px;}
.researchUl li:nth-child(2n) .txt{ padding-right: 0; padding-left: 50px;}

    .newTop .img img{ height: 460px;}

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

    .downUl li{ padding: 28px 0;}
    .downUl li img{ height: 28px;}
}
@media screen and (max-width:1380px) {
    .searchbox{ display: none;}
    .newPro li .img img{ max-width: 70%;}
}

@media screen and (max-width:1280px) {
    .w90,.w76{ width:96%; }
    .language{ display: none;}
    nav li{ padding:  0 10px;}
    .tabpro li{ padding: 15px 20px;}
    .tabpro li img{ height: 25px;}
    .idxNewItem .img img{ height: 250px;}

    .proTop .img  { flex-direction: column;}
    .proTop .img .left{ width: 100%; height: 110px; margin-top: 15px;}
    .proTop .img .right{ width: 100%;}
    .proTop .img .left .swiper-container{ height: 110px;}
    .proTop .img .left .swiper-slide{ height: 100%;}

    .yylist li .img img{ height: 350px;}
    .equipmentlist li img{ height: 290px;}
    .videolist li img.suo{   height: 290px; ;}

    .qualitylist li .img{ height: 280px;}

    .newTop .img img{ height: 380px;}
     div.video-wrap{ width: 90vw;height: auto;}
 
}

@media screen and (max-width:1000px) {
    header{   padding-right: 0 !important;}
    .wapShow{display: block;}
    nav{
        position: fixed;
        top: 60px;
        right: 0;
        width: 100%;
        height: calc(100vh - 60px);
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        flex-direction: column;
        transform:translateX(100%) ;
        transition:all .6s ;
        -webkit-transform:translateX(100%) ;
        -moz-transform:translateX(100%) ;
        -ms-transform:translateX(100%) ;
        -o-transform:translateX(100%) ;
        -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) ; }
    .h_nav.close{align-items: center; justify-content: center;}
    .h_nav {display: flex; }
    nav li{ border-bottom: 1px solid #e5e5e5; padding: 0 20px 0 35px;}
    nav li a.oneNav{ line-height: 60px; display: block;}
    nav li .iconfont{  width: 60px; height: 60px; position: absolute; right: 10px; top: 0; font-size: 22px; display: flex; align-items: center; justify-content: center;}
    nav  li dl{ width: calc(100% - 40px);min-width:80%; box-shadow: 0  0 10px rgba(0, 0, 0, .1); display: none; text-align: left; z-index: 10; top: 60px; visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-filter:alpha(opacity=100); }
    nav  li dl:before{ display: none;}
    nav li dl dd a{ padding-left: 15px;}

    .banner{ margin-top: 60px;}

    footer dt{ font-size: 18px;}
    .footewm{ width: 80px;}

    .neiBan { margin-top: 60px;}
    .neiBanImg{ width: 100%; height: 280px; object-fit: cover;}

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

@media screen and (max-width:750px) {
    body{ font-size: 12px;}
    .w90,.w76{ width:100%; padding: 0 20px; }
    #toolbar{ display: flex;}
    body::after{ display: block; content: ''; width: 100%; height: 60px; background-color: #00005b;}
    .banner{ margin-top: 60px;}
    /* .banner img{ width: 100%; height: 320px; object-fit: cover;} */
    .banner .swiper-pagination-bullet{ width: 25px; height: 2px;}
    .newPro li{ width: 100%; margin-bottom: 15px;}
    .newPro li .img{ width: 100%; position: relative; top: auto; right: auto;justify-content:center; height: 220px; }
    .newPro li .img img{ max-width: 90%; max-height: 90%;}
    .newPro li .txt{ width: 100%; margin-top: 10px;}
    .ljgd, .ljzx{ height: 30px;}
    .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); -moz-transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(15px) translateZ(-15px) rotate3d(1, 0, 0, -90deg); }

    .hxtit{ padding-top: 20px;}
    .tabpro{ width: 100%; border-top: 1px solid #e5e5e5; margin-top: 20px;}
    .tabpro li{ justify-content: flex-start;}

    .idxproUl li{ width: 48.5%; margin-right: 3%; margin-top: 10px;}
    .idxproUl li:nth-child(2n){ margin-right: 0;}
    .idxproUl li .img{ height: 160px;}
    .idxproUl li .img img.biaozhi{ height: 15px;}
    .hxtit{ margin-bottom: 5px;}
    .idxAboutmore{ width: 120px; height: 30px;}
    .numUl{ width: 100%; margin-top: 10px;}
    .numUl li{ padding: 0 5px;}
    .idxAboutTit{ display: flex; align-items: center; justify-content: space-between;}
    .idxAboutMore{ width: 120px; height: 40px; margin-top: 15px;}
    .idxAboutCon .txt .line-clamp5{-webkit-line-clamp:3}
    .idxAboutCon .img img{ width: 100%; height: 220px; object-fit: cover;}
    .idxAboutCon{background: url(/static/home/images/map.png) no-repeat center center   #fff;background-size: 100% auto;} 
    .idxNewItem .img img{ height: 160px;}
    .idxNewItem .txt span{ padding: 2px 25px;}

    footer dl{ display: none;}
    .contactnav{ display: block; width: calc(100% - 100px);} 
    footer .bot{ text-align: center; align-items: center; justify-content: center; line-height: 2;}

    .sedNav{ width: 100%; justify-content: flex-start;}
    .sedNav a{ margin-right: 0; line-height: 50px; flex: 1; text-align: center;}

    .introductionCon .txt,.introductionCon .img{ width: 100%;}
    .introductionCon .img{ display: flex; justify-content: space-between;  flex-wrap: wrap; margin-top: 15px; }
    .introductionCon .img li{ width: 45%;}
    .cultureUl .img img{ height: 40px;}
    .cultureUl li{ width: 48.5%; margin-right: 3%; margin-bottom: 15px; border-radius: 0 10px 0 10px; -webkit-border-radius: 0 10px 0 10px; -moz-border-radius: 0 10px 0 10px; -ms-border-radius: 0 10px 0 10px; -o-border-radius: 0 10px 0 10px; }
    .cultureUl li:nth-child(3n){ margin-right: 3%;}
    .cultureUl li:nth-child(2n){ margin-right: 0;}
    .cultureUl li .f34{ margin-bottom: 5px;}
    .customerUl li{ width: 48.5%; margin-right: 3%;}
    .customerUl li:nth-child(5n){ margin-right: 3%;}
    .customerUl li:nth-child(2n){ margin-right: 0;}
    .customerUl li .img{ height: 100px; }

    .neiBanImg{  height: 200px;  ;}
    .zhanwei{padding-top: 70px;margin-top: -70px;}
    .introductionCon .img li:last-child{ margin-bottom: 18px;}

    .proLeft{ display: none;}
    .proRight{ width: 100%;}
    .proUllist li{  width: 50%;}
    #content{ align-items: stretch;}
    .proUllist li .img{ height: 180px;}
    .proUllist li .f30{ margin-bottom: 4px; text-align: center;}
    .pglist  span,.pglist .page{ display: none;}

    .proTop{ flex-direction: column-reverse;}
    .proTop .txt{ width: 100%; margin-top: 15px; }
    .proTop .img{ width: 100%;}
    .proTop .img .right .swiper-slide{ height: 260px;}
    .proTop .img .right .btn{ width: 40px; height: 40px;}
    .proTop .img .left{ height: 80px;}
    .proTop .img .left .swiper-container{ height: 100%;}
    .proTop a{ margin-top: 20px;}

    .proBot .left{  width: 100%;}
    .proBot .right{ width: 100%; margin-top: 15px;}
    .location{ justify-content: flex-end;}

    .yyNavBox{ padding: 0;}
    .yyNav{ justify-content: flex-start; overflow-x: scroll; width: 100%; }
    .yyNav a{  margin: 0 15px;  line-height: 50px;white-space: nowrap; }

    .yyNav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
.yyNav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #888; height: 1px; }
.yyNav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; height: 1px; }

.yylist li{ width: 100%; margin-bottom: 18px;margin-right: 0;}
.yylist li:nth-child(2n){ margin-right: 0;}
.yylist li .img img{ height: 210px;}

.equipmentlist li{ width: 48.5%; margin-right: 3%; margin-bottom: 15px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.equipmentlist li:nth-child(3n){ margin-right: 3%;}
.equipmentlist li:nth-child(2n){ margin-right: 0;}
.equipmentlist li img{ height: 140px;border-radius: 8px;}
.equipmentlist li .txt{ padding: 5px;} 

.VideoItem .play{ width: 50px; height: 50px;}

.videolist li{ width:100%; margin-right: 0; margin-bottom: 15px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.videolist li:nth-child(3n){ margin-right: 0;}
.videolist li:nth-child(2n){ margin-right: 0;}
 
.videolist li .txt{ padding: 5px;} 
.videolist li img.suo{    height: 180px;border-radius: 8px;}
div.video-wrap #video{ height: auto;}


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

.researchtabtit{ flex-wrap: wrap;}
.researchtabtit li{  padding:10px   ; flex: 50%;}

    .researchUl li:nth-child(2n){ flex-direction: column;}

    .researchUl li+ li{ margin-top: 20px;}
    .researchUl li .txt{ padding-right: 0; margin-bottom: 10px;}
    .researchUl li:nth-child(2n) .txt{ padding-right: 0; padding-left: 0;}
    .researchline{ height: 2px; margin-top: 10px;}
    .newTop .txt .line{ width: 32px; height: 1px;}
    .newTopmore{    padding: 6px 16px; margin-top: 10px;}
    .newTop .img img{ height: 0;}
    .newslist li{ width: 100%; margin-right: 0; margin-bottom: 20px;}
    .newsLeft{ width: 100%;}
    .newsRight{ width: 100%;}
    .newsRight{ border-left: none; padding: 0; margin-top: 15px;}
    .newsRightPage a:last-child{ margin-top: 10px;}
    .contactmap{ width: 100%; height: 250px;}
    .contactStyle{ width: 100%;}
    .contactStyle .icon{ width: 50px; height: 50px;}
    .contactIcon li{ width:48.5%; margin-right: 3%; margin-bottom: 15px;}
    .contactIcon li:nth-child(2){ display: none;}
    .contactIcon li:nth-child(3), .contactIcon li:nth-child(5){ margin-right: 0;}
    .contactIcon li img{ height: 22px;}
    .onlineinput{ width: 100%;}
    .onlineinput+.onlineinput{ margin-top: 12px;}
    .btntj, .btnqx{ height: 48px; width: 40%;}
    .onlinetextarea{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .logo{ width: 150px;}
    .searchform{ width: 100%;}
    .searchform .keys{ height: 38px; line-height: 38px; width: calc(100% - 38px); padding: 0 12px;}
    .searchform .submit{ 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;}

     .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}
    .videoPlay img{ width: 50px;}

    .downUl{display: flex; justify-content:space-between; flex-wrap: wrap;}
    .downUl li{ padding: 15px ; width: 100%; border: 1px solid #e5e5e5; margin-bottom: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } 
    .downUl li a{ justify-content: flex-start;align-items: inherit;}
    .downUl li .f20{ flex-wrap: wrap;}
    .downUl li img{ height: 15px; margin-bottom: 5px;}
    .downUl li  .btn{ margin-top: 10px;}
    .downUl{ padding-bottom: 0;}

    .idxAbout{background-attachment:scroll;}

}


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