@font-face {
  font-family: "Montserrat-Regular";
  src: url("/assets/fonts/Montserrat-Regular-8.otf") format("opentype");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("/assets/fonts/Montserrat-SemiBold-9.otf") format("opentype");
}

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

.header_content {
  width: 100vw;
  /* height: 100vh; */
  position: relative;
  background-color: #030303;
}

.header_img {
  width: 100vw;
}

.header_icon {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.neo {
  width: 4vw;
  margin-left: 1vw;
  margin-top: 1vh;
}

.header_desc {
  position: absolute;
  top: 35%;
  left: 22%;
  width: 12vw;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.detail_icon {
  width: 20vw;
  margin-bottom: 2vh;
  align-self: flex-start;
}

.header_text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.2vw;
  white-space: nowrap;
  margin-bottom: 1vh;
  align-self: flex-start;
}

.watch_video {
  width: 5.5vw;
  height: 3.5vh;
  background: #ffffff;
  border-radius: 80px 80px 80px 80px;
  position: absolute;
  left: 22%;
  top: 55%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.watch_video_txt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.7vw;
  cursor: pointer;
  text-decoration: none;
}

.watch_video_icon {
  width: 0.45vw;
  height: auto;
  margin-left: 0.4vw;
  display: inline-block;
}

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

.des_txt {
  font-size: 1.2vw;
  color: rgba(255, 255, 255, 0.8);
}

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

.product_swiper_container {
  width: 100vw;
  display: flex;
  justify-content: center;
  text-align: center;
  overflow: visible !important;
  position: relative;
  background-color: #000;
}

.product_swiper_div {
  max-width: 100%;
}

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

.swiper-button-prev::after {
  display: none;
}

.swiper-button-prev {
  width: 3.5vw !important;
  height: 7vh !important;
  margin-top: -2vh;
  margin-left: 3vw;
  background-image: url("https://xz-server.oss-cn-shanghai.aliyuncs.com/imgs/swiper_home_left.png");
  background-size: 90%;
  background-repeat: no-repeat;
  align-self: center;
}

.swiper-button-next::after {
  display: none;
}

.swiper-button-next {
  width: 3.5vw !important;
  height: 7vh !important;
  margin-top: -2vh;
  margin-right: 3vw;
  background-image: url("https://xz-server.oss-cn-shanghai.aliyuncs.com/imgs/swiper_home_right.png");
  background-size: 90%;
  background-repeat: no-repeat;
  align-self: center;
}

.product_video_content {
  width: 100vw;
  height: fit-content;
  background-color: #060606;
  margin-top: 2vh;
}

.video-js {
  width: 80vw !important;
  height: 100vh !important;
  margin-left: 10vw;
}

.vjs-poster img {
  width: 80vw !important;
  height: 100vh !important;
}

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

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

.title_underline {
  width: 8vw;
  height: 0.35vh;
  background-color: #d9d9d9;
  margin-top: 2vh;
}

.clean_content {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(180deg, rgba(110, 110, 110, 0.05) 0%, rgba(134, 255, 254, 0.2) 100%);
  overflow: hidden;
}

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

.clean_swiper_div {
  max-width: 155vw;
  height: 80vh;
  position: relative;
}

.clean_swiper_img {
  width: 45vw;
  margin-top: 1vh;
  border-radius: 20px;
}

.gt_clean_swiper .swiper-wrapper {
  height: 68vh !important;
}

.safe_content {
  color: #fff;
  text-align: center;
  width: 100vw;
  margin-top: 4vh;
  font-size: 1.2vw;
}

.angle_img {
  margin-top: 4vh;
  max-width: 60vw;
  border-radius: 40px 40px 40px 40px;
}

.num1 {
  font-family: "Montserrat-SemiBold";
  color: #0ed0fe;
  font-style: italic;
  margin-right: 0.2vw;
}

.num2 {
  font-family: "Montserrat-Regular";
}

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

.container_third {
  margin: 0 auto;
  margin-top: 8vh;
  display: flex;
  text-align: center;
  justify-content: center;
}

.container_third_txt {
  font-size: 1.2vw;
  color: #fff;
}

.second_title {
  max-height: 8vh;
}

.img_full {
  width: 100vw;
  margin-top: 2vh;
}

.container_content {
  /* margin-top: 4vh; */
  display: flex;
  text-align: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.img_content {
  margin-top: 2vh;
  width: 60vw;
  border-radius: 40px;
  object-fit: cover;
  display: block;
}

.phone_img {
  max-width: 13vw;
  position: absolute;
  right: 27%;
  top: 11%;
}

.tip_txt {
  font-size: 1.3vw;
  color: #fff;
  position: absolute;
  bottom: 4vh;
}

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

.ai_swiper_div {
  max-width: 165%;
}

.ai_swiper_img {
  max-width: 55vw;
  max-height: 70vh;
}

.swiper-slide {
  position: relative;
}

.ai_swiper_txt {
  font-size: 1.2vw;
  position: absolute;
  bottom: 5vh;
  color: #fff;
  left: 12%;
}

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

.container_titan810 {
  height: 100vh;
  margin-top: 10vh;
  background-image: url("https://xz-server.oss-cn-shanghai.aliyuncs.com/imgs/parametet_img.png");
  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: 18vw;
}

.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;
}

.detail_img_logo {
  width: 18vw;
  position: absolute;
  top: 40%;
  left: 60%;
}

.detail_titan_txt {
  position: absolute;
  top: 50%;
  left: 60%;
  color: #fff;
  font-size: 1.6vw;
}

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

.detail_txt_titan {
  font-size: 1.2vw;
  text-align: left;
}

.detail_content_titan {
  display: flex;
  align-items: center;
}

.efficiency_num_titan {
  font-size: 3.4vw;
}

.efficiency_unit_titan {
  font-size: 1.4vw;
  margin-left: 0.4vw;
}

.param_num_titan {
  display: flex;
  align-items: baseline;
}

.gt_precise_txt {
  font-size: 0.8vw;
  color: rgba(255, 255, 255, 0.8);
}

.gt_precise_gif {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vh;
}

.gt_precise {
  width: 88vw;
  margin-top: 6vh;
}

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

.con_img {
  width: 54vw;
  height: 50vh;
  margin-top: 6vh;
}

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

.scene_swiper_div {
  max-width: 165%;
}

.scene_swiper_img {
  max-width: 55vw;
  max-height: 70vh;
}

.swiper-slide {
  position: relative;
}

.scene_swiper_txt {
  font-size: 1.2vw;
  position: absolute;
  bottom: 10vh;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
}

.solve_scene_swiper .swiper-wrapper {
  height: 64vh !important;
}

.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;
  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;
}

.fancybox__content {
  width: 120% !important;
  height: 110% !important;
}

.fancybox__content {
  padding: 0px !important;
}