body, html {
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background: #f5f5f5;
}

.overall {
    width: 100%;
    overflow: hidden;
}

.bg1 {
    position: relative;
    width: 100%;
    height: 1084px;
    background: url(../images/bg1.png) no-repeat  center top;
}

.bg2 {
    position: relative;
    width: 100%;
    height: 1203px;
    background: url(../images/bg2.png) no-repeat center center;
}



.bg1 .download {
    position: absolute;
    width: 195px;
    height: 226px;
    bottom: 80px;
    right: 8%;
    background: url(../images/ma.png) no-repeat center center;
    background-size: 100% 100%;
}

.bg1 .age {
    position: absolute;
    width: 84px;
    height: 108px;
    left: 3%;
    margin-right: -520px;
    bottom: 60px;
    background: url(../images/age-12.png) no-repeat center bottom;
    background-size: 100% auto;
}

.bg2 .banner {
    position: absolute;
    width: 1920px;
    height: 1080px;
    top: 120px;
    left: 50%;
    margin-left: -960px;
}

.bg2 .banner .swiper-button-next {
    right: 10%;
    background: url(../images/next.png) no-repeat center center;
    background-size: 100% 100%;
}

.bg2 .banner .swiper-button-prev {
    left: 10%;
    background: url(../images/prev.png) no-repeat center center;
    background-size: 100% 100%;
}

.bg3 {
    position: relative;
    width: 100%;
    height: 1586px;
    background: url(../images/bg3.png) no-repeat center center;
    background-size: auto 100%;
}

.bg3 .words {
    position: absolute;
    width: 90%;
    left: 50%;
    margin-left: -45%;
    height: 1586px;
    background: url(../images/txt.png) no-repeat center 320px;
    background-size: 100% auto;
}