@media screen and (max-width:1660px) {
    .f140{ font-size: 120px;}
    .f160{ font-size: 140px;}
}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .w1440{ width: 90%;  }
    .swiperBnt{ width: 80px;}
    .ewmImg{ width: 110px;}
    footer .w60{ width: 56%;}
    /* .protabItem .img  { height: 400px;} */
    .areUl li .more{ margin-top: 100px;}
    .idx-banner .swiper-slide .txt{ left: 5vw;}
    .f150{ font-size: 120px;}
    .editorial{ height: 100px;}
    .f140{ font-size: 110px;}
    .introduce{ padding: 100px 80px;}
    .numUl{ padding-top:120px; margin-bottom: 120px;}
    .f160{ font-size: 100px;}
    .areaslist .img img{ height: 390px;}
    .caselist li .img img{  height: 335px;  }
    .banback{ right: 5vw;}
    .areasnav a{ height: 50px; width: 165px;}
    .prolist li .img{ height: 320px;}
    .joinOne .text-uppercase{ font-size: 80px;}

     nav li{    padding: 0 20px;}
    
}

@media screen and (max-width:1280px) {
    
    .w1440{ width: 96%;  }
    .logo{ height: 40px;}
    header .right{ display: none;}
    nav a{ line-height: 80px  !important; font-size: 16px  !important;}
     nav li{    padding: 0 15px;}
    .idx-banner .swiper-slide .txt{  left: 2vw;}
    .areUl li .more{ margin-top: 50px;}
    .areImg .img img{min-height: 500px; width: 100%; object-fit: cover;}
    .neiBan{ margin-top: 80px;}

    .f140{ font-size: 94px;}
    .numUl{ padding-top:100px; margin-bottom: 100px;}
    .introduce{ padding: 75px;}
    .areaslist .img img{ height: 320px;}
    .caselist li .img img{ height: 300px;}
    .banback{ right: 2vw;}

}

@media screen and (max-width:1000px) {
    .gallery-top .swiper-pagination{display: none;}
    .protabItem .txt{ padding-right: 20px;}
    .swiperBnt{ width: 100%; flex-direction: row-reverse; height: 50px; position: relative ; right: auto; margin-top: 20px;}
    .swiperBnt  .next,.swiperBnt  .prev{ width: 50px; height: 50px; border: 1px solid #e5e5e5;}
    .swiperBnt  .prev{ margin-top: 0; margin-right: 20px;}
    .ewmImg{ width: 80px;} 
    .f140{ font-size: 64px;}
    .caselist li .img img{ height: 240px;}
    .areasnav{ flex-wrap: wrap;}
    .joinOne .text-uppercase{ font-size: 60px;}
}

@media screen and (max-width:750px) {
    .neiBan{ margin-top: 60px;}
    body{ font-size: 12px;}
    .w1440{ width: 100%; padding: 0 20px;  }
    .idx-banner .swiper-slide .txt{  left: 20px;}

    header{ height: 60px;}
    header .w1440{  height: 100%; padding: 0 0 0 20px;}
    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;}
    nav a.onenav::after{ height: 2px;}
    .f150{ font-size: 40px;}
    .idx-banner{  height: 320px; margin-top: 60px;}
    .editorial{ height: 30px;}

    #areSwiper .img img{ width: 100%; height: 200px; object-fit: cover;}
    .newTop .txt, .newTop .img{ height: auto;}
    .idxnewsUl li{ width: 100%; border-bottom: 1px solid #e5e5e5;}
    .idxnewsUl li .line-clamp2{ display: none;}
    .idxnewsUl li .more{ margin-top: 0;}
    footer .w60{ width: 100%;}
    footer .top .right{ margin-top: 10px;}
    .dlnav{ display: none;}
    .logo-w{ height: 32px;}
    footer .bot .wapFlex{ line-height: 2; justify-content: center; align-items: center; text-align: center;}
    #toolbar{ display: flex;}
    body::after{ display: block; content: ''; width: 100%; height: 60px; background-color: #125999;}
    nav a{ text-align: center;}
    nav a::after{ height: 1px;}

    .numUl{ flex-wrap: wrap; padding: 25px 0; margin-bottom: 12px;}
    .numUl li{ width: 50% ;text-align: center; margin-top: 15px;}
    .numUl .DIN{ justify-content: center;}
    .f140{ font-size: 34px;}
    .introduce{ padding: 20px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
        background: url(../images/bg2.png) no-repeat bottom left #fff;  background-size: 100% auto;}
    .aboutline{ height: 1.5px;}
    .introduce .right{ width: 100%; margin-top: 12px;}
    /* .CultureUl{ flex-wrap: wrap;}
    .CultureUl li{ width: 48%; margin-bottom: 15px;} 
    .CultureUl li .txt{ transform: translateY(68%); -webkit-transform: translateY(68%); -moz-transform: translateY(68%); -ms-transform: translateY(68%); -o-transform: translateY(68%); }
    */

    .areaslist li{ flex-direction: column; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
    .areaslist .img{ width: 100%;}
    .areaslist .txt{  width:100%;}
    .f160{ font-size: 40px; opacity: 0.04;}
    .areaslist .img img{ height: 165px;}
    .areaslist .txt .flex{ margin-top: 15px;}
    .areaslist .txt .more{ width: 120px; height: 38px;}

    .caselist li{ width: 100%; margin-bottom: 20px; margin-right: 0;}
    .caselist li .img img{ height: 260px;}
    .banback{ right: 20px;}
    .caselist{ margin-top: 10px; }
    .areasnav a{ width: 30%; height: 32px;  margin: 0 4px;margin-bottom: 12px;}

    .prolist li{ width: 100%; margin-bottom: 20px;}
    .prolist li .img{ height: 250px;}
    .prolist li  .f30{ margin: 8px 0;}

    .pglist  span,.pglist .page{ display: none;}
    .proTip{ height: 16px;}

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

    .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; }
    .contactBanUl span{ width: 50px; height: 50px;}
    .contactBanUl li+li{ margin-top: 15px;}

    .searchPop .footSearch{ width: 90vw;}
    .footSearch .text,.footSearch .submit{ line-height: 42px;height: 42px;}
    .idx-banner .swiper-slide .txt .bot .f20{ font-size: 12px; line-height: 1.6;}
    .gallery-top .swiper-slide{ padding-bottom: 0;}
    /* .protabItem .img  { height: 280px;} */
    nav a.onenav{  line-height: 70px;}
    .zhanwei{ padding-top: 60px; margin-top: -60px;}

    .joinOne .text-uppercase{ font-size: 40px;}
    .joinList{ border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
    .joinList dl .desc{ line-height: 2;}

    .newslist .img{ width:100%; }
    .newslist li .img img{ height:180px; }
    .newslist .txt{ width:100%; margin-top: 0 }

    .CultureUl{grid-template-columns: repeat(2,1fr);grid-gap: 10px;}
    
}
.zhanwei{ padding-top: 90px; margin-top: -90px;}

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