/* 背景 */
.swiper-wrapper .swiper-slide.page2 {
    margin: 0 auto;
    height: 100% !important;
    min-width: 1200px;
    /* width: 19.20rem !important; */
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start !important;
}


.page2-top-title {
    width: 7.15rem;
    height: 1.13rem;
    position: absolute;
    top: 1.05rem;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    background: url(../image/section3/page3_title.png) no-repeat;
    background-size: 100%;
    z-index: 15;
}


/* swiper 轮播 */
.page2-container {
    width: 6.76rem;
    height: 6.04rem;
    /* background-color: black; */
    position: absolute;
    /* left: 1.69rem; */
    left: 3.08rem;
    top: 2.22rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

/* 转换按钮 */
.transformButton {
    width: .62rem;
    height: .62rem;
    position: absolute;
    background: url(../image/section2/transformButton.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    /* left: 11.4rem; */
    left: 8.8rem;
    top: 3.4rem;
    z-index: 5;
}

/* .transformButton:hover{
    transform: rotate(365deg);
} */

/* 背景 */
.page2_video {
    width: 100%;
    height: 100%;
    /* background: url(../image/section2/page2-1-change.png) no-repeat; */
    background-color: rgba(251, 250, 251, 0.88);
    background-size: 100%;
    transition: all .3s ease-in-out;
}

.page2_video div {
    width: 100%;
    height: 100%;
    position: absolute;
}

.page2_video div video {
    /* width: 100%; */
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    /* transition: opacity .3s ease-in-out; */
}

.page2_video div video.op {
    opacity: 0;
    /* transition: opacity .05s ease-in-out; */
}

/* 角色介绍 */
.page2-swiper-img1 {
    width: 6.57rem;
    height: 4.17rem;
    background: url(../image/section2/page2-swiper-jieshao-0.png) no-repeat;
    background-size: 100%;
}

.page2-swiper-img2 {
    width: 6.32rem;
    height: 4.20rem;
    background: url(../image/section2/page2-swiper-jieshao-1.png) no-repeat;
    background-size: 100%;
}

.page2-swiper-img3 {
    width: 6.01rem;
    height: 4.17rem;
    background: url(../image/section2/page2-swiper-jieshao-2.png) no-repeat;
    background-size: 100%;
}

.page2-swiper-img4 {
    width: 6.70rem;
    height: 4.21rem;
    background: url(../image/section2/page2-swiper-jieshao-3.png) no-repeat;
    background-size: 100%;
}

/* swiper 取消 默认样式 */
.page2-container .swiper-wrapper {
    height: 4.02rem;
}

.page2-container .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: start !important;
    align-items: stretch;
    flex-direction: column;
}

.page2-container .swiper-wrapper .swiper-slide div {
    display: none;
}

.page2-container .swiper-wrapper .swiper-slide-active div {
    display: block;
}

/* 下方按钮的样式 */
.page2-container>.swiper-pagination-bullets {
    /* position: absolute; */
    /* bottom: .1rem;
    left: 0; */
    /* width: 5.3rem; */
    width: 5.7rem;
    height: 2.30rem;
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    position: relative;
    margin-top: 0.05rem;
    /* margin-left: .32rem; */
    padding: 0;
}

/* 取消默认样式 */
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    z-index: 100;
}

.page2-pagination {
    background-color: black;
    z-index: 15;
}


/* 给按钮单独触发样式 */
.pagesetion2-pagination .swiper-pagination-bullet {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    /* transition: all .5s ease-out; */
}

.pagesetion2-pagination .swiper-pagination-bullet:nth-child(1) {
    width: 1.03rem;
    height: 1.02rem;
    background-color: rgb(255, 94, 0);
    background: url(../image/section2/page2-swiper-0.png);
    background-size: 100%;
    left: .12rem;
}

.pagesetion2-pagination .swiper-pagination-bullet:nth-child(2) {
    width: 1.03rem;
    height: 1.02rem;
    background-color: rgb(255, 94, 0);
    background: url(../image/section2/page2-swiper-1.png);
    background-size: 100%;
    left: 1.5rem;
}

.pagesetion2-pagination .swiper-pagination-bullet:nth-child(3) {
    width: 1.03rem;
    height: 1.02rem;
    background-color: rgb(255, 94, 0);
    background: url(../image/section2/page2-swiper-2.png);
    background-size: 100%;
    left: 2.86rem;
}

.pagesetion2-pagination .swiper-pagination-bullet:nth-child(4) {
    width: 1.03rem;
    height: 1.02rem;
    background-color: rgb(255, 94, 0);
    background: url(../image/section2/page2-swiper-3.png);
    background-size: 100%;
    left: 4.22rem;
}

/* 选中样式 */

.pagesetion2-pagination .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
    width: 1.29rem;
    height: 1.31rem;
    /* background-color: rgb(255, 94, 0); */
    background: url(../image/section2/page2-swiper-active-0.png);
    background-size: 100%;
    left: 0;
    top: 51.2%;
}

.pagesetion2-pagination .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
    width: 1.29rem;
    height: 1.31rem;
    /* background-color: rgb(255, 94, 0); */
    background: url(../image/section2/page2-swiper-active-1.png);
    background-size: 100%;
    left: 1.38rem;
    top: 51.2%;
}

.pagesetion2-pagination .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
    width: 1.29rem;
    height: 1.31rem;
    /* background-color: rgb(255, 94, 0); */
    background: url(../image/section2/page2-swiper-active-2.png);
    background-size: 100%;
    left: 2.7305rem;
    top: 51.1%;
}

.pagesetion2-pagination .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active {
    width: 1.29rem;
    height: 1.31rem;
    /* background-color: rgb(255, 94, 0); */
    background: url(../image/section2/page2-swiper-active-3.png);
    background-size: 100%;
    left: 4.085rem;
    top: 51.3%;
}


/* 左右按钮的总样式 */
.page2-container .button {
    width: 0.26rem;
    height: .52rem;
    z-index: 10;
    /* position: relative; */
    position: absolute;
    cursor: pointer;
    /* background-color: black; */
}

/* 按钮样式 */
.pagesetion2-button-prev {
    left: 0.15rem;
    top: 4.72rem;
    background: url(../image/section2/page2-left.png) no-repeat;
    background-size: 100%;
}

.pagesetion2-button-next {
    left: 6.02rem;
    top: 4.72rem;
    background: url(../image/section2/page2-right.png) no-repeat;
    background-size: 100%;
}

/* page5 开始 gogo */



/* 背景 */
.page5-container .swiper-wrapper{
  /* transform: translateZ(0) ; */
}
/* .swiper-wrapper .swiper-slide.page5 {
  margin: 0 auto;
  height: 10.80rem;
  min-width: 1200px;

  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start !important;
   transform: translateZ(0) ;
} */

/* .cloud {
position:absolute;
bottom:0px;
} */

.page5-top-title {
  width: 10.51rem;
  height: 1.25rem;
  position: absolute;
  top: .5rem;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  background: url(../image/section5/page5-top-title.png) no-repeat;
  background-size: 100%;
  z-index: 15;
}


/* swiper 轮播 */



/* .page5-container .swiper-wrapper .swiper-slide {
  width: 1.36rem;
  height: 1.38rem;
} */

/* 转换按钮 */
.transformButton {
  width: .62rem;
  height: .62rem;
  position: absolute;
  background: url(../image/section5/transformButton.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  /* left: 11.4rem; */
  left: 8.8rem;
  top: 3.4rem;
  z-index: 5;
}

/* .transformButton:hover{
  transform: rotate(365deg);
} */

/* 背景 */
.page5_video {
  width: 100%;
  height: 100%;
  /* background: url(../image/section5/page5-1-change.png) no-repeat; */
  background-color: rgba(251, 250, 251, 0.88);
  background-size: 100%;
  transition: all .3s ease-in-out;
}
.page5_video div {
  width: 100%;
  height: 100%;
  position: absolute;
}

.page5_video div video{
  /* width: 100%; */
  height: 100%;
  opacity: 1;
  position: absolute;
  top:0;
  left: 0;
  /* transition: opacity .3s ease-in-out; */
}

.page5_video div video.op{
  opacity: 0;
  /* transition: opacity .05s ease-in-out; */
}



/* .page5-swiper-img1 {
  background:url(../image/section5/figure-bg.png) ;
}
.page5-swiper-img2 {
  background:url(../image/section5/figure-slg.png) ;
}
.page5-swiper-img3 {
  background:url(../image/section5/page5-two.png) ;
}
.page5-swiper-img4 {
  background:url(../image/section5/forum.png) ;
} */


/* swiper 取消 默认样式 */
.page5-container .swiper-wrapper{
  height: 4.02rem;
}

.page5-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: start !important;
  align-items: stretch;
  /* flex-direction: column; */
}

.page5-container .swiper-wrapper .swiper-slide div{
  display: none;
}

.page5-container .swiper-wrapper .swiper-slide-active div{
  display: block;
}




/* 取消默认样式 */
/* .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0;
  z-index: 100;
} */

.page5-pagination {
  background-color: black;
  z-index: 15;
}

.module a {
display: inline-block;
transition:all .5s ;
}

.module a.hovered {
transform: scale(1.07);
}


/* 标题 */
.page3_title{
  width: 3.81rem;
  height: 1.48rem;
  background: url(../image/section5/page3_title.png) no-repeat;
  background-size: 100%;
  margin-top: 1rem;
}

.first-module{
position: absolute;
width: 3.67rem;
height: 4.17rem;
background: url(../image/section5/first-module.png) no-repeat;
background-size: 100%;
left: 4.1rem;
top: 3.7rem;
opacity: 1;
}

.second-module{
position: absolute;
width: 3.91rem;
height: 4.17rem;
background: url(../image/section5/second-module.png) no-repeat;
background-size: 100%;
top: 3.7rem;
left: 8.05rem;
opacity: 1;
}

.third-module{
position: absolute;
width: 3.25rem;
height: 4.17rem;
background: url(../image/section5/third-module.png) no-repeat;
background-size: 100%;
left: 12.42rem;
top: 3.7rem;
opacity: 1;
}










.slide-in {
    animation-name: slide-in;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes slide-in {
    from {
        transform: translateY(-20%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}


/* 官网弹窗 */
.finish-content {
    width: 5.70rem;
    height: 3.07rem;
    background: url(../image/section3/out.png) no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 100;
}

/* 关闭按钮 */
.dia-close {
    width: .27rem;
    height: .27rem;
    position: absolute;
    background: url(../image/section3/pop_close.png) no-repeat;
    background-size: 100%;
    top: 0.25rem;
    right: 0.3rem;
    z-index: 100;
    cursor: pointer;
}

/* 确定按钮 */
.confirm-btn {
    width: 1.86rem;
    height: .7rem;
    position: absolute;
    background: url(../image/section3/hing.png) no-repeat;
    background-size: 100%;
    bottom: 0.4rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    cursor: pointer;
}

.hasChild.isActive ul div.circle::after{
    content: '';
    width: 1.25rem;
    height: 0.53rem;
    background: url('../image/section1/circle.png') no-repeat;
    background-size: 100%;
    position: absolute;
    left: -0.13rem;
    top: -0.15rem;

}
.hasChild.isActive ul div:nth-child(3).circle::after{
    content: '';
    width: 1.25rem;
    height: 0.53rem;
    background: url('../image/section1/circle.png') no-repeat;
    background-size: 100%;
    position: absolute;
    left: -0.18rem;
    top: -0.15rem;

}