.big{ font-size: 2.8vw; line-height: 3.4vw; }
.middle{ font-size: 3vw; line-height: 3.4vw; margin: 0.5vw auto 1.5vw auto; }
.small{ font-size: 1.4vw; line-height: 2.2vw; margin-top: 2vw; }
.gradient{ background: linear-gradient(to left, #95e2ff, #0da2fe);-webkit-background-clip: text;color: transparent; }
#power7max img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#power7max .box1{ position: relative; overflow: hidden; }
#power7max .box1 .box{ width: 75%; position: absolute; left: 12.5%; top: 8%; text-align: center; color: #ffffff; 
    opacity: 0;animation: show 0.3s linear forwards 0.9s ; 
}
#power7max .box1 .box .b{ font-size: 4vw; line-height: 4.4vw; }
#power7max .box1 .box .m{ font-size: 2.4vw; line-height: 2.8vw; font-weight: bold; margin-bottom: 1%; }
#power7max .box1 .box .s{ font-size: 1.2vw; line-height: 1.6vw; }
#power7max .box1 .img{ position: absolute; transition: all 0.3s linear; }
#power7max .box1 .img2{ width: 32%; left: 65%; top: 82%; animation: go1 0.3s linear forwards ; opacity: 0; }
#power7max .box1 .img3{ width: 27%; left: 61%; top: 92%; animation: go2 0.3s linear forwards 0.3s; opacity: 0; }
#power7max .box1 .img4{ width: 25%; left: 74%; top: 95%; animation: go3 0.3s linear forwards 0.6s; opacity: 0; }
@keyframes show{
    from{opacity: 0;}
    to{ opacity: 1; } 
}
@keyframes go1{
    from{left: 65%; top: 82%;opacity: 0;}
    to{ left: 16%; top: 44%;opacity: 1; } 
}
@keyframes go2{
    from{left: 61%; top: 92%;opacity: 0;}
    to{ left: 38%; top: 32%;opacity: 1; }
}
@keyframes go3{
    from{left: 74%; top: 95%;opacity: 0;}
    to{ left: 60%; top: 33%; opacity: 1;}
}
#power7max .box2{ position: relative; overflow: hidden; }
#power7max .box2 .po{ position: absolute; font-size: 1.4vw; line-height: 1.8vw; text-align: center; }
#power7max .box2 .p1{ width: 19.3%; left: 15%; top: 10%; }
#power7max .box2 .p2{ width: 29.5%; left: 35.5%; top: 10%; }
#power7max .box2 .p3{ width: 18.8%; left: 66.4%; top: 10%; }
#power7max .box2 .p4{ width: 29.5%; left: 35.5%; top: 55%; }
#power7max .box2 .p5{ width: 18.5%; left: 66.5%; top: 45%; }
#power7max .box2 .p6{ width: 19%; left: 15%; top: 91%; color: #ffffff; }
#power7max .box2 .p7{ width: 29.5%; left: 35.5%; top: 68%; }
#power7max .box3{ overflow: hidden; position: relative; background-color: #000000; }
#power7max .box3 .box{ width: 75%; margin: 4% auto 0% auto; color: #ffffff; text-align: center; }
#power7max .box3 .fixedBox{ width: 100%; position: relative; }
#power7max .box3 .fixedBox .scale{ transform: scale(4.5); position: absolute; width: 100%; left: 0%; top: 50%; color: #ffffff; text-align: center; }
#power7max .box3 .fixedBox .clientHeight{ width: 100%; position: relative; background-color: #0C0D12; padding-top: 65px; box-sizing: border-box; 
    overflow: hidden; min-height: 30vw;
}
#power7max .box3 .fixedBox .size{ font-size: 4.35vw; line-height: 6vw; transition: all 0.3s linear; }
#power7max .box3 .fixedBox .scroll{ color: #846FBA; font-size: 8vw; line-height: 8.4vw; }
#power7max .box3 .fixedBox .color{ color: #ffffff; display: inline-block;font-size: 8vw; line-height: 8.4vw; }
#power7max .box3 .fixedBox .ss{ font-size: 4vw; }
#power7max .box3 .fixedBox .bbq{ font-size: 8vw; line-height: 8.4vw; opacity: 0; }
#power7max .box3 .fixedBox .ssl{ position: absolute; width: 100%; overflow: visible; left: 0%; white-space: nowrap;  }
#power7max .box3 .fixedBox .s1{ top:10%; }
#power7max .box3 .fixedBox .s2{ top:29%; }
#power7max .box3 .fixedBox .s3{ top:49%; }
#power7max .box3 .fixedBox .s4{ top:68%; }
#power7max .box3 .fixedBox .s5{ top:86%; }
#power7max .box3 .fixedBox .toLeft{ position: absolute; left: 0%; top: 0%; width: 100%; opacity: 0; overflow: hidden; }
#power7max .box3 .fixedBox .toLeft5{ position: absolute; left: 100%; top: 0%; width: 100%; }
#power7max .box3 .fixedBox .toLeft.active{ animation: toLeft 18s linear infinite ; transform:translateX(0%); opacity: 1; }
/*#power7max .box3 .fixedBox .toLeft5.active{ animation-delay: 18s; }*/

@keyframes toLeft{
    from{transform:translateX(0%);}
    to{ transform:translateX(-100%); }
}
#power7max .box3 .fixedBox .img{ width: 40%; position: absolute; left: 30%; top: 14%; opacity: 0; transition: all 0.3s linear; }
#power7max .box4{ overflow: hidden; position: relative; background-color: #000000; }
#power7max .box4 .box{ width: 75%; margin: 4% auto; text-align: center; color: #ffffff; }
#power7max .box4 .ul{ display: flex; }

#power7max .box4 .ul .s{ position: absolute; width: 100%; bottom:4%; color: #ffffff; font-size: 1.4vw; line-height: 1.8vw; }
#power7max .box4 .ul .s1{ left: 4vw; }
#power7max .box4 .ul .s2{ left: 4vw; }
#power7max .box4 .ul .s3{ left: 4vw; }
#power7max .box4 .ul .item{
    background-position: 50%;
    background-size: cover;
    height: 38vw;
    position: relative;
    transition: all .7s cubic-bezier(0,.6,.4,1);
    
}
#power7max .box4 .ul .item:nth-child(1){
    background-image: url(/new/Images/power7max/overview/banner4_1.jpg);
    -webkit-clip-path: polygon(0% 0,100% 0,85% 100%,0 100%);
    -moz-clip-path: polygon(0% 0,100% 0,85% 100%,0 100%);
    clip-path: polygon(0% 0,100% 0,85% 100%,0 100%);
    margin: 0%;
    width: 70%;
}
#power7max .box4 .ul .item:nth-child(2){
    background-image: url(/new/Images/power7max/overview/banner4_2.jpg);
    -webkit-clip-path: polygon(16% 0,100% 0,100% 100%,0 100%);
    -moz-clip-path: polygon(16% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(16% 0,100% 0,100% 100%,0 100%);
    margin: 0 0 0 -11%;
    width: 29%;
}
#power7max .box4 .ul .item:nth-child(3){
    background-image: url(/new/Images/power7max/overview/banner4_3.jpg);
    -webkit-clip-path: polygon(0% 100%,100% 100%,100% 0%,16% 0%);
    -moz-clip-path:polygon(0% 100%,100% 100%,100% 0%,16% 0%);
    clip-path: polygon(0% 100%,100% 100%,100% 0%,16% 0%);
    margin: 0 0 0 -11%;
    width: 23%;
}
#power7max .box4 .ul .item:nth-child(1).active{
    webkit-clip-path: polygon(0% 0,100% 0,85% 100%,0 100%);
    -moz-clip-path: polygon(0% 0,100% 0,85% 100%,0 100%);
    clip-path: polygon(0% 0,100% 0,85% 100%,0 100%);
    width: 29%;
}
#power7max .box4 .ul .item:nth-child(2).active{
    webkit-clip-path:  polygon(16% 0%,100% 0,100% 100%,9% 100%);
    -moz-clip-path:  polygon(16% 0%,100% 0,100% 100%,9% 100%);
    clip-path:  polygon(16% 0%,100% 0,100% 100%,9% 100%);
    width: 70%;
}
#power7max .box4 .ul .item:nth-child(2).active .s2{ left: 9vw; }
#power7max .box4 .ul .item:nth-child(3).active{
    webkit-clip-path: polygon(0% 100%,100% 100%,100% 0%,16% 0%);
    -moz-clip-path: polygon(0% 100%,100% 100%,100% 0%,16% 0%);
    clip-path: polygon(0% 100%,100% 100%,100% 0%,16% 0%);
    width: 23%;
}
#power7max .box4 .ul .item:nth-child(1).active2{
    webkit-clip-path: polygon(0% 0%,100% 0%,71% 100%,0% 100%);
    -moz-clip-path: polygon(0% 0%,100% 0%,71% 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 0%,71% 100%,0% 100%);
    width: 23%;
}
#power7max .box4 .ul .item:nth-child(2).active2{
    webkit-clip-path: polygon(34% 0%,100% 0,100% 100%,14% 100%);
    -moz-clip-path: polygon(34% 0%,100% 0,100% 100%,14% 100%);
    clip-path: polygon(34% 0%,100% 0,100% 100%,14% 100%);
    width: 29%;
}
#power7max .box4 .ul .item:nth-child(2).active2 .s2{ left: 9vw; }
#power7max .box4 .ul .item:nth-child(3).active2{
    webkit-clip-path: polygon(10% 100%,100% 100%,100% 0%,16% -3%);
    -moz-clip-path: polygon(10% 100%,100% 100%,100% 0%,16% -3%);
    clip-path: polygon(10% 100%,100% 100%,100% 0%,16% -3%);
    width: 70%;
}
#power7max .box4 .ul .item:nth-child(3).active2 .s3{ left: 10vw; }
#power7max .box5{ overflow: hidden; position: relative; background-color: #000000; }
#power7max .box5 .fixedBox{ overflow: hidden; position: relative; width: 100%; }
#power7max .box5 .fixedBox .box{ width: 70%; left: 15%; top: 10%; position: relative; opacity: 0; transition: all 0.3s linear; 
    color: #ffffff; z-index: 3; text-align: center;
}
#power7max .box5 .fixedBox .clientHeight{ width: 100%; position: relative; min-height: 30vw; }
#power7max .box5 .fixedBox .img{ position: absolute; left: 15%; width: 70%; bottom: 0%; z-index: 2; opacity: 0; transition: all 0.3s linear; }
#power7max .box5 .fixedBox .img2{ position: absolute; left: 0%; width: 100%; top: 0%; z-index: 1; transform: scale(1); }
#power7max .box5 .fixedBox .bg{ position: absolute; width: 45vw; height: 20vw; top: 46%; left: 28%; background-color: #000000; z-index: 3; 
    border-radius: 2.8vw; opacity: 0;
}
#power7max .box5 .fixedBox .bg.active{ animation: shan 0.6s 1 ; }
@keyframes shan{
    0%{ opacity: 0; }
    50%{ opacity: 1; }
    100%{ opacity: 0; }
}
#power7max .box5 .fixedBox .img3{ position: absolute; left: 35%; width: 30%; top: 54%; z-index: 4; opacity: 0; }
#power7max .box5 .fixedBox .img3.active{  transition: all 0.3s linear 0.3s; opacity: 1; }
#power7max .box6{ overflow: hidden; position: relative; background-color: #000000; }
#power7max .box6 .box{ margin: 4% auto 0% auto; width: 70%; text-align: center; color: #ffffff; }
#power7max .box6 .fixedBox{ overflow: hidden; position: relative; width: 100%; }
#power7max .box6 .fixedBox .clientHeight{ width: 100%; position: relative; min-height: 30vw; }
#power7max .box6 .fixedBox .img{ position: absolute; width: 100%; bottom: 0%; left: 0%; }
#power7max .box6 .fixedBox .img2{ position: absolute; width: 120%; bottom: 0%; left: -40%; opacity: 0; transition: all 0.3s linear;
    max-width: inherit;
}
#power7max .box6 .fixedBox .img2.active{ width: 81%;  left: 12%; opacity: 1;}
#power7max .box6 .fixedBox .p{ position: absolute; left: 8%; width: 23%; color: #ffffff; text-align: right; opacity: 0; transition: all 0.3s linear; }
#power7max .box6 .fixedBox .p1{ top: 28%; opacity: 1; }
#power7max .box6 .fixedBox .p2{ top: 44%; left: 6%; }
#power7max .box6 .fixedBox .p3{ top: 60%; left: 6%; }
#power7max .box6 .fixedBox .p4{ top: 76%; left: 6%; }
#power7max .box6 .fixedBox .p2.active{ transition-delay:0.2s; left: 8%; opacity: 1; }
#power7max .box6 .fixedBox .p3.active{ transition-delay:0.4s; left: 8%; opacity: 1;}
#power7max .box6 .fixedBox .p4.active{ transition-delay:0.6s; left: 8%;opacity: 1; }
#power7max .box6 .fixedBox .b{ font-size: 3vw; line-height: 3.4vw; font-weight: bold; }
#power7max .box6 .fixedBox .s{ font-size: 1.4vw; line-height: 1.8vw; }
#power7max .box7{ overflow: hidden; position: relative; background-color: #000000; }
#power7max .box7 .box{ width: 70%; margin:4% auto; color: #ffffff; text-align: center; }
#power7max .box7 .img{ display: block; margin:2% auto; width: 70%; }
#power7max .box8{ position: relative; overflow: hidden; background-color: #000000; }
#power7max .box8 .fixedBox{ position: relative; width: 100%; }
#power7max .box8 .fixedBox .clientHeight{ position: relative; width: 100%; min-height: 30vw; }
#power7max .box8 .fixedBox .clientHeight .box{ position: absolute; width: 70%; left: 15%; top: 10%; text-align: center; color: #ffffff; 
    opacity: 0; transition: all 0.3s linear; color: #ffffff;
}
#power7max .box8 .fixedBox .clientHeight .box.active{ opacity: 1; }
#power7max .box9{ overflow: hidden; position: relative; background-color: #000000; }
#power7max .box9 .fixedBox{ position: relative; overflow: hidden; width: 100%; }
#power7max .box9 .fixedBox .clientHeight{ width: 100%; position: absolute; min-height: 30vw; }
#power7max .box9 .fixedBox .overflow{ overflow: hidden; }
#power7max .box9 .fixedBox .box{ position: absolute; width: 70%; left: 15%; top: 15%; text-align: center; color: #ffffff;  }
#power7max .box9 .fixedBox .box1{ position: absolute; width: 70%; left: 15%; top: 22%; text-align: center; color: #ffffff; }
#power7max .box9 .fixedBox .box1 .toTop1{ transform: translateY(-4vw); transition: all 0.3s linear; }
#power7max .box9 .fixedBox .box2{ position: absolute; width: 70%; left: 15%; top: 22%; text-align: center; color: #ffffff; }
#power7max .box9 .fixedBox .box2 .toTop2{ transform: translateY(-4vw); transition: all 0.3s linear; }
#power7max .box9 .fixedBox .img{ width: 38%; position: absolute; left: 31%; top: 40%; }
#power7max .box9 .fixedBox .img2{ width: 34%; position: absolute; left: 106%; top: 106%; }
#power7max .box9 .fixedBox .img3{ width: 34%; position: absolute; left: 106%; top: 106%; }
#power7max .box12{ position: relative; overflow: hidden; }
#power7max .box12 .fixedBox{ position: relative; overflow: hidden; width: 100%; }
#power7max .box12 .fixedBox .clientHeight{ position: relative; width: 100%; min-height: 30vw; }
#power7max .box12 .fixedBox .clientHeight .box{ position: absolute; width: 70%; left: 15%; top: 10%; color: #ffffff; text-align: center; }
#power7max .box12 .fixedBox .clientHeight .pp{ position: absolute; color: #ffffff; width: 30%; opacity: 0; transition: all 0.3s linear; }
#power7max .box12 .fixedBox .clientHeight .p1{ top: 35%; left: 4%; text-align: right; }
#power7max .box12 .fixedBox .clientHeight .p2{ top: 35%; left: 64%; }
#power7max .box12 .fixedBox .clientHeight .p3{ top: 65%; left: 4%; text-align: right; }
#power7max .box12 .fixedBox .clientHeight .p4{ top: 65%; left: 64%; }
#power7max .box12 .fixedBox .clientHeight .pp.active{ opacity: 1; }
#power7max .box12 .fixedBox .clientHeight .p2.active{  transition-delay: 0.3s; }
#power7max .box12 .fixedBox .clientHeight .p3.active{ transition-delay: 0.6s; }
#power7max .box12 .fixedBox .clientHeight .p4.active{ transition-delay: 0.9s; }
#power7max .box12 .fixedBox .clientHeight .b{ font-size: 2vw; line-height: 2.4vw; }
#power7max .box12 .fixedBox .clientHeight .s{ font-size: 1.4vw; line-height: 1.8vw; }
#power7max .box13{ overflow: hidden; position: relative; background-color: #000000; }
#power7max .box13 .img{ width: 50%; }
#power7max .box13 .box{ width: 40%; position: absolute; left: 55%; top: 35%; color: #ffffff; }
#power7max .box14{ position: relative; overflow: hidden; background-color: #000000; }
#power7max .box14 .fixedBox{ position: relative; width: 100%; overflow: hidden; }
#power7max .box14 .fixedBox .clientHeight{ position: relative; width: 100%; overflow: hidden; min-height: 30vw; }
#power7max .box14 .fixedBox .clientHeight .box{ position: absolute; width: 40%; left: 15%; color: #ffffff; opacity: 0; z-index: 1; }
#power7max .box14 .fixedBox .clientHeight .b1{ top: 30%; }
#power7max .box14 .fixedBox .clientHeight .b2{ top: 41%; }
#power7max .box14 .fixedBox .clientHeight .b3{ top: 44%; }
#power7max .box14 .fixedBox .clientHeight .b1.active{ opacity: 1; transition: all 0.3s linear; z-index: 2; }
#power7max .box14 .fixedBox .clientHeight .b2.active{ opacity: 1; transition: all 0.3s linear; z-index: 3; }
#power7max .box14 .fixedBox .clientHeight .b3.active{ opacity: 1; transition: all 0.3s linear; z-index: 4; }
#power7max .box14 .fixedBox .clientHeight .imgAll{ position: absolute; top: 0%; left: 0%; width: 100%; opacity: 0; }
#power7max .box14 .fixedBox .clientHeight .img2{ top: -55%;left: -0.8%; }
#power7max .box14 .fixedBox .clientHeight .img1.active{ opacity: 1;  transition: all 0.3s linear; }
#power7max .box14 .fixedBox .clientHeight .img2.active{ opacity: 1;  transition: all 0.3s linear; }
#power7max .box14 .fixedBox .clientHeight .img3.active{ opacity: 1;  transition: all 0.3s linear; }
#power7max .box14 .ul{ overflow: hidden; margin-top: 6%; transform: translateX(-7%); }
#power7max .box14 .ul .li{ float: left ; width: 33.33%; text-align: center; }
#power7max .box14 .ul .li .img5{ height: 4vw ; width: auto; max-width: auto; margin-bottom: 2%; }
#power7max .box14 .ul .li .s{ font-size: 1.4vw; line-height: 1.8vw; color: #ffffff; }
#power7max .box15{ overflow: hidden; position: relative; background-color: #000000; }
#power7max .box15 .box{ position: absolute; width: 50%; left: 15%; top: 20%; color: #ffffff; z-index: 2;}
#power7max .box15 .bg{ font-size: 24vw; line-height: 25vw; position: absolute; width: 49%; left: 13%; top: 26%; z-index: 0;
background: linear-gradient(to bottom, #D290F2, #568BF5);-webkit-background-clip: text;color: transparent; opacity: 0.5;
}
#power7max .box15 .img{ position: relative; z-index: 1; }
#power7max .box16{ position: relative; overflow: hidden; background-color: #000000; }
#power7max .box16 .box{ width: 70%; text-align: center; margin:4% auto; }
#power7max .box16 .ul{ overflow: hidden; margin:4% auto 8% auto; width: 80%; }
#power7max .box16 .ul .li{ float: left; width: 25%; text-align: center; }
#power7max .box16 .ul .li .s{ color: #7BD7FF; font-size: 1.4vw; line-height: 1.8vw; margin-top: 4%; }
#power7max .box16 .ul .li .img{ width: 32%; }