.main{
    width: 100% !important;
}


#header{
    width: 100%;
}
.banner #header .swiper-slide-active .bd .bgImg img{
    max-width: 4.5rem;}
.banner .bd .bgImg img{
    left: 23%;
    margin: 0 0 0 -1.11rem;
    top: 50%;
}
.banner .bd .bgImg::before{
    background-position: bottom center;
}

.banner .bd .text span{
    font-size: .36rem
}
.banner .bd .text i{
    font-size: .24rem;
}
header{
    height: auto;
    z-index: 999;
}

header .logo a img{
    margin: .1rem;
    height: .4rem;
    width: auto;
}

header .menu span{
    top: .1rem;
    height: .4rem;
    width: .4rem;
    right: .1rem;
    font-size: .14rem;
    line-height: .4rem;
}
header .open ul:before{
    height: 400vw;
}
header .menu ul{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom: .82rem;
    box-sizing: border-box;
}
header .menu ul li{
    top: auto;
    font-size: 0;
}
header .open ul li{
    transform: translateY(0)
}
header .menu ul li a{
    display: inline-block;
    line-height: 10vh;
    font-size: .24rem;
}
header .menu ul li{
    height: 10vh;
}


/* header .menu{
    top: .1rem;
    height: .4rem;
    width: .4rem;
    right: .1rem;
}

header .menu{
    z-index: 999;
    top:0.2rem;
    right: 0.2rem;
}
header .menu span{
    z-index:999;
}
header .menu ul{
    position: fixed;
    top: 0;
    right: -50%;
    height: 100vh;
    width: 50%;
    box-sizing: border-box;
}
header .open ul:before{
    height: 400vw;
}
header .menu ul li,header .open ul li{
    height: 0.8rem;
}
header .menu ul li a,header .open ul li a{
    font-size: 0.24rem;
    line-height: 0.8rem;
    float: left;
    margin: 0 38%;
} */
/* .banner .open ul li,.banner .menu ul li:last-child{
    height: auto;
    width: 100%;
    box-sizing: border-box;
    padding: .15rem .2rem;
    line-height: .24rem;
    float: right;
    text-align: center;
    top: 45%;
} */
.banner .menu ul li a{
    text-align: center;
    line-height: normal;
    font-size: 0.24rem;
}

.banner .menu.open ul{
    width: 100%;
    right: 0;
    border-radius: 0;
    height: 180vw;
}

.banner .menu span{
    z-index: 999;
    position: relative;
}

.banner #header .swiper-slide-active .bd .img img, .banner #header .swiper-slide-active .bd .text span, .banner #header .swiper-slide-active .bd .text i{
    transform: translateY(0);
}
.banner .bd{
    background-color: unset;
}
.banner .bd .bgImg:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: url(/images/m-bg.jpg) no-repeat center;
    background-position: center bottom;
    background-size: 100% 100%;
}
.banner .banner2 .bgImg{
    max-width: 100%;
    top: 0;
}
.banner .banner2 .bgImg img{
    left: 0;
    top: 0;
    width: 100%;
    margin: unset;
    bottom: 30%;
}
.banner .banner2 .middle .text{
    text-align: center;
    left: 0;
    bottom: 43%;
}
.banner .banner2 .middle .text span{
    color: #fff;
}
.banner .banner2 .middle .text i{
    color: #fff;
}
.banner .banner2 .middle{
}
.banner .banner2 .middle .img img{
    width: 0.8rem !important;
    float: left;
    margin:unset;
    margin: 0.2rem;

}
.banner .banner1 .middle{
    top: 40%;
}