@media screen and (max-width:1600px) {
    nav{ font-size: 16px;}
    .idx-news .con .item.img img{ height: 600px;}
    .honorLeft{ left: 0;}
    .honorRight{right: 0;}
    .proList li .img img{ height: 360px;}

    .proinfoOne .img .swiper-slide img{   height:430px;}
}

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

    .ptb-70{ padding: 60px 0;}
    body{ font-size: 14px;}
    header .logo img{ height: 50px;}
    nav li{ padding: 0 18px;}
    header .tel{height: 50px;padding: 0 15px;}
    .idx-banner .pagination{padding: 0 20px 0 30px; height: 70px; width: 24vw;}
    .idx-pro .swiper-slide .img img{ height: 300px;}
    .yyTxt li .icon{ width: 90px; height: 90px;}
    .yyTxt li{ padding-bottom: 3%;}
    .idx-news .con  .item.img img{ height: 540px;}
    .footEwm{ width: 100px;}
    .honor .swiper-container .img{ height: 300px;}
    .w76{ width: 82%;}
    .neiBan .txt{ left: 9%;}
    .locationBox{ min-height: 66px;}
    .sedNav a{ line-height: 66px;}
    .sedNav a{ margin-left: 64px;}

    .yyNav a{ line-height: 66px; margin: 0 30px;}

    .about-introduction{ padding-bottom: 100px;}
    .about-culture{ height: 640px;}
    .about-culture .f20{ font-size: 16px;}
    .mb-100{ margin-bottom: 70px;}
    .neiBan .txt .line{ width: 100px;}

    

    nav .oneNav{ line-height: 90px;}
    .neiBan{ margin-top: 90px;}

    .proList li .img img{ height: 320px;}
    .proLeft dl dt{ height: 80px; line-height: 80px;}
    .proLeft dl .f24{ font-size: 18px;}
    .proLeft dl dd{ height: 60px; line-height: 60px;}
    .proList{grid-gap:30px}

    .proinfoOne .img .swiper-slide img{   height:430px;}

    header .logo{ padding-left: 18px;}
    .proLeft dl ul{padding-left:30px ;}
    .proinfoOne .txt .line-clamp6{-webkit-line-clamp:4}
    .ysUl::before{width: calc(100% + 84px);height: calc(100% + 60px);    top: -30px;left: -42px;}
    .ysUl li{padding: 5px 20px;}

    .lcohome{ height: 18px;}
    .planList .img img{ height: 210px;}
    .yyList li .img img{ height: 240px;}

    .w76{ width: 82%;}
    .newslist li .img img{ height: 280px;}
    .newslist{grid-gap: 35px;}
    .newslist li .icon{ width: 30px; height: 30px;}

    .contactStyle{ height: 450px;}
}

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

    .ptb-70{ padding: 48px 0;}
    .w90{ width: 96%;}
    .w76{ width: 96%;}
    header{ padding-left: 2vw;}
    header .con{ width: 96vw;}
    .idx-banner .pagination{ right: 4vw;}
    header .logo img{ height: 40px;}
    header .tel{ display: none;}
    .idx-news .con .item.img img{ height: 500px;}

    .idx-pro .swiper-slide .img img{ height: 250px;}

    .yyImg .img img{ width: 100%; height: 600px; object-fit: cover;}
    .neiBan .txt .line{ width: 80px;} 

    .proList li .img img{ height: 300px;}

    .proinfoOne .img .swiper-slide img{   height:390px;}

    div.video-wrap{ width: 90vw;height: auto;}
}

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

    .ptb-70{ padding: 35px 0;}
    body{ font-size: 14px;}
    header{ background-color: #fff; padding-left: 2vw; height: 60px;}
    header .con{width: 100%;}
    .indexHeader{top: 0;}
    .idx-news .con .item.img img{ height: 400px;}
    .h_nav{ display: flex;}
    nav{ position: fixed; top: 60px; transform: translateX(100%); transition: all .6s; right: 0; flex-direction: column; justify-content: center; background-color: #fff; width: 100%; height: calc(100vh - 60px); border-top: 1px solid #e5e5e5; -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 li{ padding: 0 20px;}
    nav .oneNav{ line-height: 64px; text-align: center;}
    nav .oneNav::after{ height: 1px;}
    header.scroll nav .oneNav{ line-height: 60px;}
    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);   }
    .h_nav.close{align-items: center; justify-content: center;}
    nav.show{ transform:translate(0) ; -webkit-transform:translate(0) ; -moz-transform:translate(0) ; -ms-transform:translate(0) ; -o-transform:translate(0) ; }
    
    .idx-banner .pagination{ width: auto; padding: 0 30px; height: 60px;}
    .idx-banner .pagination .prev, .idx-banner .pagination .next{ display: none;}

    .neiBan{ margin-top: 59px;}
    .neiBan .txt .line{ width: 60px;}

 
    .sedNav a{ margin-left: 50px;}
    .zhan{ padding-top: 70px; margin-top: -70px;}

    .proList li .img img{ height: 260px;}
    .yyList{    grid-gap: 20px;    grid-template-columns: repeat(2,1fr);}
    .yyList li .img img{ height: 300px;}
}

@media screen and (max-width:750px) {
   
    .ptb-70{ padding: 25px 0;}
    .w90{ width: 100%; padding: 0 20px;}
    .w76{ width: 100%; padding: 0 20px;}
    .idx-news .con{ flex-wrap: wrap;}
    .idx-news .con .item{ width: 48%;}.idx-news .con .item:last-child{ width: 100%; margin-top: 20px;}
    .idx-news .con .item.img img{ height: 220px;}
    .idx-news .con .item .txt{ padding: 15px;}
 
    header .logo{ padding-left: 0;}
    .idx-news .con .newslink{ padding: 18px;}
    .newslink .DIN{ margin-top: 15px;}

    .idx-banner{ height: 320px; margin-top: 60px;}
    .idx-banner .swiper-container{ height: 320px;}
    .idx-banner .headbg{ height: 320px;}
    .idx-banner .pagination{ height: auto; padding: 5px 20px; right: 20px;}
    .idx-banner .swiper-slide .txt{ left: 20px;}
    .idx-banner .f60{ font-size: 22px;}
    .idx-about .img{ width: 100%; margin-bottom: 15px;}
    .idx-about .img .paly{ width: 60px;}
    .idx-about .txt ul li:last-child{ margin-top: 15px; margin-left: 20px;}
    .idxMore{ width: 160px; height: 40px;}

    .idx-pro .swiper-slide .img img{ height: 200px;}
    .logo-w{ height: 40px;}
    .footNav { display: flex; flex-wrap: wrap;}
    .footNav a{ width: 25%; margin-right:0 ; margin-bottom: 15px;}
    footer .center{ line-height: 2;}
    footer .center li:nth-child(n+3){ display: none;}
    footer .bottom .w90{ align-items: center; justify-content: center; line-height: 2; flex-direction: column; text-align: center;}
    .footEwm{ width: 80px;}

    .yyTxt{ display: none;}
    .idx-yy .titlt{ top: 25px; width: 100%; padding: 0 20px;}
    .yySwiper{display: block;}
    .yyImg .img img{ height: 450px;}


    #toolbar{ display: flex;}

    .historytxt .swiper-slide{ flex-direction: column ;}
    .historytxt .swiper-slide .right{ padding: 20px;}
    .line-height3{ line-height: 1.8;}
    #historyswiper .prev span, #historyswiper .next span{ font-size: 20px;}
    #historyswiper .next,#historyswiper .prev{ bottom: 5px;}
    .honorLeft, .honorRight{ display: none;}
    .honor .swiper-container .img{ height: 200px;}

    .neiBan img{ height:260px; width: 100%; object-fit: cover;}
    .neiBan .f60{ font-size: 22px;}
    .neiBan .txt .line{ width: 44px; height: 2px;}

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

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

    .w60,.w33{ width: 100%;}
    .about-introduction{ padding-bottom: 25px;}
    .about-culture{ height: 500px;}
    .about-culture ul{ flex-wrap: wrap; }
    .about-culture ul li{ width: 50%; padding: 0 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
    .mb-100{ margin-bottom: 25px;}
    .about-culture ul li img{ height: 28px;}
    .about-culture .f20{ font-size: 12px;}
    .about-culture .title{ top: 25px;}
    .about-culture ul li:nth-child(-n + 2){ padding-top: 70px;}
    footer{border-top: 4px solid #00b0b7;}

    .proList li .img img{ height: 245px;}

    .proLeft{ width: 100%; padding: 0; border: none; display: none;}
    .proLeft dl dt{ height: 50px; line-height: 50px;}
    .proLeft dl .f24{ font-size: 14px;}

    .proRight{width: 100%; padding: 0 0 20px 0;}
    .proList{    grid-gap: 15px;grid-template-columns: repeat(1,1fr); padding-top: 20px;}

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

    .proinfoOne .img .swiper-slide img{   height:250px;}
    .proinfoOne .img,.proinfoOne .txt{ width: 100%;}
    .proinfoOne .txt .more{    padding: 8px 20px}
    .proinfoOne .txt .more:hover { transform:translateY(5px) ; -webkit-transform:translateY(5px) ; -moz-transform:translateY(5px) ; -ms-transform:translateY(5px) ; -o-transform:translateY(5px) ; }
  
    .ysUl li{ width: 100%; line-height: 2 ;padding: 8px 10px;}
    .ysUl::before{    height: calc(100% + 40px); top: -20px;width: calc(100% + 40px); left: -20px;}
    .proinfoTit1{ margin-bottom: 30px;}
    .proinfoTit2{ margin-top: 30px;}
    .planList .img,.planList .txt{ width:100% ;}
    .planList .img img{ height: 180px;}
    .planList .txt .line-clamp2{ margin: 6px 0;}
    .planList{ padding-bottom: 0;}
    .yyList{    grid-gap: 15px;    grid-template-columns: repeat(1,1fr);}
    .yyList li .img img{ height: 180px;}
    .technologyList li:nth-child(2n) a{ flex-direction: column;}

    .newslist li .img img{ height: 180px;}
    .newslist{grid-gap: 15px;    grid-template-columns: repeat(1,1fr);}
    .newslist li .icon{ width: 20px; height: 20px;}
    .newslist li .icon .iconfont{ font-size: 12px;}

    .newspage{ padding: 10px 5px;}
    .newspage a{ width: 100%;   line-height:3;}
    .newspage a:nth-child(2){ display: none;}
    .newspage a .iconfont{ font-size: 12px;}

    .mapbox{ width: 100%; height: 320px; }
    .contacttxt{ width: 100%; padding: 20px;}
    .didian{ height:48px;}
    .contactUl{ flex-wrap: wrap; justify-content: space-between;}
    .contactUl li{ width: 49%; padding: 15px; margin-bottom: 10px;}
    .contactUl li .icon img{ height: 26px;}
    .contactUl li:nth-child(n + 3){ margin-bottom: 0;}

    .messageImg{ height: 150px;}
    .contactForm{ padding-left: 0; padding-top: 20px;}
    .contactMessage .input{ height: 38px; line-height: 38px;}
    .contactMessage .textarea,.contactMessage .button{ line-height: 38px;}

   
    .jobtop span:nth-child(2){ display: none;}
    .jobtop span:nth-child(1){ width: 40%;}
    .jobtop span:nth-child(4){  width: 30%;}
    .jobtop span:nth-child(5){ display: flex; align-items: center; justify-content: center;}

    .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}
}


@media screen and (max-width:420px) {  body{ font-size: 12px;}}