body{ color: #000000; }
#airbudspro img{ max-width: 100%; width: 100%; vertical-align: bottom; }
.float-left{ float: left; }
.clear{ clear: both; }
.center{ text-align: center; }
.big{ font-size: 3vw; line-height: 3.8vw; }
.middle{ font-size: 3vw; line-height: 3.6vw; margin: 1vw 0px 3vw 0px;  }
.small{ font-size: 1.4vw; line-height: 2.4vw; }
.opacity{ opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box1{ overflow: hidden; position: relative; }
#airbudspro .box1 .txtBox{ width: 46%; margin: 17vw 0px 17vw 54%; opacity: 0; filter: alpha(opacity=0); 
  transition: all 0.3s ease-in 0.6s; -moz-transition: all 0.3s ease-in 0.6s; -webkit-transition: all 0.3s ease-in 0.6s; -o-transition: all 0.3s ease-in 0.6s;
}
#airbudspro .box1 .txtBox.active{ opacity: 1; filter: alpha(opacity=100); }
#airbudspro .box1 .txtBox .b{ font-size: 3.6vw; line-height: 4vw; }
#airbudspro .box1 .txtBox .m{ font-size: 2.6vw; line-height: 3vw; margin-top: 2vw; }
#airbudspro .box1 .img{ position: absolute; 
  transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;
}
#airbudspro .box1 .img1{ width: 16%; top: -7%; left: 0%; }
#airbudspro .box1 .img2{ width: 23%; top: -11%; left: 39%; z-index: 2; }
#airbudspro .box1 .img3{ width: 17%; top: 73%; left: 20%; }
#airbudspro .box1 .img1.active{ top: 15%; left: 0%; }
#airbudspro .box1 .img2.active{ top: 10%; left: 28%; }
#airbudspro .box1 .img3.active{ top: 51%; left: 20%; }
#airbudspro .box2 .imgBox{ overflow: hidden; width: 78%; margin: 4% auto; position: relative; }
#airbudspro .box2 .imgBox .pp{ position: absolute; width: 24%; }
#airbudspro .box2 .imgBox .pp .b{ font-size: 1.4vw; line-height: 2vw; position: relative; }
#airbudspro .box2 .imgBox .pp .b img{ transition: all 0.3s linear; -moz-transition: all 0.3s linear; 
  -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; 
}
#airbudspro .box2 .imgBox .p1{ top: 6%; left: 0%; padding: 0% 2%; }
#airbudspro .box2 .imgBox .p2{ top: 16%; left: 28%; padding: 0% 2%; }
#airbudspro .box2 .imgBox .p3{ top: 4%; left: 77%; width: 19%; padding: 0% 2%; }
#airbudspro .box2 .imgBox .p4{ top: 50%; left: 0%; padding: 0% 2%; }
#airbudspro .box2 .imgBox .p5{ top: 46%; left: 29%; width: 23%; padding: 0% 2%; }
#airbudspro .box2 .imgBox .p6{ top: 39%; left: 77%; padding: 0% 2%; width: 19%; text-align: center; }
#airbudspro .box2 .imgBox .circle {  width: 2vw; height: 2vw; overflow: hidden; border-radius: 2vw; background-color: #ffffff;display: inline-block;
  vertical-align: middle;
}
#airbudspro .box3{ position: relative; background-color: #000000; overflow: hidden; }
#airbudspro .box3 .txtBox{ width: 78%; margin: 4% auto; text-align: center; color: #ffffff; }
#airbudspro .box3 .txtBox .small{ color: #A6A6A6; }
#airbudspro .box3 .imgBox{ position: relative; overflow: hidden; height: 42vw; }
#airbudspro .box3 .img{ width: 28%; position: absolute; left: 36%; bottom: 0%; z-index: 3; }
#airbudspro .box3 .wave-line {
    position: relative;
    z-index: 2;
    width: .10417vw;
    height: .52083vw;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #70C5FF, rgba(255,255,255,0));
    transform-origin: center center;
}
#airbudspro .box3 .wave-line {
    -webkit-animation: wave 5s 0.6s linear infinite;
    animation: wave 5s 0.6s linear infinite;
}
#airbudspro .box3 .wave-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 17%;
    right: 0;
    width: calc(100% / 2 - (26vw / 2));
    height: 11.97917vw;
}
#airbudspro .box3 .wave-right .wave-line {
  position:relative;
  z-index:2;
  width:.55556vw;
  height:2.77778vw;
  background:linear-gradient(to bottom,rgba(255,255,255,0),#22c1a1,rgba(255,255,255,0));
  transform-origin:center center
}
#airbudspro .box3 .wave-left{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  -ms-flex-align:center;
  align-items:center;
  position:absolute;
  top:2%;
  left:0;
  width:calc(100% / 2 - (27vw / 2));
  height:25vw
}
#airbudspro .box3 .wave-left .wave-line {
  position:relative;
  z-index:2;
  width:.55556vw;
  height:2.77778vw;
  background:linear-gradient(to bottom,rgba(255,255,255,0),#22c1a1,#22c1a1,#22c1a1,rgba(255,255,255,0));
  transform-origin:center center
}
@-webkit-keyframes wave {
  0% {
    transform:scaleY(1)
  }
  10% {
    transform:scaleY(0.2)
  }
  20% {
    transform:scaleY(1)
  }
  30% {
    transform:scaleY(0.2)
  }
  40% {
    transform:scaleY(1)
  }
  50% {
    transform:scaleY(0.2)
  }
  60% {
    transform:scaleY(1)
  }
  70% {
    transform:scaleY(0.2)
  }
  80% {
    transform:scaleY(1)
  }
  90% {
    transform:scaleY(0.2)
  }
  100% {
    transform:scaleY(1)
  }
}
@keyframes wave {
  0% {
    transform:scaleY(1)
  }
  10% {
    transform:scaleY(0.2)
  }
  20% {
    transform:scaleY(1)
  }
  30% {
    transform:scaleY(0.2)
  }
  40% {
    transform:scaleY(1)
  }
  50% {
    transform:scaleY(0.2)
  }
  60% {
    transform:scaleY(1)
  }
  70% {
    transform:scaleY(0.2)
  }
  80% {
    transform:scaleY(1)
  }
  90% {
    transform:scaleY(0.2)
  }
  100% {
    transform:scaleY(1)
  }
}
#airbudspro .box3 .img2{ position: absolute; width: 46%; left: 27%; bottom: 0%; }
#airbudspro .box3 .tips{ margin: 2% auto; font-size: 1vw; text-align: center; color: #A6A6A6; }
#airbudspro .bigDing{ position: relative; overflow: hidden; }
#airbudspro .box4{ position: relative; overflow: hidden; width: 100%; background-color: #f3f3f3; }
#airbudspro .box4 .txtBox{ width: 78%; margin: 4% auto; text-align: center; }
#airbudspro .box4 .circle-blue{ position: absolute; width: 16.5vw; height: 16.5vw; top: 50%; left: 38%; }
.blue-1,.blue-2, .blue-3,.blue-4{  background: url(../Images/airbudspro/overview/banner4_2.png) no-repeat top center; background-size: cover; }
.blue-1{ -webkit-animation: scale1 0.7s linear infinite; animation: scale1 0.7s linear infinite; }
.blue-2{ -webkit-animation: scale2 0.7s linear infinite; animation: scale2 0.7s linear infinite; }
.blue-3{ -webkit-animation: scale3 0.7s linear infinite; animation: scale3 0.7s linear infinite; }
.blue-4{ -webkit-animation: scale4 0.7s linear infinite; animation: scale4 0.7s linear infinite; }
@-webkit-keyframes scale1 {
   0% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0)
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.3;
      filter: alpha(opacity=30)
   }
}

@keyframes scale1 {
   0% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0;
      filter: alpha(opacity=0)
   }

   100% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.3;
      filter: alpha(opacity=30)
   }
}

@-webkit-keyframes scale2 {
   0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.3;
      filter: alpha(opacity=30)
   }

   100% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0.6;
      filter: alpha(opacity=60)
   }
}

@keyframes scale2 {
   0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.3;
      filter: alpha(opacity=30)
   }

   100% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0.6;
      filter: alpha(opacity=60)
   }
}

@-webkit-keyframes scale3 {
   0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0.6;
      filter: alpha(opacity=60)
   }

   100% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.3;
      filter: alpha(opacity=30)
   }
}

@keyframes scale3 {
   0% {
      -webkit-transform: scale(0.95);
      transform: scale(0.95);
      opacity: 0.6;
      filter: alpha(opacity=60)
   }

   100% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.3;
      filter: alpha(opacity=30)
   }
}

@-webkit-keyframes scale4 {
   0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.3;
      filter: alpha(opacity=30)
   }

   100% {
      -webkit-transform: scale(1.8);
      transform: scale(1.8);
      opacity: 0;
      filter: alpha(opacity=0)
   }
}

@keyframes scale4 {
   0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
      opacity: 0.3;
      filter: alpha(opacity=30)
   }

   100% {
      -webkit-transform: scale(1.8);
      transform: scale(1.8);
      opacity: 0;
      filter: alpha(opacity=0)
   }
}

#airbudspro .box5{ background-color: #ffffff; text-align: center;overflow: hidden; clip-path: circle(60% at 50% 100%);
  margin-top: 2%; position: absolute; top: 48vw; left: 0%; width: 100%; z-index: 3; height: 96vw; box-sizing: border-box;
}
#airbudspro .box5 .dd{ width: 100%; position: relative; }
#airbudspro .box5 .txtBox{ width: 78%; margin: 8% auto 4% auto; text-align: center; }
#airbudspro .box5 .imgBox{ margin:4% auto; width: 100%; }

#airbudspro .box6{  }
#airbudspro .box6 .dd{ width: 100%; position: relative; overflow: hidden; }
#airbudspro .box6 .dd .txtBox{ width: 78%; margin: 6% auto 4% auto; text-align: center; }
#airbudspro .box6 .dd .imgBox{ position: relative; margin-top: 8%; }
#airbudspro .box6 .dd .imgBox .mm{ height: 21vw; }
#airbudspro .box6 .dd .pp{ width: 22%; text-align: center; }
#airbudspro .box6 .dd .p1{ position: absolute; left: 41%; top: 0%; width: 18%; opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box6 .dd .p1 .img{ margin-top: 21%; }
#airbudspro .box6 .dd .p2{ margin:0px auto; position: relative; z-index: 2;  }
#airbudspro .box6 .dd .p3{ position: absolute; left: 41%; top: 0%; width: 18%;  opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box6 .dd .p3 .img{ margin-top: 21%; }
#airbudspro .box6 .dd .pp .s{ font-size: 1.4vw; padding: 0.5vw 1vw; background-color: #f3f3f3; border-radius: 10vw; display: inline-block; margin:2% auto; }

#airbudspro .box7{ background-color: #f3f3f3; text-align: center;overflow: hidden;
   /*clip-path: circle(170vw at 50% 60%);*/
  position: relative; margin-top: 2%; height: 48vw;
  background: -moz-linear-gradient(left, #0a0e19 0%, #161d30 50%, #0a0e19 100%);
  background: -webkit-linear-gradient(left, #0a0e19 0%, #161d30 50%, #0a0e19 100%);
  background: -o-linear-gradient(left, #0a0e19 0%, #161d30 50%, #0a0e19 100%);
  background: -ms-linear-gradient(left, #0a0e19 0%, #161d30 50%, #0a0e19 100%);
  background: linear-gradient(to left, #0a0e19 0%, #161d30 50%, #0a0e19 100%);
}
#airbudspro .dzl{ position: absolute; width: 100%; left: 0%; top: 0%; }
#airbudspro .box7 .img22{ position: absolute; top: 0%; left: 0%; width: 100%; }
#airbudspro .box7 .dd{ width: 100%; position: absolute; top: 0%; left: 0%; z-index: 1; height: 48vw; }
#airbudspro .box7 .duan1{ position: absolute; width: 100%; top: 28%; left: 0%; }
#airbudspro .box7 .txtBox{ width: 78%; position: absolute; left: 11%; top: 0%; text-align: center; color: #ffffff; }
#airbudspro .box7 .img{ width: 24%; position: absolute; left: 28%; top: 44%;opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box7 .line{ height: 2px; background-color: #ffffff; outline: none; position: absolute; }
#airbudspro .box7 .l1{ width: 0%; left: 48%; top: 59%; }
#airbudspro .box7 .l2{ width: 0%; left: 38%; top: 65%; }
#airbudspro .box7 .l3{ width: 0%; left: 46%; top: 102%; }
#airbudspro .box7 .s{ position: absolute; color: #ffffff; left: 60%; text-align: left; width: 20%; font-size: 1.4vw; opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box7 .s1{  top: 58%; }
#airbudspro .box7 .s2{  top: 64%; }
#airbudspro .box7 .s3{  top: 101%; }
#airbudspro .box7 .duan2{ position: absolute; width: 100%; top: 60%; left: 0%; opacity: 0; filter: alpha(opacity=0);  }

#airbudspro .box7 .imgNew2{  width: 36vw; position: absolute; right: 0%; top: 0%; max-width: inherit; }
#airbudspro .box7 .imgNew3{  width: 36vw; position: absolute; right: 0%; top: 0%; max-width: inherit; }
#airbudspro .box7 .lo1{ width: 36vw; position: absolute; right: 32%; top: 44%; }
#airbudspro .box7 .lo2{ width: 36vw;position: absolute; right: 32%; top: 44%;z-index: 2; overflow: hidden; height: 100%; }
#airbudspro .box7 .lo3{ width: 36vw;position: absolute; right: 32%; top: 44%;z-index: 3; overflow: hidden; height: 100%; }
#airbudspro .box7 .bk1{ font-size: 1.4vw; color: #ffffff; width: 20%; position: absolute; top: 70%; left: 70%; opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box7 .bk2{ font-size: 1.4vw; color: #ffffff; width: 20%; position: absolute; top: 70%; left: 70%; opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box7 .lineNew{ height: 2px; background-color: #ffffff; outline: none; position: absolute;  opacity: 0; filter: alpha(opacity=0); z-index: 4;}
#airbudspro .box7 .ln1{ width: 13%; left: 58%; top: 71%; }
#airbudspro .box7 .ln2{ width: 13%; left: 58%; top: 71%; }

#airbudspro .box8{ overflow: hidden; position: relative; }
#airbudspro .box8 .dd{ width: 100%; position: relative; height: 48vw; }
#airbudspro .box8 .txtBox{ width: 78%; position: absolute; left: 11%; top: 50%; text-align: center; }
#airbudspro .box8 .img{ position: absolute; width: 20%; left: 40%; top: 7%;opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box8 .img2{ position: absolute; width: 18%; left: 16%; top: 100%; }
#airbudspro .box8 .textBox{ width: 40%; left: 52%; top: 100%; position: absolute; opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box8 .textBox .circle1{ border: 1px solid #000000; display: inline-block; padding:0.5vw 1vw; border-radius: 20vw; font-size: 1.4vw; }
#airbudspro .box8 .textBox .s{ font-size: 1.4vw; line-height: 2.6vw; }
#airbudspro .box8 .textBox .b{ font-size: 3vw; }
#airbudspro .box8 .textBox .mt{ margin-top: 2%; }
#airbudspro .box8 .textBox .mtt2{ margin-top: 4%; }

#airbudspro .box9{ overflow: hidden; position: relative; }
#airbudspro .box9 .txtBox{ width: 78%; position: absolute; left: 11%; top: 10%; text-align: center; color: #ffffff; }
#airbudspro .box9 .imgBox{ width: 78%; position: absolute; left: 11%; top: 32%; }
#airbudspro .box9 .imgBox .img{ width: 34%; margin-left: 5%; }
#airbudspro .box9 .imgBox ul{ width: 60%; position: absolute; top: 8%; left: 50%; }
#airbudspro .box9 .imgBox ul li{ height: 4vw; margin-bottom: 4%; color: #ffffff; position: relative; padding-left: 14%; }
#airbudspro .box9 .imgBox ul li .ss{ font-size: 1.4vw; line-height: 2vw; position: relative; z-index: 2; }
#airbudspro .box9 .imgBox ul li .circle{ width: 8%; position: absolute; left: 4%; top: 5%; z-index: 2; }
#airbudspro .box9 .imgBox ul li .linel{ position: absolute; left: 0%; top: 0%; height: 4vw; width: 0.5vw; background-color: #222B48; border-radius: 10vw; }
#airbudspro .box9 .imgBox .img2{ width: 10%;position: absolute; left: 23%; top: 66%; opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box10{ overflow: hidden; position: relative; }
#airbudspro .box10 .txtBox{ width: 78%; margin: 4% auto; text-align: center; }
#airbudspro .box10 .dd{ width: 100%; }
#airbudspro .box10 .imgBox{ width: 100%; position: relative; padding: 16vw 0px 8vw; text-align: center; }
#airbudspro .box10 .imgBox .img{ width:30% ; /*opacity: 0; filter: alpha(opacity=0);*/ }
#airbudspro .box10 .imgBox .img1{ width: 45%; position: absolute; left: 27.5%; top: 18%; }
#airbudspro .box10 .imgBox .img2{ width: 16%; position: absolute; left: 65%; top: 18%; }
#airbudspro .box11{ overflow: hidden; position: relative; }
#airbudspro .box11 .txtBox{ width: 40%; position: absolute; left: 11%; top: 22%; }
#airbudspro .box11 .img{ width: 16%; position: absolute; left: 53%; top: 35%; z-index: 3; }
#airbudspro .box11 .imgBox{ width: 16%; margin-left: 68%; position: relative; }
#airbudspro .box11 .img2{ width: 90%; overflow: hidden; position: absolute; left: 5%; bottom: 10%; z-index: 2; height: 11vw; }
#airbudspro .box11 .bbq{ position: absolute; width: 100%; left: 0%; bottom: -100%;
  transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;
}

#airbudspro .box12{ position: relative; overflow: hidden; }
#airbudspro .box12 .txtBox{ width: 78%; position: absolute; left: 11%; top: 10%; text-align: center; color: #ffffff; }
#airbudspro .box13{  }
#airbudspro .box13 .dd{ width: 100%; position: relative; overflow: hidden; }
#airbudspro .box13 .txtBox{ width: 78%; margin: 6% auto 4% auto; text-align: center; }
#airbudspro .box13 .dd .imgBox{ position: relative; margin-top: 8%; }
#airbudspro .box13 .dd .pp{ width: 16%; text-align: center; }
#airbudspro .box13 .dd .p1{ position: absolute; left: 42%; top: 0%; opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box13 .dd .p2{ margin:0px auto; position: relative; z-index: 2;  }
#airbudspro .box13 .dd .p3{ position: absolute; left: 42%; top: 0%;  opacity: 0; filter: alpha(opacity=0); }
#airbudspro .box13 .dd .pp .s{ font-size: 1.4vw; padding: 0.5vw 1vw; background-color: #f3f3f3; border-radius: 10vw; display: inline-block; margin:2% auto; }