@media screen and (max-width: 1699px) {
    .growth .bg{font-size:400px;}
    .banner .item .text h1{font-size:60px}
    .advantage .text h1,.strength .nums dl dt,.strength .nums dl dt span{font-size:50px}
    .tit,.container .title,.headline .text h2 a{font-size:48px}
    .nbanner .text h2,.strength .nums dl dt sub{font-size:46px}
    .culture .p1 .item h2,.culture .p2 .w .text h2,.culture .p3 .item h2,.culture .p4 .item .text h2,.join .con .item .top h2{font-size:44px}
    .i-case .con .item:hover .text h2 a{font-size:38px}
    .strength .tit p,.growth .info .tit p,.capacity .tit p,.quality .info .tit p,.gps .tit p,.feature .text .tit p,.welfare .con dl dt{font-size:36px}
    .advantage .text .nums dl dt span,.strength .nums dl dd{font-size:34px}
    .advantage .text p,.i-case .con .item:hover .text p a{font-size:30px}
    .advantage .text .nums dl dt sub,.i-news .con .list .item .text h2 a,.i-case .con .item .text h2 a,.case .list .item .text a,.more-cases .list .item p a,.promise .w dl dd h2,.news .con .list .item .text h2 a,.culture .p1 .item p,.join .con .item dl dt,.join .con .item .top p span{font-size:28px}
    .i-news .con .list .item .detail,.headline .text .detail,.promise .w dl dd h3,.culture .p2 .w .text .con p,.culture .p3 .item p,.culture .p4 .item .text p,.contact .con .card dl dd p{font-size:26px}
    a.more,.contact .con .gbook .btn,.advantage .con .item h2,.i-news .tab span,.news .tab span,.case .menu a{font-size:24px}
    .advantage .text .nums dl dd,.crumb a,.crumb span,.crumb img,.news .con .list .item .text span,.substation .con .item .text a{font-size:22px}
    .nav{width:80%;justify-content: space-between;}
    .nav dl dt a{margin:0;}
    .culture .p4 .item .text{top:25%;}

}
@media screen and (max-width: 1499px) {
    .growth .bg{font-size:350px;}
    .banner .item .text h1{font-size:50px}
    .advantage .text h1,.strength .nums dl dt,.strength .nums dl dt span{font-size:44px}
    .tit,.container .title,.headline .text h2 a{font-size:40px}
    .nbanner .text h2,.strength .nums dl dt sub{font-size:38px}
    .culture .p1 .item h2,.culture .p2 .w .text h2,.culture .p3 .item h2,.culture .p4 .item .text h2,.join .con .item .top h2{font-size:36px}
    .i-case .con .item:hover .text h2 a{font-size:32px}
    .strength .tit p,.growth .info .tit p,.capacity .tit p,.quality .info .tit p,.gps .tit p,.feature .text .tit p,.welfare .con dl dt{font-size:30px}
    .advantage .text .nums dl dt span,.strength .nums dl dd{font-size:28px}
    .advantage .text p,.i-case .con .item:hover .text p a{font-size:26px}
    .advantage .text .nums dl dt sub,.i-news .con .list .item .text h2 a,.i-case .con .item .text h2 a,.case .list .item .text a,.more-cases .list .item p a,.promise .w dl dd h2,.news .con .list .item .text h2 a,.culture .p1 .item p,.join .con .item dl dt,.join .con .item .top p span{font-size:24px}
    .i-news .con .list .item .detail,.headline .text .detail,.promise .w dl dd h3,.culture .p2 .w .text .con p,.culture .p3 .item p,.culture .p4 .item .text p,.contact .con .card dl dd p{font-size:22px}
    a.more,.contact .con .gbook .btn,.advantage .con .item h2,.i-news .tab span,.news .tab span,.case .menu a,.advantage .text .nums dl dd,.crumb a,.crumb span,.crumb img,.news .con .list .item .text span,.substation .con .item .text a,.nav dl dt a,.nav dl dd a,.i-about .con p,.i-news .con .list .item .text p,.strength .text p,.growth .info .con p,.capacity .con p,.quality .con p,.gps .con p,.feature .text .con p,.container .content p,.promise .w dl dd p,.headline .text p,.contact .con .gbook .row label,.contact .con .gbook .row input,.contact .con .gbook textarea,.join .con .item dl dd,.welfare .con dl dd,.tips p,.foot .top span,.foot .footnav dl dt a,.foot .footnav dl dd a,.i-case .con .item .text p a{font-size:20px}
    .advantage .con .item p,.i-news .con .list .item .text span,.gps .con ul li,.headline .text span,.copyright,.copyright a,.copyright span{font-size:16px}
    
    .contact .con .card dl dt{width:35px;height:35px;}
    .contact .con .card dl dd{width: calc(100% - 50px);}
    .i-case .con .item{height: 35.5vw;}
}
@media screen and (max-width: 1399px) {
    .i-news .tab, .news .tab,.i-case .tit .more{margin-top:0;}
}
@media screen and (max-width: 1299px) {
    .growth .bg{font-size:300px;}
    .banner .item .text h1{font-size:40px}
    .advantage .text h1,.strength .nums dl dt,.strength .nums dl dt span{font-size:36px}
    .tit,.container .title,.headline .text h2 a{font-size:32px}
    .nbanner .text h2,.strength .nums dl dt sub{font-size:30px}
    .culture .p1 .item h2,.culture .p2 .w .text h2,.culture .p3 .item h2,.culture .p4 .item .text h2,.join .con .item .top h2{font-size:28px}
    .i-case .con .item:hover .text h2 a{font-size:26px}
    .strength .tit p,.growth .info .tit p,.capacity .tit p,.quality .info .tit p,.gps .tit p,.feature .text .tit p,.welfare .con dl dt{font-size:24px}
    .advantage .text .nums dl dt span,.strength .nums dl dd{font-size:24px}
    .advantage .text p,.i-case .con .item:hover .text p a{font-size:22px}
    .advantage .text .nums dl dt sub,.i-news .con .list .item .text h2 a,.i-case .con .item .text h2 a,.case .list .item .text a,.more-cases .list .item p a,.promise .w dl dd h2,.news .con .list .item .text h2 a,.culture .p1 .item p,.join .con .item dl dt,.i-news .con .list .item .detail,.headline .text .detail,.promise .w dl dd h3,.culture .p2 .w .text .con p,.culture .p3 .item p,.culture .p4 .item .text p,.contact .con .card dl dd p,.join .con .item .top p span{font-size:20px}
    a.more,.contact .con .gbook .btn,.advantage .con .item h2,.i-news .tab span,.news .tab span,.case .menu a,.advantage .text .nums dl dd,.crumb a,.crumb span,.crumb img,.news .con .list .item .text span,.substation .con .item .text a,.nav dl dt a,.nav dl dd a,.i-about .con p,.i-news .con .list .item .text p,.strength .text p,.growth .info .con p,.capacity .con p,.quality .con p,.gps .con p,.feature .text .con p,.container .content p,.promise .w dl dd p,.headline .text p,.contact .con .gbook .row label,.contact .con .gbook .row input,.contact .con .gbook textarea,.join .con .item dl dd,.welfare .con dl dd,.tips p,.foot .top span,.foot .footnav dl dt a,.foot .footnav dl dd a,.i-case .con .item .text p a{font-size:18px}
    
    input::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-size:16px}



}
@media screen and (max-width: 1199px) {
    .growth .bg{font-size:250px;}
    .banner .item .text h1{font-size:36px}
    .advantage .text h1,.strength .nums dl dt,.strength .nums dl dt span{font-size:32px}
    .tit,.container .title,.headline .text h2 a{font-size:26px}
    .nbanner .text h2,.strength .nums dl dt sub{font-size:24px}
    .culture .p1 .item h2,.culture .p2 .w .text h2,.culture .p3 .item h2,.culture .p4 .item .text h2,.join .con .item .top h2{font-size:24px}
    .i-case .con .item:hover .text h2 a{font-size:22px}
    .strength .tit p,.growth .info .tit p,.capacity .tit p,.quality .info .tit p,.gps .tit p,.feature .text .tit p,.welfare .con dl dt,.advantage .text .nums dl dt span,.strength .nums dl dd{font-size:20px}
    .advantage .text p,.advantage .text .nums dl dt sub,.i-news .con .list .item .text h2 a,.i-case .con .item .text h2 a,.case .list .item .text a,.more-cases .list .item p a,.promise .w dl dd h2,.news .con .list .item .text h2 a,.culture .p1 .item p,.join .con .item dl dt,.i-news .con .list .item .detail,.headline .text .detail,.promise .w dl dd h3,.culture .p2 .w .text .con p,.culture .p3 .item p,.culture .p4 .item .text p,.contact .con .card dl dd p,.join .con .item .top p span{font-size:18px}
    a.more,.contact .con .gbook .btn,.advantage .con .item h2,.i-news .tab span,.news .tab span,.case .menu a,.advantage .text .nums dl dd,.crumb a,.crumb span,.crumb img,.news .con .list .item .text span,.substation .con .item .text a,.nav dl dt a,.nav dl dd a,.i-about .con p,.i-news .con .list .item .text p,.strength .text p,.growth .info .con p,.capacity .con p,.quality .con p,.gps .con p,.feature .text .con p,.container .content p,.promise .w dl dd p,.headline .text p,.contact .con .gbook .row label,.contact .con .gbook .row input,.contact .con .gbook textarea,.join .con .item dl dd,.welfare .con dl dd,.tips p,.foot .top span,.foot .footnav dl dt a,.foot .footnav dl dd a,.advantage .con .item p,.i-news .con .list .item .text span,.gps .con ul li,.headline .text span,.copyright,.copyright a,.copyright span,.i-case .con .item .text p a{font-size:16px;}
    
    
    .logo{margin:10px 0;width:100px;}
    .nav{margin-top:20px;}
    .substation .con .item,.culture .p3 .item,.case .list .item{width:49%;}
    .case .list .item,.case .list .item:nth-child(3n){margin-right:2%;}
    .substation .con .item:nth-child(2n),.case .list .item:nth-child(2n){margin-right:0;}
    .substation .con .item:hover .text {position: relative;top:auto;}
    .case .menu a{line-height:400%;}
    .culture .p3{flex-wrap:wrap;}
    .contact .con .card dl dt{width:30px;height:30px;}
    .contact .con .card dl dd{width: calc(100% - 45px);}
    .map{aspect-ratio:5/2}
    .foot .top{padding:2% 0;}
    .foot .top span{padding-left:3%;margin:0 auto;}
}


@media screen and (max-width: 999px) {
    .growth .bg{font-size:200px;}
    .banner .item .text h1{font-size:32px}
    .advantage .text h1,.strength .nums dl dt,.strength .nums dl dt span{font-size:28px}
    .tit,.container .title,.headline .text h2 a{font-size:24px}
    .nbanner .text h2,.strength .nums dl dt sub{font-size:22px}
    .culture .p1 .item h2,.culture .p2 .w .text h2,.culture .p3 .item h2,.culture .p4 .item .text h2,.join .con .item .top h2,.i-case .con .item:hover .text h2 a{font-size:20px}
    .strength .tit p,.growth .info .tit p,.capacity .tit p,.quality .info .tit p,.gps .tit p,.feature .text .tit p,.welfare .con dl dt,.advantage .text .nums dl dt span,.strength .nums dl dd{font-size:18px}
    .advantage .text p,.advantage .text .nums dl dt sub,.i-news .con .list .item .text h2 a,.i-case .con .item .text h2 a,.case .list .item .text a,.more-cases .list .item p a,.promise .w dl dd h2,.news .con .list .item .text h2 a,.culture .p1 .item p,.join .con .item dl dt,.i-news .con .list .item .detail,.headline .text .detail,.promise .w dl dd h3,.culture .p2 .w .text .con p,.culture .p3 .item p,.culture .p4 .item .text p,.contact .con .card dl dd p,.join .con .item .top p span{font-size:16px}
    
    .head:hover{background:none;padding-bottom:0}
    .logo {width: 80px;}
    .no-scroll .head{background:#fff;}
    .no-scroll .head dl a{color:#000;display:inline-block;}
    .nav{position:absolute;background: #fff;width: 100vw;left: -5.5%;top: 100%;margin: 0;height:100vh;}
    .nav dl{width:100%;text-align:left;}
    .nav dl:last-child{margin-left:0}
    .nav dl:last-child dt a{background: none;border-radius: 0;padding: 0;color: #000;line-height: 50px;margin: 0;}
    .nav dl dt{padding:0 0 0 10%;border-bottom: 1px solid #eee;position:relative}
    .nav dl dt::after {content: "";width: 30px;height: 30px;background: url(../images/ico-arr-down.png) no-repeat center;position: absolute;top: 50%;right: 10%;transform: translateY(-50%);transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;background-size: 40%;}
    .nav dl.op dt::after{transform: translateY(-50%) rotate(180deg);}
    .nav dl dd:nth-child(2){margin-top:2%;}
    .menuBtn,.menuBtn.open b{width:50px;}
    .advantage .text, .advantage .video,.strength .text,.quality .info,.gps .con,.promise .w dl,.growth .info,.culture .p2 .w .pic, .culture .p2 .w .text,.feature .pic, .feature .text,.contact .con .gbook,.contact .con .card,.welfare .con,.i-about .con{width:100%;}
    .growth .img,.quality .img{width:94%;margin:5% 3%;}
    .culture .p2 .w,.culture .p4,.honor .con,.promise .w,.menuBtn{display:block}
    .culture .p3 .item h2{margin:10% auto;}
    .culture .p4 .item:first-child .text,.culture .p4 .item .text{left:10%;}
    .i-news .tab span, .news .tab span{padding:0 20px;}
    .honor .con img,.honor .con img:last-child{width:80%;margin:2% auto;}
    .promise .w dl{border-right:none;border-bottom:1px solid #d3d3d3;}
    .promise .w dl dt{width:50px;}
    .promise .w dl dd{width: calc(100% - 60px);}
    .feature .text{margin-top:10%;}
    .contact .con .gbook .row input, .contact .con .gbook textarea{line-height:300%;}
    .contact .con .card dl dt{width:25px;height:25px;}
    .contact .con .card dl dd{width: calc(100% - 35px);}
    .map{aspect-ratio:5/3}
    .join .con,.advantage .con,.advantage .text .nums{justify-content:space-between;flex-wrap:wrap;}
    .join .con .item{width:49%;margin:1% 0;padding:3%;}
    .join .con .item:nth-child(2n){margin-right:0;}
    .join .con .item .top{aspect-ratio:auto;}
    .join .con .item .top p{margin:5% auto;}
    .join .con .item:hover{background:#f2f2f2}
    .join .con .item:hover .bg,.join .con .item:hover .top h2 span,.nav,.head:hover dl dd,.head dl dd{display:none}
    .join .con .item:hover .top p{display:block}
    .join .con .item:hover h2,.join .con .item:hover p span,.join .con .item:hover dt,.join .con .item:hover dd{color:#000}
    .join .con .item:hover .top h2{background:none;padding-left:0px}
    .join .con .item:hover p span{filter:none}
    .welfare .con,.advantage .text .nums,.i-about .con,.i-about .con .more,.i-about .con .img{margin-top:3%;}
    .advantage .con .item,.advantage .text .nums dl{width:50%;padding:3%;}
    /*.advantage .text .nums dl{width:50%;padding-right:0;}*/
    .advantage .con .item:nth-child(2n),.advantage .text .nums dl:nth-child(2n){border:none;}
    .advantage .con .item:nth-child(-n+2){border-bottom: 1px solid #fff;}
    .advantage .text .nums dl:nth-child(-n+2) {border-bottom: 1px solid #ccc;}
    .i-about .con .img{margin-left:0;}
    .i-case .con .item {height: 47vw;}
    .foot .footnav dl dt a{line-height:200%;}
    
}

@media screen and (max-width: 767px) {
    .w{width:90%;}
    .growth .bg{font-size:150px;}
    .banner .item .text h1{font-size:26px}
    .advantage .text h1,.strength .nums dl dt,.strength .nums dl dt span{font-size:24px}
    .tit{font-size:22px}
    .nbanner .text h2,.strength .nums dl dt sub,.container .title,.headline .text h2 a{font-size:20px}
    .culture .p1 .item h2,.culture .p2 .w .text h2,.culture .p3 .item h2,.culture .p4 .item .text h2,.join .con .item .top h2,.i-case .con .item:hover .text h2 a{font-size:18px}
    .strength .tit p,.growth .info .tit p,.capacity .tit p,.quality .info .tit p,.gps .tit p,.feature .text .tit p,.welfare .con dl dt,.advantage .text .nums dl dt span,.strength .nums dl dd{font-size:16px}
    .advantage .text p,.advantage .text .nums dl dt sub,.i-news .con .list .item .text h2 a,.i-case .con .item .text h2 a,.case .list .item .text a,.more-cases .list .item p a,.promise .w dl dd h2,.news .con .list .item .text h2 a,.culture .p1 .item p,.join .con .item dl dt,.i-news .con .list .item .detail,.headline .text .detail,.promise .w dl dd h3,.culture .p2 .w .text .con p,.culture .p3 .item p,.culture .p4 .item .text p,.contact .con .card dl dd p,a.more,.contact .con .gbook .btn,.advantage .con .item h2,.i-news .tab span,.news .tab span,.case .menu a,.advantage .text .nums dl dd,.crumb a,.crumb span,.crumb img,.news .con .list .item .text span,.substation .con .item .text a,.nav dl dt a,.nav dl dd a,.i-about .con p,.i-news .con .list .item .text p,.strength .text p,.growth .info .con p,.capacity .con p,.quality .con p,.gps .con p,.feature .text .con p,.container .content p,.promise .w dl dd p,.headline .text p,.contact .con .gbook .row label,.contact .con .gbook .row input,.contact .con .gbook textarea,.join .con .item dl dd,.welfare .con dl dd,.tips p,.foot .top span,.foot .footnav dl dt a,.foot .footnav dl dd a,.advantage .con .item p,.i-news .con .list .item .text span,.gps .con ul li,.headline .text span,.copyright,.copyright a,.copyright span,.i-case .con .item .text p a{font-size:14px}
    input::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-size:14px;}
    
    .logo {width: 60px;}
    .menuBtn,.menuBtn.open b{width:40px;}
    .banner .item{overflow:hidden}
    .banner .item img, .nbanner img{width:150%;max-width:none}
    .culture .p1,.contact .con{display:block;}
    .culture .p1 .item{width:100%;margin:2% 0;aspect-ratio:9/5;overflow:auto;}
    .culture .p1 .item img{width:100%;height:100%;max-width:none;object-fit:cover}
    .culture .p1 .item h2{top:15%;}
    .culture .p1 .item p{bottom:15%;}
    .culture .p1 .item h2, .culture .p1 .item p{left:6%;}
    .headline .pic,.headline .text,.news .con .list .item{width:100%;}
    .case .menu{flex-wrap:wrap;}
    .case .menu a{width:33.3333%;line-height:300%;}
    .news .con .list .item,.i-news .con .list .item .detail, .headline .text .detail{margin:2% auto;}
    .contact .con .card dl,.contact .con .card .code{margin:5% auto;}
    .contact .con .card,.contact .con .gbook{padding:5%;}
    .map{aspect-ratio:5/4}
    a.more,.contact .con .gbook .btn{padding:0 3%;}
    .i-news .con .list .slick-list, .i-case .con .slick-list{overflow:hidden;}
    .i-news .con{aspect-ratio:5/4;}
    .i-news .con .list .item,.i-news .con .slick-dots{margin:0;}
    .i-case .con{overflow:auto;}
    .i-case .con .item{height:68vw;}
    .i-case .con .item:hover{aspect-ratio:5/8}
    .slick-dots li{width:30px !important;}
    .crumb img {width: 7px;}
    .crumb a, .crumb span, .crumb img{margin-right:10px;}
    .more-cases .slick-arrow{width:25px;height:25px;}
    .foot .footnav{padding:3% 0}
    .foot .footnav .media{display:none}
    .foot .top{display:block;}
    .foot .top span{padding-left:25px;}
}

@media screen and (max-width: 480px) {
    .growth .bg{font-size:100px;}
    .banner .item .text h1{font-size:20px;font-weight:normal}
    .advantage .text h1, .strength .nums dl dt, .strength .nums dl dt span{font-size:18px;}
    .tit{font-size:18px;}
    .nbanner .text h2,.strength .nums dl dt sub,.container .title,.headline .text h2 a{font-size:16px;}
    /*.strength .tit p, .growth .info .tit p, .capacity .tit p, .quality .info .tit p, .gps .tit p, .feature .text .tit p, .welfare .con dl dt,.advantage .text .nums dl dt span {}*/
    
    .strength .nums dl dd,.copyright, .copyright a, .copyright span,.foot .top span{font-size:12px;}
    .menuBtn,.menuBtn.open b{width:30px;}
    .more-cases .slick-arrow{width:20px;height:20px;}
    .menuBtn b{height:2px;margin:6px 0;}
    .crumb img {width: 6px;}
    .join .con .item,.welfare .con dl{width:100%;}
    .join .con .item dl{margin-bottom:0;}
    .welfare .con dl{padding-right:0;}
    .welfare .con dl:nth-last-child(-n+2){margin-bottom:5%;}
    a.more,.contact .con .gbook .btn{padding:0 4%;}
    .foot .top span{padding-left:25px;}
    .foot .footnav dl dd{display:none}
}