.big{ font-size: 2.6vw; line-height: 1.2; }
.middle{ font-size: 1.6vw; line-height: 2.4vw; margin: 0.5vw auto 1vw auto; }
.small{ font-size: 1.2vw; line-height: 1.4; margin-top: 1vw; }
.gradientBlue{ background: linear-gradient(to bottom, #21e7d0, #00c9b6);-webkit-background-clip: text;color: transparent; }
.gradientGray{ background: linear-gradient(to left, #89898C, #C4C3C5);-webkit-background-clip: text;color: transparent; }
.upTo{ transform:translateY(4%); opacity:0; transition:all 0.2s linear; }
.upDown{ transform:translateY(0%); opacity:1; }
.delay{ transition-delay: 0.2s; }
.overflow{ overflow:hidden; }
.float{ float:left; }
.showPoint{ opacity:0; filter:alpha(opacity=0); transform:translateY(10%); transition:all 0.3s linear; }
.showPoint.active{ opacity:1; filter:alpha(opacity=100); transform:translateY(0%); }
#a15pro5g{ color:#000000; }
#a15pro5g img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#a15pro5g .box1{ position:relative; }
#a15pro5g .box1 .box{ position:absolute; width:40%; left:7%; top:20%; }
#a15pro5g .box1 .b{ font-size:4vw; line-height:1; }
#a15pro5g .box1 .m{ font-size:2.6vw; line-height:1; margin:2% 0px 4%; }
#a15pro5g .box1 .s{ font-size:1.2vw; line-height:2; }
#a15pro5g .box2{ margin:4% auto; width:70%; }
#a15pro5g .box2 .pt .float{ margin-right:2%; position:relative; border-radius:1.6vw; }
#a15pro5g .box2 .pt .float:last-child{ margin-right:0px; }
#a15pro5g .box2 .pt.mt{ margin-top:2%; }
#a15pro5g .box2 .pt.p1 .float{ height:22vw; }
#a15pro5g .box2 .pt.p2 .float{ height:15vw; }
#a15pro5g .box2 .pt.p3 .float{ height:15vw; }
#a15pro5g .box2 .pt.p4 .float{ height:15vw; }
#a15pro5g .box2 .fl1{ background: linear-gradient(to bottom, #e8ecfa, #f8f8ff); width:49%; }
#a15pro5g .box2 .fl2{ background: linear-gradient(to bottom, #cae1ff, #f6f7ff); width:23.5%; }
#a15pro5g .box2 .fl3{ background: linear-gradient(to bottom, #e7ecfa, #f8f8ff); width:23.5%; }
#a15pro5g .box2 .fl4{ background: linear-gradient(to bottom, #e8ecfa, #f8f8ff); width:23.5%; }
#a15pro5g .box2 .fl5{background-color: #dceefc; width:23.5%; }
#a15pro5g .box2 .fl6{ background: linear-gradient(to bottom, #e7ecfa, #f8f8ff); width:49%; }
#a15pro5g .box2 .fl7{ background: linear-gradient(to bottom, #e7ecfa, #f8f8ff); width:23.5%; }
#a15pro5g .box2 .fl8{ background-color: #f0e9eb; width:23.5%; }
#a15pro5g .box2 .fl9{background-color: #010101; width:23.5%; }
#a15pro5g .box2 .fl10{ background: linear-gradient(to bottom, #cae2ff, #f7f8ff); width:23.5%; }
#a15pro5g .box2 .fl11{ background: linear-gradient(to bottom, #dceefc, #dceefc); width:23.5%; }
#a15pro5g .box2 .fl12{ background: linear-gradient(to bottom, #e6ebfa, #f6f7ff); width:23.5%; }
#a15pro5g .box2 .fl13{ background: linear-gradient(to bottom, #cbe2ff, #f4f6ff); width:49%; }

#a15pro5g .box2 .fl1 .img{ width:60%; position:absolute; left:20%; bottom:0%; }
#a15pro5g .box2 .fl2 .img{ width:80%; position:absolute; left:10%; top:40%; }
#a15pro5g .box2 .fl3 .img{ width:100%; position:absolute; left:0%; bottom:0%; }
#a15pro5g .box2 .fl4 .img{ width:80%; position:absolute; right:0%; top:70%; }
#a15pro5g .box2 .fl5 .img{ width:60%; position:absolute; left:20%; top:20%; }
#a15pro5g .box2 .fl6 .img{ width:50%; position:absolute; left:45%; top:25%; }
#a15pro5g .box2 .fl7 .img{ width:100%; position:absolute; right:0%; top:56%; }
#a15pro5g .box2 .fl8 .img{ width:80%; position:absolute; left:10%; top:50%; }
#a15pro5g .box2 .fl9 .img{ width:100%; position:absolute; left:0%; top:10%; }
#a15pro5g .box2 .fl10 .img{ width:100%; position:absolute; right:0%; top:46%; }
#a15pro5g .box2 .fl11 .img{ width:30%; position:absolute; left:10%; top:58%; }
#a15pro5g .box2 .fl11 .img1{ position:absolute; left:60%; top:58%; }
#a15pro5g .box2 .fl12 .img{ width:80%; position:absolute; left:10%; bottom:0%; }
#a15pro5g .box2 .fl13 .img{ width:76%; position:absolute; left:22%; bottom:0%; }
#a15pro5g .box2 .bgText{ background: linear-gradient(to bottom, #d0d5fb, #f6f7fe);-webkit-background-clip: text;color: transparent; 
   font-size: 7vw; line-height: 1; display: inline-block; position: absolute; left: 50%; top: 1%; transform: translateX(-50%);
}
#a15pro5g .box2 .b{ font-size:1.4vw; line-height:1.2; margin-bottom:2%; }
#a15pro5g .box2 .s{ font-size:1vw; line-height:1.2; }
#a15pro5g .box2 .fl1 .box{ width:100%; text-align:center; position:absolute; left:0%; top:5%; }
#a15pro5g .box2 .fl2 .box{ width:80%;  position:absolute; left:10%; top:5%; }
#a15pro5g .box2 .fl2 .box .s{ margin:2% 0px 9%; }
#a15pro5g .box2 .fl3 .box{ width:100%; text-align: center; position:absolute; left:0%; top:5%; z-index:2; }
#a15pro5g .box2 .fl4 .box{ width:100%; text-align: center; position:absolute; left:0%; top:5%; }
#a15pro5g .box2 .fl5 .box{ width:100%; text-align: center; position:absolute; left:0%; top:13%; }
#a15pro5g .box2 .fl5 .box .b{ line-height:2.2; background: linear-gradient(to bottom, #4c91e4, #7379bf);-webkit-background-clip: text;color: transparent;  }
#a15pro5g .box2 .fl6 .box{ width:60%;  position:absolute; left:7%; top:28%; }
#a15pro5g .box2 .fl7 .box{ width:100%; text-align: center; position:absolute; left:0%; top:10%; }
#a15pro5g .box2 .fl8 .box{ width:100%; text-align: center; position:absolute; left:0%; top:10%; }
#a15pro5g .box2 .fl10 .box{ width:100%; text-align: center; position:absolute; left:0%; top:10%; }
#a15pro5g .box2 .fl11 .box{ width:100%; text-align: center; position:absolute; left:0%; top:5%; }
#a15pro5g .box2 .fl11 .box .s{ margin:1% 0px 4%; }
#a15pro5g .box2 .fl12 .box{ width:100%; text-align: center; position:absolute; left:0%; top:5%; }
#a15pro5g .box2 .fl13 .box{ width:60%; position:absolute; left:5%; top:23%; z-index:2; }
#a15pro5g .box2 .fl13 .box .s{ margin:1% 0px 4%; }
#a15pro5g .box3{  position: relative; overflow: hidden;
   background: linear-gradient(to bottom, #f6f3f9, #f4e9ff);
}
#a15pro5g .box3 .box{ width:62%; margin:8% auto 4%; text-align:center; }
#a15pro5g .box3 .img{ width:40%; margin-left:40%; }
#a15pro5g .box3 .img-box{ position:relative; }
#a15pro5g .box3 .line{ position:absolute; left:18%; border-bottom:1px solid #6e6578; }
#a15pro5g .box3 .l1{ width:38.5%; top:7%; }
#a15pro5g .box3 .l2{ width:36%; top:31%; }
#a15pro5g .box3 .l3{ width:36%; top:55%; }
#a15pro5g .box3 .l4{ width:44%; top:46%; border-right:1px solid #80748c; border-bottom: 1px solid #80748c; height:13vw; }
#a15pro5g .box3 .pt{ position:absolute; width:20%; }
#a15pro5g .box3 .b{ font-size: 2vw; line-height:1; color:#7061bd; }
#a15pro5g .box3 .s{ font-size:1.2vw; line-height:1; color:#666666; }
#a15pro5g .box3 .p1{ left:18%; top:2%; }
#a15pro5g .box3 .p2{ left:18%; top:26%; }
#a15pro5g .box3 .p3{ left:18%; top:50%; }
#a15pro5g .box3 .p4{ left:18%; top:74%; }
#a15pro5g .box4{ position:relative; width:75%; margin:4% auto; }
#a15pro5g .box4 .swiper-slide{ position:relative; overflow:hidden; }
#a15pro5g .box4 .box{ width:50%; position:absolute; left:0%; top:2%; }
#a15pro5g .box4 .b1{ position:absolute; left:60%; width: 40%; top:22%; }
#a15pro5g .box4 .img{ width:55%; margin-bottom:11vw; margin-top:11vw; }
#a15pro5g .box4 .img1{ width:55%; position: absolute; bottom: 0%; right: 0%; }
#a15pro5g .box4 .swiper-pagination-first{ top:inherit; bottom:10px; width:150px; height:8px; border-radius:75px; overflow:hidden; }
#a15pro5g .box4 .swiper-pagination-progressbar-fill{ background-color:#7061bd; border-radius:75px; }
#a15pro5g .box5{ position:relative; }
#a15pro5g .box5 .box{ width:38%; margin-left:12.5%; }
#a15pro5g .box5 .img1{ width:80%; margin-top:1%; }
#a15pro5g .box5 .pt{ position:absolute; width:30%; left:60%; top:20%; }
#a15pro5g .box5 .p{ display:inline-block; vertical-align:bottom; width:20%; }
#a15pro5g .box5 .b{ font-size: 1.6vw; line-height: 1;
   background: linear-gradient(to bottom, #7061bd, #e0dcf3);-webkit-background-clip: text;color: transparent;
}
#a15pro5g .box5 .s{ font-size:1vw; line-height:1.2; margin-top:1%; }
#a15pro5g .box6{ position:relative; }
#a15pro5g .box6 .box{ width:26vw; position:absolute; left:59%; top:-10%; text-align:center; }
#a15pro5g .box6 .box .big{ font-size:2vw; line-height:1.2; }
#a15pro5g .box6 .s{ width:100%; height:4vw; line-height:4vw; font-size:1.4vw; background-color: #d6d1ec; border-radius:10vw; margin-top:6%; }
#a15pro5g .box6 .img7{ width:2vw; vertical-align:middle; margin-right:2%;  }
#a15pro5g .box6 .b{ width:10%; position:absolute; left:65%; top:20%; font-size: 2vw; line-height: 1;
   background: linear-gradient(to bottom, #7061bd, #e0dcf3);-webkit-background-clip: text;color: transparent; 
}
#a15pro5g .box6 .line{ width:10%; position:absolute; border-bottom:1px solid #7061bd; left:54%; top:22%; }
#a15pro5g .box7{ width:75%; margin:0px auto; }
#a15pro5g .box7 .pt .float{ width:49%; margin-right:2%; height: 18vw; border-radius:1vw; position:relative; overflow:hidden; margin-bottom:2%; }
#a15pro5g .box7 .pt .p2{ margin-right:0px; background-color:#f0e9eb; }
#a15pro5g .box7 .pt .p1{ background: linear-gradient(to bottom, #dceefc, #ebf5fd); }
#a15pro5g .box7 .img3{ width:50%; position:absolute; right:0%; top:0%; }
#a15pro5g .box7 .img4{ width:59%; position:absolute; right:4%; bottom:0%; }
#a15pro5g .box7 .box{ width:44%; position:absolute; left:7%; top:30%; }
#a15pro5g .box7 .b{ font-size:1.4vw; line-height:1.2; }
#a15pro5g .box7 .s{ font-size:1vw; line-height:1.2; margin-top:2%; }
#a15pro5g .box7 .pt2{ background-color:#ece9ff; border-radius:1vw; }
#a15pro5g .box7 .pt2 .p1{ background:transparent; }
#a15pro5g .box7 .pt2 .p2{ background:transparent; }
#a15pro5g .box7 .pt2 .float{ margin-bottom:0px; }
#a15pro5g .box7 .img5{ position:absolute; right:1%; height:16vw; top:1vw; background-color:#faf9ff; width:50%; overflow:hidden; border-radius:10px; }
#a15pro5g .box7 .img5 img{ width:60%; position:absolute; bottom:0%; left:20%; }
#a15pro5g .box7 .img6{ position:absolute; right:1%; height:16vw; top:1vw; background-color:#faf9ff; width:50%; overflow:hidden; border-radius:10px; }
#a15pro5g .box7 .img6 img{ width:60%; position:absolute; bottom:0%; left:20%; }
#a15pro5g .box7 .img6 .img{ width:10%; position:absolute; left:2%; top:2%; }
#a15pro5g .box8{ background: linear-gradient(to bottom, #f6faff, #e3e0f7); position:relative; overflow:hidden; margin-top:4%; }
#a15pro5g .box8 .img{ width:15%; margin-left:17.5%; margin-top:8%; }
#a15pro5g .box8 .pt{ width:50%; background-color:#000000; height:100%; position:absolute; right:0%; top:0%; }
#a15pro5g .box8 .img-box{ width:80%; margin: 4% auto; overflow:hidden; position:relative; }
#a15pro5g .box8 .box{ color:#ffffff; margin-bottom:2%; }
#a15pro5g .box8 .swiper-pagination-bullets{ position:relative; bottom:inherit; left:inherit; margin-top:2%; text-align:left; width:200px; }
#a15pro5g .box8 .swiper-pagination-bullet{ height: 24px; width:24px; border-radius:12px; background-color:transparent; opacity:1;  }
#a15pro5g .box8 .icon{ width:16px; margin: 4px;  }
#a15pro5g .box8 .s{ font-size:22px; position:absolute; right:0px; top:0px; height:24px; line-height:24px; color:#ffffff; opacity:0; }
#a15pro5g .box8 .swiper-pagination-bullet-active{ background-color:#353536; }
#a15pro5g .box8 .swiper-pagination-bullet-active .s{ opacity:1; }
#a15pro5g .box9{ position:relative; }
#a15pro5g .box9 .box{ width:64%; position:absolute; left:18%; top:14%; text-align:center; }
#a15pro5g .box9 .img-box{ position:relative; padding-top:15%; }
#a15pro5g .box9 .ul{ width:75%; margin:4% auto; }
#a15pro5g .box9 .li{ width: 23.5%; margin-right:2%; height:11vw; border-radius:1vw; position:relative; }
#a15pro5g .box9 .li:last-child{ margin-right:0px; }
#a15pro5g .box9 .l1{ background-color:#dceefc; }
#a15pro5g .box9 .l2{ background-color:#f0e9eb; }
#a15pro5g .box9 .l3{ background-color:#ece9ff; }
#a15pro5g .box9 .l4{ background-color:#dee2f5; }
#a15pro5g .box9 .b{ width:80%; margin: 5% auto; font-size:3vw; line-height:1; }
#a15pro5g .box9 .b1{ color: #597595; }
#a15pro5g .box9 .b2{ color: #dccdcd; }
#a15pro5g .box9 .b3{ color: #7578bd; }
#a15pro5g .box9 .b4{ color: #637fcf; }
#a15pro5g .box9 .s{ font-size:1vw; line-height:1.2; width:80%; margin: 2% auto; }
#a15pro5g .box9 .line{ height:5px; border-radius:5vw; position:absolute; left:10%; }
#a15pro5g .box9 .le1,#a15pro5g .box9 .le3,#a15pro5g .box9 .le5,#a15pro5g .box9 .le7{ background-color: #ffffff; top:77%; }
#a15pro5g .box9 .le2,#a15pro5g .box9 .le4,#a15pro5g .box9 .le6,#a15pro5g .box9 .le8{ width:80%; top:86%; }
#a15pro5g .box9 .le1{ width:53%; }
#a15pro5g .box9 .le3{ width:60%; }
#a15pro5g .box9 .le5{ width:51%; }
#a15pro5g .box9 .le7{ width:70%; }
#a15pro5g .box9 .le2{ background-color:#597595; }
#a15pro5g .box9 .le4{ background-color:#c9aead; }
#a15pro5g .box9 .le6{ background-color:#7578bd; }
#a15pro5g .box9 .le8{ background-color:#5c7acd; }
#a15pro5g .box10{ position:relative; }
#a15pro5g .box10 .fixed{ position:relative; width:100%; }
#a15pro5g .box10 .box{ width:60%; margin:5% auto 1%; }
#a15pro5g .box10 .box .big{ width:40%; float:left; }
#a15pro5g .box10 .box .small{ width:40%; float:right; }
#a15pro5g .box10 .ul{ width:60%; margin:2% auto; }
#a15pro5g .box10 .ul .li{ width:25%; text-align:center; }
#a15pro5g .box10 .ul .b{ font-size:1.4vw; line-height:1; color:#92a4db; font-weight:700; }
#a15pro5g .box10 .ul .s{ font-size:1vw; line-height:1; margin-top:2%; }
#a15pro5g .box10 .img{ width:52%; margin-left:24%; margin-top:1%; }
#a15pro5g .box10 .bg{ width:100%; height:100%; background-color:#ffffff; opacity:0; filter:alpha(opacity=0); transition: all 0.3s linear;
   position: absolute; left: 0%; top: 0%; z-index: -1;
}
#a15pro5g .box10 .bg.active{ opacity:1; filter:alpha(opacity=100); z-index:1; }
#a15pro5g .box11{ position:relative; overflow:hidden; }
#a15pro5g .box11 .img1{ position:absolute; width: 4%; left:5%; top:4%; }
#a15pro5g .box11 .img2{ position:absolute; width: 4%; right:5%; top:13%; }
#a15pro5g .box11 .img3{ position:absolute; width:31%; top:10%; left:54%; }
#a15pro5g .box11 .box{ width:30%; position:absolute; left:20%; top:15%; }
#a15pro5g .box11 .box1{ width:75%; position:absolute; text-align:center; left:12.5%; top:42%; }
#a15pro5g .box11 .imgs{ position:absolute; left:30%; top:58%; width:60%; }
#a15pro5g .box11 .img9{ position:absolute; width:20%; left:20%; top:55%; }
#a15pro5g .box11 .img10{ position:absolute; width:13%; left:43%; top:53%; }
#a15pro5g .box11 .img11{ position:absolute; width:15%; left:47%; top:62%; }
#a15pro5g .box11 .img12{ position:absolute; width:10%; left:65%; top:63%; }
#a15pro5g .box11 .img13{ position:absolute; width:17%; left:15%; top:70%; }
#a15pro5g .box11 .img14{ position:absolute; width:13%; left:35%; top:71.5%; }
#a15pro5g .box11 .img15{ position:absolute; width:8%; left:57%; top:71%; }
#a15pro5g .box11 .img16{ position:absolute; width:12%; left:33%; top:81%; }
#a15pro5g .box11 .img17{ position:absolute; width:10%; left:62%; top:77%; }
#a15pro5g .box12{ position:relative; }
#a15pro5g .box12 .fixed{ position:relative; width:100%; background-color:#000000; }
#a15pro5g .box12 .bg{ position:absolute; width:100%; height:100%; left:0%; top:0%; opacity:0; filter:alpha(opacity=0); transition: all 0.3s linear; 
   z-index: -1; background-color: #000000;
}
#a15pro5g .box12 .bg.active{ opacity:1; filter:alpha(opacity=100); z-index:3; }
#a15pro5g .box12 .box{ width:64%; position:absolute; left:18%; top:10%; color:#ffffff; text-align:center; z-index:2; }
#a15pro5g .box12 .img{ width: 75%; position:absolute; left:12.5%; bottom:0%; }
#a15pro5g .box13{ position:relative; background-color:#000000; }
#a15pro5g .box13 .box{ width:64%; margin:4% auto; text-align:center; color:#ffffff; }
#a15pro5g .box13 .imgs{ position:absolute; width:5%; left:47.5%; top:35%; }
#a15pro5g .box14{ position:relative; background-color:#000000; padding-bottom:2%; }
#a15pro5g .box14 .box{ width:64%; margin:6% auto 0%; text-align:center; color:#ffffff; }
#a15pro5g .box15{ position:relative; }
#a15pro5g .box15 .box{ width:64%; margin:6% auto; text-align:center; }
#a15pro5g .box15 .img{ width:75%; margin-left:12.5%; }
#a15pro5g .box16{ position:relative; margin-top:4%; }
#a15pro5g .box16 .box{ width:30%; position:absolute; left:12.5%; top:20%; }
#a15pro5g .box16 .ul { margin-top:10%; }
#a15pro5g .box16 .ul .li{ font-size:1vw; line-height:1; margin-bottom:5%; color:#666666; }
#a15pro5g .box16 .ul .li .icon{ width:5%; vertical-align:middle; margin-left:10px; margin-right:5px; }
#a15pro5g .box16 .ul .li.active{ border:1px solid #7d83c3; width:27%; border-radius:20vw; padding:5px 0px; }
#a15pro5g .box16 .ul .li.active .icon{ width:19%; }
#a15pro5g .box17{ position:relative; }
#a15pro5g .box17 .box{ width:64%; margin:4% auto; text-align:center; }
#a15pro5g .box17 .img{ display:block; width:75%; margin:2% auto; }
#a15pro5g .box18{ position:relative; }
#a15pro5g .box18 .box{ width:64%; margin:4% auto; text-align:center; }
#a15pro5g .box18 .img{ display:block; width:75%; margin:2% auto; position:relative; z-index:1; }
#a15pro5g .box18 .imgs{ position:absolute; right: 0%; width: 29%; top: 21%;}
#a15pro5g .box19{ position:relative; background-color:#f6faff; }
#a15pro5g .box19 .box{ width:75%; margin:4% auto; text-align:center;  }
#a15pro5g .box19 .ul{ margin:4% auto; width:60%; }
#a15pro5g .box19 .li{ width:49%; margin-right:2%; position:relative; }
#a15pro5g .box19 .li:last-child{ margin-right:0px; color:#4993e7; }
#a15pro5g .box19 .b{ font-size:1.6vw; line-height:1.2; color:#7578bd; }
#a15pro5g .box19 .s{ font-size:1vw; line-height:1.2; }
#a15pro5g .box19 .pt{ position:absolute; left:8%; top:9%; }
#a15pro5g .box20{ position:relative; background-color:#000000; }
#a15pro5g .box20 .box{ width:64%; margin:4% auto; text-align:center; color:#ffffff; }
#a15pro5g .box20 .img-box{ width:75%; position:relative; margin:2% auto; }
#a15pro5g .box20 .img-box .img{ position:absolute; width:100%; left:0%; top:0%; transition:all 0.3s linear; z-index:-1; opacity:0; filter:alpha(opacity=0); }
#a15pro5g .box20 .img-box .img.active{ z-index:1; opacity:1; filter:alpha(opacity=100); }
#a15pro5g .box20 .ul{ width:75%; margin:2% auto; }
#a15pro5g .box20 .li{ width:50%; text-align:center; color:#525656; border-bottom: 3px solid #525656; padding-bottom:5px; 
   font-size:1.6vw; line-height:1; cursor:pointer; 
}
#a15pro5g .box20 .li.active{ color:#7578bd; border-bottom:3px solid #7578bd;  }
#a15pro5g .box21{ background-color: #000000; color:#c2c2c2; padding:4% 12.5% ; box-sizing:border-box; font-size:1vw; line-height:2; }
#a15pro5g .box22{ background-color:#131313; position:relative; }
#a15pro5g .box22 .img{ width:20%; margin:6% 0px 0px 12.5%; }
#a15pro5g .box22 .img1{ width:11%; margin-left:2%; }
#a15pro5g .box22 .link{ width:30vw; height:4vw; line-height:4vw; border-radius:1vw; border:1px solid #ffffff; font-size:2.4vw; position:absolute;
   left: 54%; top: 52%; color: #ffffff; display: inline-block; text-align: center;
 }