.p1 .title1{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.p2 .img2{left: 0;
    right: 0;
    margin: auto;bottom: 50px;position:absolute;}
.p3 .img3-2{bottom: 0;
    right: 0;position:absolute;}

.p3 .img3{    right: -280px;
    bottom: 0;position:absolute;}
.p3 .content{left:0px;width: 540px;
    height: 540px;
    top: 34%;position:absolute;
    transform: scale(0.8);
    border: 7px solid #fdcebb;
    border-radius: 50%;}
.p3 .content .circle{position:absolute;
    width: 540px;
    height: 540px}
.p3 .content .circle4{top: -109px;
    left: 0;
    right: 0;
    margin: auto;position:absolute;}
.p3 .content .circle3{top: 322px;
    left: -45px;position:absolute;}
.p3 .content .circle2{top: 322px;
    left: 375px;position:absolute;}
.p3 .content .circle1{left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;position:absolute;}

.p4 .content{width: 540px;
    height: 540px;
    right: 50px;
    transform: scale(0.8);
    top: 28%;position:absolute;}

.p4 .content .circle2{position:absolute;}
.p4 .content .circle8{top: -109px;
    margin: auto;
    left: 0;
    right: 0;position:absolute;}
.p4 .content .circle7{top: 322px;
    left: -50px;position:absolute;}
.p4 .content .circle6{top: 322px;
    left: 355px;position:absolute;}
.p4 .content .circle5{    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;position:absolute;}
.p4 .img4{left: 0px;
    top: 243px;
    transform: scale(0.8);position:absolute;}
.p2 .title2,.p4 .title4,.p5 .title5,.p7 .title7,.p8 .title8{left: 0px;
    top: 110px;
    position: absolute;}
.p3 .title3{
    right: 0px;
    top: 110px;
    position: absolute;
}
.p5 .circle{
    position: absolute;
    top: 310px;
    left: 0px;
    display: flex;
    flex-direction: column;
    color: #fff;
}
.p5 .circle img{
    margin-bottom: 20px;
    width: 35%;
}
.p5 .img5{
    position: absolute;
    right: -200px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.p7 .imgCon{
    position: absolute;
    width: 720px;
    top: 290px;
}
.p7 .img7{
    position: absolute;
    right: -300px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.p8 .img8{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.p9 .img9{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 28%;
}
.p9 .word9{
    position: absolute;
    top: 50%;
}
.swiper-container2,.swiper-containerA{
    width: 100%;
    height: 100%;
}

.p8 .p8Con{
    position: absolute;
    width: 300px;
    top: 300px;
    height: 500px;
}
.p8 .p8Con .j-2{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.p8 .p8Con .j-1{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.p5 .circleCon1{
    display: flex;
    align-items: center;
    /*justify-content: space-around;*/
    width: 470px;
}
.p5 .circleCon1>span{
    margin-left: 70px;
}
.p5 span{
    border-bottom: 2px solid #a373ed;
    color: #fff;
    font-size: 24px;
}
.p5 .circleCon2{
    display: flex;
    width: 470px;
    align-items: center;
}
.p5 .circleCon2 .i{
    margin-left: 76px;
    width: 220px;
    display: flex;
    justify-content: space-between;
}
.p5 .circleCon3{
    display: flex;
    width: 470px;
    align-items: center;
}
.p5 .circleCon3 .iCon{
    margin-left: 70px;
    height: 196px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 227px;
}
.p5 .circleCon3 .iCon .i{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.p2 .bgCon{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: space-around;
}

.avatar{
    animation: spin 10s infinite linear;
}
.avatar .circle1,.avatar .circle2, .avatar .circle3,.avatar .circle4{
    animation:spin-reverse 10s infinite linear;
}
@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}
@keyframes spin-reverse {
    from {
        transform: rotate(1turn);
    }
}

#swiper-containerA>.swiper-slide.swiper-slide-prev *,
#swiper-containerA>.swiper-slide.swiper-slide-next * {
    display: none;
}

.p7 .imgCon img{
    width: 40%;
}
.swiper-container1{
    width: 100%;
    height: 80%;
    top: 0;
    bottom: 0;
    margin: auto !important;
    position: absolute !important;
}
.swiper-container1 img,.swiper-container2 img{
    height: 100%;
}
.swiper-container2{
    height: 100%;
    position: absolute !important;
    top: 0;
    bottom: 0;
    margin: auto !important;
}
.swiper-container2 img{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.swiper-container1 img{margin-left: 50%;transform: translateX(-50%)}