
@media screen and (max-width:1660px) {
    nav li{ padding: 0 22px;}
}

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

    body{ font-size: 14px;}
    .w90{ width: 96%;  }
    .logo{ width: 18%;}
    nav a.onenav{ font-size: 16px;} 
    
    .idxNews .left .img .newsimg{ height: 500px;}
    .idxNews .right .img img{ height: 155px;}
    .w80{ width: 92%; }
    .idxmore{ width: 200px; height: 50px;}
    .idxmore .iconfont{ width: 38px; height: 38px;}
    .proitem{ height: 720px;}
    .icon3{ width: 80%;}
    .idxProicon{ width: 160px; height: 160px;}
    .caseItem .img img{ height: 284px;}
    footer .center li .img{ width: 128px;}
    .neibanTxt{ left: 2vw;}
    .laochui{    width: 2vw;    left: 10px;}
    .introduction .left ul li{ height: 160px;}
    .historyBot{ height: 160px;}
    #historyBotSwiper .swiper-slide .yuan{ margin-top: 28%;}
    #historyBotSwiper .swiper-slide-next .yuan,#historyBotSwiper .swiper-slide-prev .yuan{    margin-top: 22%;}
    #historyBotSwiper .swiper-slide-thumb-active .yuan{ margin-top: 16%;}
    .historyBot .prev, .historyBot .next{ width: 60px; height: 60px; bottom: 50px;}
    .historyBot .next{ right: 10px;}
    .historyBot .prev{ left: 10px;}
    .f126{ font-size: 110px;}
    .honorItem .img{ height: 380px;}
    .pronav { margin-top: -80px;}
    .pronav a{  height: 80px;}
    .prolsit li .img img{ height:322px;}

    .joinTwoul{  margin-top: 120px;}
    .jointit .f40{ margin-top: -35px;}

    .newslist li  .img img{ height: 265px;}
    
}

@media screen and (max-width:1280px) {
    div.video-wrap{ width: 90vw;height: auto;}
    .idxNews .left .img .newsimg{ height: 450px;}
    .idxNews .right .img img{ height: 135px; width: 200px;}
    .idxNews .right .txt{    width: calc(100% - 220px);}
    header .right span,header .right .tel{ display: none;}
    .logo{ width: auto;}

    .idxProicon{ width: 140px; height: 140px;}
    .proitem{ height: 680px;}

    .pronav { margin-top: -70px;}
    .pronav a{  height: 70px;}
    .prolsit li { margin-bottom: 30px;}
    .prolsit li .img img{ height: 260px;}
    .proinfoTop .line-clamp5{-webkit-line-clamp:2}

    .newslist li  .img img{ height: 220px;}
    .contactuL li{ padding:30px 20px;}
    .contactuL li img{ height: 30px;}
    .map{ height: 500px;}
}

@media screen and (max-width:1000px) {
    .logo img{ height: 50px;  }
    nav li{ padding: 0 15px;}
    nav a.onenav{ font-size: 14px;  white-space: nowrap;}
    .caseItem .img img{ height: 220px;}

    .newslist li{ width: 48.5%; margin-right: 3%; margin-bottom: 30px;}
    .newslist li:nth-child(3n) { margin-right: 3%;}
    .newslist li:nth-child(2n){ margin-right: 0;}
}

@media screen and (max-width:750px) {
    body{ font-size: 12px;}
    .w80{ width: 100%; padding: 0 20px;}
    .w90{  width: 100%; padding: 0 20px;}
    .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}
    .idxNews .inner>.dis-flex-between{ flex-direction: column;}
    .idxNews .left .img .newsimg{ height: 250px;}
    .idxNews .left{ margin-bottom: 20px;}
    .idxNews .right  li{ margin-bottom: 15px;}
    .idxNews .right .img img{ width: 120px; height: 90px;}
    .idxNews .right .txt{ width: calc(100% - 140px);}
    .idxNews .right .txt .color-666{ display: none;}
    header{ width: 100%; height: 60px;}
    header .w90{ height: 60px; padding: 0 0 0 10px;}
    .logo img{ height: 42px;  }
    header{ background-color: #000;}
    header .right{ display: none;}
    .wapban{ margin-top: 60px;}
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}

    .idxAbout .con .right{ width: 100%; padding-left: 0; padding-top: 20px;}
    .idxmore{ width: 160px; height: 38px;}
    .idxmore .iconfont{ width: 24px; height: 24px;}
    .idxAbout .img>img{ width: 100%; height: 200px; border-radius: 15px 0 15px 0; -webkit-border-radius: 15px 0 15px 0; -moz-border-radius: 15px 0 15px 0; -ms-border-radius: 15px 0 15px 0; -o-border-radius: 15px 0 15px 0; }

    .idxAbout .img .paly{ width: 60px;}
    .icon2{ width: 35%; height: auto;}
    .proitem{  height: 450px;}
    .proitem .name{ writing-mode: horizontal-tb; padding-top: 0; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; }
    .proitem .name .EN{ font-size: 24px;}
    .proitem .bot{ bottom: 20px;}
    .proitem .bot .icon{ opacity: 1;}
    .proitem .line{  height: 30px; margin: 20px auto;}
    .caseItem .img img{ height: 200px;}
    footer .center li{ margin-top: 15px;}
    footer .center li .img{ width: 100px;}
    footer .top ul{ display: none;}   
    footer .bot{ line-height: 2; text-align: center;}
    footer{ color: rgba(255, 255, 255, 0.6);}
    .idxNews .left  .line-clamp2{ display: none;}

    #toolbar{ display: flex;}
    body::after{ display: block; content: ''; width: 100%; height: 60px; background-color: #171717;}
    .neiban{ margin-top: 60px;}
    .neiBanimg{ width: 100%; height: 220px; object-fit: cover;}
    .neibanTxt{ left: 20px;}
    .introduction .left{ width: 100%;}
    .introduction .left ul li{ width: 50%; height: 100px;}
    .introduction .right{  width: 100%; margin-top: 15px;}
    #historyBotSwiper{ display: none;}
    .historyBot .prev, .historyBot .next{ display: none;}
    .historyBot{ height: 70px;background-size:auto 100%}
    .f126{ font-size: 60px;}
    .honorItem .img{ height: 260px;}
    .honorItem::after{ height: 100px;}

    .pronav { margin-top:0; background-color: #000;}
    .pronav a{  height: 50px; padding: 0 20px;}
    .prolsit li { margin-bottom: 20px; width: 100%; margin-right: 0; }
    .prolsit li .img img{ height: 264px;}
    .ljgd, .ljzx{ height: 32px;}
    .nav li.go-child>a{ font-size: 16px;}
    .proinfoTop .next, .proinfoTop .prev{ width: 50px; height: 50px; display: none;}
    .proinfoTop .next{ right: 10px;}
    .proinfoTop .prev{ left: 10px;}
    .proinfoTop .txt{ padding-left: 0;}
    .proinfoTopdesc li{ width: 50%;}
    .proinfoTopdesc li:nth-child(3n+1){ border-left: 1px solid #e5e5e5; text-align: center;}
    .proinfoTopdesc li:nth-child(2n+1){ border-left: none; text-align: left;}
    .proLink{ margin-top: 25px;}
    .proinfoTop .line-clamp5{-webkit-line-clamp:5}
    .proBotTit div{ height: 50px;padding: 0 15px;}
    .proinfoTop{ padding-top: 60px;}
    .location{ justify-content: flex-end;}

    .joinOne .left{  width: 100%;}
    .joinOne .right{ width: 100%; margin-top: 20px;}
    .joinOne .ljyy{ padding: 5px; margin-top: 10px;}
    .joinTwoul{  margin-top: 25px;}
    .joinTwoIcon{ width: 25px;}
    .jointel{ display: block;}
    .joinTwo .con .zxzz{ width: 150px; height: 40px;}
    .joinTwoul{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
    .yycon{ height: 300px; }

    .newslist li{ width: 100%; margin-right:0%; margin-bottom: 25px;}
    .newslist li:nth-child(3n) { margin-right: 0%;}
    .newslist li:nth-child(2n){ margin-right: 0;}

    .artLink a:nth-child(2){display: none;}
	.link1 span{width: 30px; height: 30px;}
	.artLink{padding: 15px 0; margin-top: 0;}
	.artLink a{width: 49%;}

    .contactuL{ flex-wrap: wrap; margin-top: 25px;}
    .contactuL li{ width: 50%; padding: 15px 5px;}
    .contactuL li img{ height: 20px;}
    .map{ height: 300px;} 
    .w30{ width: 100%;}
    .wapFlex .w30+.w30{ margin-top: 15px;}
    .gbookBtn{  width: 50px; height: 50px;}

    .zahnwei{ padding-top: 70px; margin-top: -70px;}

    .infodetail img{ height:auto; }
    .contactuL li:nth-child(2){ display:none; }
    .contactuL li:nth-child(4){ width:100%; }
}



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

}