html,body {
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    /* min-width: 1920px; */
    /* padding-bottom: 130px; */
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    height: 100%;
    /* Center slide text vertically */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column; */
}
.swiper-pagination-bullet {
    width: 10px;
    height: 3px;
    border-radius: 2px;
}
.part1{
    position: relative;
    text-align: center;
    background: url(../images/bg.png) no-repeat center center;  
    background-size: 100% 100%;
}
.logo{
    position: absolute;
    top: .4rem;
    left: .33rem;
    width: 2.51rem;
}
.part1 h2{
    font-size: .72rem;
    display: block;
    margin: 1rem 0 0 0;
    color: #fff;
}
.part1 p{
    font-size: .32rem;
    margin: .2rem 0 0 0;
    color: #fff;
}
.swiper-container a{
    font-size: .30rem;
    margin: .3rem 0 0 0;
    display: block;
    width: 4.98rem;
    height: .94rem;
    line-height: .94rem;
    color: #fff;
    background: #034ae4;
    border-radius: .47rem;
    text-decoration: none;
    position: absolute;
    bottom: .8rem;
    z-index: 1;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bolder;
}
.part1 .sj1{
    margin: .2rem 0 0 0;
    width: 6.41rem;
}
.part1 a{
    background: #fff;
    color: #034ae4;
}

/* part 2 */
.part2{
    position: relative;
    text-align: center;
}
.part2 h2{
    font-size: .72rem;
    display: block;
    margin: 1rem 0 0 0;
}
.part2 p{
    font-size: .34rem;
    margin: .37rem 0 0 0;
}
.part2 .sj2{
    position: absolute;
    top: 3.2rem;
    left: 1.75rem;
    width: 5.55rem;
}
.part2 .sj2-1{
    position: absolute;
    top: 6.2rem;
    left: 0rem;
    width: 1.92rem;
}
.part2 .sj2-2{
    position: absolute;
    top: 3.61rem;
    right: .61rem;
    width: 1.12rem;
}
.part2 .sj2-3 {
    position: absolute;
    top: 6.1rem;
    right: 3.54rem;
    width: 3.39rem;
}
.part2 .sj2-4 {
    position: absolute;
    top: 6.8rem;
    right: 0.6rem;
    width: 2.85rem;
}
/* part 2 */


/* part 3 */
.part3{
    position: relative;
    text-align: center;
}
.part3 h2{
    font-size: .72rem;
    display: block;
    margin: 1rem 0 0 0;
}
.part3 p{
    font-size: .34rem;
    margin: .37rem 0 0 0;
}
.part3 .sj3{
    position: absolute;
    top: 3.2rem;
    left: 1.4rem;
    width: 5rem;
}
.part3 .sj3-1 {
    position: absolute;
    top: 5.98rem;
    left: 5.6rem;
    width: 1.82rem;
}
.part3 .sj3-2 {
    position: absolute;
    top: 3.64rem;
    right: 5.88rem;
    width: 1.12rem;
}
.part3 .sj3-3 {
    position: absolute;
    top: 6.98rem;
    right: 3.4rem;
    width: 3.04rem;
}
.part3 .sj3-4 {
    position: absolute;
    top: 5rem;
    right: 0.3rem;
    width: 3.6rem;
}
/* part 3 */


/* part 4 */
.part4{
    position: relative;
    text-align: center;
}
.part4 h2{
    font-size: .72rem;
    display: block;
    margin: 1rem 0 0 0;
}
.part4 p{
    font-size: .34rem;
    margin: .37rem 0 0 0;
}
.part4 .sj4{
    position: absolute;
    top: 3.2rem;
    left: 1.4rem;
    width: 5.24rem;
}
.part4 .sj4-1{
    position: absolute;
    top: 6.2rem;
    left: 0rem;
    width: 1.92rem;
}
.part4 .sj4-2{
    position: absolute;
    top: 3.61rem;
    right: .61rem;
    width: 1.12rem;
}
.part4 .sj4-3 {
    position: absolute;
    top: 7.88rem;
    right: 3.54rem;
    width: 4.08rem;
}
.part4 .sj4-4 {
    position: absolute;
    top: 6.85rem;
    right: 0.3rem;
    width: 4.12rem;
}
/* part 4 */


/* part 5 */
.part5{
    position: relative;
    text-align: center;
}
.part5 h2{
    font-size: .72rem;
    display: block;
    margin: 1.4rem 0 0 0;
}
.part5 p{
    font-size: .34rem;
    margin: .37rem 0 0 0;
}
.part5 .sj5{
    position: absolute;
    top: 3.2rem;
    left: 1.4rem;
    width: 5rem;
}
.part5 .sj5-1 {
    position: absolute;
    top: 5.98rem;
    left: 5.6rem;
    width: 1.82rem;
}
.part5 .sj5-2 {
    position: absolute;
    top: 3.64rem;
    right: 5.88rem;
    width: 1.12rem;
}
.part5 .sj5-3 {
    position: absolute;
    top: 6.98rem;
    right: 3.4rem;
    width: 4.08rem;
}
.part5 .sj5-4 {
    position: absolute;
    top: 7.4rem;
    right: 0.3rem;
    width: 3.66rem;
}
/* part 5 */


/* part 6 */
.part6{
    position: relative;
    text-align: center;
}
.part6 h2{
    font-size: .72rem;
    display: block;
    margin: 1rem 0 0 0;
}
.part6 p{
    font-size: .34rem;
    margin: .37rem 0 0 0;
}
.part6 .sj6{
    position: absolute;
    top: 3.2rem;
    left: 1.4rem;
    width: 5rem;
}
.part6 .sj6-1{
    position: absolute;
    top: 6.2rem;
    left: 0rem;
    width: 1.92rem;
}
.part6 .sj6-2{
    position: absolute;
    top: 3.61rem;
    right: .61rem;
    width: 1.12rem;
}
.part6 .sj6-3 {
    position: absolute;
    top: 7.68rem;
    right: 3.54rem;
    width: 3.64rem;
}
.part6 .sj6-4 {
    position: absolute;
    top: 6.4rem;
    right: 0.3rem;
    width: 4.25rem;
}
/* part 6 */


/* part 7 */
.part7{
    position: relative;
    text-align: center;
    background: url(../images/pick6_bg.png) no-repeat center center;  
    background-size: 100% 100%;
}
.part7 h2{
    font-size: .72rem;
    display: block;
    margin: 1rem 0 0 0;
}
.part7>p{
    font-size: .34rem;
    margin: .37rem 0 0 0;
}
.part7 .sj7{
    position: absolute;
    top: 3rem;
    left: .3rem;
    width: 6.9rem;
}
.part7 .box{
    margin: 6.1rem 0 0 1.6rem;
    width: 4.32rem;
}
.part7 .box p{
    width: 1.86rem;
    height: .44rem;
    text-align: center;
    border: solid .01rem #000000;
    border-radius: .22rem;
    display: block;
    line-height: .44rem;
    margin: -0.16rem auto;
    font-size: .18rem;
}
.part7 .ma{
    width: 1.86rem;
}
/* part 7 */


/* 小圆点分页器 */
.swiper-pagination-bullets {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}
.swiper-pagination-bullet-active {
    background: #999;
    width: 42px !important;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}