.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; }

#a13 { color: #000000;}

#a13 img{ width: 100%; max-width: 100%; vertical-align: bottom; }

#a13 .box1{ position: relative; overflow: hidden; text-align: center; }

#a13 .box1 .position{ width: 47%; position: absolute; left: 2%; top: 41%; }

#a13 .box1 .position .bb{ font-size: 3vw; line-height: 3.4vw; font-weight: bold; }

#a13 .box1 .position .mm{ font-size: 4vw; line-height: 4.4vw; letter-spacing: 1vw; }

#a13 .box1 .position .ss{ font-size: 1.5vw; line-height: 2.4vw; }

#a13 .box1 .position .tips{ font-size: 2vw; border: 0.2vw solid #000000; border-radius: 0.8vw; vertical-align: top; display: inline; padding:0px 0.4vw; }

#a13 .box2{ margin: 2% auto; width: 65%; overflow: hidden; position: relative; }

#a13 .box2 .svg{ position: absolute; width: 100%; right: 0%; top: 0%; z-index: 2; }

#a13 .box2 .video{ width: 49%; position: absolute; right: 0%; top: 22%; height: 13vw; z-index: 1; overflow: hidden; }

#a13 .box2 .video1{ width: 100%; }

#a13 .box2 .position{ position: absolute; width: 49%;  text-align: center; z-index: 3; }

#a13 .box2 .p1{ left: 0%; top: 1%; }

#a13 .box2 .p2{ left: 51%; top: 1%; }

#a13 .box2 .p3{ left: 51%; top: 21%; }

#a13 .box2 .p4{ left: 0%; top: 43%; }

#a13 .box2 .p5{ left: 0%; top: 63%; }

#a13 .box2 .p6{ left: 51%; top: 63%; }

#a13 .box2 .position .b{ font-size: 1.8vw; line-height: 2.2vw; }

#a13 .box2 .position .s{ font-size: 1.2vw; line-height: 1.8vw; }



#a13 .box2 .ddl{ position: absolute; display: block; z-index: 3; }

#a13 .box2 .dd1{ width: 49%; height: 32vw; left: 0%; top: 0%; }

#a13 .box2 .dd2{ width: 49%; height: 15vw; left: 51%; top: 0%; }

#a13 .box2 .dd3{ width: 49%; height: 15vw; left: 51%; top: 21%; }

#a13 .box2 .dd4{ width: 100%; height: 16vw; left: 0%; top: 40.5%; }

#a13 .box2 .dd5{ width: 49%; height: 32vw; left: 0%; top: 61%; }

#a13 .box2 .dd6{ width: 49%; height: 32vw; left: 51%; top: 61%; }



#a13 .box3{ position: relative; overflow: hidden; box-sizing: border-box; padding: 10vw 4% 4vw 4%; }

#a13 .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;

}

#a13 .box3 .smallBox{ position: relative; overflow: hidden; }

/*#a13 .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;

}*/

/*#a13 .box3 .img{ transform: scale(0.5); }*/





#a13 .box3 .smallBox .whiteBlock{ position: absolute; background-color: #ffffff; }

#a13 .box3 .smallBox .b1{ width: 100%; height: 40%; left: 0%; top: 0%; }

#a13 .box3 .smallBox .b2{ width: 40%; height: 100%; left: 0%; top: 0%; }

#a13 .box3 .smallBox .b3{ width: 40%; height: 100%; right: 0%; top: 0%; }

#a13 .box3 .smallBox .b4{ width: 100%; height: 40%; left: 0%; bottom: 0%; }



#a13 .box4{ overflow: hidden; position: relative; text-align: center; }

#a13 .box4 .b{ font-size: 8vw; line-height: 8.4vw; font-weight: 750; letter-spacing: 6px; }

#a13 .box4 .m{ font-size: 1.4vw; line-height: 2vw; margin:8% auto 2% auto; }

#a13 .box4 .s{ font-size: 0.8vw; line-height: 1.4vw; color: #7E7E7E; width: 36%; margin:2% auto; }

#a13 .box4 .img{ position: absolute; width: 50%; left: 25%; top: 37%; }

#a13 .box5{ position: relative; overflow: hidden; }

#a13 .box5 .dd{ position: relative; width: 100%; }

#a13 .box5 .width{ width: 75%; margin: 2% auto; position: relative; }

#a13 .box5 .width .img{ width: 56%; margin-left: 1%; }

#a13 .box5 .width .position{ width: 40%; position: absolute; right: 0%; top: 10%; }

#a13 .box5 .w2{ position: absolute; top: -4%; width: 75%; left: 12.5%; background-color: #ffffff; }

#a13 .box5 .w2 .img{ width: 58%; margin-left: 0%; }

#a13 .box5 .w1{ margin-top: 7%; }

#a13 .box6{ position: relative; overflow: hidden; }

#a13 .box6 .dd{ position: relative; width: 100%; overflow: hidden; }

#a13 .box6 .width{ width: 40vw; margin: 10% auto 4% auto; }

#a13 .box6 .pp{ position: relative; overflow: hidden; }

#a13 .box6 .leftTop{ width: 16vw; position: absolute; left: 6%; top: 10%; overflow: hidden; z-index: -1; border-radius: 24px; }

#a13 .box6 .rightBottom{ width: 16vw; position: absolute; left: 64%; bottom: 20%; overflow: hidden; z-index: 3; border-radius: 24px; }

#a13 .box6 .tt{ text-align: center; margin: 0% auto 8% auto; font-size: 5vw; line-height: 5.4vw; }

#a13 .box6 .imgAll{ position: absolute; right: 0%; top: 0%; width: 0%; height: 100%; overflow: hidden; }

#a13 .box6 .z1{ z-index: 1; transition: all 0.5s linear; }

#a13 .box6 .z2{ z-index: 2;  transition: all 0.5s linear;}

#a13 .box6 .img img{ width: 40vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }

#a13 .box6 .img1 img{ width: 40vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }

#a13 .box6 .img2 img{ width: 16vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }

#a13 .box6 .img3 img{ width: 16vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }

#a13 .box6 .img4 img{ width: 16vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }

#a13 .box6 .img5 img{ width: 16vw; max-width: inherit;position: absolute; right: 0%; top: 0%; }

#a13 .box6 .z1.active{ width:100% ; }

#a13 .box6 .z2.active{ width:100% ; }

#a13 .box6 .ttl{ width: 40%; position: absolute; left: 20%; top: 66%; }

#a13 .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); }

#a13 .box6 .ttl .bbl{ width: 1.6vw; height: 1.6vw; border-radius: 0.8vw; background-color: #81D3F9; margin: 0.14vw auto; }

#a13 .box6 .ttl .c2{background-color: #F5DCD7; }

#a13 .box6 .ttl .c3{background-color: #3E3E3E; }

#a13 .box6 .ttl .bb{ font-size: 1.4vw; line-height: 1.8vw; margin: 1% auto; }

#a13 .box6 .ttl .ss{ font-size: 1vw; line-height: 1.4vw; }

#a13 .box6 .ttl .circle.active{ border: 1px solid #000000; }

#a13 .box6 .ppt{ position: relative; }

#a13 .box6 .ppl{ position: absolute; height: 100%; height: 100%; background-color: #ffffff; opacity: 0; left: 0%; top: 0%; }

#a13 .box6 .ppl.active{ opacity: 1; }

#a13 .box7{ position: relative; overflow: hidden; margin-top: 2%; }

#a13 .box7 .ppt{ width: 75%; margin: 0% auto 4% auto; text-align: center; }

#a13 .box7 .dd{ position: relative; overflow: hidden; width: 100%; }

#a13 .box7 .dd .video{ width: 100%; }

#a13 .box7 .dd .clientHent{ width: 100%; }

#a13 .box7 .dd .img{ width: 60%; left: 20%; top: 16%; position: absolute; opacity: 0; transition: all 0.1s linear; }

#a13 .box8{ position: relative; overflow: hidden; box-sizing: border-box; padding: 10vw 4% 4vw 4%; }

#a13 .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;

}

#a13 .box8 .smallBox{ position: relative; overflow: hidden; }

/*#a13 .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;

}*/

/*#a13 .box3 .img{ transform: scale(0.5); }*/

#a13 .box8 .smallBox .whiteBlock{ position: absolute; background-color: #ffffff; }

#a13 .box8 .smallBox .b1{ width: 100%; height: 40%; left: 0%; top: 0%; }

#a13 .box8 .smallBox .b2{ width: 40%; height: 100%; left: 0%; top: 0%; }

#a13 .box8 .smallBox .b3{ width: 40%; height: 100%; right: 0%; top: 0%; }

#a13 .box8 .smallBox .b4{ width: 100%; height: 40%; left: 0%; bottom: 0%; }

#a13 .box9{ overflow: hidden; position: relative; }

#a13 .box9 .dd{ width: 100%; position: relative; overflow: hidden; }
#a13 .box9 .newBox{ position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; }
#a13 .box9 .dd .bgColor{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; background-color: #000000; opacity: 0; }
#a13 .box9 .dd .bgColor.active{ opacity: 0.8; }
#a13 .box9 .dd .img2{ width: 5%; position: absolute; left: 57.1%; top: 30.2vw; opacity: 0; }
#a13 .box9 .dd .img3{ width: 5%; position: absolute; left: 57.1%; top: 39.2vw; opacity: 0; }
#a13 .box9 .dd .img4{ width: 2%; position: absolute; left: 84.2%; top: 11.6vw; opacity: 0; }
#a13 .box9 .dd .img5{ width: 21%; position: absolute; left: 38.5%; top: 25.4vw; opacity: 0; z-index: 0; }
#a13 .box9 .dd .img6{ width: 21%; position: absolute; left: 38.5%; top: 42vw; opacity: 0; z-index: 0; }
#a13 .box9 .dd .img7{ width: 50%; position: absolute; left: 35%; top: 8vw; opacity: 0; z-index: 0; }
#a13 .box9 .dd .img8{ width: 34%; position: absolute; left: 31%; top: 37vw; opacity: 0; z-index: 0; }
#a13 .box9 .dd .img9{ width: 2.8%; position: absolute; left: 64.3%; top: 35.8vw; opacity: 0; z-index: 0; }
#a13 .box9 .dd .img2.active{ opacity: 1; }
#a13 .box9 .dd .img3.active{ opacity: 1; }
#a13 .box9 .dd .img4.active{ opacity: 1; }
#a13 .box9 .dd .img5.active{ opacity: 1; }
#a13 .box9 .dd .img6.active{ opacity: 1; }
#a13 .box9 .dd .img7.active{ opacity: 1; }
#a13 .box9 .dd .img8.active{ opacity: 1; }
#a13 .box9 .dd .img9.active{ opacity: 1; }
#a13 .box9 .dd .ppt{ width: 26%; position: absolute; left: 20%; top: 23vw; color:#ffffff ; opacity: 0; }
#a13 .box9 .dd .ppt .b{ font-size: 1.6vw; line-height: 2vw; }
#a13 .box9 .dd .ppt .s{ font-size: 1.2vw; line-height: 1.8vw; }
#a13 .box9 .dd .pt2{ left: 20%; top: 41vw; }
#a13 .box9 .dd .pt3{ left: 20%; top: 6vw; }
#a13 .box9 .dd .pt4{ left: 20%; top: 32vw; }
#a13 .box9 .dd .pt1.active{ opacity: 1; }
#a13 .box9 .dd .pt2.active{ opacity: 1; }
#a13 .box9 .dd .pt3.active{ opacity: 1; }
#a13 .box9 .dd .pt4.active{ opacity: 1; }
#a13 .box10{ overflow: hidden; }

#a13 .box10 .ppt{ margin:4% auto; }

#a13 .box10 .pl{ width: 60%; margin:2% auto; position: relative; }

#a13 .box10 .pl .b{ font-size: 1.6vw; line-height: 2vw;  }

#a13 .box10 .pl .m{ font-size: 1.2vw; line-height: 1.6vw; margin: 1% auto; }

#a13 .box10 .pl .s{ font-size: 1vw; line-height: 1.4vw;  }

#a13 .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%;

}

#a13 .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%;

}

#a13 .box10 .swiper-button-prev1.my-button-disabled{ background: url(/new/Images/a13pro/overview/banner10_4.png) center no-repeat; }

#a13 .box10 .swiper-button-next1.my-button-disabled{ background: url(/new/Images/a13pro/overview/banner10_5.png) center no-repeat; }

#a13 .box11{ overflow: hidden; }

#a13 .box11 .ppt{ margin:4% auto; }

#a13 .box11 .pll{  margin: 0% auto; overflow: hidden; }

#a13 .box11 .pl{ width: 69%; margin:2% auto; position: relative; }

#a13 .box11 .pl .b{ font-size: 1.6vw; line-height: 2vw;  }

#a13 .box11 .pl .m{ font-size: 1.2vw; line-height: 1.6vw; margin: 1% auto; }

#a13 .box11 .pl .s{ font-size: 1vw; line-height: 1.4vw;  }

#a13 .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%;

}

#a13 .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;

}

#a13 .box11 .swiper-button-prev2.my-button-disabled{ background: url(/new/Images/a13pro/overview/banner10_4.png) center no-repeat; }

#a13 .box11 .swiper-button-next2.my-button-disabled{ background: url(/new/Images/a13pro/overview/banner10_5.png) center no-repeat; }

#a13 .box12{ overflow: hidden; position: relative; }

#a13 .box12 .dd{ width: 100%; position: relative; overflow: hidden; }

#a13 .box12 .dd .img{ width: 43%; position: absolute; left: 32%; bottom: -60%; }

#a13 .box12 .dd .bb{ width: 30%; left: 20%; top: 40%; position: absolute; font-size: 2.4vw; line-height: 4vw; 

    text-align: center; opacity: 0; 

}

#a13 .box13{ position: relative; overflow: hidden; box-sizing: border-box; padding: 10vw 4% 4vw 4%; }

#a13 .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;

}

#a13 .box13 .smallBox{ position: relative; overflow: hidden; }

/*#a13 .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;

}*/

/*#a13 .box3 .img{ transform: scale(0.5); }*/

#a13 .box13 .smallBox .whiteBlock{ position: absolute; background-color: #ffffff; }

#a13 .box13 .smallBox .b1{ width: 100%; height: 40%; left: 0%; top: 0%; }

#a13 .box13 .smallBox .b2{ width: 40%; height: 100%; left: 0%; top: 0%; }

#a13 .box13 .smallBox .b3{ width: 40%; height: 100%; right: 0%; top: 0%; }

#a13 .box13 .smallBox .b4{ width: 100%; height: 40%; left: 0%; bottom: 0%; }

#a13 .box14{ overflow: hidden; position: relative; }

#a13 .box14 .dd{ width: 100%; position: relative; overflow: hidden; }

#a13 .box14 .dd .bg{ background-color: #000000; opacity: 0.2; position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; }

#a13 .box14 .dd .ppt{ position: absolute; width: 70%; text-align: center; left: 15%; top: 10%; color: #000000; z-index: 2; opacity: 0; }

#a13 .box14 .dd .position{ position: absolute; width: 80%; left: 10%; top: 20%; color: #ffffff; opacity: 0; }

#a13 .box14 .dd .position .ppq{ position: relative; }

#a13 .box14 .dd .position .b{ font-size: 2.4vw; line-height: 2.8vw; margin-bottom: 2%; }

#a13 .box14 .dd .position .m{ font-size: 2.4vw; line-height: 2.8vw; width: 32%; display: inline-block; }

#a13 .box14 .dd .position .s{ font-size: 1.2vw; line-height: 1.6vw; }

#a13 .box14 .dd .position .bb{ font-size: 4.4vw; line-height: 4.8vw; color: #015AFF; position: absolute; width: 34%; left: 29%; top: 5%; }

#a13 .box14 .dd .position .mt2{ margin-top: 4%; }

#a13 .box14 .dd .position .img2{ width: 62%; vertical-align: super; height: 1vw; }

#a13 .box14 .dd .position .img3{ width: 55%; vertical-align: super; height: 1vw; }

#a13 .box14 .dd .position .img4{ width: 40%; vertical-align: super; height: 1vw; }

#a13 .box14 .dd .p2 .img2{ width: 62%; }

#a13 .box14 .dd .p2 .img3{ width: 40%; }

#a13 .box14 .dd .p2 .img4{ width: 12%; }

#a13 .box14 .dd .p3 .img2{ width: 62%; }

#a13 .box14 .dd .p3 .img3{ width: 50%; }

#a13 .box14 .dd .p3 .img4{ width: 45%; }





#a13 .box14 .dd .p2 .bb{ left: 42%; }

#a13 .box14 .dd .p3 .bb{ left: 42%; }

#a13 .box15{ overflow: hidden; position: relative; }

#a13 .box15 .ppt{ width: 75%; left: 12.5%; top: 14%; position: absolute; text-align: center; z-index: 2; }

#a13 .box15 .img{ width: 84%; left: 8%; bottom: 0%; position: absolute;z-index: 1; }

#a13 .box15 .video{ position: absolute; width: 40%; left: 30%; top: 37%; }

#a13 .box16{ overflow: hidden; position: relative; padding-top: 5vw; }

#a13 .box16 .ppt{ width: 75%;  text-align: center; position: absolute; left: 12.5%; top: 7%;z-index: 2; }

#a13 .box16 .svg{ position: relative; z-index: 1; width: 75%; margin: 2% auto; overflow: hidden; }

#a13 .box16 .video{ position: absolute; left: 0%; top: 20%; width: 100%;z-index: -1; }

#a13 .box16 .power{ width: 11%; display: inline-block; vertical-align: middle; margin-right: 1%; position: relative;  }

#a13 .box16 .power .line{ position: absolute; width: 79%; border-radius: 0.8vw; top:14% ; left: 7%; height: 74%;

    z-index: -1; overflow: hidden;

}

#a13 .box16 .power .line .bg{ background-color: #80BC80; position: absolute; height: 100%; width: 0%; left: 0%; top: 0%; }

#a13 .box17{ position: relative; overflow: hidden; box-sizing: border-box; padding: 10vw 4% 4vw 4%; }

#a13 .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;

}

#a13 .box17 .smallBox{ position: relative; overflow: hidden; }

/*#a13 .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;

}*/

/*#a13 .box3 .img{ transform: scale(0.5); }*/

#a13 .box17 .smallBox .whiteBlock{ position: absolute; background-color: #ffffff; }

#a13 .box17 .smallBox .b1{ width: 100%; height: 40%; left: 0%; top: 0%; }

#a13 .box17 .smallBox .b2{ width: 40%; height: 100%; left: 0%; top: 0%; }

#a13 .box17 .smallBox .b3{ width: 40%; height: 100%; right: 0%; top: 0%; }

#a13 .box17 .smallBox .b4{ width: 100%; height: 40%; left: 0%; bottom: 0%; }

#a13 .box18{ overflow: hidden; position: relative; }

#a13 .box18 .img{ width: 18%; margin: 4% 0px 4% 26%; display: block; }

#a13 .box18 .img2{ width: 15%; position: absolute; left: 27.5%; top: 14%; opacity: 0; }

#a13 .box18 .img3{ width: 2%; position: absolute; left: 22%; top: 41.5%; transition: all 0.3s linear; }

#a13 .box18 .img2.active{ -webkit-animation: toSmall 0.3s linear  0.3s forwards;animation: toSmall 0.3s linear  0.3s forwards; }

#a13 .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%;}

}

#a13 .box18 .ppt{ width: 40%; position: absolute; left: 50%; top: 32%; }

#a13 .box19{ position: relative; overflow: hidden; }

#a13 .box19 .ppt{ width: 75%; margin: 4% auto 2% auto; text-align: center; }

#a13 .box19 .imgBox{ width: 90%; margin: 2% auto 4% auto; overflow: hidden; position: relative; }

#a13 .box19 .imgBox .img{ width: 37%; }

#a13 .box19 .imgBox .img2{ width: 59%; right: 0%; top: 0%; position: absolute; }

#a13 .box19 .imgBox .ss{ width: 40%; top: 10%; position: absolute; text-align: center; }

#a13 .box19 .imgBox .ss img{ width: auto; height: 6vw; margin-bottom: 2%; }

#a13 .box19 .imgBox .s1{  left: -8%; }

#a13 .box19 .imgBox .s2{  left: 33%; }


#a13 .box20{ position: relative; overflow: hidden; background: #f9f9fb; }

#a13 .box20 .img{ position: absolute; left: 0%; top: 0%; width: 100%; }

#a13 .box20 .img2{ left: inherit; }

#a13 .box20 .img3{  }

#a13 .box20 .img4{ top: inherit; }

#a13 .box20 .android{ position: absolute; width: 10%; top: 40%; left: 45%; transform:scale(2); }

#a13 .box21{ overflow: hidden; width: 75%; margin: 4% auto; }

#a13 .box21 .ppt2{ position: relative; }

#a13 .box21 .pptl{ position: absolute; }

#a13 .box21 .p1{ width: 34%; left: 6%; top: 30%; }
#a13 .box21 .p4{ width: 34%; left: 64%; top: 30%; }
#a13 .box21 .p{ width: 80%; left: 10%; text-align: center; top: 8%; position: absolute; }

#a13 .box21 .b{ font-size: 1.6vw; line-height: 2vw; }

#a13 .box21 .s{ font-size: 1.2vw; line-height: 1.6vw; margin-top: 2%; }

#a13 .box21 .pptBox{ position: relative; overflow: hidden; }

#a13 .box21 .pptBox .ppt2{ float: left; width: 48%; margin-right: 4%; margin-top: 2%; }

#a13 .box21 .pptBox .ppt2.mr{ margin-right: 0px; }
#a13 .box21 .ppt4{ margin-top: 2%; }

#a13 .box22{  overflow: hidden; position: relative; }

#a13 .box22 .text{ font-size: 3vw; line-height: 3.4vw; position: absolute; width: 23%; left: 10%; top: 39%; color: #000000; }

#a13 .box23{ overflow: hidden; position: relative; }

#a13 .box23 .text{ position: absolute; width: 40%; text-align: center; left: 30%; top: 10%; font-size: 2vw; line-height: 2.4vw; }

#a13 .box23 .ul{ overflow: hidden; width: 68%; margin: 1% auto;}

#a13 .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; }
#a13 .box24{ overflow: hidden; position: relative; }

#a13 .box24 .ppt{ position: absolute; width: 75%; text-align: center; left: 12.5%; top: 10%;  }