@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

@media (min-width: 769px) {
  .h5 {
    display: none;
  }
}

.page p {
  color: white !important;
  opacity: 72%;
}

/* 官网表单样式修改 */
.flexlf .arowana-form-sele #industry,
#region {
  border: none !important;
}

/*公共常用样式*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-bet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-bett {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-aro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-cen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-cen-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-jus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-ali {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.line0 {
  width: 0.38rem;
  height: 0.04rem;
  border-radius: 0.2rem;
  background-color: #086a67;
}

.page {
  /* font-family: 'PingFangSC, PingFang SC' !important; */
  background-color: black;
}

/* 常用宽度 */
.w1400 {
  width: 73.57%;
  margin: 0 auto;
}

@media screen and (max-width: 1599px) {
  .w1400 {
    width: 80%;
  }
}

@media screen and (max-width: 1439px) {
  .w1400 {
    width: 90%;
  }
}

.swiper-slide {
  /* background-color: black; */
  opacity: 0 !important;
}

.swiper-slide-active {
  opacity: 1 !important;
}

.h2 {
  -webkit-background-clip: text;
  background-image: linear-gradient(198.38239204993684deg, #999999 0%, #ffffff 100%);
  font-size: var(--font-size-56);
  color: transparent;
  background-clip: text;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 12.04vh auto 0 auto;
  /* margin: 0 auto; */
  text-align: center;
  font-weight: 600;
  line-height: 1.5;
}

.box3 .h2 {
  margin: 0 auto;
}

video {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.page .banner {
  position: relative;
  /* height: 87.69vh; */
  width: 100%;
  /* height: 9.47rem; */
  background-color: #0d0d0d;
  text-align: center;
  overflow: hidden;
}

.page .bg {
  width: 100%;
  /* height: 9.47rem; */
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
  /* background-image: url("../images/bg.png"); */
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.page .banner video {
  width: 100%;
  /* height: 9.47rem; */
}

.page .banner .poa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: #000000; */
  /* opacity: 0.3; */
  background: rgba(0, 0, 0, 0.5);
}

.banner .textBg {
  width: 4.1rem;
  /* height: .38rem; */
  margin-top: 1.6rem;
}

.banner p {
  color: white;
  font-size: var(--font-size-32);
  margin-top: 0.32rem;
  opacity: 1;
  /* font-family: 'PingFangSC, PingFang SC'; */
  /* font-size: 18px ; */
}

.box1 {
  background-color: #000000;
  height: 100vh;
  overflow: hidden;
  /* padding: 0 3.6rem; */
}

.box1 .title {
  color: white;
  margin-top: 12.04vh;
  /* margin-top: 1.30rem; */
  /* line-height: 1.8; */
  font-size: var(--font-size-20);
  opacity: 1;
}

.box1 .list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* margin-top: 1.1rem; */
  margin-top: 10.18vh;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.box1 .list .item {
  /* border: 1px solid #FFFFFF; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* margin-right: .5rem; */
  /* margin-bottom: .94rem; */
  margin-bottom: 8.7vh;
  width: 20%;
}

.box1 .list .item img {
  width: 0.8rem;
  -o-object-fit: contain;
  object-fit: contain;
  text-align: center;
}

.box1 .list .item p {
  margin-top: 0.2rem;
  text-align: center;
  font-size: 0.18rem;
}

.box2 {
  height: 100vh;
  overflow: hidden;
}

.box2 .h2 {
  line-height: 1.5;
}

.box2 .box2-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 7.41vh;
  /* margin-top: .8rem; */
}

.box2 .box2-content .list {
  /* margin-top: 1.53rem; */

  /* display: none; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.box2 .box2-content .active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.box2 .box2-content .list-left {
  margin-right: 1.12rem;
  width: 4.72rem;
}

.box2 .box2-content .list-left img {
  width: 4.72rem;
  height: 4.72rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.box2 .list .list-left img:nth-child(2) {
  display: none;
}

.box2 .box2-content .list .list-right {
  margin-top: 14.17vh;
  width: 2.72rem;
}

.box2 .box2-content .list .list-right .item {
  margin-bottom: 0.29rem;
  align-items: center;
}

.box2 .box2-content .list .list-right img {
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 !important;
}

.box2 .box2-content .list-right .item .title {
  color: #ffffff;
  font-size: var(--font-size-18);
  margin-left: 0.1rem;
  line-height: 1.5;
  /* opacity: 72%; */
}

.box2 .box2-nav {
  /* margin-top: .56rem; */
  margin: 5.18vh auto 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow-x: auto;
}

.box2 .box2-nav::-webkit-scrollbar,
.and-box6-nav::-webkit-scrollbar {
  display: none;
}

.box2 .box2-nav .list {
  padding-bottom: 1.48vh;
  border-bottom: 1px solid #212121;
  position: relative;
}

.box2 .box2-nav .item {
  margin-right: 0.56rem;
}

.box2 .box2-nav .item:nth-child(4) {
  margin-right: 0;
}

.box2 .box2-nav .text {
  color: white;
  opacity: 50%;
  white-space: nowrap;
  font-size: var(--font-size-22);
  cursor: pointer;
}

.box2 .box2-nav .active {
  color: #fff;
  opacity: 1;
}

.box2 .box2-nav .lineR {
  background-color: #d42520;
  height: 1px;
  width: 12px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.box2 .box2-nav .line {
  height: 1px;
  background-color: white;
  opacity: 0.16;
  width: 100%;
  /* margin-top: .16rem; */
  margin-top: 1.48vh;
}

.box3 {
  background: #0e0e12;
  position: relative;
  padding-top: 12.04vh;
  /* overflow: hidden; */
}

.box3 h2 {
  line-height: 1.375;
}

.box3 .product {
  /* padding-top:.2rem ; */
  padding-left: 0.2rem;
  padding-top: 1.85vh;
  border-left: 1px solid #2c2a2d;
  /* margin-right: .67rem; */
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  /* position: fixed; */
  /* position:sticky; */
  position: absolute;
  /* top: 50%; */
  z-index: 100;
  /* transform: translateY(-50%); */
  /* margin-top: 50%; */
  /* opacity: 0; */
  /* display: none; */
  top: 2.58rem;
}

.box3 .product img {
  position: absolute;
  width: 0.11rem;
  height: 0.18rem;
  top: 0;
  left: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.box3 .product .title:nth-last-child(1) {
  margin-bottom: 0;
}

.box3 .product:hover .title {
  opacity: 1;
}

.box3 .product .title {
  color: white;
  /* margin-bottom: .73rem; */
  margin-bottom: 6.76vh;
  /* color: #787880; */
  font-size: var(--font-size-16);
  cursor: pointer;
  /* opacity: 0; */
  opacity: 72%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 1;
}

.box3 .product .title2 {
  color: #d42520;
  opacity: 1;
  font-size: var(--font-size-20);
}

.box3 .list {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  margin: 0 !important;
  margin-left: auto !important;
}

@media (min-width: 768px) {
  .box3 .list {
    width: 80%;
  }
}

.box3 .item {
  height: 100vh;
}

.box3 .item .video-box {
  /* margin-top: .64rem; */
  margin: 5.92vh auto 0 auto;
  position: relative;
  /* width: 12rem; */
}

.box3 .item .video-box video {
  width: 100%;

}

.box3 .item .text-box {
  color: white;
  /* margin-top: .32rem; */
  margin-top: 2.93vh;
}

.box3 .video-box .mengceng {
  position: absolute;
  width: 100%;
  height: 6.85vh;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.5;
}

.box3 .video-title {
  position: absolute;
  width: 50%;
  bottom: 1.2vh;
  left: 0;
  color: white;
  text-align: center;
}

.box3 .video-title2 {
  position: absolute;
  width: 50%;
  bottom: 1.2vh;
  right: 0;
  color: white;
  text-align: center;
}

.box3 .item .text-box div {
  line-height: 1.5;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: var(--font-size-16);
  color: white;
}

.box3 .item .text-box div:nth-child(1) {

  opacity: 72%;
  font-weight: 400;
  padding-right: 15%;
}

.box3 .item .text-box div:nth-child(2) {
  font-weight: 600;
  color: white;

}

.box4 {}

.box4 .title {
  /* margin-top: .24rem;
        margin-bottom: .64rem; */
  margin-top: 2.22vh;
  margin-bottom: 5.93vh;
  font-size: var(--font-size-20);
  text-align: center;
  /* line-height: 1.8; */
}

.box4 {
  width: 100%;
}

.box4 .bizhang2 {
  /* margin-top: .77rem; */
  margin-top: 7.22vh;
}

.box5 {
  /* height: 100vh; */
  overflow: hidden;
}

.box5 .title {
  /* margin-top: .24rem; */
  margin-top: 2.22vh;
  font-size: var(--font-size-20);
  text-align: center;
  /* line-height: 1.8; */
}

.box5 video {
  /* margin-top: .56rem; */
  /* margin-bottom: 2rem; */
  margin-top: 5.18vh;
  margin-bottom: 18.52vh;
}

.box6 {
  /* padding-bottom: 1.3rem; */
  padding-bottom: 12.04vh;
  /* height: 100vh; */
  background-color: #0e0e12;
  /* background-color: #0a0a0d; */
  overflow: hidden;
  display: none;
}

.box6 .title {
  /* margin-top: .24rem; */
  margin-top: 2.22vh;
  font-size: var(--font-size-20);
  text-align: center;
  /* line-height: 1.8; */
}

.box6 .list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* margin-top: .8rem; */
  margin-top: 7.41vh;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.box6 .list .item {
  width: 33%;
  text-align: center;
  background: #000000;
  /* background-color: red; */
  border-radius: 0.12rem;
  /* padding: .68rem .43rem .45rem .43rem ; */
  padding: 6.3vh 0.43rem 0.45rem 3.98vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.box6 .list .item img {
  width: 3rem;
  height: 2.1rem;
}

.box6 .list .item .h3 {
  /* margin-top: .59rem; */
  margin-top: 5.46vh;
  font-weight: 600;
  font-size: var(--font-size-24);
  color: white;
}

.box6 .list .item .item-title {
  /* margin-top: .12rem; */
  margin-top: 1.11vh;
  font-size: var(--font-size-18);
  line-height: 1.5;
  text-align: left;
}

.box7 {
  /* height: 100vh; */
  background-color: black;
  overflow: hidden;
}

.box7 .h2 {
  font-size: var(--font-size-56);
}

.box7 .list {
  /* margin-top: .80rem; */
  margin-top: 7.41vh;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.box7 .list .item {
  position: relative;
  width: 49%;
  margin-bottom: 0.2rem;
}

.box7 .list .item img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.box7 .list .item .title {
  position: absolute;
  /* bottom: .15rem; */
  bottom: 1.38vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: white;
  opacity: 72%;
  font-size: var(--font-size-18);
}

.box7 .btm {
  font-weight: 600;
  color: #ffffff;
  font-size: var(--font-size-20);
  padding: 0.16rem 0.36rem;
  background: #3b3b3b;
  border-radius: 0.3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  /* margin:  1rem auto 1.16remauto; */
  margin: 9.26vh auto 10.7vh auto;
  cursor: pointer;
}



.box2 .and-box2-content {
  display: none;
}

.box6 .and-list {
  display: none;
}

.banner .and-textBg {
  display: none;

}

@media (max-width: 767px) {
  .banner {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }

  .banner .textBg {
    display: none;
  }

  .banner video {
    height: 185px !important;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .banner .and-textBg {
    display: block;
    width: 164px;
    /* height: 15px; */
    -o-object-fit: contain;
    object-fit: contain;
    margin: 69px auto 0 auto;
  }


  .banner .title {
    font-size: 13px;
    color: #ffffff;
    margin-top: 12px;
    opacity: 1;
  }

  .box1 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .box1 .list {
    margin-top: 50px;
  }

  .box1 .title {
    /* font-size: 26px; */
    font-size: 14px;
    color: #ffffff;
    line-height: 1.5;
    margin-top: 43px;
  }

  .box1 .list .item {
    width: 45%;
    margin-bottom: 30px;
  }

  .box1 .list .item img {
    width: 55px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .box1 .list .item p {
    color: #595757;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
    font-size: 14px;
  }

  .box1 .list .item:nth-child(2n + 2) {
    /* margin-right: 0; */
  }

  .box2 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 113px;
  }

  .box2 .h2 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
  }

  .box2 .box2-content {
    margin-top: 32px;
  }

  .box2 .list .list-left {
    margin-right: 0;
    width: 100%;
  }

  .box2 .list .list-left img {
    width: 343px;
    height: 343px;
  }

  .box2 .list .list-left img:nth-child(1) {
    display: none;
  }

  .box2 .list .list-left img:nth-child(2) {
    display: block;
  }

  .box2 .list .list-right {
    display: none;
  }

  .box2 .box2-nav {
    margin: 40px auto 0 auto;
    width: 100%;
  }

  .box2 .box2-nav .list {
    min-width: 520px;
  }

  .box2 .and-box2-content {
    display: block;
  }

  .box2 .and-box2-content .and-box2-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px;
  }

  .box2 .and-box2-content .and-box2-list .and-box2-item {
    width: 50%;
    margin-bottom: 16px;
    /* background-color: red; */
    /* border: 1px solid red; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .box2 .and-box2-content .and-box2-list .and-box2-item img {
    width: 15px;
    height: 15px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 2px 0 0 0 !important;

  }

  .box2 .and-box2-content .and-box2-list .and-box2-item .title {
    font-size: 13px;
    margin-left: 5px;
    color: white;
    font-weight: 400;
    word-wrap: break-word;
    white-space: normal;
    /* 允许文本换行 */
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1.5;
  }

  .box3 {
    display: none;
  }

  .box4 {
    overflow: hidden;
  }

  .box4 .h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 50px;
  }

  .box4 .title {
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
  }

  .box4 .bizhang {
    margin-top: 20px;
  }

  .box4 .bizhang2 {
    margin-top: 24px;
  }

  .box5 {}

  .box5 .h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 50px;
  }

  .box5 .title {
    font-size: 12px;
    /* color: #FFFFFF; */
    font-weight: 400;
    color: #8d8b8d;
  }

  .box5 video {
    margin-bottom: 84px;
    margin-top: 30px;
  }

  .box6 {
    overflow: initial;
    padding-bottom: 40px;
    padding-top: 50px;
  }

  .box6 .h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0 !important;
  }

  .box6 .title {
    font-size: 12px;
    /* color: #FFFFFF; */
    font-weight: 400;
    color: #8d8b8d;
    margin: 16px 0;
  }

  .box6 .list {
    display: none;
  }

  .box6 .and-list {
    display: block;
  }

  .box6 .and-list .box6-alpha-s3-desc-swiper img {
    width: 343px;
    height: 306px;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: black;
  }

  .box6 .and-list .and-box6-nav {
    overflow-x: auto;
    width: 100%;
    margin-top: 0.2rem;
  }

  .box6 .and-list .and-box6-nav .active {
    color: white;
    opacity: 1 !important;
  }

  .box6 .and-list .and-box6-nav .and-box6-nav-list {
    min-width: 500px;
    padding-bottom: 12px;
    border-bottom: 1px solid #232327;
    position: relative;
  }

  .box6 .and-list .lineR {
    background-color: #d4251e;
    width: 10px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .box6 .and-list .and-box6-nav .and-box6-nav-list-item {
    font-size: 14px;
    color: white;
    opacity: 72%;
    white-space: nowrap;
    margin-right: 56px;
    font-weight: 600;
  }

  .box6 .and-list .and-box6-nav .and-box6-nav-list-item:nth-child(3) {
    margin-right: 0;
  }

  .box6 .and-list .box6-alpha-s3-desc-swiper2 {
    margin-top: 20px;
  }

  .box6 .and-list .box6-alpha-s3-desc-swiper2 .text {
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
  }

  .box7 {}

  .box7 .h2 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 50px;
  }

  .box7 .list {}

  .box7 .list .item {
    width: 48%;
    margin-bottom: 20px;
  }

  .box7 .list .item img {
    width: 166px;
    height: 93px;
  }

  .box7 .list .item .title {
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 9px;
    font-size: 13px;
    opacity: 72%;
    color: white;
    /* color: #8d8b8d; */
  }

  .box7 .btm {
    width: 195px;
    height: 45px;
    background: #3b3b3b;
    border-radius: 45px;
    font-weight: 600;
    /* color: #8D8B8D; */
    font-size: 15px;
    margin: 50px auto 50px auto;
    color: white;
    /* opacity: 72%; */
  }
}

/* box3-h5  */
.box3-h5 {
  /* background-color: ; */
  background-color: #0E0E12;
  overflow: hidden;
  padding-bottom: 20px;
}

.box3-h5 .xia {
  position: absolute;
  width: 16px;
  height: 16px;
  z-index: 10;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  animation: zoomInOut 1.5s infinite alternate;
  /* 应用动画，持续时间为2秒，无限次播放，并在每次迭代后反向播放 */
}

@keyframes zoomInOut {
  0% {
    transform: translateY(0px);
  }

  /* 50% {
  } */
  100% {
    transform: translateY(10px)
  }
}

.box3-h5-title {
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 0.6rem;
  margin-top: 1rem;
}

.box3-h5-container {
  padding: 0 5%;
  position: relative;
}

.box3-h5-content {
  overflow: hidden;
}

.box3-h5-container .video-box {
  position: relative;


}

.box3-h5-container .video-box .mengceng {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 32px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.5;
}

.box3-h5-container .video-box .video-title {
  position: absolute;
  width: 50%;
  bottom: 9px;
  color: white;
  text-align: center;
  font-size: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 1.5;

}

.box3-h5-container .video-box .video-title1 {
  left: 0;

}

.box3-h5-container .video-box .video-title2 {
  right: 0;

}

.box3-h5-container .swiper-pagination {
  left: 5px;
  bottom: unset;
  /* top: 50%; */
  top: 45%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(90deg) translateX(calc(-50% + 4px));
  transform: rotate(90deg) translateX(calc(-50% + 4px));
}

.box3-h5-container .swiper-pagination-bullet {
  background-color: #fff;
  height: 2px;
  width: 20px;
  border-radius: 4px;
}

.box3-h5-text {
  padding: 0.3rem 0;
}

.box3-h5-item-title {
  font-size: 16px;
  color: white;
  margin-bottom: 0.2rem;
}

.box3-h5-item-desc {
  font-size: 14px;
  color: #fff;
  opacity: 0.72;
}

.box3-h5-item-ps {
  font-size: 14px;
  color: #fff;
  opacity: 1;
  /* opacity: 0.6; */
  margin-top: 0.6rem;
}

/* box3-h5  */
/* .box3-h5 {
  background-color: #0e0e12;
  overflow: hidden;
}
.box3-h5-container {
  padding: 0 5%;
  position: relative;
}
.box3-h5-content {
  overflow: hidden;
}
.box3-h5-container .swiper-pagination {
  left: 5px;
  bottom: unset;
  top: 50%;
  width: fit-content;
  transform-origin: left bottom;
  transform: rotate(90deg) translateX(calc(-50% + 4px));
}

.box3-h5-text {
  padding: 0.3rem 0;
}
.box3-h5-item-title {
  font-size: 20px;
  color: white;
  margin-bottom: 0.2rem;
}
.box3-h5-item-desc {
  font-size: 14px;
  color: #fff;
  opacity: 0.8;
}
.box3-h5-item-ps {
  font-size: 14px;
  color: #fff;
  opacity: 0.6;
  margin-top: 0.6rem;
}


/* .box3{
  position: relative;
}
.box3 .product{
  background-color: red;
  display: block;
}
.box3 .list .item{
  position: absolute;
  top: 0;
  background-color: black;
}

.box3 .list .item:nth-child(1){
  z-index: 10;
}
.box3 .list .item:nth-child(2){
  z-index: 9;
}

.box3 .list .item:nth-child(3){
  z-index: 8;
}

.box3 .list .item:nth-child(4){
  z-index: 7;
}

.box3 .list .item:nth-child(5){
  z-index: 6;
}

.box3 .list .item:nth-child(6){
  z-index: 5;
} */

/* 

.box3{
  position: relative;
}
.box3 .h9{
  position: sticky;
  top: 50px;
  color: white;
  font-size: 50px;
  text-align: center;
}
.box3 .a{
  position: sticky;
  background-color: blueviolet;
  top: 2.58rem;
 
}
.box3 .item{
  position: absolute;
  top: 0;

}
.box3 video{
  width: 100%;
  object-fit:cover;
}

.box3  .item:nth-child(1){
  z-index: 10;
}

.box3  .item:nth-child(2){
  z-index: 9;
}
.box3  .item:nth-child(3){
  z-index: 8;
}
.box3  .item:nth-child(4){
  z-index: 7;
}
.box3  .item:nth-child(5){
  z-index: 6;
}
.box3  .item:nth-child(6){
  z-index: 5;
}
.box3 .product{
  display: block;
} */