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

    /* header .w90{ width: 100%; padding: 0 20px;} */
    .proImgBox{ height: 620px;  }


}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    header{ height: 70px;}
    .serachBox{ margin-top: 70px;}
    nav .oneNav{ font-size: 16px; }
    .w80{ width: 90%; }
    
   

    .oneNav{  line-height: 70px;}
    .proNavTwo{ top: 70px; }

    .proNav{  grid-gap:   20px ; grid-template-columns: repeat(6,1fr);}

    .proImgBox{ height: 600px;  }
    .idxAbout .con{padding-left: 5vw;}
    .idxAbout .paly{ width: 80px; height: 80px;right:5vw}
    .idxAbout{height: 600px;}
    nav li:nth-child(3) .proNavTwo,nav li:nth-child(4) .proNavTwo{top:84px;}
    
}

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

    
    /* .logo{ height: 50px;} */
    nav{ width: 50vw;}
    
   .proNav{   grid-template-columns: repeat(5,1fr);}

   .proImgBox{ height: 550px;  }
.idxAbout .con{padding-left: 2vw;}
    .idxAbout .paly{right:2vw}
   nav li:nth-child(3) .proNavTwo,nav li:nth-child(4) .proNavTwo{top:84px;}

}

@media screen and (max-width:1000px) {
    
    header .w90{  padding-right: 0; width: 100%; padding-left: 20px;}
    .headerTel{ display: none;}
    .sear-lange{ display: none;}
    nav{ display: none !important;}
    header{ height: 60px;}
    .logo{ height: 40px; width: auto;}
    .wap-nav{ display: flex;}
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
    

    

    

    .proNav{   grid-template-columns: repeat(4,1fr);}

    .proImgBox{ height: 500px;  }

    .proTWO{ flex-wrap: wrap;}
    .proTWO li{width: 50%;}
    .idxAbout{ height: 650px;}
    .idxAbout .con{ width: 68%;}
 .aboutbox{flex-direction: column;}   
 .about_left{
 width:100%;	
}
.probox{
	
	flex-direction: column;
}
.about_right{
 width:100%;	
 margin-left:0%;
}
.about_right .numUl{ flex-direction:row}
.about_right .numUl li{ width: 33.33%; text-align: center; margin-bottom: 12px;}
.about_right .numUl i{  width: 16px; height: 16px; font-size: 8px; }
.innobox-sec2 {
    padding: 0 0 20px 0;
}
.probox_left{
 width:100%;	
}
.probox_right{
 width:100%;
 margin-left:0;	
}
.prodetail_1:after {
    width: 8%;

}
.zhengshu_title:after{
 width:8%;	
}
.zhengshulist li{
 width:50%;	
}
}

@media screen and (max-width:750px) {
    body{ font-size: 12px;}
    .w80{ width: 100%; padding: 0 20px;}
    .w90{ width: 100%; padding: 0 20px;}
    
     
    

    .proBanImg{max-height: 100%; height: 60%; right: 10px; margin-top: 30px;}

    .proTxt .desc:after{ width: 12%; height: 2px;}

    .proNav{    grid-template-columns: repeat(100,1fr);grid-gap:15px;justify-content: flex-start;
        overflow-x: scroll;
        width: 100%;}
    .proNav a{ height: 38px; padding: 0 25px; white-space: nowrap;  }
    .proNav a img{ height: 60%;}

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

    .proTxt .info{ height: auto;   margin-bottom: 15px;}
    .proinfotBox{ flex-direction: column-reverse;}
    .proImgBox{ height: 300px;}
    .proImgBox .prev, .proImgBox .next{ width: 30px; height: 30px;}
    .proTxt{ margin-right: 0; margin-top: 20px; padding-right: 0;}
    .proTxt .btn a{  width: 48% !important; height: 42px;}
    .proTxt .btn a:last-child{ display: none;}

    .proFour .w48 + .w48,.proSix .right,.proSix .right .w48 + .w48{ margin-top: 15px;}

.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;}
    .idxAbout .paly{ width: 50px; height: 50px; bottom: 50px; top: auto; right: 50%;  margin-right: -25px; }
    .numUl{ display: flex;}
    .numUl{ flex-wrap: wrap;}
    .numUl li{ width: 33.33%; text-align: center; margin-bottom: 12px;}
    .numUl i{  width: 16px; height: 16px; font-size: 8px; }

    
}

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

    

    
    

 }