.p_nav_dw{
  text-align: center;
  height: 3vw;
  background-color: black;
}
.p_nav_dw ul li{
  color: #fff;
  line-height: 3vw !important;
  font: 500 1vw Montserrat, sans-serif;
  padding: 0 3vw;
}
.p_nav_dw ul li:hover{
  color: #6ad9d4;
  cursor: pointer;
}
.p_nav_dw ul li.active{
  color: #6ad9d4;
}
#new_h{
  position: relative;
}
#new_h img{
  width: 100%;
}
.xmds_up{
  margin-right: 1%;
}
.xmds{
  width: 60%;
  margin:0 auto;
  margin-top: 5%;
}
.xmds .x12{
  margin-left: 4.5%;
}
.xmds .x8{
  width: 56%;
}
.xmds .x4{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 35%;
}
.xmd1{
  margin-bottom: 2%;
  margin-right: 2%;
  height: 20vw;
}
.xmd7{
  margin-bottom: 2%;
  height: 20vw;
}
.xmd1 h1{
  top: 10%;
  left: 8%;
  font-size: 2.4vw;
}
.xmd2 h1{
  top: 30%;
  right: 8%;
  font-size: 1.5vw;
  width: 25%;
}
.xmd2{
  margin-right: 2%;
  height: 9.5vw;
}
.xmd3{
  margin-bottom: 3%;
  height: 10.5vw;
  width: 100%;
}
.smd3{
  margin-bottom: 2%;
  height: 10vw;
  width: 100%;
}
.smd4{
  width: 100%;
  height: 9vw;
}
.smd5{
  height: 9.5vw;
  width: 100%;
  margin-top: 6%;
}
.xmd3 h1{
  bottom: 15%;
  left: 8%;
  font-size: 0.8vw;
}
.xmd4{
  width: 49%;
  margin-right: 2%;
  height: 8.83vw;
}
.xmd4 h1{
  top: 15%;
  left: 10%;
  font-size: 0.6vw;
}
.xmd5{
  width: 49%;
  height: 8.83vw;
}
.xmd5 h1{
  bottom: 15%;
  left: 8%;
  font-size: 0.6vw;
}
.xmd6{
  margin-top: 2%;
  height: 11.5vw;
  width: 100%;
}
.xmd6 h1{
  bottom: 12%;
  left: 32%;
  font-size: 0.7vw;
  color: #000 !important;
}
.smd1 h1{
  font-size: 1.8vw !important;
}
.smd2 h1{
  left: 5%;
}
.smd3 h1{
  
  top: 15%;
  right: 10%;
  color: #000 !important;
  font-size: 0.8vw !important;
  
}
.smd4 h1{
  
  top: 36%;
  left: 10%;
  color: #000 !important;
  font-size: 0.8vw !important;
}
.smd5 h1{
  
  top: 15%;
  left: 10%;
  color: #000 !important;
  font-size: 1vw !important;
}
.xmd{
  position: relative;
  overflow: hidden;
  
}
.xmd img{
  width: 100%;
  transition: transform 0.6s ease;
}
.xmd img:hover{
  transform: scale(1.1);
}
.xmd h1{
  position: absolute;
  color: #fff;
  font-family: Montserrat;
  text-transform: uppercase;
}

.pxmd2 {
  height: 11vw;
  margin-right: 0;
}
.pxmd2 h1{
  right: 67%;
  font-weight: 600;
  font-size: 2vw;
}
.pxmd3 {
  height: 13vw;
}
.pxmd3 h1 {
  color: #000;
  font-size: 1.5vw;
  font-weight: 600;
}
.pxmd4,.pxmd5{
  height: 10vw;
}
.pxmd4 h1 {
  color: #000;
    font-size: 0.8vw;
    font-weight: 600;
    top: 73% !important;
    left: 49% !important;
}
.pxmd5 h1 {
  color: #000;
  font-size: 0.9vw;
  font-weight: 600;
  bottom: 10%;
}
.pxmd6 {
  height: 11vw;
  margin-top: 3.5%;
}
.pxmd6 h1 {
  color: #fff !important;
  font-size: 1.2vw;
  font-weight: 600;
  bottom: 65%;
  left: 6%;
}
.pxmd1 {
  height: 24vw;
}
.pxmd7{
  height: 24vw;
}
.pxmd7 h1{
  position: absolute;
  top: 12%;
  left: 24%;
  text-align: center;
  font-size: 1.5vw;
  font-weight: 600;
}
.pxmd1 h1{
 
 color: #000;
 font-size: 1.8vw;
 font-weight: 600;
}
.mds{
  width: 86%;
  margin: 5% auto;
}

.md{
  margin-top: 8%;
}
.md .x4{
  position: relative;
  color: #000;
}
.md .x4 h1{
  
  font: 500 18vw Montserrat, sans-serif;
}
.o_two{
  font-size: 0.8vw;
  font-family: Montserrat;
  width: 70%;
  margin-left: 15%;
  margin-bottom: 3%;
  margin-top: -5%;
  line-height: 1.5vw;
}
.md .x4 h2{
  position: absolute;
  right: 15%;
  bottom: 0%;
  font: 500 2.5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
}
.md_info{
  position: relative;
  height: 32vw;
}
.md_info li{
  position: absolute;
  width: 20%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.md_info li img{
  width: 45%;
}
.md_info li h1{
  margin-top: 15%;
  font: 400 1.3vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
  line-height: 1.6vw;
}
.md1{
  top: 18%;
  left: 10%;
}
.md2{
  top: 18%;
  left: 35%;
}
.md3{
  top: 18%;
  left: 60%;
}
.md4{
  top: 18%;
  left: 85%;
}

.md5{
  top: 75%;
  left: 20%;
}
.md6{
  top: 75%;
  left: 45%;
}
.md7{
  top: 75%;
  left: 70%;
}

.pm1{
  top: 18%;
  left: 20%;
}
.pm2{
  top: 18%;
  left: 20%;
}
.pm3{
  top: 18%;
  left: 46%;
}

.pm4{
  top: 75%;
  left: 7%;
}

.pm5{
  top: 75%;
  left: 32%;
}
.pm6{
  top: 75%;
  left: 57%;
}
.md_info_img{
  position: relative;
  width: 100%;
  height: 5vw;
}
.md_info_img img{
  position: absolute;
  top: 0;
  left: 27%;
  transition: opacity 0.5s ease; 
}
.md_info_img2{
  opacity: 0;
}
.md_info_img1{
  opacity: 1;
}
.md_info li:hover .md_info_img2{
  opacity: 1;
}
.md_info li:hover .md_info_img1{
  opacity: 0;
}
.md_info li:hover{
  cursor: pointer;
}
/* .md_info li:hover h1{
  font-weight: bold;
} */
.p_detail{
  margin: 5% auto;
  margin-bottom: 0;
  width: 86%;
}
.p_detail_one{
  color: #000;
  text-align: center;
}
#animate1{
 margin-top: 10%;

}
.our{
  color: #000;
  text-align: center;
}
.our h1{
  
  font: 700 17vw Montserrat, sans-serif;
}
.our h2{
  width: 140%;
  text-align: center;
  margin-left: -20%;
  font: 500 12vw Montserrat, sans-serif;
}
.p_detail_one img{
  margin-top: 3%;
  width: 76%;
}
.p_detail_one span{
  display: block;
  width: 60%;
  margin-top: 6%;
  margin-left: 20%;
  font: 500 1.5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
  line-height: 2vw;
}
.p_detail_two{
  margin-top: 15%;height: 50vw;
}
.p_detail_two_h{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  align-self: center;
  font: 700 4.8vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
  margin-bottom: 15%;
}
.p_detail_two_left{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.two_left{
  width: 84%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.two_left.two{
  align-content: flex-start;
}
.two_left_yaun{
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background-color: #5F5F5F;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-size: 2.5vw;
  font-family: Montserrat;
  font-weight: 600;
}
.two_left_yaun.two{
  color: #000;
  background: linear-gradient(to bottom, silver, white, gray, white,silver, white, gray);
}
.two_left h1{
  margin-top: 10%;
  color: #000;
  text-align: center;
  font: 500 1.5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
}
.p_detail_two_right{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.p_detail_two_right img{
  width: 70%;
}
.p_detail_two_left h2{
  margin-top: 8%;
  width: 60%;
  font: 400 1.2vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
      color: #000;
  margin-left: 12%;
}
.p_detail_three{
   margin-top: 15%;
}
.p_detail_three_h{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  align-self: center;
  font: 700 4vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
}
.p_detail_three_h2{
  margin-top: 3%;
  text-align: center;
  font: 400 1.3vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
  width: 56%;
  margin-left: 22%;
}
.p_detail_three_img{
  display: flex;
    align-items: center;
    margin-top: 6%;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}
.p_detail_three_img img{
  width: 46%;
 
}
.p_detail_three_img h1{
  position: absolute;
  bottom: 48%;
  right: 18%;
  color: #000;
  text-transform: capitalize;
  font: 700 2vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.p_detail_three_img h2{
  position: absolute;
  bottom: 18%;
  right: 1%;
  font-size: 1.2vw;
}
.p_show_three_img .x4{
  padding: 2%;
}
.p_show{
  width: 96%;
  margin: 0 auto;
}
.p_show_one_img{
  width: 100%;
  height: 32vw;
  overflow: hidden;
  position: relative;
  border-radius: 1vw;
}
.p_show_one_img img{
  width: 100%;
  transition: transform 0.6s ease; 
}
.p_show_one_img img:hover{
transform: scale(1.1);
}
.p_show_one_img h1{
  position: absolute;
  left: 8%;
  color: #000;
  font: 700 1.5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
}

.p_show_one_h1{
  bottom: 5%;
}
.p_show_one_h2{
  top: 8%;
  color: #fff !important;
}
.p_show_one_h3{
  bottom: 5%;
}
.p_show_big_img{
  width: 96%;
  margin: 1% 2%;
  position: relative;
  overflow: hidden;
  height: 32vw;
  border-radius: 1.5vw;
}
.p_show_big_img h1{
  position: absolute;
  left: 5%;
  width: 50%;
  bottom: 30%;
  color: #fff;
  font: 700 2.8vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
  line-height: 3.5vw;
}
.p_show_big_img h2{
  position: absolute;
  left: 5%;
  bottom: 12%;
  color: #fff;
  width: 45%;
  font: 500 0.9vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
}
.p_show_big_img img{
  width: 100%;
  transition: transform 0.6s ease; 
}
.p_show_big_img img:hover{
  transform: scale(1.1);
  }
.p_detail_fours{
  width: 86%;margin: 0 auto;
}
.p_detail_four{
  
  margin-top: 10%;
  
}
.p_detail_four_h{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  align-self: center;
  font: 700 4vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
  line-height: 4.5vw;
  margin-bottom: 10%;
}
.p_detail_four_tit h1{
  text-align: center;
  color: #000;
  font: 700 2.5vw/147% HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
  height: 4vw;
}
.p_detail_four_info{
  margin-top: 12%;
}
.p_detail_four .x6 .p_detail_four_info img{
  width: 90%;
}
.p_detail_four_info{
  position: relative;

}
.show5{
  margin-left: 20%;
}
.show6{
  margin-left: -10%;
}
.p_detail_four_info_img_h{
  position: absolute;
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.p_detail_four_info.one .p_detail_four_info_img_h{
  bottom: 28%;
  left: 0%;
}
.p_detail_four_info.two .p_detail_four_info_img_h{
  bottom: 28%;
  right: 0%;
}
.p_detail_four_info_img_h img{
  width: 20% !important;
  display: inline-block;
}
.p_detail_four_info_img_h h1{
  display: inline-block;
  font-size: 4.5vw;
  color: #CCCFCE;
}
.p_detail_four_info_img_h h2{
  color: #CCCFCE;
  font-size: 1.5vw;
  font-weight: bold;
}
.p_detail_four_info_img_h.two h1{
  color: #2BE7C5;
  font-weight: bold;
}
.p_detail_four_info_img_h.two h2{
  color: #000;
}
.info_img_left{
  margin-right: 15%;
}
.info_img_right{
  margin-left: 15%;
}
.ad6{
 
  position: relative;
  height: 41vw;
  overflow: hidden;
}
.ad6 img{
  width: 100%;
  transition: transform 1s ease; 
}
.ad6 img:hover{
  transform: scale(1.1);
  }
.ad6 h1{
  position: absolute;
  left: 10%;
  bottom: 40%;
  width: 25%;
  color: #fff;
    text-transform: uppercase;
    font: 700 2vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
}
.ad6 h2{
  position: absolute;
  left: 10%;
  bottom: 20%;
  color: #fff;
  width: 40%;
  
  font: 500 0.8vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
  line-height: 1.2vw;
}
.scroll_kw{
  position: relative;
  height: 250vh;
  margin: 5% auto;
}
.time{
  position: sticky;
  height: 38vw;
  top: 25%;
  overflow: hidden;
}
#kw_se{
  width: 460%;
  will-change: transform;
  transform-style: preserve-3d;
}
#kw_se img{
  width: 18%;
}
.kw_tab{
  margin: 0 auto;
  position: relative;
  margin-top: 10%;
}
.kw_tab_h{
  height: 25vw;
  background-color: #DFDFDF;
  transition: all 0.6s ease; 
}
.kw_tab_tex{
  position: absolute;
  top: 35%;
  left: 45%;
}
.kw_tab_tex h1{
  color: #fff;
  text-transform: uppercase;
  font: 500 4vw/131% Montserrat, sans-serif;
}
.kw_tab_tex h2{
  color: #fff;
  text-transform: uppercase;
  margin-top: 5%;
  font: 700 2.2vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.kw_tab_tex h3{
  color: #fff;
  text-transform: capitalize;
  font: 400 1.2vw/110% HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
    sans-serif;
}
#exd{
  display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: -20%;
}
.kw_p_img img{
  width: 100%;
}
.slider {
  margin-top: 5%;
  width: 30%;
  height: 4px;
  color: #6F6F6F;
  position: relative;
  border-radius: 4px;
}
.slider-range {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-appearance: none;
  background-color: #EDEDED;
}
.slider-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 2.5vw;
  height: 0.6vw;
  background-color: #000000;
  border-radius: 1vw;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.ed h1{
  color: #6a6a6a;
  text-align: center;
  font: 500 1vw/428% HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
}
.kw_yuan{
  margin-top: 10%;
  margin-left: -5%;
}
.kw_yuan .x1{
  width: 3.5vw;
  height: 3.5vw;
  border-radius: 50%;
  margin-right: 4%;
  transition: all 0.6s ease; 
}
.kw_yuan.giga1 .x1:nth-of-type(1){
  background: #8ac8bb;
}
.kw_yuan.giga1 .x1:nth-of-type(2){
  background: #72c3d7;
}
.kw_yuan.giga1 .x1:nth-of-type(3){
  background: #657f99;
}
.kw_yuan.giga1 .x1:nth-of-type(4){
  background: #616569;
}
.kw_yuan.giga1 .x1:nth-of-type(5){
  background: #a3a7aa;
}
.kw_yuan.giga1 .x1:nth-of-type(6){
  background: #cccfce;
}
.super1 .x1:nth-of-type(1){
  background: #6AD9D4;
}
.super1 .x1:nth-of-type(2){
  background: linear-gradient(180deg, #91D500 0%, #E2F3C0 100%);
}
.super1 .x1:nth-of-type(3){
  background: linear-gradient(180deg, #231F78 0%,#D6006D 100%);
}
.super1 .x1:nth-of-type(4){
  background: #50555B;
}
.super1 .x1:nth-of-type(5){
  background: #21362C;
}
.super1 .x1:nth-of-type(6){
  background: #2C2927;
}

.ultra1 .x1:nth-of-type(1){
  background: linear-gradient(180deg, #6ad9d4 0%, #6ad9d4 100%);
}
.ultra1 .x1:nth-of-type(2){
  background: linear-gradient(180deg, #E82077 0%, #E82077 100%);
}
.ultra1 .x1:nth-of-type(3){
  background: linear-gradient(180deg, #2C2927 0%, #2C2927 100%);
}
.ultra1 .x1:nth-of-type(4){
  background: linear-gradient(180deg, #9C9692 0%, #9C9692 100%);
}
.ultra1 .x1:nth-of-type(5){
  background: linear-gradient(180deg, #B8BBBD 0%, #B8BBBD 100%);
}
.ultra1 .x1:nth-of-type(6){
  background: linear-gradient(180deg, #E2F3C0 0%,#91D500 100%);
}

.ultra_pro .x1:nth-of-type(1){
  background: linear-gradient(180deg, #EC3FAA 0%, #6AD9D4 100%);
}
.ultra_pro .x1:nth-of-type(2){
  background: linear-gradient(180deg, #6AD9D4 0%, #FF7700 100%);
}
.ultra_pro .x1:nth-of-type(3){
  background: linear-gradient(180deg, #DFF3BD 0%, #91D500 100%);
}
.ultra_pro .x1:nth-of-type(4){
  background: linear-gradient(180deg, #657F98 0%, #002454 100%);
}
.ultra_pro .x1:nth-of-type(5){
  background: linear-gradient(180deg, #C9C4BD 0%, #4F352A 100%);
}
.ultra_pro .x1:nth-of-type(6){
  background: linear-gradient(180deg, #000000 0%, #000000 100%);
}

.desktop-only{
  width: 100%;
}
.kw_yuan .x1.active{
  transform: scale(1.15);
}

/* #range_1::-webkit-slider-thumb{
  background-color: #FFE800;
}
#range_2::-webkit-slider-thumb{
  background-color: #93D500;
} */
.kw_yuan .x1:hover{
  cursor: pointer;
}
.pd{
  width: 80%;margin: 5% auto;
}
.pd .x3 h1{
  margin-top: 20%;
  color: #000;
  text-transform: uppercase;
  font: 700 3.5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.pd .x9 {
  position: relative;
}
.pd .x9 img{
  width: 100%;
}
#line,#line2,#line3,#line4{
  opacity: 0;
  -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
       -o-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
      -ms-transition: all 1s ease-in-out;
       -o-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
}
#line.visible,#line2.visible,#line3.visible,#line4.visible{
  opacity: 1;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}
.biao{
  position: absolute;
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* align-content: center; */
  justify-content: center;
  align-items: center;
}
.bu,.ty,.mo,.sw,.in,.fi,.dr,.lo,.air,.le,.tysp{
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* align-content: center; */
  justify-content: center;
  align-items: center;
}
.biao h1{
  color: #000;
    text-transform: capitalize;
    align-self: stretch;
    font: 400 1.5vw HarmonyOS_Sans_SC_Medium, -apple-
}
.biao img{
  width: 35% !important;
}
.butt{
  left: 25%;
  top: 38%;
}
.butt img{
  margin-left: 10%;
}
.type{
  left: 12%;
  top: 79%;
}
.mout{
  top: 10%;
  right: 5%;
}
.mout img,.swit img,.indi img{
  margin-right: 10%;
}
.swit{
  top: 50%;
  right: 19%;
}
.indi{
  bottom: 23%;
  right: 25%;
}

.filling{
  left: 20%;
  top: 20%;
}
.filling img,.lo img,.tysp img{
  margin-left: 10%;
}
.dr img,.air img,.le img{
  margin-right: 10%;
}
.drip{
  right: 18%;
  top: 5%;
}
.logo{
  left: 22%;
  top: 55%;
}
.airflow{
  top: 68%;
  right: -5%;
}
.led{
  top: 80%;
  right: 20%;
}
.typesp{
  left: 5%;
  bottom: 0;
}
.Utype{
  left: 12%;
    top: 92%;
}
.Ubutt{
  left: 24%;
  top: 47%;
}
.Umout{
  top: 10%;
  right: 11%;
}
.Uswit{
  top: 52%;
  right: 10%;
}
.Uswit img{
  /* margin-right: 5%; */
}
.Uindi{
  bottom: 50%;
    right: 23%;
}
#line6{
  margin: 5% auto;overflow: hidden;
}
#three_m{
  position: relative;
}
.three_b{
  position: absolute;
  bottom: 20%;right: 8%;
}
.mm{
  font-size: 0.8vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 500;
  color: #000;
  line-height: 2vw;
  width: 6vw;
  height: 2vw;
  border: 1px solid #000;
  border-radius: 2vw;
  text-align: center;
  margin-top: 10%;
  transition: all 0.3s ease;
}
.mm:hover{
  cursor: pointer;
}
.mm.active{
  color:#fff;
  background-color: #000000;
}

.info_img.side .img3{
  width: 14%;
  left: 43%;
}
.info_img{
  margin-left: 10%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 10%;
}
.info_img .img2{
  width: 10%;
  position: absolute;
  bottom: 6%;
  left: 0;
}
.info_img .img1{
  width: 23%;
}
.info_img .img1.ultra_pro {
  width: 19%;
}
.info_img .img2{
  width: 5.5%;
  position: absolute;
  left: 35%;
  bottom: 10%;
}
.info_img .img3{
  width: 23%;
  position: absolute;
  bottom: 0.5%;
  left: 38%;
}
.info_img .img3.ultra_pro{
  width: 17%;
  left: 41%;
}
.info_img .img4{
  width: 9.7%;
  position: absolute;
  top: 0%;
  right: 24%;
}
.info_text{
  
  padding: 0% 15%;
}
.ultra_info_text{
  padding: 2% 15%;
}
.info_text h1{
  font-size: 3vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 900;
  color: #000;
  line-height: 3vw;
}
.device_h2{
  margin-top: 0.5vw;
}
.info_text h2{
 
  font-size: 1.9vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 900;
  color: #000;
  line-height: 5vw;
  
}
.info_text h3{
  font-size: 1.1vw;
 
  font-weight: 500;
  color: #000;
  line-height: 2vw;
  font: 500 HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
  sans-serif;
}
.pack{
  width: 86%;
  margin: 0 auto;
}
.pack h1{
  color: #000;
  font: 700 3.5vw/6vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
      margin-bottom: 5%;
}
.pack h2{
  color: #000;
  text-transform: capitalize;
  font: 500 1.2vw/2.5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.pack_list_img{
  height: 19vw;
  overflow: hidden;
}
.pack_list_img img{
  width: 100%;
  transition: transform 1s ease; 
}
.pack_list_img img:hover{
  transform: scale(1.1);
}
.pack_img{
  margin-top: 5%;
  height: 36vw;
  overflow: hidden;
  position: relative;
}
.pack_img img{
  width: 100%;
  transition: transform 1s ease; 
}
.pack_img img:hover{
  transform: scale(1.05);
}
.pack_img h1{
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  bottom: 10%;
  left: 6%;
  font: 500 1.5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
  sans-serif;
}
.pack_img h1:hover{
  cursor: pointer;
}
.user_manual{
  width: 94%;
  margin: 6% auto;
}
.user_manual_tet{
  padding-left: 5%;
}
.user_manual_tet h1{
  color: #000;
  font: 700 3vw/5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
}
.user_manual_tet a{
  display: block;
  margin-top: 15%;
  color: #6ad9d4;
  text-decoration-line: underline;
  text-transform: capitalize;
  font: 500 1.2vw/2vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
}
.user_manual_img{
  margin-top: 6%;
}
.user_manual_img .x4{
  margin: 1.5%;
  width: 30%;
  height: 16vw;
  overflow: hidden;
}
.user_manual_img .x4 img{
  width: 100%;
  transition: transform 1s ease; 
}
.user_manual_img .x4 img:hover{
  transform: scale(1.1);
}
.tj{
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
}
h1:hover{
  cursor: pointer;
}
.tj h1{
  color: #000;
    text-align: center;
 
    align-self: center;
  font: 700 4vw/5vw HarmonyOS_Sans_SC_Medium, -apple-system, Roboto, Helvetica,
      sans-serif;
  margin-bottom: 5%;
}
.tj_list .x6{
 padding: 1.5%;
}
.tj_info{
  position: relative;
  height: 26.5vw;
  width: 100%;
  overflow: hidden;
  border-radius: 1vw;
  display: block;
}

.tj_info img{
  width: 100%;
  transition: transform 1s ease; 
}
.tj_info img:hover{
  transform: scale(1.1);
}
.tj_info h1{
  position: absolute;
  top: 10%;
  left: 8%;
  font: 500 2vw/3vw HarmonyOS_Sans_SC_Medium, -apple-system, Helvetica,
      sans-serif;
}
.tj_info h1:hover{
  cursor: pointer;
}
.tj_info.two h1{
  color: #fff;
}
.p_detail_super1{
  margin-top: 8%;
}
.p_detail_super1 .x6,.p_detail_super2 .x6 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.p_detail_super2 img{
  width: 100%;
}
.super1_tex{
  margin-top: 10%;
  padding-left: 7%;
}
.super1_tex h1{
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font: 700 1.5vw  HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
  line-height: 2vw;
}
.super1_tex h2{
  color: #000;
    text-align: center;
    text-transform: capitalize;
    align-self: stretch;
    margin-top: 8%;
    font: 500 1vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica, sans-serif;
    line-height: 1.5vw;
    width: 72%;
}
.p_detail_super2{
  
  position: relative;
}
.p_detail_super2 .x6 img{
  
  width: 100%;
}
.super2_tex{
 position: absolute;
 top: 28%;
}
.super2_tex h1{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 700 3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.super2_tex h2{
  color: #000;
  text-align: center;
  text-transform: uppercase;
  align-self: center;
  margin-top: 6%;
  font: 700 1.5vw/2vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.super1.ad6 h1{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 700 3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
    left: 62%;
    bottom: 40%;
    width: 25%;
}
.super1.ad6 h2{
  position: absolute;
  color: #fff;
  text-align: center;
  align-self: center;
  top: 68%;
  font: 700 1vw / 1.5vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica, sans-serif;
  left: 55%;
}
.super1_caa {
  position: relative;
  height: 41vw;
  overflow: hidden;
}
.super1_caa img{
  width: 100%;
  transition: transform 1s ease;
}
.super1_caa img:hover{
  transform: scale(1.1);
  }
.super1_caa .x6{
  position: absolute;
  top: 28%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
 
}
.super1_caa .x6 h1{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 700 3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.super1_caa .x6 h2{
  color: #000;
  text-align: center;
  text-transform: capitalize;
  align-self: center;
  margin-top: 6%;
  line-height: 2vw;
  font: 400 1.3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
    width: 56%;
  padding-bottom: 7%;
}
.super_lcc{
  margin-bottom: 0%;margin-top: 0;
}
.super_lcc h1{
  width: 32% !important;
    left: 60% !important;
    -webkit-text-fill-color: #fff !important;
}
.super_lcc h2{
  color: #000 !important;
}
.super_hcb{
  height: 41vw;
  overflow: hidden;
  position: relative;
}
.super_hcb_left{
  margin-top: -6%;
}
.super_hcb_left img{
  width: 100%;
}
.super_hcb_left .x7{
  height: 100%;
}
.super_hcb_left .x7{
  
}
.super_hcb img{
  width: 100%;
  transition: transform 1s ease;
}

.super_hcb img:hover{
  transform: scale(1.1);
  }
.super_hcb .x6 {
  position: absolute;
  top: 28%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.super_hcb .x6 h1 {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font: 700 3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica, sans-serif;
}
.surper_pd{
  margin-top: 10%;
}
.super_hcb .x6 h2 {
  color: #000;
    text-align: center;
    text-transform: capitalize;
    align-self: center;
    margin-top: 5%;
    line-height: 2vw;
    font: 400 1.3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica, sans-serif;
    width: 75%;
    padding-bottom: 7%;
}
.tj_list .x6 h2{
  text-align: center;
  padding: 3% 10%;
  color: #000;
  text-align: center;
  text-transform: capitalize;
  font: 700 1.5vw/2vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
#m2:hover .info_img .img3{
  width:14%;
  left:43%
}
.ultra.mop{
  position: relative;
  height: 40vw;
  overflow: hidden;
  margin: 10% 0;
}
.ultra.mop img{
  transition: transform 1s ease;
}
.ultra.mop img:hover{
  transform: scale(1.1);
}
.zbl{
  
}
.zbl .line{
  position: relative;
  height: 41vw;
  overflow: hidden;
}
.zbl .line img{
  width: 100%;
  transition: transform 1s ease;
}
.zbl .line img:hover{
  transform: scale(1.1);
}
.zbl_tex{
  position: absolute;
  top: 0%;
  right: 3%;
}
.mop_tex,.als_tex,.zbl_tex{
  padding: 13% 5%;
}
.mop_tex{
  position: absolute;
    top: 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.mop_tex h1,.als_tex h1,.zbl_tex h1{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 700 3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}

.mop_tex h2,.zbl_tex h2{
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  align-self: center;
  margin-top: 5%;
  width: 76%;
  margin-left: 12%;
  font: 400 1.5vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.als_tex h2{
  color: #000 !important;
  width: 80%;
  text-align: center;
  text-transform: capitalize;
  align-self: center;
  margin-top: 5%;
  margin-left: 10%;
  font: 400 1.3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.occ{
  text-align: center;
  
}
.occ h1{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  align-self: center;
  margin-top: 7%;
  font: 700 3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.occ h2{
  color: #000;
  text-align: center;
  text-transform: capitalize;
  align-self: center;
  margin-top: 3%;
  width: 62%;
  margin-left: 19%;
  font: 400 1.15vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.occ_img img{
  margin-top: 5%;
  width: 100%;
}
.occ_two{
  margin-top: 2%;
  position: relative;
  height: 280vh;
}
.occ_two .line{
  position: sticky;
  top: 10vw;
  transition: all 0.5s ease-in-out;
}
.occ_two_animation{
  height: 46vw;
  overflow: hidden;
}
.occ_two_img{
  padding: 5%;
  padding-left: 10%;
}
.occ_two_img img{
  width: 100%;
}
.occ_two_txt{
  text-align: center;
  padding: 10% 0;
  position: relative;
}
.occ_two_txt .sj{
  position: absolute;
  left: 10%;
  transition: opacity 0.5s ease;
}
.suju1{
  opacity: 1;
}
.suju2{
  opacity: 0;
}
.occ_two_txt h1{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #6ad9d4;
  text-align: center;
  text-transform: capitalize;
  flex-grow: 1;
  flex-basis: auto;
  font: 700 6vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.occ_two_txt h1 img{
  width: 16%;
  padding-right:4%;
}

.occ_two_txt h2{
  color: #000;
  text-align: center;
  text-transform: uppercase;
  align-self: center;
  margin-top: 8%;
  font: 700 3vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.occ_two_txt h3{
  color: #000;
  text-align: center;
  text-transform: capitalize;
  margin-top: 5%;
  font: 400 22px HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.mbb .line{
  width: 92%;
  margin: 5% auto;
}
.mbb .x6{
  padding: 2%;
}
.mbb_left{
  position: relative;
  background-color: #F8F8F8;
  text-align: center;
  height: 34vw;
  overflow: hidden;
}
.mbb_left h2{
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 700 2vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
    top: 11%;
    left: 7%;
}
.mbb_left img{
 width: 100%;
 transition: transform 1s ease;
}
.mbb_left img:hover{
  transform: scale(1.1);
}
.mbb_left_img{
  top: 11%;
  width: 14%;
  right: 20%;
}
.mbb_right_img{
  top: 10%;
  right: 6%;
  width: 33%;
}
.mbb_left h1{
  color: #6ad9d4;
  text-align: center;
  text-transform: capitalize;
  align-self: end;
  position: absolute;
  bottom: 15%;
    left: 11%;
  font: 700 11vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.mbb_left h1 b{
  font-size: 3vw;
  margin-left: -6%;
}
.mbb_left span{
  color: #000;
  text-align: center;
  text-transform: capitalize;
  align-self: center;
  font: 400 0.95vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
    position: absolute;
    bottom: 8%;
    left: 12%;
}
.siw .line{
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 41vw;
  overflow: hidden;
}
.siw .line img{
  width: 100%;
  transition: transform 1s ease;
}
.siw .line img:hover{
  transform: scale(1.05);
}
.siw .line .x6{
  padding: 6% 5%;
    position: absolute;
    top: 16%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    left: 3%;
}
.siw .line .x6 h1{
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #6ad9d4 0%, #72c3d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 700 2.2vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica,
    sans-serif;
}
.siw .line .x6 h2 {
  color: #000;
  text-align: center;
  text-transform: capitalize;
  align-self: start;
  margin-top: 5%;
  width: 72%;
  
  font: 400 1.2vw HarmonyOS Sans SC, -apple-system, Roboto, Helvetica, sans-serif;
}
.info_img .img1.ultra{
  width: 21% !important;
}
.info_img .img3.ultra {
  width: 16%;
  position: absolute;
  bottom: 0.5%;
  left: 42%;
}
.p_detail_super1 .x6{
  display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.p_detail_super1 .x6 img{
  width: 92%;
}
.ultra_ew h1{
  -webkit-text-fill-color: #0085FF !important;
}
.ultra_ew h2{
  color: #fff !important;
}
.ultra_dmd{
  top: 10% !important;
}
.ultra_dmd h1{
  font-size: 2.5vw !important;
  -webkit-text-fill-color: #0085FF !important;
}
.ultra_dmd h2{
  margin-top: 4% !important;
  width: 62% !important;
  font-size: 1vw !important;
}
.ultra_sfs h1{
  color: #3994FF !important;
}
.ultra_sfs .x6{
  top: 45%;
}
.ultra_aas{
  right: -5%;
}
.ultra_aas h1{
  -webkit-text-fill-color:  #3994FF !important;
  
}
.ultra_aas h2{
  margin-top: 4% !important;
 
}
.ultra_bld {
  justify-content: flex-start !important;
  margin-left: 10%;
}
.ultra_bld h1{
  -webkit-text-fill-color: #00F0FF !important;
  text-align: left !important;
}
.ultra_bld h2{
  text-align: left !important;
  color: #fff !important;
}   
.ultra_indi{
  bottom: 50% !important;
  right: 20% !important;
}
.ultra_swit{
  top: 53% !important;
  right: 25% !important;
}
.ultra_butt{
  left: 27% !important;
  top: 48% !important;
}
.ultra_type{
  left: 12% !important;
  top: 91% !important;
}
.ad_one_tet{
  position: absolute;
  top: 34%;
  left: 10%;
  text-transform: uppercase;
}
.ad_one_tet h1{
  color: #000000;
  font-size: 4.5vw;
  font-family: Montserrat;
  font-weight: 800;
  line-height: 4.5vw;
}
.ad_one_tet h2{
  color: #000000;
  font-family: Montserrat;
  font-weight: 800;
  font-size: 1.3vw;
  margin-top: 1.5vw;
}
.pro_wk_pack_list{
  display: flex;
  overflow: hidden;
  width: 80%;
    margin: 0 auto;
}
.pro_wk_pack_list li{
  padding: 0 2%;
  padding-bottom: 5%;
}
.pro_wk_pack_list li img{
  width: 100%;
}