.content { background-color: rgb(245, 245, 245); }
.c-banner .wrapper { display: flex; justify-content: space-between; margin-top: .5333rem; }
.c-banner .wrap>img { display: block; margin: 0 auto .3333rem; width: 1.0667rem; height: 1.0667rem; }
.c-banner .wrap>p { font-size: .32rem; color: #010101; text-align: center; line-height: .4rem; }
.section>.title { font-size: .5333rem; }
.tit { font-size: .4267rem; color: #000; font-weight: 500; }
.part { padding-left: .32rem; padding-right: .32rem; padding-top: .5333rem; }
.part>div { width: 9.36rem; height: 5.2533rem; margin: .5333rem auto 0;  }

.part1 { padding-bottom: .5067rem; background: url(../img/stage/stage-01.jpg) no-repeat center; background-size: 100% 100%;}
.part1>p { margin-top: .5333rem; padding: 0 .32rem; }
.part1>.n { display: flex; padding: 0 .4933rem; margin-bottom: .2133rem; }
.part1 img { object-fit: contain; }
.part1 .n-l { width: 1.1467rem; }
.part1 .n-and { width: .2667rem; margin-left: .24rem; }
.part1 .n-r { flex: 1; width: 7.36rem; }
.part1 .swiper-container { padding-bottom: .5067rem; }
.part1 .swiper-slide>img { display: block; width: 100%; }
.part1 .swiper-pagination { position: absolute; width: 100%; bottom: 0; text-align: center; }
.part1 .swiper-pagination-bullet { width: .16rem; height:.16rem; margin-left: .11rem; margin-right: .11rem; border-radius: 50%; background-color: #FFF; opacity: 1; }
.part1 .swiper-pagination-bullet-active { width: .32rem; background-color: #FFF; border-radius: .08rem; opacity: 1; }
.part2, .part3, .part4, .part5, .part6 { padding-left: .32rem; padding-right: .32rem; }
.part2 .wraps { display: flex; justify-content: space-between; flex-wrap: wrap; }
.part2 .wrap { position: relative; padding: .96rem .32rem .38rem .29rem; width: 100%; margin-top: .85rem; background: #FFFFFF; border-radius: 1.17rem 0 0 0; }
.part2 .wrap:not(:nth-child(2n)) { margin-right: calc(3% / 2);}
.part2 .wrap>.tit { margin-bottom: .4rem; color: #345AFF; line-height: .56rem; }
.part2 .wrap>i { position: absolute; top: -.48rem; left: 0; width: 1.1733rem; height: 1.1733rem; line-height: 1.17rem; text-align: center; font-size: .4rem; color: #FFF; font-weight: bold; font-style: normal; background-color: #345AFF; border-radius: 50%; }
.part2 .wrap p { font-size: .4rem; }
.part3 { background-color: #fff; }
.part3>p, .part4>p { font-size: .4rem; }
.part3>img { display: block; width: 100%; margin-top: .56rem; }
.part3 .wraps { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 .2133rem; margin-top: .5333rem; }
.part3 .wrap { width: 23%; margin-bottom: .12rem; text-align: center; }
.part3 .wrap:not(:nth-child(4n)) { margin-right: calc(8%/3); }
.part3 .wrap>img { display: inline-block; width: 1.0667rem; height: 1.0667rem; }
.part3 .wrap>p { text-align: center; font-size: .32rem; color: #010101; font-weight: 500;line-height: .4rem; }
.part4>img, .img-wrap>img { display: block; width: 100%; }
.part4>img { margin-top: .53rem; }
.img-wrap { margin-top: .26rem; }
.img-wrap>.tit { padding: .5067rem 0 .4133rem; background-color: #fff; text-align: center; }
.part5 { padding-top: 0; }
.part5>.title { margin-bottom: .7733rem; }
.part5 .wrapper { background-color: #345AFF; }
.part5 .wrap>.tit { height: 1.0667rem; line-height: 1.0667rem; font-size: .4267rem; color: #fff; font-weight: 400; text-align: center; cursor: pointer; }
.part5 .wrap:first-child { background-color: #345AFF; }
.part5 .wrap:nth-child(2) { background-color: #4063FF; }
.part5 .wrap:nth-child(3) { background-color: #4C6DFF; }
.part5 .wrap:nth-child(4) { background-color: #5978FF; }
.part5 .wrap:nth-child(5) { background-color: #6682FF; }
.part5 .wrap .img { position: relative; width: 100%; height: 0; background-repeat: no-repeat; background-size: 100% 100%; }
.part5 .wrap .img.show { height: 5.2667rem; }
.part5 .wrap .img>img { width: 100%; height: 0; transition: all .3s; }
.part5 .wrap .img.show>img { height: 100%; }
.part6 { padding-top: 0; }
.part6 .img-wrap:nth-child(n+4) { display: none; }
.part6 .btn { text-align: center; margin-top: .8rem; }
.part6 button { width: 2.18rem; height: .74rem; color: #fff; text-align: center; font-size: .32rem; background-color: #345AFF; border-radius: .37rem; outline: none; border: none; cursor: pointer; }