* {
  margin: 0;
  padding: 0;
}
.index_banner {
  width: 100%;
  height: 51.56vw;
  position: relative;
}

.goToTopIndex {
  width: 2.08vw;
  height: 2.08vw;
  position: fixed;
  right: 2.6vw;
  bottom: 2.6vw;
  display: none;
  z-index: 999;
  cursor: pointer;
}

.news_dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.news_dialog_1 {
  width: 52.08vw;
  height: 30.1vw;
  background: #5939f6;
  border-radius: 0.63vw;
}
.news_dialog_2 {
  width: 50vw;
  text-align: right;
  margin: 0 auto;
}
.news_dialog_3 {
  width: 1.09vw;
  margin-top: 1.35vw;
  cursor: pointer;
}
.news_dialog_4 {
  width: 50vw;
  height: 25.83vw;
  background: #4a30cb;
  margin: 0 auto;
  margin-top: 0.52vw;
}
.news_dialog_4_1 {
  width: 95%;
  font-size: 1.25vw;
  color: #ffffff;
  line-height: 1.93vw;
  text-align: center;
  margin: 0 auto;
  padding-top: 0.94vw;
}
.news_dialog_4_2 {
  width: 95%;
  font-size: 0.78vw;
  color: rgba(255, 255, 255, 0.8);
  line-height: 0.78vw;
  text-align: right;
  margin: 0 auto;
  margin-top: 1.04vw;
}
.news_dialog_4_3 {
  width: 95%;
  height: 0.1vw;
  border-top: 0.05vw solid rgba(255, 255, 255, 0.2);
  margin: 0 auto;
  margin-top: 1.04vw;
}
.news_dialog_4_4 {
  width: 95%;
  height: 18.49vw;
  overflow-y: auto;
  font-size: 0.78vw;
  color: #ffffff;
  line-height: 0.78vw;
  margin: 0 auto;
  margin-top: 1.04vw;
}

.index_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brandtest_new_7 {
  width: 100%;
  height: 100%;
}
/* 品牌合作轮播 */
.swiper-containerTwo {
  width: 58.59vw;
  height: 10.94vw;
}
.brandtest_new_6 {
  width: 68.75vw;
  margin: 0 auto;
  margin-top: 3.91vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l_right_svg_two {
  width: 1.04vw;
  height: 2.34vw;
  cursor: pointer;
  opacity: 0.7;
}

.l_left_svg_two {
  width: 1.04vw;
  height: 2.34vw;
  cursor: pointer;
  opacity: 0.7;
}

.l_left_svg_two:hover {
  opacity: 1;
}

.l_right_svg_two:hover {
  opacity: 1;
}
.index_banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.banner_box {
  position: absolute;
  top: 1.04vw;
  left: 50%;
  transform: translate(-50%, 0);
  width: 96.35vw;
  height: 3.13vw;
  background: linear-gradient(90deg, #00e4ff 0%, #5938f6 100%);
  border-radius: 0.78vw;
  display: flex;
  justify-content: space-between;
}
.banner_img {
  width: 7.55vw;
  margin-top: -0.63vw;
  margin-left: 0.52vw;
}
.tab_all {
  font-weight: 600;
  font-size: 0.83vw;
  color: #ffffff;
  line-height: 1.15vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.language_all {
  width: 3.65vw;
  height: 2.6vw;
  background: #5939f7;
  border-radius: 0.78vw;
  font-weight: 600;
  font-size: 0.83vw;
  color: #ffffff;
  line-height: 1.15vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 3.39vw;
}
.language_all_1 {
  display: flex;
}

.line_s {
  width: 0.05vw;
  height: 1.09vw;
  margin-top: 0.26vw;
}
.down_s {
  width: 0.63vw;
}
.tab_item {
  margin-right: 2.08vw;
}
.tab_item_1 {
  margin-right: 1.04vw;
}
.tab_item_2 {
  margin-right: 0.52vw;
}
.tab_item_3 {
  margin-right: 1.04vw;
  margin-top: -0.21vw;
}
.banner_img_center {
  width: 67.34vw;
  margin-top: 2vw;
}
.banner_img_center_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news_box {
  width: 100%;
  height: 46.88vw;
  background: #5938f6;
}
.news_box_1 {
  text-align: center;
}

.new_2p_1 {
  text-align: center;
}
.new_2p_2 {
  width: 14.11vw;
  margin-top: 2.6vw;
}
.new_2p_3 {
  display: flex;
  justify-content: space-between;
  width: 60.94vw;
  margin: 0 auto;
  margin-top: 1.3vw;
}
.new_2p_4 {
  width: 30vw;
}
.new_2p_5 {
  width: 30vw;
  height: 17.6vw;
  background: #dafa12;
  border-radius: 1.51vw;
  margin-top: 0.83vw;
}
.new_2p_6 {
  text-align: left;
  padding: 1.09vw 0.89vw 0vw 1.04vw;
}
.new_2p_7 {
  width: 7.08vw;
}
.new_2p_8 {
  padding: 0 1.04vw;
  margin-top: 0.52vw;
}
.new_2p_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.new_2p_10 {
  width: 0.42vw;
  height: 0.42vw;
  background: #ea1dff;
  border-radius: 50%;
}
.new_2p_11 {
  width: 22.4vw;
  font-weight: 400;
  font-size: 0.89vw;
  color: #333333;
  line-height: 0.99vw;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new_2p_12 {
  font-weight: 400;
  font-size: 0.78vw;
  color: #333333;
  line-height: 0.99vw;
}
.new_2p_13 {
  width: 100%;
  height: 0.05vw;
  border-top: 0.05vw solid rgba(0, 0, 0, 0.2);
  margin-top: 0.52vw;
  margin-bottom: 0.52vw;
}
.new_2p_14 {
  width: 30vw;
  height: 17.6vw;
  background: url("../img/2p/2p-banner2.png") no-repeat center center;
  background-size: 100% 100%;
}
.new_2p_15 {
  width: 22.19vw;
  font-weight: bold;
  font-size: 2.03vw;
  text-align: left;
  color: #ffffff;
  line-height: 2.24vw;
}
.new_2p_16 {
  padding-top: 1.09vw;
  margin-left: 1.09vw;
}
.new_2p_17 {
  font-weight: 600;
  font-size: 0.99vw;
  color: #ffffff;
  line-height: 1.41vw;
  text-align: left;
  margin: 0.52vw auto;
}
.new_2p_18 {
  width: 17.97vw;
  font-weight: 400;
  font-size: 0.99vw;
  text-align: left;
  color: #ffffff;
  line-height: 1.25vw;
}
.new_2p_19 {
  width: 5.36vw;
  height: 1.98vw;
  background: #dafa12;
  border-radius: 1.15vw;
  font-weight: 800;
  font-size: 0.89vw;
  color: #333333;
  line-height: 1.25vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.3vw;
  cursor: pointer;
}
.three_box {
  width: 100%;
  height: 46.88vw;
  background: #fe01fe;
  position: relative;
}
.center_all {
  text-align: center;
  position: relative;
}
.three_box_1 {
  width: 4.32vw;
}
.three_box_2 {
  width: 57.14vw;
  margin-top: 1.82vw;
}
.threeP_1_img {
  width: 22.5vw;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.threeP_1_img:hover {
  transform: translateY(-0.52vw);
}
.threeP_2_img {
  width: 22.5vw;
  margin: 0 0.73vw;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.three_box_new {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 61.61vw;
}
.threeP_2_img:hover {
  transform: translateY(-0.52vw);
}
.three_box_3 {
  width: 71.77vw;
  margin-top: 1.82vw;
}
.three_box_4 {
  text-align: center;
  margin-top: 1.04vw;
  position: relative;
}
.four_box {
  width: 100%;
  height: 46.88vw;
  background: #7afbe0;
}
.five_box {
  width: 100%;
  height: 46.88vw;
  background: #8c3bff;
}
.six_box {
  width: 100%;
  height: 46.88vw;
  background: #ffff00;
}
.six_box_1 {
  width: 4.32vw;
}
.six_box_2 {
  width: 71.77vw;
  margin-top: 1.82vw;
}
.seven_box {
  width: 100%;
  height: 46.88vw;
  background: #051120;
  position: relative;
}
.seven_box_1 {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0vw);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.seven_box_2 {
  width: 4.32vw;
}
.seven_box_3 {
  text-align: center;
  position: relative;
}
.seven_box_4 {
  width: 76.3vw;
  margin-top: 3.39vw;
}
.seven_box_5 {
  width: 31.25vw;
  position: absolute;
  left: 0;
  bottom: 0;
}

.eight_box {
  width: 100%;
  height: 46.88vw;
  background: #7afbe0;
}
.eight_box_1 {
  width: 4.32vw;
}
.eight_box_2 {
  width: 71.77vw;
  margin-top: 1.82vw;
}
.eight_box_3 {
  width: 72.66vw;
  margin-top: 2.08vw;
}
.nine_box {
  width: 100%;
  height: 46.88vw;
  background: #5938f6;
}
.ten_box {
  width: 100%;
  height: 36.46vw;
  background: #fe01fe;
}
.ten_box_1 {
  width: 4.32vw;
}
.ten_box_2 {
  width: 61.35vw;
  margin-top: 2.08vw;
}
.ten_box_3 {
  width: 25vw;
  cursor: pointer;
}
.ten_box_4 {
  width: 25vw;
  margin: 0 0.42vw;
  cursor: pointer;
}
.ten_box_5 {
  width: 25vw;
  margin-right: 0.52vw;
  cursor: pointer;
}
.video_show_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.video_show_2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52.08vw;
  height: 32.81vw;
}
.close_video {
  width: 2.34vw;
  margin-top: 0.52vw;
  cursor: pointer;
}
.eleven_box {
  width: 100%;
  height: 23.44vw;
  background: #fe01fe;
  display: flex;
  align-items: center;
}
.eleven_box_1 {
  text-align: center;
}
.eleven_box_2 {
  width: 4.32vw;
}
.eleven_box_3 {
  width: 26.35vw;
  margin-top: 1.88vw;
}
.eleven_box_4 {
  width: 92.19vw;
  height: 14.06vw;
  background: #020202;
  border-radius: 0.83vw;
  margin: 0 auto;
  margin-top: 0vw;
  position: relative;
}
.eleven_box_5 {
  display: flex;
}
.eleven_box_6 {
  width: 9.9vw;
  position: absolute;
  left: 1.3vw;
  bottom: 0;
}
.eleven_box_7 {
  display: flex;
  justify-content: space-between;
  width: 65.63vw;
  margin: 0 auto;
  margin-top: 1.93vw;
}
.eleven_box_8 {
  font-weight: 400;
  font-size: 0.73vw;
  color: #ffffff;
  line-height: 1.09vw;
}
.eleven_box_9 {
  font-weight: 500;
  font-size: 1.56vw;
  color: #ffffff;
  line-height: 2.34vw;
  margin-top: 0.78vw;
}
.eleven_box_10 {
  font-weight: 500;
  font-size: 0.94vw;
  color: #ffffff;
  line-height: 1.41vw;
  margin-top: 0.26vw;
}
.eleven_box_11 {
  font-weight: 500;
  font-size: 0.63vw;
  color: #ffffff;
  line-height: 1.04vw;
  margin-top: 2.08vw;
}
.eleven_box_12 {
  margin-right: 2.08vw;
}
.eleven_box_13 {
  width: 8.18vw;
}
.eleven_box_14 {
  font-weight: 400;
  font-size: 0.73vw;
  color: #ffffff;
  line-height: 1.09vw;
  margin-top: 0.78vw;
}
.eleven_box_15 {
  width: 13.28vw;
  margin-top: 0.52vw;
}
.eleven_box_16 {
  width: 15.47vw;
  position: absolute;
  right: -2.6vw;
  bottom: 0;
}
/* 机器人hover */
.robit_hover_box {
  width: 72.92vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 3.65vw;
}
.robit_hover_box_1 {
  width: 79.17vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 5.57vw;
}
.up_img {
  position: absolute;
  top: -2.92vw;
  left: -1.88vw;
  width: 77.45vw;
}
.card {
  width: 6.3vw;
  height: 16.61vw;
  perspective: 52.08vw;
  position: relative;
}
.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrapper {
  transition: all 0.5s;
  position: absolute;
  width: 100%;
  z-index: -1;
  height: 100%;
}
.card:hover .wrapper {
  /* transform: perspective(46.88vw) translateY(-15%) rotateX(25deg) translateZ(0); */
  /* box-shadow: 0.1vw 1.82vw 1.67vw -0.42vw rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0.1vw 1.82vw 1.67vw -0.42vw rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0.1vw 1.82vw 1.67vw -0.42vw rgba(0, 0, 0, 0.75); */
  opacity: 0;
}
.wrapper::before,
.wrapper::after {
  content: "";
  opacity: 0;
  width: 100%;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.wrapper::before {
  top: 0;
  height: 100%;
}
.wrapper::after {
  bottom: 0;
  opacity: 1;
}
.card:hover .wrapper::before,
.wrapper::after {
  opacity: 1;
}

.character {
  width: 8.85vw;
  opacity: 0;
  transition: all 0.5s;
  position: absolute;
  z-index: -1;
  left: -1.41vw;
  top: 1.61vw;
  object-fit: cover;
}

.character_text {
  opacity: 0;
  transition: all 0.5s;
  position: absolute;
  z-index: -1;
  left: 2.03vw;
  top: -5.36vw;
}

.card:hover .character {
  opacity: 1;
  transform: translate3d(0%, -20%, 3.13vw);
}
.card:hover .character_text {
  opacity: 1;
  transform: translate3d(0%, -20%, 3.13vw);
}

.robit_hover_box_1 .card:hover .character {
  opacity: 1;
  transform: translate3d(0%, -25%, 3.13vw);
}
.robit_hover_box_1 .card:hover .character_text {
  opacity: 1;
  transform: translate3d(0%, -25%, 3.13vw);
}

/* 视频轮播 */
.one {
  margin: 0vw auto;
  height: 14.06vw;
  width: 100%;
  margin-top: 2.6vw;
  overflow: hidden;
  position: relative;
}
.one ul {
  height: 14.06vw;
  width: 5208.33vw;
  position: absolute;
  left: 0;
}
.one ul li {
  display: block;
  float: left;
  margin-right: 0.52vw;
  height: 14.06vw;
  border-radius: 0.26vw;
  position: relative;
}
/* 视频轮播 */