.big{ font-size: 3.6vw; line-height: 5vw; }
.big sup{ font-size:2vw;  }
.middle{ font-size: 2.4vw; line-height: 2.8vw; margin: 0.5vw auto 1vw auto; }
.small{ font-size: 1.4vw; line-height: 2.2vw; margin-top: 1vw; }
.orange{ background: linear-gradient(60deg, #50dfff, #281af3);-webkit-background-clip: text;color: transparent; }
#ablebudsfree img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#ablebudsfree .gradient{
    background-color:#35E4FA;
    background-image:-webkit-gradient(60deg,#35E4FA,#007BAF);
    background-image:-webkit-linear-gradient(60deg,#35E4FA,#007BAF);
    background-image:-moz-linear-gradient(60deg,#35E4FA,#007BAF);
    background-image: -ms-linear-gradient(60deg, #35E4FA 0%, #007BAF 100%);
    background-image: -o-linear-gradient(60deg,#35E4FA,#007BAF);
    background-image: linear-gradient(60deg,#35E4FA,#007BAF);
}
#ablebudsfree .gradient-text{
    background-color:#46f1ff;
    background-image:-webkit-gradient(60deg,#46f1ff,#03b5ff,#005f8e);
    background-image:-webkit-linear-gradient(60deg,#46f1ff,#03b5ff,#005f8e);
    background-image:-moz-linear-gradient(60deg,#46f1ff,#03b5ff,#005f8e);
    background-image: -ms-linear-gradient(60deg, #46f1ff 0%,#03b5ff 50%, #005f8e 100%);
    background-image: -o-linear-gradient(60deg,#46f1ff,#03b5ff,#005f8e);
    background-image: linear-gradient(60deg,#46f1ff,#03b5ff,#005f8e);
    -webkit-background-clip: text;color: transparent;
}
#ablebudsfree .box1{ position:relative; padding-top:8%; background-color:#F3F3F3; overflow:hidden; }
#ablebudsfree .box1 img{ width:76%; margin-left: 7%; transform:translateY(4%); opacity:0; transition:all 0.3s linear; }
#ablebudsfree .box1 .box{ position:absolute; width:36%; left:57% ; top: 26%; text-align:center; color:#000000; z-index:1; }
#ablebudsfree .box1 .b{ font-size:3vw; line-height:3.4vw; }
#ablebudsfree .box1 .m{ font-size:2.8vw; line-height:3.4vw; margin:1% auto 2%;font-style:italic; }
#ablebudsfree .box1 .s{ font-size:1.2vw; line-height:1.8vw }
#ablebudsfree .box1 img.active{ transform:translateY(0%); opacity:1; }
#ablebudsfree .box2{ position:relative; overflow:hidden; padding:6%; }
#ablebudsfree .box2 .img2,#ablebudsfree .box2 .img3,#ablebudsfree .box2 .img4,#ablebudsfree .box2 .img5,#ablebudsfree .box2 .img6
,#ablebudsfree .box2 .img8,#ablebudsfree .box2 .img9{ position:absolute; }
#ablebudsfree .box2 .img1{ width:22%; position:relative; }
#ablebudsfree .box2 .img2{ width:24%; left:28.5%; top:10%; }
#ablebudsfree .box2 .img3{ width:15%; left:54.5%; top:10%; }
#ablebudsfree .box2 .img4{ width:19%; left:28.5%; top:36.7%; }
#ablebudsfree .box2 .img5{ width:19%; left:50.5%; top:36.7%; }
#ablebudsfree .box2 .img6{ width:21%; right:6%; top:10%; }
#ablebudsfree .box2 .img7{ width:28%; margin-top:3%; position:relative; }
#ablebudsfree .box2 .img8{ width:34.2%; left:33%; bottom:10%; }
#ablebudsfree .box2 .img9{ width:24.7%; right:6%; bottom:10%; }
#ablebudsfree .box2 .m{ position:absolute; left: 0%; top: 6%; font-size:1.4vw; line-height:1.8vw; width:100%; padding: 0px 6%; box-sizing:border-box; }
#ablebudsfree .box2 .img6 .b{ font-size:1.4vw; line-height:1.8vw; }
#ablebudsfree .box2 .img6 .s{ font-size:1.4vw; line-height:1.8vw; }
#ablebudsfree .box2 .img1 .m{ top:3%; }
#ablebudsfree .box2 .img6 .m{ top:3%; }
#ablebudsfree .box2 .ul{ position:absolute; width:50px; height:50px; background-color:#ffffff; border-radius:50%; right:10px;bottom:10px; overflow:hidden; }
#ablebudsfree .box2 .ul li{ width:50px; height:50px; border-radius:50%; text-align:center; line-height:50px; transform:rotate(90deg); font-size:36px;
    cursor: pointer; color: #717171;
}
#ablebudsfree .box2 .ul ul{ transition:all 0.3s linear; }
#ablebudsfree .box2 .img:hover .ul ul{ transform:translateY(-50px); }
#ablebudsfree .box2 .ull2{ position:absolute; width:100%; left:0%; top:57%; }
#ablebudsfree .box2 .ull2 li{ float:left; width:50%; text-align:center; font-size:1vw; line-height:1.4vw;margin-bottom:31%; }
#ablebudsfree .box2 .ull2 li:nth-child(odd){ width:40%; margin-left:10%; }
#ablebudsfree .box3{ width:70%; margin:4% auto; overflow:hidden; position:relative; }
#ablebudsfree .box3 .swiper-pagination-bullet{ background-color:inherit; width:20%; height:auto; border-radius:0px;   }
#ablebudsfree .box3 .swiper-pagination-bullet:last-child{ display:none; }
#ablebudsfree .box3 .swiper-slide { overflow:hidden; border-radius:3vw; }
#ablebudsfree .box3 .swiper-slide img{ transform:scale(1.5); transition:all 0.3s linear; }
#ablebudsfree .box3 .swiper-slide.swiper-slide-active img{ transform:scale(1);  }
#ablebudsfree .box3 .text{ font-size:1.2vw; line-height:1.6vw; color:#ffffff; display:inline-block; vertical-align:middle; }
#ablebudsfree .box3 .circle{ width:1.2vw; height:1.2vw; border-radius:50%;border:1px solid #ffffff; background-color:#222222; display:inline-block; vertical-align:middle; margin-right:5px; }
#ablebudsfree .box3 .swiper-pagination-bullet:first-child .circle{ background-color:#ffffff; }
#ablebudsfree .box4{ position:relative; overflow:hidden; }
#ablebudsfree .box4 .box{ width:70%; position:absolute; left:15%; top:4%; text-align:center; color:#ffffff;  }
#ablebudsfree .box5{ position:relative; overflow:hidden; background-color:#000000; }
.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;
    }
    .wave-line {
        -webkit-animation: wave 5s 0.6s linear infinite;
        animation: wave 5s 0.6s linear infinite;
    }
    .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: 20%;
        right: 0;
        width: calc(100% / 2 - (14.58333vw / 2));
        height: 11.97917vw;
    }
     .wave-right .wave-line {
        position:relative;
        z-index:2;
        width:.55556vw;
        height:2.77778vw;
        background:linear-gradient(to bottom,rgba(255,255,255,0),#70C5FF,rgba(255,255,255,0));
        transform-origin:center center
      }
    .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:0;
      left:0;
      width:calc(100% / 2 - (30.55556vw / 2));
      height:25vw
    }
    .wave-left .wave-line {
      position:relative;
      z-index:2;
      width:.55556vw;
      height:2.77778vw;
      background:linear-gradient(to bottom,rgba(255,255,255,0),#8E9092,#89CFFF,#AAACB0,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)
      }
    }
.wave-left1{ left:8%; }
#ablebudsfree .box5 .box{ width:70%; margin:4% auto 2%; text-align:center; color:#ffffff;  }
#ablebudsfree .box5 .listen{ position:relative; overflow:hidden;  }
#ablebudsfree .box5 .listen .img{ width:14%; display:block; margin:8% auto 4%; }
#ablebudsfree .box5 .ul{ overflow:hidden; width:30%; margin:1% auto; }
#ablebudsfree .box5 .ul li{ float:left; width:50%; text-align:center; font-size:1.4vw; line-height:1.8vw;color:#878686; }
#ablebudsfree .box5 .ul li .circle{ display:inline-block; width:2vw; height:2vw; border-radius:50%; vertical-align:middle; margin-right:4%; }
#ablebudsfree .box5 .ul li .cc1{
    background-color:#bff1ff;
    background-image:-webkit-radial-gradient(circle,#bff1ff,#5bcbff);
    background-image:-webkit-radial-gradient(circle,#bff1ff,#5bcbff);
    background-image:-moz-radial-gradient(circle,#bff1ff,#5bcbff);
    background-image: -ms-radial-gradient(circle, #bff1ff 0%, #5bcbff 100%);
    background-image: -o-radial-gradient(circle,#bff1ff,#5bcbff);
    background-image: radial-gradient(circle,#bff1ff,#5bcbff);
}
#ablebudsfree .box5 .ul li .cc2{
    background-color:#e2e2e2;
    background-image:-webkit-radial-gradient(circle,#e2e2e2,#868182);
    background-image:-webkit-radial-gradient(circle,#e2e2e2,#868182);
    background-image:-moz-radial-gradient(circle,#e2e2e2,#868182);
    background-image: -ms-radial-gradient(circle, #e2e2e2 0%, #868182 100%);
    background-image: -o-radial-gradient(circle,#e2e2e2,#868182);
    background-image: radial-gradient(circle,#e2e2e2,#868182);
}
#ablebudsfree .box6{ position:relative; overflow:hidden; background-color:#000000; }
#ablebudsfree .box6 .box{ width:70%; overflow:hidden; margin:4% auto 2%; color:#ffffff; }
#ablebudsfree .box6 .box .big{ float:left; width:50%; font-size:2.8vw; line-height:3.4vw; margin-top:2%; }
#ablebudsfree .box6 .box .small{ float:left; width:50%; }
#ablebudsfree .box6 .img{ overflow:hidden; width:70%; margin:2% auto; position:relative; opacity:0; transform:translateY(10%);transition:all 0.5s linear; }
#ablebudsfree .box6 .img.active{ opacity:1; transform:translateY(0%);  }
#ablebudsfree .box6 .t{ width:20%; position:absolute; left:36%; top:90%; font-size:1.2vw; line-height:1.6vw; color:#ffffff; }
#ablebudsfree .box6 .t2{ left:88%; top:40%; }
#ablebudsfree .box6 .t3{ left:88%; top:90%; }
#ablebudsfree .box7{ position:relative; overflow:hidden; background-color:#000000; }
#ablebudsfree .box7 .box{ width:70%; overflow:hidden; margin:4% auto 2%; color:#ffffff; }
#ablebudsfree .box7 .box .big{ float:left; width:50%; font-size:2.8vw; line-height:3.4vw; margin-top:2%; }
#ablebudsfree .box7 .box .small{ float:left; width:50%; }
#ablebudsfree .box7 .box span{ font-weight:bold; font-size:1.4vw; line-height:2.2vw; }
#ablebudsfree .box7 .img{ overflow:hidden; width:70%; margin:2% auto;  opacity:0; transform:translateY(10%);transition:all 0.5s linear;  }
#ablebudsfree .box7 .img.active{ opacity:1; transform:translateY(0%); }
#ablebudsfree .box7 .t{ width:20%; position:absolute; left:20%; top:20%; font-size:1.2vw; line-height:1.6vw; }
#ablebudsfree .box7 .b{ font-size:2.8vw; line-height:3.4vw; }
#ablebudsfree .box8{ position:relative; background-color:#000000; overflow:hidden; }
#ablebudsfree .box8 .box{ width:70%; margin:4% auto 2%; text-align:center; color:#ffffff; }
#ablebudsfree .box8 .ptBox{ position:relative; overflow:hidden; }
#ablebudsfree .box8 .fixedBox{ position:relative; width:100%; overflow:hidden; height:40vw; }
#ablebudsfree .box8 .img{ width:20%; margin: 0% auto; display:block; }
#ablebudsfree .box8 .t1{ position:absolute; width:0%; top:17%; right:55%; z-index:1; overflow:hidden; height:3vw; }
#ablebudsfree .box8 .t1 .width{ width:22vw; position:absolute; right:0%; top:0%;  }
#ablebudsfree .box8 .t1 .lines{ border-top:1px solid #ffffff; width:80%; }
#ablebudsfree .box8 .t1 .line1{ border-top:1px solid #ffffff; width:20%; margin: 6% 0% 0% 76%; transform:rotate(45deg); }
#ablebudsfree .box8 .t2{ position:absolute; width:0%; top:7%; left:49%; z-index:1; overflow:hidden; height:3vw; }
#ablebudsfree .box8 .t2 .width{ width:22vw; position:absolute; left:0%; top:0%;  }
#ablebudsfree .box8 .t2 .lines{ border-top:1px solid #ffffff; width:72%; margin-left:28%; }
#ablebudsfree .box8 .t2 .line1{ border-top:1px solid #ffffff; width:37%; margin: 12% 0% 0% -3%; transform:rotate(-45deg); }
#ablebudsfree .box8 .t3{ position:absolute; width:0%; top:83%; right:46%; z-index:1; overflow:hidden; height:5vw; }
#ablebudsfree .box8 .t3 .width{ width:22vw; position:absolute; right:0%; top:0%; height:100%; }
#ablebudsfree .box8 .t3 .lines{ border-top:1px solid #ffffff; width:72%; margin-left:0%; position:absolute; top:90%; left:0%; }
#ablebudsfree .box8 .t3 .line1{ border-top:1px solid #ffffff; width:37%; margin: 7.5% 0% 0% 66.5%; transform:rotate(-45deg); }
#ablebudsfree .box8 .imgBox{ position:relative; top:30%; left:0%; }
#ablebudsfree .box8 .tt{ position:absolute; font-size:1.4vw; line-height:1.8vw; color:#ffffff; opacity:0; }
#ablebudsfree .box8 .tt1{ width:20%; left:8%; top:13%; }
#ablebudsfree .box8 .tt2{ width:20%; left:72%; top:3%; }
#ablebudsfree .box8 .tt3{ width:20%; left:22%; top:96.5%; }
#ablebudsfree .box8 .circle{ background-color:#ffffff; width:0.5vw; height:0.5vw; position:absolute; border-radius:50%; }
#ablebudsfree .box8 .cc1{ left:91%; top:170%; }
#ablebudsfree .box8 .cc2{ left:14%; top:87%; }
#ablebudsfree .box8 .cc3{ left:90.5%; top:0%; }
#ablebudsfree .box8 .t1.active,#ablebudsfree .box8 .t2.active,#ablebudsfree .box8 .t3.active{ width:21%; transition:all 0.3s linear; }
#ablebudsfree .box8 .tt1.active,#ablebudsfree .box8 .tt2.active,#ablebudsfree .box8 .tt3.active{ opacity:1;transition:all 0.2s linear 0.3s; }
#ablebudsfree .box9{ position:relative; overflow:hidden; }
#ablebudsfree .box9 .box{ width:40% ; position:absolute; left:15%; top:22%; color:#000000; }
#ablebudsfree .box9 .box .big,#ablebudsfree .box9 .box .middle,#ablebudsfree .box9 .box .small{ opacity:0; transform:translateY(10%); }
#ablebudsfree .box9 .box .big.active,#ablebudsfree .box9 .box .middle.active,#ablebudsfree .box9 .box .small.active{ opacity:1; transform:translateY(0%); transition:all 0.2s linear }
#ablebudsfree .box9 .box .middle.active{ transition-delay:0.2s; }
#ablebudsfree .box9 .box .small.active{ transition-delay:0.4s; }
#ablebudsfree .box10{ position:relative; overflow:hidden; background-color:#121212; }
#ablebudsfree .box11{ position:relative; overflow:hidden; background-color:#121212; }
#ablebudsfree .box11 .box{ width:70% ; color:#ffffff; margin:2% auto; text-align:center; }
#ablebudsfree .box11 .imgBox{ position:relative; overflow:hidden; }
#ablebudsfree .box11 .img{ width: 38%; margin: 4% auto; display:block; }
#ablebudsfree .box11 .img1{ position:absolute; width:7%; left:18%; top:30% }
#ablebudsfree .box11 .img2{ position:absolute; width:8%; left:73%; top:47% }
#ablebudsfree .box11 .img1.active{ animation:huang 0.5s linear 2; }
#ablebudsfree .box11 .img2.active{ animation:huang2 0.5s linear 2; }
@keyframes huang{
    0%{
        transform: rotate(0deg);
        transform-origin: bottom right;
    }
    50%{
        transform: rotate(-45deg);
        transform-origin: bottom right;
    }
    100%{
        transform: rotate(0deg);
        transform-origin: bottom right;
    }
}
@keyframes huang2{
    0%{
        transform: rotate(0deg);
        transform-origin: bottom left;
    }
    50%{
        transform: rotate(45deg);
        transform-origin: bottom left;
    }
    100%{
        transform: rotate(0deg);
        transform-origin: bottom left;
    }
}
#ablebudsfree .box12{ position:relative; overflow:hidden; background-color:#000000; }
#ablebudsfree .box12 .box{ width:70%; margin:4% auto 2%; color:#ffffff; text-align:center; }
#ablebudsfree .box12 .pt{ position:relative; overflow:hidden; }
#ablebudsfree .box12 .fixedBox{ position:relative; width:100%; overflow:hidden; height:40vw; }
#ablebudsfree .box12 .img{ width:50%; position:absolute; left:15%; top:20%; }
#ablebudsfree .box12 .img1{ width:40%; position:absolute; left:65%; top:100%; }
#ablebudsfree .box13{ position:relative; overflow:hidden; }
#ablebudsfree .box13 .box{ width:70%; margin:4% auto 2%; text-align:center; color:#000000; }
#ablebudsfree .box13 .imgBox{ position:relative; overflow:hidden; padding:2% 0px; }
#ablebudsfree .box13 .img{ width:46%; margin-left:8%; }
#ablebudsfree .box13 .textBox{ position:absolute; width:34%; left:54%; top:20%; color:#000000; }
#ablebudsfree .box13 .text{ background-color:#000000;color:#ffffff; border-radius:2vw; font-size:1.2vw; padding:0.1vw 1vw; display:inline-block; }
#ablebudsfree .box13 .ul{ overflow:hidden; margin-top:2%; }
#ablebudsfree .box13 .ul li{ float:left; width:50%;  }
#ablebudsfree .box13 .ul li .s{ font-size:1vw; line-height:1.2vw; }
#ablebudsfree .box13 .ul li .b{ font-size:6vw; line-height:1;  position:relative;}
#ablebudsfree .box13 .ul li .sub{ font-size:2vw; line-height:2.4vw; position:absolute; bottom:7%; left:40% }
#ablebudsfree .box13 .ul li:last-child .sub{ left:28%; }
#ablebudsfree .box13 .mt{ margin-top:4% }
#ablebudsfree .box14{ position:relative; overflow:hidden; }
#ablebudsfree .box14 .box{ width:70%; margin:4% auto 2%; text-align:center; color:#000000; }
#ablebudsfree .box14 .imgBox{ position:relative; width:70%; margin:2% auto 1%;  overflow:hidden; }
#ablebudsfree .box14 .img{ width:33%; margin-left:0.5%; float:left; transform:translateY(100%); transition:all 0.6s ease-out; opacity:0; }
#ablebudsfree .box14 .img:first-child{ margin-left:0%; }
#ablebudsfree .box14 .tips{ text-align:right; color:#8E8E8E; font-size:0.8vw; line-height:1.2vw; width:70%;margin:1% auto 2%; }
#ablebudsfree .box14 .img.active{ transform:translateY(0%); opacity:1; }
#ablebudsfree .box14 .img2{ transition-delay:0.3s; }
#ablebudsfree .box14 .img3{ transition-delay:0.6s; }
#ablebudsfree .box15{ position:relative; overflow:hidden; }
#ablebudsfree .box15 .box{ width:70%; position:absolute;left:15%; top:5%; text-align:center;color:#000000; }
#ablebudsfree .box15 .img1{ width:34%; position:absolute; left:33%; top:24%; opacity:0;transform:translateY(10%);  }
#ablebudsfree .box15 .img1.active{ opacity:1;transform:translateY(2%); transition:all 0.3s linear 0.9s;}
#ablebudsfree .box15 .boxll{ width:40%; position:absolute;left:48%; top:68%; text-align:right;color:#000000; }
#ablebudsfree .box15 .img2{ width:32%; position:absolute; left:12%; top:54%;opacity:0;transform:translateY(10%); }
#ablebudsfree .box15 .img2.active{ opacity:1;transform:translateY(2%); transition:all 0.3s linear 0.9s;}
#ablebudsfree .box15 .boxll .big{ font-size:3vw; line-height:3.4vw; }
#ablebudsfree .box15 .box .big,#ablebudsfree .box15 .box .middle,#ablebudsfree .box15 .box .small{ transform:translateY(10%); opacity: 0;  }
#ablebudsfree .box15 .box .big.active{ transform:translateY(0%); opacity:1;transition:all 0.3s linear; }
#ablebudsfree .box15 .box .middle.active{ transform:translateY(0%); opacity:1;transition:all 0.3s linear 0.3s; }
#ablebudsfree .box15 .box .small.active{ transform:translateY(0%); opacity:1;transition:all 0.3s linear 0.6s; }
#ablebudsfree .box15 .boxll .big,#ablebudsfree .box15 .boxll .middle,#ablebudsfree .box15 .boxll .small{ transform:translateY(10%); opacity: 0;  }
#ablebudsfree .box15 .boxll .big.active{ transform:translateY(0%); opacity:1;transition:all 0.3s linear; }
#ablebudsfree .box15 .boxll .middle.active{ transform:translateY(0%); opacity:1;transition:all 0.3s linear 0.3s; }
#ablebudsfree .box15 .boxll .small.active{ transform:translateY(0%); opacity:1;transition:all 0.3s linear 0.6s; }
#ablebudsfree .box16 { background-color:#222222; overflow:hidden; }
#ablebudsfree .box16 .box{ width:70%; margin:4% auto 2%; overflow:hidden; color:#ffffff; }
#ablebudsfree .box16 .box .float{ float:left; width:50%; text-align:center; }
#ablebudsfree .box16 .box .small{ text-align:left; margin-top:0px; }
#ablebudsfree .box16 .box .big{ font-size:2.4vw; line-height:2.8vw; margin-top:4%; }
#ablebudsfree .box16 .imgBox{ width:70%; margin:6% auto; position:relative; overflow:hidden; }
#ablebudsfree .box16 .img{ width:48%; }
#ablebudsfree .box16 .img1{ width:10%; position:absolute; left:31%; top:30%;animation:showHide 0.6s infinite; }
@keyframes showHide{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
#ablebudsfree .box16 .ul{ position:absolute; width:40%; left:56%; top:20%; }
#ablebudsfree .box16 .ul .li{ margin-top:2%; }
#ablebudsfree .box16 .line{ width:4px; height:4vw; border-radius:2vw; background-color:#3B3B3B; display:inline-block; vertical-align:middle; border:none; outline:none; }
#ablebudsfree .box16 .imgs{ width:7%; margin:0% 2%; vertical-align:middle; }
#ablebudsfree .box16 .img2{ width:5%;vertical-align:middle; }
#ablebudsfree .box16 .text{ display:inline-block; color:#ffffff; vertical-align:middle; }
#ablebudsfree .box16 .b{ font-size:1.2vw; line-height:1.4vw; }
#ablebudsfree .box16 .s{ font-size:1vw; line-height:1.4vw; }
#ablebudsfree .box17{ position:relative; overflow:hidden; background-color:#222222; }
#ablebudsfree .box17 .img{ width:34%; margin:4% 0px 4% 12%; }
#ablebudsfree .box17 .text{ border-radius:1vw; background-color:#343434; text-align:left; padding:2% 4%; margin-top:2%; }
#ablebudsfree .box17 .box{ width:40%; position:absolute; left:46%; top:7% ;color:#ffffff; text-align:right; }
#ablebudsfree .box17 .box .big{ font-size:2.4vw; line-height:2.8vw; }
#ablebudsfree .box17 .box .middle{ margin-bottom:0px; }
#ablebudsfree .box17 .box .img2{ width:11%; margin-right:2%; vertical-align:middle; }
#ablebudsfree .box17 .box .tt{ width:80%; display:inline-block; vertical-align:middle; font-size:2.2vw; line-height:2.4vw; }
#ablebudsfree .box17 .ul{ margin-top:2%; }
#ablebudsfree .box17 .line{ display:inline-block; background-color:#ffffff; border-radius:50%; width:10px;height:10px;margin-right:2%; vertical-align:middle; }
#ablebudsfree .box17 .li{ font-size:1.2vw; line-height:1.4vw; margin-bottom:3%; }
#ablebudsfree .box17 .ul2{ position:absolute; left:58%; top:38%; }
#ablebudsfree .box17 .li .tt{ font-size:1.2vw; line-height:1.6vw; }
#ablebudsfree .box17 .ul2 .li{ margin-bottom:5%; }
#ablebudsfree .box18{ position:relative; overflow:hidden; }
#ablebudsfree .box18 .box{ width:70%; margin:4% auto 2%; text-align:center; }
#ablebudsfree .box18 .imgBox{ width:70%; margin:4% auto; position:relative; overflow:hidden; }
#ablebudsfree .box18 .t{ width:26%; position:absolute; padding: 0px 2%; }
#ablebudsfree .box18 .b{ font-size:1.2vw; line-height:1.4vw; }
#ablebudsfree .box18 .s{ font-size:1vw; line-height:1.4vw; margin-top:2%; }
#ablebudsfree .box18 .t1{ top:4%; left:0.8%; }
#ablebudsfree .box18 .t2{ top:4%; left:35%; }
#ablebudsfree .box18 .t3{ top:4%; left:70%; }
#ablebudsfree .box18 .t4{ top:53%; left:0.8%; }
#ablebudsfree .box18 .t5{ top:53%; left:35%; }
#ablebudsfree .box18 .t6{ top:53%; left:70%; }
#ablebudsfree .box19{ padding:4% 15%; font-size:1vw; line-height:1.8vw; }