/* page6 主题 */
.page6 {
  background-size: cover;
  width: 7.2rem;
  height: 14.36rem;
  background: url(../image/section6/page6-bg.png) no-repeat;
  position: relative;
  display: flex;
  justify-content: center;
}

/* 标题 */
.page6_title {
  width: 3.81rem;
  height: 1.48rem;
  position: absolute;
  top: .5rem;
  /* left: 50%; */
  background: url(../image/section6/page6-title.png);
  background-size: 100%;
}

.feature-info {
  width: 6.47rem;
  height: 3.65rem;
  position: absolute;
  top: 4.65rem;
}

.feature-wap-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.featureTwo-wap-swiper {
  width: 88%;
  height: 1.4rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 2.8rem;
  /* padding-left: 1%; */
}

.featureTwo-wap-swiper .swiper-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  padding-left: 33.33%;
}

.featureTwo-wap-swiper .swiper-wrapper .swiper-slide-ative,.featureTwo-wap-swiper .swiper-wrapper .swiper-slide-prev,.featureTwo-wap-swiper .swiper-wrapper .swiper-slide-next {
  opacity: 1;
}

.featureTwo-wap-swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: .18rem;
  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;
  transition: 300ms;
  transform: scale(.85);
  overflow: hidden;
  clip-path: polygon(6% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%);
}

.featureTwo-wap-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  
}

.featureTwo-wap-swiper .swiper-wrapper .swiper-slide {
  clip-path: polygon(0 13%, 13% 0, 87% 0, 100% 13%, 100% 87%, 87% 100%, 13% 100%, 0 87%);
  filter: grayscale(90%);
}

.featureTwo-wap-swiper .swiper-wrapper .swiper-slide-active {
  filter: grayscale(0);
}


/* .featureTwo-wap-swiper div::after {
  clip-path: polygon(6% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%);
} */

/* .featureTwo-wap-swiper div:nth-child(1)::after{
  content: '';
  display: inline-block;
  width: 100%;
  height:100%;
  background: url('../image/section6/feature-1.png') no-repeat;
  background-size: 110%;
  background-position: -0.15rem 0rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.featureTwo-wap-swiper div:nth-child(2)::after{
  content: '';
  display: inline-block;
  width: 100%;
  height:100%;
  background: url('../image/section6/feature-1.png') no-repeat;
  background-size: 110%;
  background-position: -0.15rem 0rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.featureTwo-wap-swiper div:nth-child(3)::after{
  content: '';
  display: inline-block;
  width: 100%;
  height:100%;
  background: url('../image/section6/feature-1.png') no-repeat;
  background-size: 110%;
  background-position: -0.15rem 0rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.featureTwo-wap-swiper div:nth-child(4)::after{
  content: '';
  display: inline-block;
  width: 100%;
  height:100%;
  background: url('../image/section6/feature-1.png') no-repeat;
  background-size: 110%;
  background-position: -0.15rem 0rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.featureTwo-wap-swiper div:nth-child(5)::after{
  content: '';
  display: inline-block;
  width: 100%;
  height:100%;
  background: url('../image/section6/feature-1.png') no-repeat;
  background-size: 110%;
  background-position: -0.15rem 0rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
} */




/* .featureTwo-wap-swiper .swiper-wrapper .swiper-slide-active,.feature-wap-swiper .swiper-wrapper .swiper-slide-duplicate-active{
  transform: scale(1);
} */

.feature-swiper-button-prev {
  width: .42rem;
  height: .51rem;
  background: url(../image/section6/feature-swiper-button-prev.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: -0.36rem;
  top: 5.08rem
}

.feature-swiper-button-next {
  width: .42rem;
  height: .51rem;
  background: url(../image/section6/feature-swiper-button-next.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: -0.36rem;
  top: 5.08rem
}
/* .page7-footer {
  width: 3.31rem;
  height: .18rem;
  background: url(../image/section6/spg-footer.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 12.55rem;
} */

/* 世界观 */
.worldview {
    width: 6.79rem;
    height: 4.96rem;
    background: url(../image/section6/page6-worldview.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2.1rem;
}



/* 轮播图 */
.page6_H5swiper {
  width: 100%;
  height: 4.7rem;
  position: absolute;
  bottom: 2.2rem;
}

.page6-H5container {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.swiper-bg {
  display: flex;
  justify-content: center;
}

.swiper-bg img {
  width: 6.74rem;
  height: 4.1rem;
  position: absolute;
}

/* 整体隐藏 */
.page6-H5container .swiper-wrapper .swiper-slide.swiper-slide{
  opacity: 0;
}

/* 轮播样式 */
.page6-H5container .swiper-wrapper .swiper-slide.swiper-slide-active,
.page6-H5container .swiper-wrapper .swiper-slide.swiper-slide.swiper-slide-next,
.page6-H5container .swiper-wrapper .swiper-slide.swiper-slide-prev{
  opacity: 1;
}


/* 遮布 */
.page6mark{
  width: 6.7rem;
  height: 4.1rem;
  background-color: rgba(0, 0, 0,.5);
  background-position: center center;
  opacity: 0;
  position: absolute;
  z-index: 90;
  transition: opacity .33s linear;
}


/* 上下遮布隐藏 */

.page6-H5container .swiper-wrapper .swiper-slide.swiper-slide.swiper-slide-next .page6mark,
.page6-H5container .swiper-wrapper .swiper-slide.swiper-slide-prev .page6mark{
  opacity: 1;
}


.page6-pagination {
  width: 100%;
  text-align: center;
  height: .3rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -0.4rem !important;
}

/* 按钮样式 */
.page6-pagination span{
  width: .24rem;
  height: .24rem;
  border-radius: 50%;
  background: url(../image/section6/page6-noactive.png) no-repeat;
  background-size: 100%;
  opacity: 1;
  position: absolute;
}

.page6-pagination  .swiper-pagination-bullet-active{
  width: .33rem;
  height: .33rem;
  background: url(../image/section6/page6-active.png) no-repeat;
  background-size: 100%;
}


/* 整体样式 */
.page6-pagination span:nth-child(1){
  /* top: -0.02rem; */
  left: 2rem;
}
.page6-pagination span:nth-child(2){
  /* top: -0.02rem; */
  left: 2.75rem;
}
.page6-pagination span:nth-child(3){
  /* top: -0.02rem; */
  left: 3.45rem;
}
.page6-pagination span:nth-child(4){
  /* top: -0.02rem; */
  left: 4.1rem;
}
.page6-pagination span:nth-child(5){
  /* top: -0.02rem; */
  left: 4.75rem;
}

.page6-pagination span:nth-child(6){
  /* top: -0.02rem; */
  left: 5.4rem;
}

.page6-pagination span:nth-child(7){
  /* top: -0.02rem; */
  left: 6.05rem;
}


.page6-pagination span.swiper-pagination-bullet-active:nth-child(1){
  left: 1.95rem;
}
.page6-pagination span.swiper-pagination-bullet-active:nth-child(2){
  left: 2.7rem;
}
.page6-pagination span.swiper-pagination-bullet-active:nth-child(3){
  left: 3.4rem;
}
.page6-pagination span.swiper-pagination-bullet-active:nth-child(4){
  left: 4.1rem;
}
.page6-pagination span.swiper-pagination-bullet-active:nth-child(5){
  left: 4.7rem;
}
.page6-pagination span.swiper-pagination-bullet-active:nth-child(6){
  left: 5.3rem;
}
.page6-pagination span.swiper-pagination-bullet-active:nth-child(7){
  left: 5.9rem;
}



/* 左右按钮的总样式 */
.buttons {
  width: .6rem;
  height: .6rem;
  z-index: 10;
  /* position: relative; */
  position: absolute;
  cursor: pointer;
  /* background-color: black; */
  bottom: 4.5rem;
}

/* 按钮样式 */
.h5pagesetion6-button-prev {
  left: .15rem;
  background: url(../image/section6/page6-left.png) no-repeat;
  background-size: 100%;
}

.h5pagesetion6-button-next {
  right: .18rem;
  background: url(../image/section6/page6-right.png) no-repeat;
  background-size: 100%;
}


/* 底部 */
.page6-footer {
  width: 4.38rem;
  height: .2rem;
  position: absolute;
  bottom: 1.8rem;
  background: url(../image/section6/page6-spg.png) no-repeat;
  background-size: 100%;
}