.map{ width: 100%; height: 500px;}
@media screen and (max-width:1660px) {
    nav li>a.oneNav{padding: 0 20px;}
}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .logo{max-width: 40%;}
    .idxAboutUl a{ width: 150px; height: 150px;}
    .gallery-top .swiper-slide{ height: 500px;}
    .newslist li .img {  height: 220px;}
    .caselist li .img img{ height: 350px;}

    .map{  height: 400px;}
}

@media screen and (max-width:1280px) {
    nav li>a.oneNav{padding: 0 15px;}
    .banimg{ height: auto;}
    .banner{ margin-top: 100px;}
    .idxAboutUl a{ width: 100px; height: 100px;}
    .map{  height: 300px;}
}
@media screen and (max-width:1110px) {
    nav li>a.oneNav{padding: 0 10px;}
}

@media screen and (max-width:1000px) {
    .logo .icon1{ display: none;}
    .logo .icon2{ display: block;}
    .newslist li{ width: 48.5%; margin-right: 3%;}
    .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;}

    header{ height: 60px;}
    .logo .icon2{max-height: 60px;}
    .box{ padding: 0 0 0 20px;}
    header .right{ display: none;}
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
    .banner{ margin-top: 60px;}

    .idxPro .class,.idxProList{ padding: 0;}
    .idxPro .class a .img{ display: none;}
    .idxProClass{ flex-wrap: wrap;}
    .idxPro .class a{ flex: auto; width: 33.3%; margin-bottom: 10px;}
    .idxProList li{ width: 100%; margin-right: 0%; margin-bottom: 10px;}
    .idxProList li .img{ height: 150px;}

    .idxAboutUl{ flex-wrap: wrap;}
    .idxAboutUl a{ width: 70px; height: 70px; margin:5px 15px;  }
    .idxCasedBtn{ display: none;}

    .idxXuanUl{flex-wrap: wrap;}
    .idxXuanUl li{ width: 100%; margin-bottom: 10px;}
    .idxXuanUl li>img{width: 45px;}
    .idxXuan .more{ width: 50%; height: 28px;  }

    .idxKehu ul li{ width: 48.5%; margin-right: 3%;}
    .idxKehu ul li:nth-child(2n){ margin-right: 0;}
    .idxKehu ul li img{ opacity: 1;}
    .idxKehu ul li:nth-child(n+9){ display: none;}
    .idxNews .left{ width: 100%; margin-bottom: 15px;}
    .leftCon figure li{line-height: 32px; height: 32px;}
    .leftCon figure li a{ width: 70%;}
    .leftTitle span{ height: 30px;}

    .footNav{ display: none;}
    .footContact{ width: 100%;}
    footer .top{ flex-direction: column;}
    .footewm{ margin-top: 10px;}
    .footewm .img img{ width: 80px;}
    footer .bot{ flex-direction: column; text-align: center; line-height: 2; padding: 5px 0;}
    #toolbar{ display: flex;}
    body::after{ display: block; content: ''; width: 100%; height: 60px; background-color: #171717;}

    .neiBan{ margin-top: 60px;}
    .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;}

    .proOne .left{ width: 100%;}
    .gallery-top .swiper-slide{ height: 250px;}
    .proOne .right{ width: 100%; margin-top: 25px;}
    .proInfoTabTit span{ padding: 8px 20px;}

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

    .newslist li .img{  height: 180px;}
    .newslist li .line-clamp2{-webkit-line-clamp: 1;}
    .caselist li{ margin-bottom: 12px;}
    .caselist li a{ flex-direction: column;}
    .caselist li .img img{height: 150px;}
    .caselist li:nth-child(2n) a{ flex-direction: column;}
    .caselist li .line-clamp5{    -webkit-line-clamp: 3;}

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


    .styleUl li{ width: 49%; margin-right: 2%;}
    .styleUl li:nth-child(2n){ margin-right: 0;}
    .map{  height: 200px;}
} 

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