.detial50_container {
  width: 100vw;
  background-color: #060606;
}
.product_header {
  width: 100vw;
  /* height: 100vh; */
  background-color: #060606;
  position: relative;
}

.header_img {
  width: 100vw;
  /* height: 95vh; */
}

.header_img_logo {
  width: 19vw;
  position: absolute;
  top: 30%;
  left: 22%;
}
.header_txt {
  position: absolute;
  top: 37%;
  left: 22%;
  color: #fff;
  font-size: 1.4vw;
}

.header_detail_first {
  font-family: "Montserrat-Regular";
  color: #fff;
  position: absolute;
  top: 48%;
  left: 22%;
}

.header_detail_second {
  font-family: "Montserrat-Regular";
  color: #fff;
  position: absolute;
  top: 60%;
  left: 22%;
}

.header_detail_third {
  font-family: "Montserrat-Regular";
  color: #fff;
  position: absolute;
  top: 71%;
  left: 22%;
}

.video_content {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.video_title {
  /* width: 19vw; */
  text-align: center;
  background-image: linear-gradient(332deg, #02fffd 30%, #16abff 100%);
  font-size: 1.8vw;
  -webkit-background-clip: text;
  color: transparent;
  /* font-family: "Montserrat-Medium"; */
  font-family: "SourceHanSans-Medium";
  letter-spacing: 2px;
  margin-top: 16vh;
}

.video_player {
  width: 62.5vw;
  margin: auto;
  margin-top: 5vh;
}

.video-js {
  width: 62.5vw !important;
  height: 66vh !important;
  background-color: #060606 !important;
}

.detail50_gif {
  width: 28vw;
  height: 37vh;
  object-fit: contain;
  display: block;
}

.animate_content {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: 6px;
  margin-top: 16vh;
}

.animate_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4vh;
}

.animate_text_container {
  z-index: 10;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.animate_text_container.visible {
  opacity: 1;
}

.animate_color {
  /* width: 10vw; */
  text-align: center;
  background-image: linear-gradient(300deg, #02fffd 40%, #16abff 90%);
  font-size: 1.6vw;
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Montserrat-Medium";
  margin-bottom: 2vh;
}

.animate_dec {
  font-size: 1vw;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 6px;
}

.scroll-player-container {
  position: relative;
  width: 100%;
  /* height: 70vh; */
  display: flex;
  justify-content: center;
}
canvas {
  background-color: #060606;
  margin-top: 7vh;
  width: 28vw;
  height: 40vh;
}

.smart_content {
  width: 100vw;
  padding-top: 12vh;
  background-color: #060606;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.smart_title {
  /* width: 7vw; */
  font-size: 1.8vw;
  color: #fff;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  font-family: "Montserrat-SemiBold";
}

.smart_title.visible {
  opacity: 1;
}

.smartBox {
  margin-top: 4vh;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.smartBox.visible {
  opacity: 1;
}

.smart_swiper {
  width: 47vw;
}

.smart_img {
  width: 47vw;
  height: 60vh;
  border-radius: 40px;
  background-color: #060606;
}

.smart_img_text {
  width: 30vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 6vh;
  left: 50%;
  transform: translateX(-50%);
}

.smart_text1 {
  font-size: 1vw;
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 2vh;
}
.smart_text2 {
  font-size: 0.7vw;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 2px;
}

.smart_color {
  width: 5vw;
  background-image: linear-gradient(332deg, #02fffd 30%, #16abff 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.safe_content {
  width: 100vw;
  padding-top: 16vh;
  background-color: #060606;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.safe_txt {
  width: 30vw;
  padding-top: 4vh;
  font-size: 0.5vw;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 1px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.safe_txt.visible {
  opacity: 1;
}

.safeBox {
  width: 100vw;
  margin-top: 10vh;
  text-align: center;
}

.safe_swiper {
  height: 64vh;
}

.safe_img {
  width: 40vw;
  /* max-height: 55vh; */
}

.safe_swiper_txt {
  position: relative;
  bottom: 5.5vh;
  color: #fff;
  display: flex;
  width: 100vw;
  justify-content: center;
}

.desc_item {
  width: 6vw;
  text-align: center;
}

.version_content {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.version_title {
  /* width: 20vw; */
  text-align: center;
  background-image: linear-gradient(332deg, #02fffd 30%, #16abff 100%);
  font-size: 1.8vw;
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Montserrat-Medium";
  letter-spacing: 2px;
  margin-top: 14vh;
}

.version_img {
  width: 64vw;
  height: 62vh;
  border-radius: 40px;
}

.version_img_container {
  position: relative;
  margin-top: 2vh;
}

.version_img_desc {
  position: absolute;
  color: #fff;
  font-size: 1.6vw;
  font-style: italic;
  font-weight: 600;
}

.version_img_desc1 {
  bottom: 6vh;
  left: 50%;
  transform: translateX(-50%);
}

.version_img_desc2 {
  bottom: 6vh;
  left: 18%;
}
.version_img_desc3 {
  bottom: 6vh;
  left: 67%;
}
.version_img_desc4 {
  bottom: 6vh;
  left: 30%;
}

.major_conent {
  width: 100vw;
  background-color: #060606;
  display: flex;
  padding-top: 16vh;
}

.major_left {
  width: 30vw;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: end;
  padding-right: 3vw;
}

.major_left_content {
  width: 14vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.major_right {
  width: 70vw;
}

.major_img {
  width: 45vw;
  /* max-height: 60vh; */
  margin-left: 4vw;
}

.desc_title {
  font-size: 0.65vw;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 2.5vh;
}

.desc_img1 {
  width: 40vw;
  /* max-height: 55vh; */
  border-radius: 40px;
  margin: 0 10vw 0 16vw;
}

.desc_img2 {
  width: 40vw;
  /* max-height: 55vh; */
  border-radius: 40px;
  margin-left: 2vw;
}

.major_text2 {
  margin-top: 5.5vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.desc_img3 {
  width: 45vw;
  /* height: 60vh; */
  border-radius: 40px;
}

.text_title {
  color: #fff;
}

.text_num_container {
  /* width: 4.5vw; */
  background-image: linear-gradient(332deg, #02fffd 30%, #16abff 100%);
  font-size: 0.7vw;
  -webkit-background-clip: text;
  color: transparent;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin: 1vh 0;
  font-style: italic;
  /* font-family: "Montserrat-SemiBold"; */
  font-family: "SourceHanSans-Medium";
  font-weight: 600;
}

.text_num {
  font-size: 1.2vw;
  margin-right: 0.6vw;
}

.text_end {
  font-size: 0.5vw;
  color: rgba(255, 255, 255, 0.75);
}

.desc_text {
  opacity: 0;
}

.desc_text.visible {
  opacity: 1;
}

.free_content {
  width: 100vw;
  padding-top: 16vh;
  display: flex;
  background-color: #060606;
  flex-direction: column;
  align-items: center;
}

.free_img_content {
  display: flex;
}

.free_img_container {
  position: relative;
}

.free_img_text {
  position: absolute;
  top: 9vh;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.free_text1 {
  color: #fff;
  font-size: 1.4vw;
  margin-bottom: 3vh;
  letter-spacing: 2px;
}

.free_text2 {
  width: 24vw;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1vw;
  letter-spacing: 2px;
  /* white-space: nowrap; */
  text-align: center;
}

.free_img {
  width: 27vw;
  /* max-height: 72vh; */
  margin-top: 4vh;
  border-radius: 40px;
}

.features_content {
  width: 100vw;
  background-color: #060606;
}

.container_titan810 {
  height: 100vh;
  margin-top: 16vh;
  background-image: url("https://xz-server.oss-cn-shanghai.aliyuncs.com/imgs/parametet_50.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}

.img_right_title {
  color: #fff;
  font-size: 1.4vw;
  margin-top: 17vh;
  margin-left: 47vw;
}

.line {
  width: 35vw;
  height: 2px;
  background: #16abff;
  border-radius: 0px 0px 0px 0px;
  margin-top: 4vh;
  margin-left: 47vw;
}

.row {
  margin-top: 8vh;
  margin-left: 47vw;
  display: flex;
  align-content: center;
}

.line_left {
  width: 18vw;
  margin-top: 2vh;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0px 0px 0px 0px;
}

.item_left {
  width: 17vw;
}

.item_right {
  margin-left: 3vw;
}

.line_right {
  width: 15vw;
  margin-top: 2vh;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0px 0px 0px 0px;
}

.param_num {
  font-size: 1.3vw;
  color: #16abff;
  font-family: "Montserrat-Regular";
}

.param_text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.6vw;
  margin-top: 0.6vh;
}

.gif_txt {
  font-size: 1.2vw;
  color: #fff;
  position: relative;
  bottom: 10vh;
}

.gif_num {
  font-family: "Montserrat-SemiBold";
  color: #0ed0fe;
  font-style: italic;
}

.product_title {
  font-size: 1.8vw;
  margin-top: 10vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}

.scene_swiper_container {
  width: 90vw;
  margin-top: 5.45vh;
  margin-left: 5vw;
  display: flex;
  justify-content: center;
  text-align: center;
  overflow: visible !important;
  position: relative;
}

.scene_swiper_div {
  width: 66vw;
}

.solve_scene_swiper {
  height: 30vh !important;
}

.scene_swiper_img {
  max-width: 21vw;
}

.scenario_title_second {
  width: 100vw;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9w;
  margin-top: 3.5vh;
  letter-spacing: 2px;
}

.ground_content {
  width: 100vw;
  height: 50vh;
  background-color: #060606;
  text-align: center;
  margin-top: 15vh;
}

.ground_title {
  font-size: 48px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 72px;
  letter-spacing: 3px;
}

.ground_title_second {
  margin-top: 3vh;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 22px;
}

.ground {
  width: 100vw;
  margin-top: 4vh;
  display: flex;
  justify-content: center;
}

.ground_img {
  max-height: 18vh;
}