@charset "utf-8";body,html{position:relative;height:100%;background:#fff;overflow:hidden;font-family:"Microsoft Yahei";margin:0;padding:0}.swiper-container{width:100%;height:100%;background:#fff;margin:0;padding:0}.p0,.p1,.p10,.p11,.p12,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9{position:relative;margin:0;padding:0;overflow:hidden}.sequence{position:absolute;top:0;left:0}#music{position:absolute;top:15px;right:15px;z-index:300}.p0_1{position:absolute;top:48%;left:50%;opacity:1;width:337.17px;margin-left:-168.6px}.p1_1{position:absolute;top:46%;left:80px;opacity:1;width:367.78px}.p2_1{position:absolute;top:67%;left:190px;opacity:1;width:409.6px}.p2_2{position:absolute;top:74%;left:280px;opacity:1;width:232.96px}.p3_1{position:absolute;top:70%;left:300px;opacity:1;width:295.25px}.p3_2{position:absolute;top:77%;left:340px;opacity:1;width:206.51px}.p4_1{position:absolute;top:56%;left:200px;opacity:1;width:378.03px}.p4_2{position:absolute;top:63%;left:300px;opacity:1;width:181.76px}.p5_1{position:absolute;top:58%;left:20px;opacity:1;width:337.92px}.p5_2{position:absolute;top:65%;left:20px;opacity:1;width:308.91px}.p6_1{position:absolute;top:66%;left:40px;opacity:1;width:425.81px}.p6_2{position:absolute;top:78%;left:40px;opacity:1;width:314.03px}.p7_1{position:absolute;top:70%;left:140px;opacity:1;width:464.21px}.p7_2{position:absolute;top:77%;left:310px;opacity:1;width:286.72px}.p7_3{position:absolute;top:85%;left:303px;opacity:1;width:292.69px}.p8_1{position:absolute;top:65%;left:240px;opacity:1;width:338.77px}.p8_2{position:absolute;top:72%;left:235px;opacity:1;width:339.63px}.p9_1{position:absolute;top:16%;left:40px;opacity:1;width:427.52px}.p9_2{position:absolute;top:28%;left:115px;opacity:1;width:260.27px}.p10_1{position:absolute;top:25%;left:50%;z-index:5;margin-left:-100.26px;opacity:1;width:200.53px}.p10_2{position:absolute;top:50%;left:50%;z-index:5;margin-left:-300.8px;opacity:1;width:601.6px}.p10_3{position:absolute;top:0;left:0;z-index:3;width:640px;height:100%;background:rgba(0,0,0,.8);opacity:1}.p10_4{position:absolute;top:0;left:0;z-index:8;width:640px;height:100%;display:none;opacity:1}.p10_5{position:absolute;top:0;left:0;z-index:999;width:640px;height:100%}.p10_6{position:absolute;top:0;left:0;z-index:7;width:640px;height:100%;display:none}.p10_6 img{position:absolute;top:0;left:0;width:640px;height:100%}.f1{position:absolute;top:15.5%;left:0;z-index:9;width:640px}.f2,.f3{position:absolute;top:0;left:0;z-index:9;width:640px}.f4{position:absolute;top:29%;left:0;z-index:9;width:640px}.f5{position:absolute;top:6%;left:0;z-index:9;width:640px}.f6{position:absolute;top:2%;left:0;z-index:9;width:640px}.p11_1{position:absolute;top:40%;left:100px;opacity:1;width:425.81px}.p11_2{position:absolute;top:52%;left:100px;opacity:1;width:459.09px}.p12_1{position:absolute;top:70%;left:50%;margin-left:-177.92px;opacity:1;width:355.84px}.p12_2{position:absolute;top:77%;left:50%;margin-left:-52.48px;opacity:1;width:104.96px}.button_1{position:absolute;top:50.8%;left:2.9%;z-index:8;width:94%}.button_2{position:absolute;top:53.1%;left:51%;z-index:8;width:41%}.button_3{position:absolute;top:76%;left:3%;z-index:8;width:94%}.button_4{position:absolute;top:66%;left:3%;z-index:8;width:94%}.button_5{position:absolute;top:29.5%;left:3%;z-index:8;width:94%}.button_6{position:absolute;top:34%;left:3%;z-index:8;width:94%}.swiper-slide-active .p1_1,.swiper-slide-active .p2_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p2_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p3_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p3_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p4_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p4_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p5_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p5_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p6_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p6_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p7_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p7_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p7_3{animation:p1_1 3s;-webkit-animation:p1_1 3s}.swiper-slide-active .p8_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p8_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p9_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p9_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p10_1,.swiper-slide-active .p10_2a{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p10_2b{animation:button 1s ease-out infinite;-webkit-animation:button 1s ease-out infinite}.swiper-slide-active .p11_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p11_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}.swiper-slide-active .p12_1{animation:p1_1 1s;-webkit-animation:p1_1 1s}.swiper-slide-active .p12_2{animation:p1_1 1.5s;-webkit-animation:p1_1 1.5s}@keyframes p1_1{0%,50%{opacity:0}100%{opacity:1}}@-webkit-keyframes p1_1{0%,50%{opacity:0}100%{opacity:1}}.button_1,.button_2,.button_3,.button_4,.button_5,.button_6{animation:button 1s ease-out infinite;-webkit-animation:button 1s ease-out infinite}@keyframes button{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@-webkit-keyframes button{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.02)}100%{-webkit-transform:scale(1)}}