body{font-family:'Arial';}

.header .logo{width:25.2rem; height: 5.7rem;}
.header .header-r{width:calc(100% - 24rem)}
.header .nav .item>a{font-size:1.4rem;margin:0 1rem}
.header .nav .child{width:20rem}
.header .nav .child .info>a::before{top:.7rem;transform:translateY(0)}
.footer .footer-l .item>p{font-size:1.6rem;line-height:2.6rem}
.footer .footer-m{margin:0 4%;width:calc(74% - 12rem)}
.footer .footer-m .item{margin-right:2%;width:18%}
.nav-m .child>a{font-size:1.4rem}

.index-page .box1 .info .content{text-align:left}
.index-page .box2 .swiper .name-en{font-size:3rem}
.index-page .box4 .item .name{font-size:1.8rem;font-weight: bold;}

.goods-page .cate .item>span{width:20rem}
.goods-page .cate .child{width:calc(100% - 23rem)}

.service-page3 .box1 .name,.service-page3 .box1 .item3 .name{background:#0048FF;height:auto;line-height:2.8rem;padding:.5rem}
.service-page3 .box3 .con .name{font-size:2.5rem}
.service-page3 .box3 .con .note{font-size:1.8rem}
.service-page3 .box3 .con .detail{font-size:1.4rem;line-height:2.8rem}
.service-page3 .box4 .name>span{height:8rem;line-height:2rem;font-size:1.4rem;display:flex;align-items:center;}
.service-page3 .box5 .name{font-size:1.4rem}
.service-page3 .box6 .tag{font-size:2rem;line-height:3.2rem}
.service-page3 .box6 .item:nth-child(1){left:11rem}
.service-page3 .box6 .item:nth-child(2){right:5rem}
.service-page3 .box6 .item:nth-child(3){left:6rem}
.service-page3 .box6 .item:nth-child(4){right:-10rem}
.service-page3 .box6 .item:nth-child(5){left:7rem}
.service-page3 .box6 .item:nth-child(6){right:0}

.video-page .tit-note{width:70%}

.about-page .box1 .detail{text-align:left}
.about-page .box2 .name{font-size:1.8rem;line-height:2.8rem}
.about-page .box2 .swiper{height:57rem}

@media (max-width:1200px){
    .header .nav .item>a{margin:0 1.5rem;padding:0}
    .header .lang{margin:0 1rem}
}

@media (max-width:1100px){
    .header .nav .item>a{margin:0 1rem;padding:0}
}

@media (max-width:1000px){
    .header .nav .item>a{margin:0 .5rem;padding:0}
}

/*@media (max-width:1400px){*/
/*    .header .nav .item>a{margin:0 .5rem;}*/
/*}*/

/*@media (max-width:1200px){*/
/*    .space{height:7rem}*/
    
/*    .header .width{height:7rem;}*/
/*    .header .logo{width:21.3rem;height:3.5rem;background-size:21.3rem auto !important}*/
/*    .header .nav{display:none;}*/
/*    .header .icon{height:7rem;}*/
/*    .header .lang{height:7rem;margin:0 .8rem}*/
/*    .header .lang>span{display:none}*/
/*    .header .search{margin:0 .8rem}*/
/*    .header .lang-popup{top:6rem;}*/
/*    .header .menu{display:block}*/
/*}*/

@media (max-width:950px){
    .space{height:7rem}
    .header .width{height:7rem;}
    .header .logo{width:15.2rem;height:3.5rem;background-size:15.2rem auto !important}
    
    .footer .footer-l .item{display:block;margin-top:1rem}
    .footer .footer-m{width:100%;margin:2rem 0 0}
    .footer .footer-m .item{margin-right:0;width:100%;}
    
    .position .pos-r{justify-content:flex-start;white-space:nowrap;overflow-x:auto}
    
    .index-page .banner .btn{background-position:85% center !important}
    .index-page .box1 .info .btn{background-position:85% center !important}
    .index-page .box1 .num-animate{justify-content:flex-start}
    .index-page .box1 .num-animate .item{width:auto}
    .index-page .box3 .tag .btn>a{background-position:85% center !important}
    .index-page .box4 .item .name{font-size:2rem}
    .index-page .box4 .tag .btn>a{background-position:85% center !important}
    .index-page .box5 .tag .btn>a{background-position:85% center !important}
    
    .goods-page .cate .child{width:100%}
    
    .service-page3 .box1 .name{color:#fff;line-height:2rem}
    .service-page3 .box3 .con .name{font-size:2rem}
    .service-page3 .box3 .con .note{font-size:1.6rem}
    .service-page3 .box4 .name>span{font-size:1.2rem}
    .service-page3 .box4 .tag{display:flex;justify-content:center}
    .service-page3 .box4 .tag>p{margin-left:.5rem}
    .service-page3 .box6 .tag{display:flex;width:100%;line-height:0;font-size:1.4rem}
    .service-page3 .box6 .tag>p{margin-left:.5rem;}
    .service-page3 .box6 .name{display:flex;flex-direction:column}
    .service-page3 .box6 .name>p{line-height:2.2rem}
    
    .video-page .tit-note{width:100%}
    
    .about-page .box2 .swiper{height:auto;background:#f5f5f5}
    .about-page .box3 .swiper{height:auto;padding:3rem 0}
}