.md{
  background: #F8F8F8;
  padding: 5% 0;
}
#mds{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 4%;
}
#mds img{
  width: 45%;
}
#mds .x2{
  text-align: center;
  transition: all .3s ease-in-out;
}
#mds h1{
  padding-top: 13%;
  font-size: 1.3vw;
  font-family: Inria;
  font-weight: 900;
  color: #010101;
  line-height: 1.5vw;
  text-transform: uppercase;
}
#mds .x2:hover{
  cursor: pointer;
  transform: scale(1.05);
}
#mds .x2:hover h1{
  cursor: pointer;
  color: #A25FC8 ;
}


.kw_tab{
  margin: 0 auto;
  position: relative;
  background: #fff;
  padding-bottom: 3%;
}
.kw_tab_h{
  height: 25vw;
  background-color: #DFDFDF;
  transition: all 0.6s ease; 
}
.kw_tab_tex{
  position: absolute;
  top: 35%;
  left: 52%;
}
.kw_tab_tex h1{
  color: #FFF;
  font-family: "Archivo";
  font-size: 3.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: 3.5vw;
  text-transform: uppercase;
}
.kw_tab_tex h2{
  color: #FFF;
  font-family: Impact;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 2%;
}
.kw_tab_tex h3{
  color: #FFF;
  font-family: "Inria";
  font-size: 1.9vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
#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%;
}


.kw_yuan{
  margin-top: 3%;
  
  padding: 0 2%;
  padding-right: 22%;
  
}
.kw_yuan .x1{
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  margin-right: 4%;
  margin-bottom: 4%;
  transition: all 0.6s ease; 
}

.ultra1 .x1:nth-of-type(1){
  background: #3dc2b2;
}
.ultra1 .x1:nth-of-type(2){
  background: #247de3;
}
.ultra1 .x1:nth-of-type(3){
  background: #9eb157;
}
.ultra1 .x1:nth-of-type(4){
  background: #15b500;
}
.ultra1 .x1:nth-of-type(5){
  background: #ff8200;
}
.ultra1 .x1:nth-of-type(6){
  background: #ffa3b3;
}
.ultra1 .x1:nth-of-type(7){
  background: #88c6e9;
}
.ultra1 .x1:nth-of-type(8){
  background: #f8384b;
}
.ultra1 .x1:nth-of-type(9){
  background: #8874d1;
}
.ultra1 .x1:nth-of-type(10){
  background: #fe647c;
}
.ultra1 .x1:nth-of-type(11){
  background:  #31b4e7;
}
.ultra1 .x1:nth-of-type(12){
  background: #fdaa8d;
}
.ultra1 .x1:nth-of-type(13){
  background: #b350b4;
}

.kw_yuan .x1.active{
  transform: scale(1.15);
}
.kw_yuan .x1:hover{
  cursor: pointer;
}
.ad_show{
  background: #fff;
  padding: 0.8% 1.5%;
}
#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: 9%;
  top: 8%;
}
.biao.logo{
  left: 19%;
  top: 41%;
}
.airflow{
  top: 46%;
    right: 1%;
}
.led{
  top: 67%;
  right: 6%;
}
.typesp{
  left: 5%;
  bottom: 0;
}
.Utype{
  left: 12%;
    top: 92%;
}
.Ubutt{
  left: 20%;
  top: 47%;
}
.Umout{
  top: 10%;
  right: 9%;
}
.Uswit{
  top: 56%;
  right: 27%;
}
.Uindi{
  bottom: 50%;
    right: 23%;
}
.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%;
}

#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: Montserrat;
  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: 43%;
}

.info_text{
  
  padding: 12% 15%;
}
.info_text h1{
  font-size: 3vw;
  font-family: Montserrat;
  font-weight: 900;
  color: #000;
  line-height: 3vw;
}
.info_text h2{
 
  font-size: 1.9vw;
  font-family: Montserrat;
  font-weight: 900;
  color: #000;
  line-height: 5vw;
  
}
.info_text h3{
  color: #000;
  font-family: "HarmonyOS Sans SC";
  font-size: 1.3vw;
  font-style: normal;
  font-weight: 500;
  line-height: 2vw; /* 179.167% */
  
}
.pa{
  background-color: #fff;
  color: #000;
  font-family: "HarmonyOS Sans SC";
  font-size: 4vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 4% 6%;
}