/* 响应式样式 */
@media screen and (max-width: 1799px) {
    .w {
        width: 94%;
    }
    .about .history .scroll .roll li i{font-size: 75px;}
    .langma .con .item .num{font-size: 90px;}
    .about .strength .equipment .tit2 img{width:75px;}
    .case .c6 .text{padding:3% 3% 4%;}
}
@media screen and (max-width: 1699px) {
    .about .history .scroll .roll li i{font-size: 70px;}
    .langma .con .item .num{font-size: 80px;}
    .about .profile .num dl dd span{font-size: 70px;}
    .banner .item .text .w{font-size: 60px;}
    .i-about .text h1,.about .slogan h1,.about .strength .summary .text h1,.about .mission .w h1,.name h1,.case .c3 .slogan,.i-about .num dl dd span,.joinus h1 p{font-size: 50px;}
    .banner h2,.tit,.tit2,.case .c1 .slogan h1,.name h1 span,.customize .slogan h1,.joinus h2{font-size: 44px;}
    .i-news .list .item .date span,.float .phone .con{font-size: 38px;}
    .feature .dots .item h2,.about .slogan p,.about .strength .equipment .con .item .text i,.about .mission .w h2,.about .culture .w .item .text h2,.about .values .w .item .text h2,.case .c1 .slogan p,.name h2,.langma .con .item h2,.news .headlines .text h1 a,.news .title,.customize .slogan p,.map .contact h2,.jobs .con .item h2{font-size: 34px;}
    .advantage .w .item .top p,.service .w .item .top p,.about .intro .item h2,.about .strength .equipment .con .item .text h2{font-size: 30px;}
    .i-about .num dl dd sub,.about .profile .num dl dd sub,.about .history .scroll .roll li p,.product .list .item .text,.case .c2 .box p,.customize .con .item h2,.hr .w .con .row dl dt,.foot .w .top dl dd p{font-size: 28px;}
    .i-news .list .item .title a,.news .list .item .text h2 a{font-size: 26px;}
    .tips .con ul li a{font-size: 24px;}
    .lang span,.i-about .num dl dt,.feature .text .w,.about .menu a,.about .profile .num dl dt,.about .mission .w p,.left .menu li a,.news .headlines .text span,.news .list .item .text span,.map .contact dl:nth-last-child(2) dd p,.message .con .btn,.jobs .con .item dl dt{font-size: 22px;}
    .foot .w .bottom dl dt,.foot .w .bottom dl dt a{font-size: 20px;}
    .nav dl dt a,.nav dl dd a,.i-about .text span,.i-about .num dl dd sub i,.advantage .w .item .bottom span,.advantage .w .item .bottom a,.service .w .item .bottom span,.service .w .item .bottom a,.feature .dots .item p,.i-news .list .item .desc a,.about .profile p,.about .profile .num dl dd sub i,.about .strength .summary .text p,.about .culture .w .item .text p,.about .values .w .item .text p,.case .c1 .info p,.langma .con .item .num sub,.langma .con .item p,.case .c3 .info p,.case .c6 .text,.news .headlines .text p,.news .list .item .text p,.news .content,.map .contact dl dd,.map .contact dl dd p,.message .con .row label,.message .con .row input,.jobs .con .item p span,.hr .w .con .row dl dd,.hr .w .notes{
        font-size: 18px;
    }
    /*.about .intro .item p,.about .strength .equipment .con .item .text p,.case .c2 .info,.case .c4 .info,.case .c5 .w p,.customize .con .item p,.aboutus .con p,.jobs .con .item dl dd,.foot .w .top dl dt span,.foot .w .bottom dl dd,.foot .w .bottom dl dd a{font-size: 16px;}*/
    
    .about .strength .equipment .con .item .text p{font-size:16px;}
    .i-news .list .item .date{font-size: 14px;}
    .about .history .scroll .roll li{min-height:214px;}
    .about .strength .equipment .tit2 img{width:70px;}
    .about .history .scroll{padding-left:0;}
    
    .about .history .scroll .roll li p{width:68%;}
    
    .lang .btn{height: 48px;line-height: 48px;}
    /*.logo img{height: 40px;}*/
    .float .item{width: 80px;}
    .float .phone .con{line-height: 80px;}
}
@media screen and (max-width: 1599px) {
    .about .history .scroll .roll li i{font-size: 65px;}
    .langma .con .item .num{font-size: 70px;}
    .about .profile .num dl dd span{font-size: 60px;}
    .banner .item .text .w{font-size: 50px;}
    .i-about .text h1,.about .slogan h1,.about .strength .summary .text h1,.about .mission .w h1,.name h1,.case .c3 .slogan,.i-about .num dl dd span,.joinus h1 p{font-size: 44px;}
    .banner h2,.tit,.tit2,.case .c1 .slogan h1,.name h1 span,.customize .slogan h1,.joinus h2{font-size: 40px;}
    .i-news .list .item .date span,.float .phone .con{font-size: 34px;}
    
    .lang{margin-top: 33px;}
    .lang .btn{height: 44px;line-height: 44px;}
    .lang .btn img{width: 26px;}
    .map .contact{width: 45%;max-width: 600px;min-width:auto;}
    .about .strength .equipment .tit2 img{width:65px;}
    .foot .w .bottom .foot-nav{justify-content: flex-start;}
    .foot .w .bottom .foot-nav dl {margin: 0 5% 0 0;}
    
    
    
    .float .item{width: 70px;}
    .float .phone .con{line-height: 70px;}
}

@media screen and (max-width: 1499px) {
    
    .about .history .scroll .roll li i{font-size:60px;}
    .langma .con .item .num{font-size: 60px;}
    .about .profile .num dl dd span{font-size: 50px;}
    .banner .item .text .w{font-size: 44px;}
    
    .i-about .text h1,.about .slogan h1,.about .strength .summary .text h1,.about .mission .w h1,.name h1,.case .c3 .slogan,.i-about .num dl dd span,.joinus h1 p{font-size: 40px;}
    .banner h2,.tit,.tit2,.case .c1 .slogan h1,.name h1 span,.customize .slogan h1,.joinus h2{font-size: 36px;}
    .i-news .list .item .date span,.float .phone .con{font-size: 32px;}
    .feature .dots .item h2,.about .slogan p,.about .strength .equipment .con .item .text i,.about .mission .w h2,.about .culture .w .item .text h2,.about .values .w .item .text h2,.case .c1 .slogan p,.name h2,.langma .con .item h2,.news .headlines .text h1 a,.news .title,.customize .slogan p,.map .contact h2,.jobs .con .item h2{font-size: 28px;}
    .advantage .w .item .top p,.service .w .item .top p,.about .intro .item h2,.about .strength .equipment .con .item .text h2{font-size: 26px;}
    .i-about .num dl dd sub,.about .profile .num dl dd sub,.about .history .scroll .roll li p,.product .list .item .text,.case .c2 .box p,.customize .con .item h2,.hr .w .con .row dl dt,.foot .w .top dl dd p{font-size: 24px;}
    .i-news .list .item .title a,.news .list .item .text h2 a{font-size: 24px;}
    .tips .con ul li a{font-size: 22px;}
    .lang span,.i-about .num dl dt,.feature .text .w,.about .menu a,.about .profile .num dl dt,.about .mission .w p,.left .menu li a,.news .headlines .text span,.news .list .item .text span,.map .contact dl:nth-last-child(2) dd p,.message .con .btn,.jobs .con .item dl dt{font-size: 20px;}
    .foot .w .bottom dl dt,.foot .w .bottom dl dt a{font-size: 18px;}
    .nav dl dt a,.nav dl dd a,.i-about .text span,.i-about .num dl dd sub i,.advantage .w .item .bottom span,.advantage .w .item .bottom a,.service .w .item .bottom span,.service .w .item .bottom a,.feature .dots .item p,.i-news .list .item .desc a,.about .profile p,.about .profile .num dl dd sub i,.about .strength .summary .text p,.about .culture .w .item .text p,.about .values .w .item .text p,.case .c1 .info p,.langma .con .item .num sub,.langma .con .item p,.case .c3 .info p,.case .c6 .text,.news .headlines .text p,.news .list .item .text p,.news .content,.map .contact dl dd,.map .contact dl dd p,.message .con .row label,.message .con .row input,.jobs .con .item p span,.hr .w .con .row dl dd,.hr .w .notes{
        font-size: 16px;
    }
    /*.about .intro .item p,.about .strength .equipment .con .item .text p,.case .c2 .info,.case .c4 .info,.case .c5 .w p,.customize .con .item p,.aboutus .con p,.jobs .con .item dl dd,.foot .w .top dl dt span,.foot .w .bottom dl dd,.foot .w .bottom dl dd a{font-size: 14px;}*/
    .i-news .list .item .date{font-size: 12px;}
    .about .history .scroll .roll li{min-height:185px;}
    .logo img{height: 38px;}
    .lang{margin-top: 32px;}
    .lang .btn{height: 40px;line-height: 40px;}
    .lang .btn img{display:none}
    .about .strength .equipment .tit2 img{width:60px;}
    
    .float .item{width: 60px;}
    .float .phone .con{line-height: 60px;}
}

@media screen and (max-width: 1399px) {
    .about .history .scroll .roll li i{font-size:50px;}
    .langma .con .item .num{font-size: 40px;}
    .about .profile .num dl dd span,.i-about .text h1,.about .slogan h1,.about .strength .summary .text h1,.about .mission .w h1,.name h1,.case .c3 .slogan,.i-about .num dl dd span,.joinus h1 p{font-size: 36px;}
    .banner .item .text .w,.banner h2,.tit,.tit2,.case .c1 .slogan h1,.name h1 span,.customize .slogan h1,.joinus h2{font-size: 32px;}
    .i-news .list .item .date span,.float .phone .con{font-size: 30px;}
    .feature .dots .item h2,.about .slogan p,.about .strength .equipment .con .item .text i,.about .mission .w h2,.about .culture .w .item .text h2,.about .values .w .item .text h2,.case .c1 .slogan p,.langma .con .item h2,.news .headlines .text h1 a,.news .title,.customize .slogan p,.map .contact h2,.jobs .con .item h2{font-size: 26px;}
    .advantage .w .item .top p,.service .w .item .top p,.about .intro .item h2,.about .strength .equipment .con .item .text h2{font-size: 24px;}
    .i-about .num dl dd sub,.about .profile .num dl dd sub,.about .history .scroll .roll li p,.product .list .item .text,.case .c2 .box p,.customize .con .item h2,.hr .w .con .row dl dt,.foot .w .top dl dd p,.i-news .list .item .title a,.news .list .item .text h2 a{font-size: 22px;}
    .tips .con ul li a{font-size: 20px;}
    .lang span,.i-about .num dl dt,.feature .text .w,.about .menu a,.about .profile .num dl dt,.about .mission .w p,.left .menu li a,.news .headlines .text span,.news .list .item .text span,.map .contact dl:nth-last-child(2) dd p,.message .con .btn,.jobs .con .item dl dt{font-size: 18px;}
    .about .intro .item p,.about .strength .equipment .con .item .text p,.case .c2 .info,.case .c4 .info,.case .c5 .w p,.customize .con .item p,.aboutus .con p,.jobs .con .item dl dd,.foot .w .top dl dt span,.foot .w .bottom dl dd,.foot .w .bottom dl dd a,.foot .w .bottom dl dt,.foot .w .bottom dl dt a,.langma .con .item p{font-size: 16px;}

    
    
    
    .nav{margin-right:2%;}
    .about .strength .equipment .con .item{width:100%;margin:0 0 2% 0;}
    .about .strength .equipment .con .last{display:block;}
    .about .strength .equipment .con .last .item:last-child .text p{position: relative;bottom:auto;width:auto;margin:3% auto;}
    .jobs .con .item,.product .list .item{width: 49%;}
    .product .list .item:nth-child(3n){margin-right:2%;}
    .jobs .con .item:nth-child(2n),.product .list .item:nth-child(2n),.jobs .con .item:nth-child(2n){margin-right: 0;}
    .product .list .item:nth-child(-n+3){margin-top:2%;}
    .product .list .item:nth-child(-n+2){margin-top:0;}
    .message .con .row input{line-height:300%}
    .about .history .scroll .roll li{min-height:170px;}
    .about .strength .equipment .tit2 img{width:55px;}
}
@media screen and (max-width: 1280px) {
    .name h2{font-size:24px;}
    .menuBtn{display:block;}
    .nav,.i-news .pic{display:none}
    .lang {margin: 0;position: absolute;right: 10%;top: 50%;transform: translateY(-50%);}
    .nav{position:absolute;top:100%;background:#fff;margin-right:0;width: 106.3829%;left: -3.1914%;border-top: 1px solid #ddd;padding: 0 4%;}
    .nav dl{margin:0;width:14.28%;text-align:center;}
    .nav dl dd{width:150%;left:-25%;}
    .nav dl dt a{color:#333;}
    .i-news .list{width:100%;}
    .i-news .list .item .title a{font-size:20px;}
    .about .intro .item p{width:65%;}
    .about .strength .summary{overflow:hidden;}
    .about .strength .summary img{width:150%;max-width:none}
    .about .strength .equipment .tit2 img{width:50px;}
    .langma .con .item{aspect-ratio:5 / 3}
    .map .contact dl dt{width:45px;}
    .customize .con .item h2, .customize .con p{padding:0 2%;}
}
@media screen and (max-width: 1024px) {
    .about .history .scroll .roll li i{font-size:40px;}
    .langma .con .item .num{font-size: 36px;}
    .about .profile .num dl dd span,.i-about .text h1,.about .slogan h1,.about .strength .summary .text h1,.about .mission .w h1,.name h1,.case .c3 .slogan,.i-about .num dl dd span,.joinus h1 p{font-size: 32px;}
    .banner .item .text .w,.banner h2,.tit,.tit2,.case .c1 .slogan h1,.name h1 span,.customize .slogan h1,.joinus h2{font-size: 28px;}
    .i-news .list .item .date span,.float .phone .con{font-size:24px;}
    .feature .dots .item h2,.about .slogan p,.about .strength .equipment .con .item .text i,.about .mission .w h2,.about .culture .w .item .text h2,.about .values .w .item .text h2,.case .c1 .slogan p,.langma .con .item h2,.news .headlines .text h1 a,.news .title,.customize .slogan p,.map .contact h2,.jobs .con .item h2{font-size: 22px;}
    .advantage .w .item .top p,.service .w .item .top p,.about .intro .item h2,.about .strength .equipment .con .item .text h2,.name h2{font-size: 20px;}
    .i-about .num dl dd sub,.about .profile .num dl dd sub,.about .history .scroll .roll li p,.product .list .item .text,.case .c2 .box p,.customize .con .item h2,.hr .w .con .row dl dt,.foot .w .top dl dd p,.i-news .list .item .title a,.news .list .item .text h2 a{font-size: 18px;}
    .tips .con ul li a,.lang span,.i-about .num dl dt,.feature .text .w,.about .menu a,.about .profile .num dl dt,.about .mission .w p,.left .menu li a,.news .headlines .text span,.news .list .item .text span,.map .contact dl:nth-last-child(2) dd p,.message .con .btn,.jobs .con .item dl dt{font-size: 16px;}
    .about .intro .item p,.about .strength .equipment .con .item .text p,.case .c2 .info,.case .c4 .info,.case .c5 .w p,.customize .con .item p,.aboutus .con p,.jobs .con .item dl dd,.foot .w .top dl dt span,.foot .w .bottom dl dd,.foot .w .bottom dl dd a,.foot .w .bottom dl dt,.foot .w .bottom dl dt a,.langma .con .item p,.i-news .list .item .desc a{font-size: 14px;}
    
    .menuBtn,.menuBtn.open b{width:50px;}
    .menuBtn b{height:4px;}
    .banner{overflow: hidden;}
    .banner .item{width:200% !important;overflow:auto;}
    .banner .item img{margin-left:-30%;}
    .i-about .w{background:none;}
    .i-about .text,.i-about .num,.service .w .item:last-child,.about .strength .summary .text h1,.about .strength .summary .text p,.aboutus .con,.about .history .scroll .control img,.news .headlines .pic, .news .headlines .text,.main .left,.main .right{width:100%;}
    .advantage .w .slick-slide{margin:0 10px;}
    .advantage .w .slick-dots{position:relative;left:auto;bottom:auto;transform:none;margin:3% auto;}
    .advantage .w .slick-dots li.slick-active{background:#666 !important;}
    .advantage .w .slick-dots li{border-color:#666 !important;}
    .advantage .w .item .bottom{top:0;background:linear-gradient(to top,#0D6DEC 29%,rgba(13,109,236,0.1) 50%)}
    .service .w .item,.news .list .item{width:49%;}
    .service .w .item:nth-child(2n),.news .list .item:nth-child(2n){margin-right:0;}
    .service .w .item .bottom{display:none}
    .feature .text .w{padding-right:0;}
    .feature .dots .slick-slide{margin:0;}
    .feature .dots .item{padding:3%;}
    .feature .dots .item p{margin-top:3%;}
    /*.about .history .scroll .control{width:10%;max-width:60px;}*/
    .about .history .scroll .roll{width:90%;}
    .about .history .scroll .roll li{min-height:153px;}
    .about .strength .summary .text h1,.about .strength .summary .text p{float:none}
    .about .strength .equipment .tit2 img{width:45px;}
    .aboutus .con p{margin: 0 auto 3%;}
    .news .headlines,.main{display:block;}
    .news .list .item{margin:1% 2% 1% 0;}
    .news .list .item:nth-child(3n){margin-right:2%;}
    .case .c6 .text{width:94%;}
    .left .menu{display:flex;margin-bottom:5%;min-height:auto;flex-wrap:wrap;justify-content:flex-start;}
    .left .menu li{width:33.3333%;margin:0;}
    .left .menu li a{line-height:400%;display:block;}
    .map .contact dl dt{width:40px;}
    
    .about .menu .w {justify-content: flex-start;flex-wrap: wrap;padding: 3% 0;}
    .about .menu a{line-height:200%;width:33%;text-align:left;}

    .foot .w .top{align-items:center}
    .foot .w .top img{max-width:60%;}
}
@media screen and (max-width: 780px) {
    
    .about .history .scroll .roll li i{font-size:32px;}
    .langma .con .item .num{font-size: 30px;}
    .about .profile .num dl dd span,.i-about .text h1,.about .slogan h1,.about .strength .summary .text h1,.about .mission .w h1,.name h1,.case .c3 .slogan,.i-about .num dl dd span,.joinus h1 p{font-size: 26px;}
    .banner .item .text .w,.banner h2,.tit,.tit2,.case .c1 .slogan h1,.name h1 span,.customize .slogan h1,.joinus h2{font-size: 24px;}
    .i-news .list .item .date span,.float .phone .con,.lang .btn span{font-size:20px;}
    .feature .dots .item h2,.about .slogan p,.about .strength .equipment .con .item .text i,.about .mission .w h2,.about .culture .w .item .text h2,.about .values .w .item .text h2,.case .c1 .slogan p,.name h2,.langma .con .item h2,.news .headlines .text h1 a,.news .title,.customize .slogan p,.map .contact h2,.jobs .con .item h2{font-size: 18px;}
    .i-about .num dl dd sub,.about .profile .num dl dd sub,.about .history .scroll .roll li p,.product .list .item .text,.case .c2 .box p,.customize .con .item h2,.hr .w .con .row dl dt,.foot .w .top dl dd p,.i-news .list .item .title a,.news .list .item .text h2 a,.service .w .item .top p,.about .intro .item h2,.about .strength .equipment .con .item .text h2,.lang .con a{font-size: 16px;}
    .tips .con ul li a,.lang span,.i-about .num dl dt,.feature .text .w,.about .menu a,.about .profile .num dl dt,.about .mission .w p,.news .headlines .text span,.news .list .item .text span,.map .contact dl:nth-last-child(2) dd p,.message .con .btn,.jobs .con .item dl dt，.nav dl dt a,.nav dl dd a,.i-about .text span,.i-about .num dl dd sub i,.advantage .w .item .bottom span,.advantage .w .item .bottom a,.service .w .item .bottom span,.service .w .item .bottom a,.feature .dots .item p,.i-news .list .item .desc a,.about .profile p,.about .profile .num dl dd sub i,.about .strength .summary .text p,.about .culture .w .item .text p,.about .values .w .item .text p,.case .c1 .info p,.langma .con .item .num sub,.langma .con .item p,.case .c3 .info p,.case .c6 .text,.news .headlines .text p,.news .list .item .text p,.news .content,.map .contact dl dd,.map .contact dl dd p,.message .con .row label,.message .con .row input,.jobs .con .item p span,.hr .w .con .row dl dd,.hr .w .notes,.foot .w .top dl dd p{
        font-size: 14px;
    }
    
    
    .w{width:92%;}
    .logo{max-width:60%;margin:5% 0;}
    .logo img{height:auto;margin-left:0;}
    .menuBtn,.menuBtn.open b{width:40px;}
    .menuBtn{height:34px;}
    .menuBtn b{height:3px;margin:6px 0;}
    .nav{width: 108.6956%;left: -4.3478%;border-top: 1px solid #ddd;padding: 0 10%;min-height:100vh;z-index: 1000;}
    .nav dl{margin:0;width:100%;text-align:left;}
    .nav dl dd,.head .nav dl dt a::after, .head .nav dl dt a.on::after,.nav dl:hover dd{display:none}
    .nav dl dt a{line-height:300%;}
    .lang .btn{border-radius:10px;height:34px;line-height:34px;padding:0 5px;}
    .i-about .num dl{width:50%;}
    .i-about .num dl:nth-child(2n) dt,.i-about .num dl:nth-child(2n) dd{border:none;}
    .advantage .w .item img,.foot .w .bottom .foot-nav,.about .strength .equipment .con .item img, .about .strength .equipment .con .item .text,.about .values .w .item,.tips .con ul li,.message .con,.message .con .btn,.jobs .con .item,.hr .welfare, .hr .apply,.news .list .item,.case .c1 .info,.case .c2 .info,.case .c3 .info,.case .c4 .info,.case .c4 .box,.name,.langma .con .item,.case .c2 .box,.case .c1 .slogan,.case .c3 .slogan{width:100%;}
    .advantage .w .slick-slide,.foot .w .top dl dt,.hr .w .con{margin:0;}
    .service .w .item .top img{width:60px;}
    .feature .slide .item{overflow:hidden;position:relative;}
    .feature .slide .item img{width:200%;max-width:none;margin-left:-50%;}
    .i-news .list .item .date,.foot .w .bottom .contact,.foot .w .top dl dt span,.about .intro .item h2 br,.float,.lang .arrow-down{display:none}
    .banner.n img{max-width:none;width:200%;margin-left:-50%;}
    .about .menu .w a{font-weight:600;}
    .about .profile,.case .c1 .info{padding-left:0;}
    .about .intro .item img,.about .intro .item h2{float:none;text-align:center;margin:0 auto;}
    .about .intro .item p{width:100%;margin-top:2%;}
    .about .history .scroll .roll li{min-height:135px;}
    .about .history .scroll .roll li i{padding-top:5%;}
    .about .strength .summary img{width:200%;}
    .about .strength .equipment .con .item,.about .culture .w,.hr .w{display:block;}
    .about .strength .equipment .con .item .text p,.map .contact,.hr .w .notes,.case .c6 .text{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;}
    .about .strength .equipment .tit2 img{width:40px;}
    .about .culture .w .item{max-width:none;margin:2% auto;}
    .about .culture .w .item .text {padding: 5% 15% 7%;}
    .about .honor .w .con{flex-wrap: wrap;}
    .about .honor .w .con .item,.customize .con .item{width: 50%;}
    .about .values .w .item,.tips .con ul li,.jobs .con .item,.langma .con .item{margin-right:0;}
    .langma .con .item{aspect-ratio:auto;}
    .about .values .w .item img{margin-left:auto;}
    .map{height:auto;}
    #meMap{height:300px !important;}
    .map .contact{top:auto;left:auto;max-width:none;}
    .map .contact dl,.jobs .con .item dl,.jobs .con .item p,.hr .apply,.hr .w .con .row,.news .list .item,.case .c1 .info img,.case .c2 .info,.case .c3 .info,.case .c4 .info{margin:3% auto;}
    .jobs .con .item dl dt{margin:0 auto;}
    .message .con .btn{line-height:350%;}
    .news .list .item,.news .list .item:nth-child(3n){margin-right:0;}
    .case .c6 .text{padding:3% 4% 4%;}
    .case .c2 .info,.case .c3 .info,.case .c3 .slogan,.case .c4 .info{padding:0;}
    .langma .con .item.img.fr,.langma .con .item{float:none;}
    .case .c6 .text{transform:none;}
    /*.left .menu li a{line-height:500%;}*/
    .product .list .item .text{font-weight:400;height:10vw;}
    .about .values .w .item .text p{min-height:auto;}
    .map .contact dl dt{width:35px;}
    .foot .w .top dl{display:flex}
    .foot .w .top dl dt{padding-left:30px;}
    .foot .w .bottom .foot-nav dl{margin:0;width:33.33%;}
}
@media screen and (max-width: 620px) {
    .about .profile .num{flex-wrap:wrap;}
    .about .menu a,.about .profile .num dl,.foot .w .bottom .foot-nav dl,.left .menu li{width:50%;}
    .tips .con ul li a{line-height:120%;margin:5% 5% 5% 0;display:block;}
    .about .strength .summary .text {position: relative; width: 100%;top: auto; left: auto; background: #666;padding: 5%;}
    .about .history .scroll .roll li i,.about .history .scroll .roll li p{width:100%;padding:0;text-align:left;}
    .about .history .scroll .control{width:9%;}
    .about .history .scroll .roll li{min-height:160px;padding-top:2%;}
}
@media screen and (max-width: 480px) {
    .about .history .scroll .roll li i{font-size:28px;}
    .langma .con .item .num{font-size: 24px;}
    .about .profile .num dl dd span,.i-about .text h1,.about .slogan h1,.about .strength .summary .text h1,.about .mission .w h1,.name h1,.case .c3 .slogan,.i-about .num dl dd span,.joinus h1 p{font-size: 22px;}
    .banner .item .text .w,.banner h2,.tit,.tit2,.case .c1 .slogan h1,.name h1 span,.customize .slogan h1,.joinus h2{font-size: 20px;}
    .i-news .list .item .date span,.float .phone .con,.lang .btn span{font-size:16px;}
    .feature .dots .item h2,.about .slogan p,.about .strength .equipment .con .item .text i,.about .mission .w h2,.about .culture .w .item .text h2,.about .values .w .item .text h2,.case .c1 .slogan p,.name h2,.langma .con .item h2,.news .headlines .text h1 a,.news .title,.customize .slogan p,.map .contact h2,.jobs .con .item h2,.lang .con a{font-size: 14px;}
    .service .w .item .top p,.about .strength .equipment .con .item .text h2,.left .menu li a,.product .list .item .text{font-size: 14px;}
    .i-news .list .item .desc a{font-size:14px;}
    .foot .w .bottom dl dd, .foot .w .bottom dl dd a,.foot .w .top dl dd p{font-size:12px;}
    
    .menuBtn,.menuBtn.open b{width:30px;}
    .menuBtn{height:auto;}
    .menuBtn b{margin:5px 0;height:2px;}
    .lang .btn{border-radius:5px;height:20px;line-height:20px;padding:0;}
    .about .history .scroll .roll li{min-height:180px;}
    .about .strength .summary img{width:250%;}
    .about .mission .w p{padding-right:0;}
    .customize .con .item{width:100%;text-align:left;}
    .customize .con .item img{width:25%;float:left;margin-right:5%;}
    .customize .con .item h2, .customize .con p{width:70%;float:right;}
    .product .list .item .text{height:13vw;}
    .case .c5 .partner img{width:49%;}
    .case .c5 .partner img:nth-child(2n) {margin-right: 0;}
    .map .contact dl dt{width:30px;}
    .left .menu li a {line-height: 300%;}


}