.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; }
.yellow{ color: #FFC604; }
#a13pro { color: #000000;}
#a13pro img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#a13pro .box1{ position: relative; overflow: hidden; text-align: center; }
#a13pro .box1 .position{ width: 60%; position: absolute; left: 20%; top: 10%; }
#a13pro .box1 .position .bb{ font-size: 3vw; line-height: 3.4vw; font-weight: bold; }
#a13pro .box1 .position .mm{ font-size: 4vw; line-height: 4.4vw; letter-spacing: 1vw; }
#a13pro .box1 .position .ss{ font-size: 1.2vw; line-height: 2.4vw; }
#a13pro .box1 .position .tips{ font-size: 2vw; border: 0.2vw solid #000000; border-radius: 1.2vw; vertical-align: top; display: inline; padding:0px 0.4vw; }
#a13pro .box2{ margin: 2% auto; width: 65%; overflow: hidden; position: relative; }
#a13pro .box2 .svg{ position: absolute; width: 100%; right: 0%; top: 0%; z-index: 2; }
#a13pro .box2 .video{ width: 49%; position: absolute; right: 0%; top: 22%; height: 13vw; z-index: 1; overflow: hidden; }
#a13pro .box2 .video1{ width: 100%; }
#a13pro .box2 .position{ position: absolute; width: 49%;  text-align: center; z-index: 3; }
#a13pro .box2 .p1{ left: 0%; top: 1%; }
#a13pro .box2 .p2{ left: 51%; top: 1%; }
#a13pro .box2 .p3{ left: 51%; top: 21%; }
#a13pro .box2 .p4{ left: 0%; top: 43%; }
#a13pro .box2 .p5{ left: 0%; top: 63%; }
#a13pro .box2 .p6{ left: 51%; top: 63%; }
#a13pro .box2 .position .b{ font-size: 1.8vw; line-height: 2.2vw; }
#a13pro .box2 .position .s{ font-size: 1.2vw; line-height: 1.8vw; }

#a13pro .box2 .ddl{ position: absolute; display: block; z-index: 3; }
#a13pro .box2 .dd1{ width: 49%; height: 32vw; left: 0%; top: 0%; }
#a13pro .box2 .dd2{ width: 49%; height: 15vw; left: 51%; top: 0%; }
#a13pro .box2 .dd3{ width: 49%; height: 15vw; left: 51%; top: 21%; }
#a13pro .box2 .dd4{ width: 100%; height: 16vw; left: 0%; top: 40.5%; }
#a13pro .box2 .dd5{ width: 49%; height: 32vw; left: 0%; top: 61%; }
#a13pro .box2 .dd6{ width: 49%; height: 32vw; left: 51%; top: 61%; }

#a13pro .box3{ position: relative; overflow: hidden; box-sizing: border-box; padding: 10vw 4% 4vw 4%; }
#a13pro .box3 .text{ font-size: 12vw; line-height: 12.4vw; color: #000000; text-align: center; z-index: 2; position: absolute; 
    width: 60%; left: 20%; top: 20%; z-index: 1;
}
#a13pro .box3 .smallBox{ position: relative; overflow: hidden; }
/*#a13pro .box3 .smallBox .text2{ font-size: 12vw; line-height: 12.4vw; color: #ffffff; text-align: center; z-index: 2; position: absolute; 
    width: 60%; left: 20%; top: -16%; z-index: 2;
}*/
/*#a13pro .box3 .img{ transform: scale(0.5); }*/


#a13pro .box3 .smallBox .whiteBlock{ position: absolute; background-color: #ffffff; }
#a13pro .box3 .smallBox .b1{ width: 100%; height: 40%; left: 0%; top: 0%; }
#a13pro .box3 .smallBox .b2{ width: 40%; height: 100%; left: 0%; top: 0%; }
#a13pro .box3 .smallBox .b3{ width: 40%; height: 100%; right: 0%; top: 0%; }
#a13pro .box3 .smallBox .b4{ width: 100%; height: 40%; left: 0%; bottom: 0%; }

#a13pro .box4{ overflow: hidden; position: relative; text-align: center; }
#a13pro .box4 .b{ font-size: 8vw; line-height: 8.4vw; font-weight: 750; letter-spacing: 6px; }
#a13pro .box4 .m{ font-size: 1.4vw; line-height: 2vw; margin:8% auto 2% auto; }
#a13pro .box4 .s{ font-size: 0.8vw; line-height: 1.4vw; color: #7E7E7E; width: 36%; margin:2% auto; }
#a13pro .box4 .img{ position: absolute; width: 50%; left: 25%; top: 37%; }
#a13pro .box5{ position: relative; overflow: hidden; }
#a13pro .box5 .dd{ position: relative; width: 100%; }
#a13pro .box5 .width{ width: 75%; margin: 2% auto; position: relative; }
#a13pro .box5 .width .img{ width: 56%; margin-left: 1%; }
#a13pro .box5 .width .position{ width: 40%; position: absolute; right: 0%; top: 10%; }
#a13pro .box5 .w2{ position: absolute; top: -4%; width: 75%; left: 12.5%; background-color: #ffffff; }
#a13pro .box5 .w2 .img{ width: 58%; margin-left: 0%; }
#a13pro .box5 .w1{ margin-top: 7%; }
#a13pro .box6{ position: relative; overflow: hidden; }
#a13pro .box6 .dd{ position: relative; width: 100%; overflow: hidden; }
#a13pro .box6 .width{ width: 40vw; margin: 10% auto 4% auto; }
#a13pro .box6 .pp{ position: relative; overflow: hidden; }
#a13pro .box6 .leftTop{ width: 16vw; position: absolute; left: 6%; top: 10%; overflow: hidden; z-index: -1; }
#a13pro .box6 .rightBottom{ width: 16vw; position: absolute; left: 64%; bottom: 20%; overflow: hidden; z-index: 3; }
#a13pro .box6 .tt{ text-align: center; margin: 0% auto 8% auto; font-size: 5vw; line-height: 5.4vw; }
#a13pro .box6 .imgAll{ position: absolute; right: 0%; top: 0%; width: 0%; height: 100%; overflow: hidden; }
#a13pro .box6 .z1{ z-index: 1; transition: all 0.5s linear; }
#a13pro .box6 .z2{ z-index: 2;  transition: all 0.5s linear;}
#a13pro .box6 .img img{ width: 40vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }
#a13pro .box6 .img1 img{ width: 40vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }
#a13pro .box6 .img2 img{ width: 16vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }
#a13pro .box6 .img3 img{ width: 16vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }
#a13pro .box6 .img4 img{ width: 16vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }
#a13pro .box6 .img5 img{ width: 16vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }
#a13pro .box6 .z1.active{ width:100% ; }
#a13pro .box6 .z2.active{ width:100% ; }
#a13pro .box6 .ttl{ width: 40%; position: absolute; left: 20%; top: 66%; }
#a13pro .box6 .ttl .circle{ width: 2vw; height: 2vw; border-radius: 1vw; display: inline-block; margin-right: 2%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0); }
#a13pro .box6 .ttl .bbl{ width: 1.6vw; height: 1.6vw; border-radius: 0.8vw; background-color: #81D3F9; margin: 0.14vw auto; }
#a13pro .box6 .ttl .c2{background-color: #F5DCD7; }
#a13pro .box6 .ttl .c3{background-color: #3E3E3E; }
#a13pro .box6 .ttl .bb{ font-size: 1.4vw; line-height: 1.8vw; margin: 1% auto; }
#a13pro .box6 .ttl .ss{ font-size: 1vw; line-height: 1.4vw; }
#a13pro .box6 .ttl .circle.active{ border: 1px solid #000000; }
#a13pro .box6 .ppt{ position: relative; }
#a13pro .box6 .ppl{ position: absolute; height: 100%; height: 100%; background-color: #ffffff; opacity: 0; left: 0%; top: 0%; }
#a13pro .box6 .ppl.active{ opacity: 1; }
#a13pro .box7{ position: relative; overflow: hidden; }
#a13pro .box7 .ppt{ width: 75%; margin: 0% auto 4% auto; text-align: center; }
#a13pro .box7 .dd{ position: relative; overflow: hidden; width: 100%; }
#a13pro .box7 .dd .video{ width: 100%; }
#a13pro .box7 .dd .clientHent{ width: 100%; }
#a13pro .box7 .dd .img{ width: 60%; left: 20%; top: 16%; position: absolute; opacity: 0; transition: all 0.1s linear; }
#a13pro .box8{ position: relative; overflow: hidden; box-sizing: border-box; padding: 10vw 4% 4vw 4%; }
#a13pro .box8 .text{ font-size: 12vw; line-height: 12.4vw; color: #000000; text-align: center; z-index: 2; position: absolute; 
    width: 60%; left: 20%; top: 20%; z-index: 1;
}
#a13pro .box8 .smallBox{ position: relative; overflow: hidden; }
/*#a13pro .box3 .smallBox .text2{ font-size: 12vw; line-height: 12.4vw; color: #ffffff; text-align: center; z-index: 2; position: absolute; 
    width: 60%; left: 20%; top: -16%; z-index: 2;
}*/
/*#a13pro .box3 .img{ transform: scale(0.5); }*/
#a13pro .box8 .smallBox .whiteBlock{ position: absolute; background-color: #ffffff; }
#a13pro .box8 .smallBox .b1{ width: 100%; height: 40%; left: 0%; top: 0%; }
#a13pro .box8 .smallBox .b2{ width: 40%; height: 100%; left: 0%; top: 0%; }
#a13pro .box8 .smallBox .b3{ width: 40%; height: 100%; right: 0%; top: 0%; }
#a13pro .box8 .smallBox .b4{ width: 100%; height: 40%; left: 0%; bottom: 0%; }
#a13pro .box9{ overflow: hidden; position: relative; background: linear-gradient(to right, #060d20 0%,#000000 100%); }
#a13pro .box9 .img{ width: 18%;margin: 8% 0px  2% 58%; }
#a13pro .box9 .imgAll{ position: absolute; opacity: 0;transition: all 0.1s linear; }
#a13pro .box9 .img2{ width: 90%; left: 11%; bottom: 0%; opacity: 1; }

#a13pro .box9 .img3{  width: 16%; left: 49%; top: 14%; }
#a13pro .box9 .img4{  width: 20%; left: 47%; top: 24.5%;}
#a13pro .box9 .img5{ width: 16%; left: 49%; top: 30%; }
#a13pro .box9 .img6{ width: 5%; left: 49%; top: 51%; }
#a13pro .box9 .pp{ position: absolute; opacity: 0;transition: all 0.1s linear; }
#a13pro .box9 .pp .b{ font-size: 1.6vw; line-height: 2vw; color: #ffffff; }
#a13pro .box9 .pp .s{ font-size: 1.2vw; line-height: 2vw; color: #ffffff; }
#a13pro .box9 .p1{ width: 30%; left: 20%; top: 11%; }
#a13pro .box9 .p2{ width: 30%; left: 20%; top: 21%; }
#a13pro .box9 .p3{ width: 30%; left: 20%; top: 33%; }
#a13pro .box9 .p4{ width: 30%; left: 36%; top: 47%; }
#a13pro .box9 .imgAll.active{ opacity: 1; }
#a13pro .box9 .pp.active{ opacity: 1; }
#a13pro .box10{ overflow: hidden; }
#a13pro .box10 .ppt{ margin:4% auto; }
#a13pro .box10 .pl{ width: 60%; margin:2% auto; position: relative; }
#a13pro .box10 .pl .b{ font-size: 1.6vw; line-height: 2vw;  }
#a13pro .box10 .pl .m{ font-size: 1.2vw; line-height: 1.6vw; margin: 1% auto; }
#a13pro .box10 .pl .s{ font-size: 1vw; line-height: 1.4vw;  }
#a13pro .box10 .swiper-button-prev1{ position: inherit; top:inherit; left: inherit; right: inherit; bottom: inherit; width: 41px; height: 41px;
    background: url(/new/Images/a13pro/overview/banner10_6.png) center no-repeat; display: inline-block; margin-right: 20px; margin-top: 2%;
}
#a13pro .box10 .swiper-button-next1{ position: inherit; top:inherit; left: inherit; right: inherit; bottom: inherit; width: 41px; height: 41px;
    background: url(/new/Images/a13pro/overview/banner10_7.png) center no-repeat; display: inline-block; margin-top: 2%;
}
#a13pro .box10 .swiper-button-prev1.my-button-disabled{ background: url(/new/Images/a13pro/overview/banner10_4.png) center no-repeat; }
#a13pro .box10 .swiper-button-next1.my-button-disabled{ background: url(/new/Images/a13pro/overview/banner10_5.png) center no-repeat; }
#a13pro .box11{ overflow: hidden; }
#a13pro .box11 .ppt{ margin:4% auto; }
#a13pro .box11 .pll{  margin: 0% auto; overflow: hidden; }
#a13pro .box11 .pl{ width: 69%; margin:2% auto; position: relative; }
#a13pro .box11 .pl .b{ font-size: 1.6vw; line-height: 2vw;  }
#a13pro .box11 .pl .m{ font-size: 1.2vw; line-height: 1.6vw; margin: 1% auto; }
#a13pro .box11 .pl .s{ font-size: 1vw; line-height: 1.4vw;  }
#a13pro .box11 .swiper-button-prev2{ position: inherit; top:inherit; left: inherit; right: inherit; bottom: inherit; width: 41px; height: 41px;
    background: url(/new/Images/a13pro/overview/banner10_6.png) center no-repeat; display: inline-block; margin-right: 20px; margin-top: 0px;
    margin-left: 20%;
}
#a13pro .box11 .swiper-button-next2{ position: inherit; top:inherit; left: inherit; right: inherit; bottom: inherit; width: 41px; height: 41px;
    background: url(/new/Images/a13pro/overview/banner10_7.png) center no-repeat; display: inline-block; margin-top: 0px;
}
#a13pro .box11 .swiper-button-prev2.my-button-disabled{ background: url(/new/Images/a13pro/overview/banner10_4.png) center no-repeat; }
#a13pro .box11 .swiper-button-next2.my-button-disabled{ background: url(/new/Images/a13pro/overview/banner10_5.png) center no-repeat; }
#a13pro .box12{ overflow: hidden; position: relative; }
#a13pro .box12 .dd{ width: 100%; position: relative; overflow: hidden; }
#a13pro .box12 .dd .img{ width: 43%; position: absolute; left: 32%; bottom: -60%; }
#a13pro .box12 .dd .bb{ width: 30%; left: 20%; top: 40%; position: absolute; font-size: 2.4vw; line-height: 4vw; 
    text-align: center; opacity: 0; 
}
#a13pro .box13{ position: relative; overflow: hidden; box-sizing: border-box; padding: 10vw 4% 4vw 4%; }
#a13pro .box13 .text{ font-size: 8vw; line-height: 8.4vw; color: #000000; text-align: center; z-index: 2; position: absolute; 
    width: 60%; left: 20%; top: 20%; z-index: 1;
}
#a13pro .box13 .smallBox{ position: relative; overflow: hidden; }
/*#a13pro .box3 .smallBox .text2{ font-size: 12vw; line-height: 12.4vw; color: #ffffff; text-align: center; z-index: 2; position: absolute; 
    width: 60%; left: 20%; top: -16%; z-index: 2;
}*/
/*#a13pro .box3 .img{ transform: scale(0.5); }*/
#a13pro .box13 .smallBox .whiteBlock{ position: absolute; background-color: #ffffff; }
#a13pro .box13 .smallBox .b1{ width: 100%; height: 40%; left: 0%; top: 0%; }
#a13pro .box13 .smallBox .b2{ width: 40%; height: 100%; left: 0%; top: 0%; }
#a13pro .box13 .smallBox .b3{ width: 40%; height: 100%; right: 0%; top: 0%; }
#a13pro .box13 .smallBox .b4{ width: 100%; height: 40%; left: 0%; bottom: 0%; }
#a13pro .box14{ overflow: hidden; position: relative; }
#a13pro .box14 .dd{ width: 100%; position: relative; overflow: hidden; }
#a13pro .box14 .dd .bg{ background-color: #000000; opacity: 0.2; position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; }
#a13pro .box14 .dd .ppt{ position: absolute; width: 70%; text-align: center; left: 15%; top: 10%; color: #000000; z-index: 2; opacity: 0; }
#a13pro .box14 .dd .position{ position: absolute; width: 80%; left: 10%; top: 20%; color: #ffffff; opacity: 0; }
#a13pro .box14 .dd .position .ppq{ position: relative; }
#a13pro .box14 .dd .position .b{ font-size: 2.4vw; line-height: 2.8vw; margin-bottom: 2%; }
#a13pro .box14 .dd .position .m{ font-size: 2.4vw; line-height: 2.8vw; width: 32%; display: inline-block; }
#a13pro .box14 .dd .position .s{ font-size: 1.2vw; line-height: 1.6vw; }
#a13pro .box14 .dd .position .bb{ font-size: 4.4vw; line-height: 4.8vw; color: #015AFF; position: absolute; width: 34%; left: 29%; top: 5%; }
#a13pro .box14 .dd .position .mt2{ margin-top: 4%; }
#a13pro .box14 .dd .position .img2{ width: 62%; vertical-align: super; height: 1vw; }
#a13pro .box14 .dd .position .img3{ width: 55%; vertical-align: super; height: 1vw; }
#a13pro .box14 .dd .position .img4{ width: 40%; vertical-align: super; height: 1vw; }
#a13pro .box14 .dd .p2 .img2{ width: 62%; }
#a13pro .box14 .dd .p2 .img3{ width: 40%; }
#a13pro .box14 .dd .p2 .img4{ width: 12%; }
#a13pro .box14 .dd .p3 .img2{ width: 62%; }
#a13pro .box14 .dd .p3 .img3{ width: 50%; }
#a13pro .box14 .dd .p3 .img4{ width: 45%; }


#a13pro .box14 .dd .p2 .bb{ left: 42%; }
#a13pro .box14 .dd .p3 .bb{ left: 42%; }
#a13pro .box15{ overflow: hidden; position: relative; }
#a13pro .box15 .ppt{ width: 75%; left: 12.5%; top: 14%; position: absolute; text-align: center; z-index: 2; }
#a13pro .box15 .img{ width: 84%; left: 8%; bottom: 0%; position: absolute;z-index: 1; }
#a13pro .box15 .video{ position: absolute; width: 40%; left: 30%; top: 37%; }
#a13pro .box16{ overflow: hidden; position: relative; padding-top: 5vw; }
#a13pro .box16 .ppt{ width: 75%;  text-align: center; position: absolute; left: 12.5%; top: 7%;z-index: 2; }
#a13pro .box16 .svg{ position: relative; z-index: 1; width: 75%; margin: 2% auto; overflow: hidden; }
#a13pro .box16 .video{ position: absolute; left: 0%; top: 20%; width: 100%;z-index: -1; }
#a13pro .box16 .power{ width: 11%; display: inline-block; vertical-align: middle; margin-right: 1%; position: relative;  }
#a13pro .box16 .power .line{ position: absolute; width: 79%; border-radius: 0.8vw; top:14% ; left: 7%; height: 74%;
    z-index: -1; overflow: hidden;
}
#a13pro .box16 .power .line .bg{ background-color: #80BC80; position: absolute; height: 100%; width: 0%; left: 0%; top: 0%; }
#a13pro .box17{ position: relative; overflow: hidden; box-sizing: border-box; padding: 10vw 4% 4vw 4%; }
#a13pro .box17 .text{ font-size: 8vw; line-height: 8.4vw; color: #000000; text-align: center; z-index: 2; position: absolute; 
    width: 60%; left: 20%; top: 20%; z-index: 1;
}
#a13pro .box17 .smallBox{ position: relative; overflow: hidden; }
/*#a13pro .box3 .smallBox .text2{ font-size: 12vw; line-height: 12.4vw; color: #ffffff; text-align: center; z-index: 2; position: absolute; 
    width: 60%; left: 20%; top: -16%; z-index: 2;
}*/
/*#a13pro .box3 .img{ transform: scale(0.5); }*/
#a13pro .box17 .smallBox .whiteBlock{ position: absolute; background-color: #ffffff; }
#a13pro .box17 .smallBox .b1{ width: 100%; height: 40%; left: 0%; top: 0%; }
#a13pro .box17 .smallBox .b2{ width: 40%; height: 100%; left: 0%; top: 0%; }
#a13pro .box17 .smallBox .b3{ width: 40%; height: 100%; right: 0%; top: 0%; }
#a13pro .box17 .smallBox .b4{ width: 100%; height: 40%; left: 0%; bottom: 0%; }
#a13pro .box18{ overflow: hidden; position: relative; }
#a13pro .box18 .img{ width: 18%; margin: 4% 0px 4% 26%; display: block; }
#a13pro .box18 .img2{ width: 15%; position: absolute; left: 27.5%; top: 14%; opacity: 0; }
#a13pro .box18 .img3{ width: 2%; position: absolute; left: 22%; top: 41.5%; transition: all 0.3s linear; }
#a13pro .box18 .img2.active{ -webkit-animation: toSmall 0.3s linear  0.3s forwards;animation: toSmall 0.3s linear  0.3s forwards; }
#a13pro .box18 .img3.active{ -webkit-animation: toRight 0.3s linear ;animation: toRight 0.3s linear; }
@-webkit-keyframes toRight{
    0%{left: 22%;}
    50%{left: 24%;}
    100%{left: 22%;}
}
@keyframes toRight{
    0%{left: 22%;}
    50%{left: 24%;}
    100%{left: 22%;}
}
@-webkit-keyframes toSmall{
    0%{ opacity: 0; width: 15%; left: 27.5%; top: 24%; }
    20%{opacity: 1; width: 15%; left: 27.5%; top: 24%;}
    100%{opacity: 1; width: 4%; left: 28%; top: 66%;}
}
@keyframes toSmall{
    0%{ opacity: 0; width: 15%; left: 27.5%; top: 24%; }
    20%{opacity: 1; width: 15%; left: 27.5%; top: 24%;}
    100%{opacity: 1; width: 4%; left: 28%; top: 66%;}
}
#a13pro .box18 .ppt{ width: 40%; position: absolute; left: 50%; top: 32%; }
#a13pro .box19{ position: relative; overflow: hidden; }
#a13pro .box19 .ppt{ width: 75%; margin: 4% auto 2% auto; text-align: center; }
#a13pro .box19 .imgBox{ width: 90%; margin: 2% auto 4% auto; overflow: hidden; position: relative; }
#a13pro .box19 .imgBox .img{ width: 37%; }
#a13pro .box19 .imgBox .img2{ width: 59%; right: 0%; top: 0%; position: absolute; }
#a13pro .box19 .imgBox .ss{ width: 40%; top: 10%; position: absolute; text-align: center; }
#a13pro .box19 .imgBox .ss img{ width: auto; height: 6vw; margin-bottom: 2%; }
#a13pro .box19 .imgBox .s1{  left: -8%; }
#a13pro .box19 .imgBox .s2{  left: 33%; }
#a13pro .box19 .imgBox .b{ font-size: 2vw; line-height: 2.4vw; }
#a13pro .box20{ position: relative; overflow: hidden; background: #f9f9fb; }
#a13pro .box20 .img{ position: absolute; left: 0%; top: 0%; width: 100%; }
#a13pro .box20 .img2{ left: inherit; }
#a13pro .box20 .img3{  }
#a13pro .box20 .img4{ top: inherit; }
#a13pro .box20 .android{ position: absolute; width: 10%; top: 40%; left: 45%; transform:scale(2); }
#a13pro .box21{ overflow: hidden; width: 75%; margin: 4% auto; }
#a13pro .box21 .ppt2{ position: relative; }
#a13pro .box21 .pptl{ position: absolute; }
#a13pro .box21 .p1{ width: 34%; left: 6%; top: 30%; }
#a13pro .box21 .p{ width: 80%; left: 10%; text-align: center; top: 8%; position: absolute; }
#a13pro .box21 .b{ font-size: 1.6vw; line-height: 2vw; }
#a13pro .box21 .s{ font-size: 1.2vw; line-height: 1.6vw; margin-top: 2%; }
#a13pro .box21 .pptBox{ position: relative; overflow: hidden; }
#a13pro .box21 .pptBox .ppt2{ float: left; width: 48%; margin-right: 4%; margin-top: 2%; }
#a13pro .box21 .pptBox .ppt2.mr{ margin-right: 0px; }
#a13pro .box22{  overflow: hidden; position: relative; }
#a13pro .box22 .text{ font-size: 3vw; line-height: 3.4vw; position: absolute; width: 23%; left: 10%; top: 39%; color: #000000; }
#a13pro .box23{ overflow: hidden; position: relative; }
#a13pro .box23 .text{ position: absolute; width: 40%; text-align: center; left: 30%; top: 10%; font-size: 2vw; line-height: 2.4vw; }
#a13pro .box23 .ul{ overflow: hidden; width: 68%; margin: 1% auto;}
#a13pro .box23 .ul .li{ float: left; width: 33.33%; text-align: center; font-size: 1.2vw; line-height: 1.6vw; }
#lineBox{ position: fixed; left: 20px; top: 16%; width: 20px; overflow: hidden; z-index: 4;opacity: 0; }
#lineBox .lines{ height: 18vh; position: relative; width: 100%; margin-bottom: 10px;  }
#lineBox .lines .linel1{ width: 4px; height: 100%; top: 0px; right: 0px;  background-color: #cccccc; position: absolute;
    border-radius: 40px; overflow: hidden; 
}
#lineBox .lines .linel1 .linel2{ position: absolute; left: 0%; top: 0%; width: 100%; background-color: #000000; height: 0%; }
#lineBox .lines .text{ font-size: 14px; color: #cccccc;  position: absolute; top: 46%; left:-383%; width: 18vh;
    line-height: 14px;
    transform:rotate(90deg);
-ms-transform:rotate(90deg);     /* IE 9 */
-moz-transform:rotate(90deg);    /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg);  /* Opera */
}
#lineBox .lines .text.active{ color: #000000; }