@keyframes animate1 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 108px);
  }
}
@keyframes animate2 {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.1, 1.1);
  }
}
@keyframes twinkle {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes comein {
  0% {
      left: -100px;
  }
  100% {
      left: 340px;
  }
}
@keyframes rotate {
  0% {
      transform: rotate(0);
  }
  25% {
      transform: rotate(90deg);
  }
  50% {
      transform: rotate(180deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html {
  font-size: 62.5%;
}
.container {
  /* width: 100%;
  max-width: 1920px;
  min-width: 1300px;
  margin: 0 auto; */
}
#wrap {
  overflow: hidden;
  width: 100%;
  /* height: 871px !important; */
}

#main {
  position: relative;
  transition:top 1s;
}
#main #pageUl {
background: transparent;
width: 20px;
height: 110px;
border: 3px solid #bfd1ff;
border-radius: 15px 15px 15px 15px;
z-index: 2;
}
#main #pageUl .pageUlLi {
border-radius: 50%;
background: yellow;
margin: 1px 0
}
.page {
  /*谨删*/
  width: 100%;
  margin: 0;
  position: relative;
}
.page img {
  /* width: 100%;
  height: 100%; */
  opacity: 0;
}
.page picture>img{
  width: 100%;
  height: 100%;
  background-size: contain;
}

#pageUl {
  position: fixed;
  right: 10px;
  bottom: 50%;
}
.active{
  color: red;
}
#page1 .center_word {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#page1 .center_word .button-groups {
  display: flex;
  position: relative;
  top: 118px;
  left: 20%;
}
#page1 .center_word .button-groups div:nth-child(n) {
  cursor: pointer;
  margin-right: 34px;
}
#page1 .center_word .button-groups .apple_store_link{
  margin-top: -20px;
}
#page1 .center_word .button-groups div:last-of-type {
  margin-top: -21px;
}
#page2 {
  background: url('../image/page2/bg1.jpg');
  background-size: cover;
}
#page2 .soccerer {
  width: 36%;
  /* height: 773px; */
  height: 92%;
  position: absolute;
  right: 10%;
  z-index: 3;
  bottom: 77px;
}
#page2 .swiper-text {
  position: relative;
  /* top: 180px; */
  top: 50%;
  transform: translateY(-50%);
  /* left: 340px; */
}
#page2 .swiper-text img {
  width: 70%;
  height: 50%;
}

#page2 .my_swiper_wrapper {
  width: 100%;
  height: calc(100vh - 77px - 290px);
  position: relative;
  /* top: 262px; */
}
#page2 .my_swiper_wrapper .swiper-container {
  position: relative;
  height: 100%;
  /* top: 262px; */
}
#page2 .my_swiper_wrapper .swiper-wrapper {
  height: 100%;
}
#page2 .my_swiper_wrapper .swiper-wrapper .swiper-slide {
  height: 444px;
}
#page2 .my_swiper_wrapper .swiper-wrapper .swiper-slide > div {
  width: 100%;
  height: 100%;
  position: relative;
}
#page2 .my_swiper_wrapper .swiper-wrapper .swiper-slide > div.bg1 {
  background: left/cover url(../image/page2/bg3.jpg) no-repeat;
}
#page2 .my_swiper_wrapper .swiper-wrapper .swiper-slide > div.bg2 {
  background: left/cover url(../image/page2/bg2.jpg) no-repeat;
}
#page2 .my_swiper_wrapper .swiper-wrapper .swiper-slide > div.bg3 {
  background: left/cover url(../image/page2/bg4.jpg) no-repeat;
}
#page2 .my_swiper_wrapper .swiper-container-vertical>.swiper-pagination-bullets {
  position: absolute;
  right: 2%;
  top: 50%;
  /* transform: none; */
}
#page2 .my_swiper_wrapper .swiper-pagination {
  width: 52px;
  height: 200px;
  background: no-repeat url(../image/page2/border.png);
  background-size: contain;
}

#page2 .my_swiper_wrapper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: transparent;
}
#page2 .my_swiper_wrapper .common0.swiper-pagination-bullet {
  background: center / 42px 42px url(../image/page2/team_logo_532_dark.png) no-repeat;
  height: 52px;
  width: 100%;
  margin: 11px 0;
  opacity: 1; /** 阻止默认的opacity .2 **/
}
#page2 .my_swiper_wrapper .swiper-pagination-bullet {
  outline: none;
}
#page2 .my_swiper_wrapper .common0.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(../image/page2/team_logo_532.png) no-repeat;
  background-size: cover;
  /* background-size: 52px 63px; */
  width: 100%;
}
#page2 .my_swiper_wrapper .common1.swiper-pagination-bullet {
  background: center / 42px 42px url(../image/page2/team_logo_530_dark.png) no-repeat;
  height: 52px;
  width: 100%;
  margin: 11px 0;
  opacity: 1; /** 阻止默认的opacity .2 **/
}
#page2 .my_swiper_wrapper .common1.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url(../image/page2/team_logo_530.png);
  background-size: 52px 63px;
}
#page2 .my_swiper_wrapper .common2.swiper-pagination-bullet  {
  background: center / 42px 42px url(../image/page2/team_logo_531_dark.png) no-repeat;
  height: 52px;
  width: 100%;
  margin: 11px 0;
  opacity: 1; /** 阻止默认的opacity .2 **/
}
#page2 .my_swiper_wrapper .common2.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url(../image/page2/team_logo_531.png);
  background-size: 52px 52px;
}
#page2 .teamate_pic {
  /* position: absolute; */
  /* background: url(../image/page2/person1.png) no-repeat; */
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  /* z-index: 2;
  right: 10%;
  top: -46.5%;
  width: 680px;
  height: 710px; */
}
#page2 .my_swiper_wrapper .teamate_pic img {
  width: 100%;
  height: 100%;
  opacity: 0;
}
#page2 .my_swiper_wrapper .swiper-slide .small_video_window {
  position: relative; 
  /* width: 324px; */
  width: 100%;
  flex: 3;
  /* top: 75px;
  width: 324px;
  height: 200px;
  position: relative; */
}
#page2 .my_swiper_wrapper .swiper-slide .small_video_window .static{
  width: 100%;
  height: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#page2 .my_swiper_wrapper .swiper-slide .small_video_window .static::after{
  content: '';
  display: block;
  width: 53px;
  height: 53px;
  transition: all 0.2s;
  background: url(../image/play.png) no-repeat;
  background-size: cover;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#page2 .my_swiper_wrapper .swiper-slide .small_video_window .dynm{
 height: 100%;
 width: 100%;
 display: none;
}
#page2 .my_swiper_wrapper .swiper-slide .small_video_window .dynm video{
  outline: none;
}

#page2 .my_swiper_wrapper .swiper-slide .small_video_window .static > img {
  width: 100%;
  /* height: 100%; */
  position: relative;
}
#page2 .my_swiper_wrapper .swiper-slide .small_video_window .static > label {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
#page2 .my_swiper_wrapper .swiper-slide .small_video_window .static > label > i {
  display: block;
  width: 53px;
  height: 53px;
  transition: all 0.2s;
  background: url(../image/play.png) no-repeat;
  background-size: cover;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* animation: rotate 1s linear infinite; */
}
#page2 .my_swiper_wrapper .swiper-slide .small_video_window .static > label > i:hover {
  animation: animate2 1s infinite alternate;
}
#page2 .my_swiper_wrapper .swiper-slide span.cite {
  /* position: absolute;
  bottom: 25%;
  transform: translateY(50%); */
  font-size: 14px;
  overflow: hidden;
  white-space: pre-line;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
}
#page3 {
  background: url('../image/page3/bg1.jpg');
  background-size: cover;
}
#page3 .my_swiper_wrapper {
  position: relative;
  top: 0;
  margin: 0 auto;
  width: 70%;
  /* height: 70%; */
}
#page3 .title {
  position: relative;
  margin: 0 auto;
  width: 56%;
  top: 5%;
  min-height: 100px;
  display: flex;
  align-items: center;
}
#page3 .my_swiper_wrapper .swiper-illustration-container {
  overflow: hidden;
  height: 100%;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide {
  /* height: 570px; */
  /* transform: scale(1, .85); */
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer{
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* margin: 0 auto; */
  /* height: 320px; */
  /* height: 100px; */
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .left{
  width: 50%;
  margin-left: 5%;
  position: relative;
  max-height: 320px;
  flex: 1;
  top: 20%;
  transform: translateY(-20%);
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer1>.left {
  background: url(../image/page3/game1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer2>.left{
  background: url(../image/page3/game3.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer3>.left{
  background: url(../image/page3/game5.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
/* #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .left:after{
  position: absolute;
  background: url(../image/page3/rect-red.png);
  padding: 10px 15px;
  color: #ffffff;
  top: 40px;
  left: 95%;
  font-family: 'Arial MT Extra Bold';
  white-space: nowrap;
} */
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .left>span{
  position: absolute;
  background: url(../image/page3/rect-red.png);
  padding: 10px 15px;
  color: #ffffff;
  top: 15%;
  left: 95%;
  font-family: 'Arial MT Extra Bold';
  min-width: 360px;
  font-size: 16px;
  white-space: nowrap;
}
/* #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer1>.left:after{
  content: 'PLAYER WITH MULTI-DIMENSION PERFORMANCE';
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer2>.left:after{
  content: 'TO BUILD AND RUN YOUR FOOTBALL CLUB';
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer3>.left:after{
  content: '20+ FORMATIONS MAKE AN EXCITING GAMEPLAY';
} */
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .right{
  width: 50%;
  position: relative;
  left: 50%;
  top: -10%;
  max-height: 320px;
  flex: 1;

}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer1>.right{
  background: url(../image/page3/game2.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer2>.right{
  background: url(../image/page3/game4.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer3>.right{
  background: url(../image/page3/game6.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
/* #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .right:after{
  position: absolute;
  background: url(../image/page3/rect-blue.png);
  padding: 10px 15px-
  color: #ffffff;
  top: 70%;
  right: 95%;
  font-family: 'Arial MT Extra Bold';
  white-space: nowrap;
} */
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .right>span{
  position: absolute;
  background: url(../image/page3/rect-blue.png);
  padding: 10px 15px;
  color: #ffffff;
  bottom: 15%;
  right: 95%;
  font-family: 'Arial MT Extra Bold';
  min-width: 360px;
  font-size: 16px;
  white-space: nowrap;
}
/* #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer1 >.right:after{
  content: 'ADVANCED GRAPHIC AND 3D MODEL';
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer2 >.right:after{
  content: 'CREATE AN UNIQUE TEAM WITH YOUR SUPERSTARS';
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer3 >.right:after{
  content: 'EVERY CHOICE YOU MAKE IS FOR THE WIN';
} */
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer img{
 width: 100%;
 height: 100%;
 object-fit: cover;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer img.down{
  position: relative;
  border: 1px #c03e0a solid;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer i.right-text{
  position: absolute;
  background: url(../image/page3/rect-red.png);
  padding: 10px 15px;
  color: #ffffff;
  top: 40px;
  left: 95%;
  font-family: 'Arial MT Extra Bold';
  white-space: nowrap;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer i.left-text{
  position: absolute;
  background: url(../image/page3/rect-blue.png);
  color: #ffffff;
  right: 95%;
  font-family: 'Arial MT Extra Bold';
  z-index: 1;
  display: inline-block;
  padding: 10px 15px;
  white-space: nowrap;
  bottom: 10%;
}
#page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer img.up{
  position: relative;
  border: 1px #589ace solid;
  /* top: 65%; */
  z-index: 1;
  /* left: -10%; */
}
#page3 .swiper-text {
  position: absolute;
  height: 100%;
}
#page3 .swiper-text img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
#page3 .swiper-illustration-container img.pic{
  width: 628px;
  height: 314px;
}
#page3 .illustration_prev,
#page3 .illustration_next {
  width: 42px;
  position: absolute;
  height: 34px;
  opacity: 0.6;
  transition: all 0.2s;
  background-size: cover;
  top: 30%;
}
#page3 .illustration_prev.midst{
  background-image: url(../image/page3/l-arrow.png);
  /* background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid Meet' width='100' height='100'%3e%3cpath d='M100 5.5c0 1.3-.5 2.6-1.5 3.5L50 57.5 1.5 9c-2-2-2-5.1 0-7.1s5.1-2 7.1 0L50 43.4 91.5 1.9c2-2 5.1-2 7.1 0 .9 1 1.4 2.3 1.4 3.6z'/%3e%3c/svg%3e") no-repeat;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="5686" width="200" height="200"><path d="M615.958 216.958c13.278-13.277 34.806-13.277 48.084 0 13.145 13.145 13.276 34.376 0.394 47.683l-0.394 0.4L416.083 513l247.959 247.958c13.145 13.145 13.276 34.376 0.394 47.683l-0.394 0.4c-13.145 13.146-34.376 13.277-47.683 0.395l-0.4-0.394-272-272c-13.146-13.145-13.277-34.376-0.395-47.683l0.394-0.4 272-272z" p-id="5687" fill="#ffffff"></path></svg>') no-repeat; */

  background-size: cover;
  left: -40px;
  transform: rotate(-180deg);
}
/* <svg t="1615445250937" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1121" width="200" height="200"><path d="M392.533333 243.2l266.666667 270.933333-270.933333 266.666667c-8.533333 8.533333-8.533333 21.333333 0 29.866667 8.533333 8.533333 21.333333 8.533333 29.866666 0L704 529.066667c8.533333-8.533333 8.533333-21.333333 0-29.866667L422.4 213.333333c-8.533333-8.533333-21.333333-8.533333-29.866667 0-8.533333 8.533333-8.533333 21.333333 0 29.866667z" p-id="1122" fill="#ffffff"></path></svg> */
#page3 .illustration_next.midst {
  background-image: url(../image/page3/r-arrow.png);
  /* background: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>") no-repeat; */
  /* background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2050%2050' width='200' height='200' %3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat; */
  background-size: cover;
  right: -60px;
}
#page3 .illustration_next.end {
  background-image: url(../image/page3/r-arrow.png);
  /* background: url('../image/page3/left-arrow.png') no-repeat; */
  background-size: cover;
  right: -60px;
  transform: rotate(-180deg);
}
#page3 .illustration_prev.outset {
  background-image: url(../image/page3/l-arrow.png);
  /* background: url('../image/page3/left-arrow.png') no-repeat; */
  background-size: cover;
  right: -60px;
}
#page3 .swiper-illustration-pagination {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  height: 30px;
  z-index: 1;
  bottom: 10%;
}
#page3 .swiper-illustration-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
  background: center/cover no-repeat url('../image/page3/index1.png');
}
#page3 .swiper-illustration-pagination .swiper-pagination-bullet {
  background: center/cover no-repeat url('../image/page3/index2.png');
}
#page4 {
  width: 100%;
  background: url('../image/page4/bg1.png');
  background-size: cover;
  display: flex;
  flex-direction: column;
  top: -77px;
}
#page4 .title-wrapper {
  position:relative; 
  margin: 0 auto; 
  width: 75%;
  display: flex;
}
#page4 > div {
  min-height: 200px;
}
#page4 .swiper-text {
  flex: 3;
}
#page4 .co-team {
  flex: 1;
  display: flex;
}
#page4 .co-team > img {
  object-fit: contain;
  object-position: center;
  position: relative;
  bottom: -25%;
  left: 10%;
  padding-right: 8%;
}
#page4 .swiper-text > img{
  width: 50%;
  height: 80%;
  object-fit: contain;
  object-position: bottom;
}
#page4 > .container {
  width: 100%;
  margin: 0 auto 30px;
  position: relative;
  flex: 1;
}
#page4 .container .center_team {
  width: 60%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  justify-content: space-evenly;
}
#page4 .container .center_team .team {
  width: 186px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* flex: 1; */
}
#page4 .container .center_team .team > img{
  object-fit: contain;
}
#page4 .container .center_team label {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #2d2d2d;
  font-family: "Arial MT Extra Bold";
}
#page4 .container .center_team .title_cls{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#page4 .container .center_team .title_cls > i  {
  display: block;
  margin: 8px auto 0;
  width: 64px;
  height: 64px;
}
#page4 .container .center_team .title_cls.ac > i  {
  display: block;
  margin: 8px auto 0;
  width: 40px;
  height: 64px;
}
/* #page4 .container .center_team .team .title_cls> i {

} */
#page4 .container .center_team .title_cls > i > img{
  width: 100%;
  height: 100%;
}
/* #page4 .container .center_team .team2 .title_cls> i{
  width: 65px;
  height: 65px;
}
#page4 .container .center_team .team3 .title_cls> i {
  width: 40px;
  height: 65px;
} */
.veritcal-nav {
  display: flex;
  flex-direction: column;
  position: absolute;
  list-style: none;
  top: 60%;
  left: 60px;
  z-index: 3;
}
.veritcal-nav span {
  display: block;
  margin: 8px 0;
  cursor: pointer;
  background: gray;
  border: 0;
}
.veritcal-nav.white-stripe span{
  background: white;
  display: block;
  margin: 8px 0;
  cursor: pointer;
  border: 0;
}

.veritcal-nav span:nth-of-type(1) {
  width: 30px;
  height: 4px;
  border-radius: 100px;
}

.veritcal-nav span:nth-of-type(2) {
  width: 30px;
  height: 4px;
  border-radius: 100px;
}
.veritcal-nav span:nth-of-type(3) {
  width: 30px;
  height: 4px;
  border-radius: 100px;
}
.veritcal-nav span:nth-of-type(4) {
  width: 30px;
  height: 4px;
  border-radius: 100px;
}

/* #page3 .veritcal-nav ul li:nth-of-type(1) {
}
#page3 .veritcal-nav ul li:nth-of-type(2) {
}
#page3 .veritcal-nav ul li:nth-of-type(3) {
  background: black;
}
#page3 .veritcal-nav ul li:nth-of-type(4) {
}

#page4 .veritcal-nav ul li:nth-of-type(1) {
}
#page4 .veritcal-nav ul li:nth-of-type(2) {
}
#page4 .veritcal-nav ul li:nth-of-type(3) {
}
#page4 .veritcal-nav ul li:nth-of-type(4) {
  background: black;
} */
@media (max-width: 1400px) {
  #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .left{
    width: 50%;
    position: relative;
    top: 0;
    transform: none;
    /* top: 10%;
    left: -2%;
    max-height: 320px; */
  }
  #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .left>span {
    font-size: 14px;
    line-height: 14px;
    min-width: 300px;
  }
  #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .right {
    width: 50%;
    position: relative;
    top: -15%;
    left: 50%;
    /* max-height: 320px; */
  }
  #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .right>span {
    font-size: 14px;
    line-height: 14px;
    min-width: 300px;
  }
  #page3 .swiper-illustration-pagination {
    bottom: 15%;
  }
  #page3 .my_swiper_wrapper .swiper-illustration-container .swiper-slide .layer {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-height: 320px;
  }
  #page4 .container .center_team .title_cls > i  {
    width: 45px;
    height: 45px;
  }
  #page4 .container .center_team .title_cls.ac > i  {
    width: 30px;
    height: 45px;
  }

}