@font-face{ font-family: familyBold; src: url('/new/font2021/sfpro/SF-Pro-Display-Medium.otf'),url('/new/font2021/sfpro/SF-Pro-Display-Medium.ttf'); }
@font-face{ font-family: familyRegular; src: url('/new/font2021/sfpro/SF-Pro-Display-Regular.ttf'),src: url('/new/font2021/sfpro/SF-Pro-Display-Regular.otf'); }
@font-face{ font-family:familyLight;src:url('/new/font2021/sfpro/SF-Pro-Display-Light.otf'),url('/new/font2021/sfpro/SF-Pro-Display-Light.ttf'); }
@font-face{ font-family: familyItalic; src: url('/new/font2021/sfpro/GILROY-SEMIBOLDITALIC.ttf'),url('/new/font2021/sfpro/GILROY-SEMIBOLDITALIC.OTF'); }
.bold{ font-family: 'familyBold','Arial'; }
.third{ font-family: 'familyRegular','Arial'; }
.italic{ font-family: 'familyItalic','Arial'; }
html,body, div, ul, li, dl, dt, dd, h2, p,a,h1,h3,h4,h5,section,header,footer,span{
    font-family: "familyLight","Arial";padding:0;margin:0; font-size:14px;
}
.big{ font-size: 3.2vw; line-height: 4vw; }
.middle{ font-size: 1.6vw; line-height: 2.4vw; margin: 0.5vw auto 1vw auto; }
.small{ font-size: 1.4vw; line-height: 2.2vw; 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%); }
#a15{ color:#000000; }
#a15 img{ width: 100%; max-width: 100%; vertical-align: bottom; }
#a15 .box1 { position:relative; overflow:hidden; }
#a15 .box1 .box{ width:40%; position:absolute; left:8%; top:22%; }
#a15 .box1 .b{ font-size:5vw; line-height:1; }
#a15 .box1 .m{ font-size:1.6vw; line-height:1; margin:2% 0px 4%; }
#a15 .box1 .s{ font-size:1.2vw; line-height:2.2; }
#a15 .box2{ width:75%; margin:4% auto; }
#a15 .box2 .float{ width:49%; margin-right:2%; height:22vw; background-color:#f6f6f6; position:relative; }
#a15 .box2 .float.right{ margin-right:0px; }
#a15 .box2 .img-box1 { padding-top:5vw; }
#a15 .box2 .img-box1 .img{ position:absolute; width:82%; bottom:0%; right:0%; }
#a15 .box2 .img-box1 .right .img{ position:absolute; width:76%; bottom:0%; right:12%; }
#a15 .box2 .img-box2{ margin-top:2%; }
#a15 .box2 .img-box2 .img{ position:absolute; width:100%; bottom:7%; right:0%; }
#a15 .box2 .img-box2 .right .img{ position:absolute; width:100%; bottom:8%; right:0%; }
#a15 .box2 .img-box3 { margin-top:2%; }
#a15 .box2 .img-box3 .float{ width:32%; margin-right:2%; overflow:hidden; height:19vw; }
#a15 .box2 .img-box3 .float.right{ margin-right:0%; }
#a15 .box2 .img-box3 .img{ position:absolute; bottom:0%; left:0%; }
#a15 .box2 .img-box3 .right .img{ width:70%; left:15%; }
#a15 .box2 .img-box3 .text{ font-size:1.4vw; line-height:1; position:absolute; width:100%; left:0%; top:10%; text-align:center; }
#a15 .box2 .img-box2 .text{ position:absolute; width:30%; left:4%; top:10%; z-index:1; }
#a15 .box2 .img-box2 .b{ font-size:1.4vw; line-height:1; }
#a15 .box2 .img-box2 .s{ font-size:1.2vw; line-height:1.2; margin-top:2%; }
#a15 .box2 .img-box2 .right .text{  position:absolute; width:100%; left:0%; top:10%; text-align:center; font-size:1.4vw; line-height:1; }
#a15 .box2 .img-box1 .text{ position:absolute; width:30%; left:4%; top:10%; }
#a15 .box2 .img-box1 .text .b{ font-size:1.4vw; line-height:1.2; }
#a15 .box2 .img-box1 .text .s{ font-size:1.2vw; line-height:1.2; margin-top:2%; }
#a15 .box2 .img-box1 .right .text{ position:absolute; width:100%; left:0%; top:10%; text-align:center; font-size:1.4vw; line-height:1.2; }

#a15 .box3{ width:75%; margin:6% auto; overflow:hidden; position:relative; padding:4% 0px; }
#a15 .box3 .box{ width:40%; }
#a15 .box3 .box .mt{ margin-top:4%; }
#a15 .box3 .img-box{ width:50%; position:absolute; right:00%; top:0%; height:100%; }
#a15 .box3 .img-box .b{ font-size:5vw; width:5vw; line-height: 5vw; height:100%; position:absolute;writing-mode: vertical-rl; 
	left:5%; top:0%; text-align:center; opacity: 0; filter: alpha(opacity=0);transform: translateX(10%);
}
#a15 .box3 .img-box .b.active{ transition:all 0.3s linear;transition-delay:0.3s;opacity: 1; filter: alpha(opacity=100);transform: translateX(0%); }
#a15 .box3 .img-box .img{ position:absolute; width:31%; left:30%; top:4%; transition:all 0.3s linear; }
#a15 .box3 .img-box .img1{ left:38%; z-index:6; width:30%; }
#a15 .box3 .img-box .img2{ left:38%; z-index:5; }
#a15 .box3 .img-box .img3{ left:38%; z-index:4; }
#a15 .box3 .img-box .img4{ left:38%; z-index:3; }
#a15 .box3 .img-box .img5{ left:38%; z-index:2; }
#a15 .box3 .img-box .img6{ left:38%; z-index:1; }
#a15 .box3 .img-box .img1.active{ left:17%; }
#a15 .box3 .img-box .img2.active{ left:23%; }
#a15 .box3 .img-box .img3.active{ left:30%; }
#a15 .box3 .img-box .img5.active{ left:46%; }
#a15 .box3 .img-box .img6.active{ left:52%; }
#a15 .box4{ overflow:hidden; }
#a15 .box4 .box{ width:75%; margin:4% auto; text-align:center; }
#a15 .box4 .img-box{ position:relative; overflow:hidden; }
#a15 .box4 .bg{ width:30%; position:absolute; top:0%; background-color:#ffffff; height:100%; transition:all 0.3s linear; }
#a15 .box4 .bg.active{ width:0%; }
#a15 .box4 .bg1{ left:0%; }
#a15 .box4 .bg2{ right:0%; }
#a15 .box5{ overflow:hidden; }
#a15 .box5 .box{ width:75%; margin:4% auto; text-align:center; }
#a15 .box5 .img{ text-align:center; }
#a15 .box5 .imgs{ width:5%; margin-bottom:1%; }
#a15 .box5 .s{ font-size:1.4vw; line-height:1; }
#a15 .box5 .img-box{ width:75%; margin:4% auto 4%; position:relative; }
#a15 .box5 .ul{  width:100%; margin-top:0px; position:relative; transform:translateY(-60%); }
#a15 .box5 .li{ width:25%; text-align:center; }
#a15 .box5 .t{ margin-top:2%; }
#a15 .box5 .b{ font-size:1.4vw; line-height:1; margin-bottom:2%; }
#a15 .box5 .s{ font-size:1vw; line-height:1; }
#a15 .box5 .icon{ width:10%; display:inline-block; height:3vw; }
#a15 .box5 .i2{ width: 16%; }
#a15 .box5 .i2 img{ margin-top:50%; transform:translateY(-50%); }
#a15 .box5 .i3{ width: 16%; }
#a15 .box5 .i3 img{ margin-top:50%; transform:translateY(-50%); }
#a15 .box5 .i4{ width: 16%; }
#a15 .box5 .i4 img{ margin-top:50%; transform:translateY(-50%); }
#a15 .box6{ overflow:hidden; }
#a15 .box6 .box{ width:75%; margin:2% auto 4%; text-align:center; }
#a15 .box6 .img-box{ margin:0% auto; overflow: hidden; background-color:#f6f6f6; padding:4% 0px;  }
#a15 .box6 .sbox{ width:37.5%; margin-left:12.5%; }
#a15 .box6 .sbox .text{  }
#a15 .box6 .img-box .img{ width:40%; margin:4% 0px; }
#a15 .box6 .right{ width:50%; position:absolute; right:0%; top:0%; height:100%; 
	background: linear-gradient(to bottom, #eefffd, #c4f9f4);color: transparent;
}
#a15 .box6 .right1{ z-index:2; }
#a15 .box6 .pt{ position:relative; width:100%; }
#a15 .box6 .fixed{ position:relative; width:100%; }
#a15 .box6 .right2{ top:inherit; bottom:0%; }
#a15 .box6 .right .img{ width:60%; right:20%; bottom:0%; position:absolute; margin:0; }
#a15 .box6 .right2 .img{ width:100%; position:absolute; bottom:0%; right:0%; }
#a15 .box7{ position:relative; overflow:hidden; }
#a15 .box7 .ul{ position:relative; overflow:hidden; width:100%; display:flex; }
#a15 .box7 .img-box{ position:absolute; width:100%; top:0%; height:70%; left:0%; overflow:hidden; }
#a15 .box7 .fullBox{ width:100vw; top:0%; left:0%; position:absolute; }
#a15 .box7 .img{ width:30vw; position:absolute; left:50vw; top:0%; z-index:6; overflow:hidden; }
#a15 .box7 .img img{ width:30vw; position:relative; left:0%; top:0%; max-width:inherit; }
#a15 .box7 .li{ position:absolute;width: 100%; left: 0%; top: 0%; }
#a15 .box7 .l1{ position:relative; left:inherit; top:inherit; z-index:5; }
#a15 .box7 .l1{ z-index:5; clip-path: inset(0% 0% 0% 0%); }
#a15 .box7 .l2{ z-index:4; clip-path: inset(0% 0% 0% 0%); }
#a15 .box7 .l3{ z-index:3; clip-path: inset(0% 0% 0% 0%); }
#a15 .box7 .l4{ z-index:2; clip-path: inset(0% 0% 0% 0%); }
#a15 .box7 .l5{ z-index:1; clip-path: inset(0% 0% 0% 0%); }
#a15 .box7 .fixed{ width:100%; position:relative; overflow:hidden; }
#a15 .box7 .box{ position:absolute; bottom:10%; left:0%; text-align:center; width:100%; font-size:1.2vw; line-height:1; }
#a15 .box7 .box.white{ color:#ffffff; }
#a15 .box8{ position:relative; overflow:hidden; width:75%; margin:4% auto; }
#a15 .box8 .img-box{ width:35%; position:relative; margin-left:65%; box-sizing:border-box; overflow:hidden; padding:3vw; box-sizing:border-box; }
#a15 .box8 .img-box .bbt{  }
#a15 .box8 .box{ position:absolute; width:40%; left: 0%; top: 34%;}
#a15 .box9{ position:relative; overflow:hidden;  width:75%; margin:4% auto; }
#a15 .box9 .box{ text-align:center; margin:4% auto; }
#a15 .box9 .img-box{ margin:2% auto 4%; }
#a15 .box9 .img-box .img1{ width:50%; margin-left:25%; }
#a15 .box9 .img-box .img2{ width:100%; position:absolute; left:0%; top:33%; }
#a15 .box10{ position:relative; overflow:hidden;  width:75%; margin:4% auto; }
#a15 .box10 .box{ text-align:center; margin:4% auto; }
#a15 .box10 .img-box{ display:flex; justify-content:space-between; width:40%; margin:5% auto; }
#a15 .box10 .img-box img{ width:34%; }
#a15 .box11{ position:relative; overflow:hidden; }
#a15 .box11 .box{ text-align:center; position:absolute; width:75%; top:10%; left:12.5%; }
#a15 .box11 .t{ width:16%; position:absolute; top:46%; left:70%; text-align:center; }
#a15 .box11 .s{ font-size:1.2vw; line-height:1; margin-top:2%; }
#a15 .box12{ width:75%; margin:4% auto; }
#a15 .box12 .box{ margin:4% auto; text-align:center; }
#a15 .box13{ width:75%; margin:4% auto; }
#a15 .box13 .box{ margin:4% auto; text-align:center; }
#a15 .box13 .img-box{ position:relative; margin:2% auto; overflow:hidden; }
#a15 .box13 .img1{ position:absolute; width:13%; left:42%; top:15%; transition:all 0.3s linear; }
#a15 .box13 .img2{ position:absolute; width:14%; left:42%; top:12%; transition:all 0.3s linear; }
#a15 .box13 .img3{ position:absolute; width:15%; left:42%; top:9%; transition:all 0.3s linear; }
#a15 .box13 .img4{ width:18%; margin-left:41%; z-index:4; position:relative; }
#a15 .box13 .img5{ position:absolute; width:15%; left:42%; top:9%; z-index:3; transition:all 0.3s linear; }
#a15 .box13 .img6{ position:absolute; width:14%; left:42%; top:12%; z-index:2; transition:all 0.3s linear; }
#a15 .box13 .img7{ position:absolute; width:13%; left:42%; top:15%; transition:all 0.3s linear; }
#a15 .box13 .img1.active{ position:absolute; width:13%; left:10%; top:15%; }
#a15 .box13 .img2.active{ position:absolute; width:14%; left:20%; top:12%; }
#a15 .box13 .img3.active{ position:absolute; width:15%; left:30%; top:9%; }
#a15 .box13 .img5.active{ position:absolute; width:15%; left:55%; top:9%; z-index:3; }
#a15 .box13 .img6.active{ position:absolute; width:14%; left:67%; top:12%; z-index:2 }
#a15 .box13 .img7.active{ position:absolute; width:13%; left:78%; top:15%; }
#a15 .box14{ width:75%; margin:4% auto; }
#a15 .box14 .box{ margin:4% auto; text-align:center; }
#a15 .box14 .img-box{ position:relative; margin-bottom:2%; overflow:hidden; }
#a15 .box14 .img-box .floats{ width:50%; }
#a15 .box14 .img-box.ib1 .left{ width:40%; position:absolute; left:55%; top:20%; }
#a15 .box14 .img-box.ib2 .left{ width:50%; margin-left:50%; }
#a15 .box14 .img-box.ib2 .right{ width:40%; position:absolute; left:5%; top:20%; }
#a15 .box15{ width:75%; margin:4% auto; }
#a15 .box15 .box{ text-align:center; margin:4% auto; }
#a15 .box15 .img{ width:80%; margin:4% auto; display:block; }
#a15 .box15 .ul{ width:100%; margin-top:4%; }
#a15 .box15 .li{ width:18%; text-align:center; }
#a15 .box15 .icon{ width:40%; }
#a15 .box15 .t{ font-size:1.2vw; line-height:1; margin-top:2%; }
#a15 .box16{ width:75%; margin:4% auto; }
#a15 .box16 .box{ text-align:center; margin:4% auto; }
#a15 .box17{ width:75%; margin:4% auto; }
#a15 .box17 .box{ text-align:center; }
#a15 .box17 .img-box{ width:60%; margin:4% auto 2%; }
#a15 .box18 { position:relative; }
#a15 .box18 .a{ position:absolute; width:24%; left:10%; top:43%; font-size:3vw; line-height:1; color:#000000; }
#a15 .box19{ font-size:1.2vw; line-height:2; width:75%; margin:4% auto; }
#a15 .box20{ position:relative; overflow:hidden; }
#a15 .box20 .box{ width:75%; margin:4% auto; text-align:center; }
#a15 .box20 .img-box{ position:relative; overflow:hidden; }
#a15 .box20 .imgs{ position:relative; z-index:2; }
#a15 .box20 .img{ position:absolute; width:56%; top:0%; left:22%; }
#a15 .box21{ position:relative; overflow:hidden; width:75%; margin:4% auto; }
#a15 .box21 .box{ text-align:center; }
#a15 .box22{ position:relative; overflow:hidden; width:75%; margin:4% auto; padding-bottom:8%; }
#a15 .box22 .box{ width:38%; margin:2% 0px; }
#a15 .box22 .img1{ width:52%; margin-top:2%; }
#a15 .box22 .img2{ position:absolute; width:52%; bottom:0%; right:0%; }
#a15 .box22 .box1{ width:38%; position:absolute; left:55%; top:28%; }
#a15 .box23{ position:relative; overflow:hidden; width:75%; margin:4% auto; }
#a15 .box23 .box{ text-align:center; margin:4% auto; }
#a15 .box23 .img-box{ position:relative; }
#a15 .box24{ position:relative; overflow:hidden; width:75%; margin:4% auto; padding-bottom:17%; }
#a15 .box24 .box{ width:38%; margin:2% 0px; }
#a15 .box24 .img1{ width:52%; margin-top:2%; }
#a15 .box24 .img2{ position:absolute; width:52%; bottom:0%; right:0%; }
#a15 .box24 .box1{ width:38%; position:absolute; left:55%; top:28%; }
#a15 .box25{ position:relative; overflow:hidden; 
	background: linear-gradient(to bottom, #eefffd, #cafaf5);color: transparent;
}
#a15 .box25 .fixed{ position:relative; width:100%; }
#a15 .box25 .box{ width:75%; margin:4% auto; text-align:center; color:#000000; }
#a15 .box25 .img-box{ position:relative; }
#a15 .box25 .img1{ width:34%; margin:4% auto 0px; display:block; transform:translateY(100%); }
#a15 .box25 .line{ height:1px; position:absolute; background-color:#6f7e7c; border:0px;  opacity:0; filter:alpha(opacity=0);}
#a15 .box25 .l1{ top:6%; left:15%; width:38%; }
#a15 .box25 .l2{ top:31%; left:15%; width:24%; }
#a15 .box25 .l3{ top:56%; left:15%; width:24%; }
#a15 .box25 .l4{ top:82%; left:15%; width:31%; }
#a15 .box25 .l5{ top:68.5%; left:42%; width:8%; transform:rotate(90deg); }
#a15 .box25 .t{ width:20%; position:absolute; left:15%; color:#000000; opacity:0; filter:alpha(opacity=0);  }
#a15 .box25 .b{ font-size:2vw; line-height:1; margin-bottom:4%; }
#a15 .box25 .s{ font-size:1vw; line-height:1; }
#a15 .box25 .t1{ top:-2.5%; }
#a15 .box25 .t2{ top:23%; }
#a15 .box25 .t3{ top:48%; }
#a15 .box25 .t4{ top:74%; }
#a15 .box26{ background-color:#f2f2f2; overflow:hidden; position:absolute; width:100%; top:0%; left:100%; height:100%; }
#a15 .box26 .box{ width:75%; margin:4% auto; text-align:center; position:absolute; left:12.5%; top: 10%; bottom:inherit; 
	opacity:0; filter:alpha(opacity=0); transform:translateY(10%); transition: all 0.2s linear;
}
#a15 .box26 .box.active{ opacity:1; filter:alpha(opacity=100); transform:translateY(0%); }
#a15 .box26 .img{ width:60%; margin:4% auto; position:absolute; left:20%; top:40%; }
#a15 .box26 .img img{ width:100%; max-width:100%; }
#a15 .box26 .ul{ width:30%;   position:absolute; left:41%; top:68%; display:block;
	opacity:0; filter:alpha(opacity=0); transform:translateY(10%); transition: all 0.2s linear; 
}
#a15 .box26 .ul.active{ opacity:1; filter:alpha(opacity=100); transform:translateY(0%); }
#a15 .box26 .li{ position:relative; left:auto; top:inherit; float:left; width:50%; }
#a15 .box26 .tips{ width:75%; margin:4% auto; font-size:1vw; line-height:1.4;text-align:center; position:absolute; left:12.5%; top:80%; 
	opacity:0; filter:alpha(opacity=0); transform:translateY(10%); transition: all 0.2s linear;
}
#a15 .box26 .tips.active{ opacity:1; filter:alpha(opacity=100); transform:translateY(0%); }
#a15 .box26 .b{ font-size:2vw; line-height:1; }
#a15 .box26 .s{ font-size:1vw; line-height:1; margin-top:2%; }