body,html{width:100%;height:100%;overflow:hidden}.wrap{width:100%;height:100%;position:relative;background-color:#f3f8ff}.vd_mask{width:100%;height:100%;background:#000;opacity:.4;position:absolute;top:0;left:0;z-index:2}.bg1{background:url(../img/rp1.jpg) no-repeat 50% 50%;background-size:cover}.vd_box,.vd_box i{width:100%;height:100%;position:absolute;top:0;left:0}.hd_video{display:block;width:100%;height:100%;object-fit:cover}.vd_box i{background:rgba(0,0,0,.7)}.main1{position:absolute;z-index:9;width:100%;left:0;top:50%;margin-top:-320px;height:644px}.slogan{width:1104px;height:213px;margin:0 auto 60px}.btn_vd{background-position:0 -85px;width:213px;height:214px;display:block;margin:0 auto}.btn_vd i{display:block;width:100%;height:100%;background-position:-220px -85px;animation:rotate 16s linear both infinite}.s1_btnbox{margin:80px auto 0;text-align:center}.s1_btnbox a{display:inline-block;vertical-align:middle;width:228px;height:68px;margin:0 10px;transition:all .4s linear}.s1_btnbox a:hover{transform:translateY(-10px)}.s1_btnbox a.btn_app1{background-position:0 0;width:221px}.s1_btnbox a.btn_google1{background-position:-241px 0;width:229px}.s1_btnbox a.btn_one1{background-position:-493px 0}.s1_btnbox a.btn_pc1{background-position:-738px 0;width:250px}.s1_btnbox a.btn_apk{width:228px;background:url(../img/dl_apk.png) no-repeat;background-position:center;background-size:contain}.btn_roll{background-position:-665px -86px;width:171px;height:71px;position:absolute;left:50%;bottom:4%;margin-left:-85px;animation:nextanim 1s ease infinite both alternate;z-index:3}.list_s2{width:100%;height:100%}.list_s2 li{width:640px;height:100%;float:left;overflow:hidden}.list_s2 li a{display:block;width:100%;height:100%;background-size:cover;background-position:50% 50%;position:relative}.list_s2 li a{transition:.4s all ease}.s2_btn1{background-image:url(../img/s2_pic1.jpg)}.s2_btn2{background-image:url(../img/s2_pic2.jpg)}.s2_btn3{background-image:url(../img/s2_pic3.jpg)}.s2_btn1:hover{background-image:url(../img/s2_on1.jpg)}.s2_btn2:hover{background-image:url(../img/s2_on2.jpg)}.s2_btn3:hover{background-image:url(../img/s2_on3.jpg)}.bg3{background:url(../img/rp3.jpg) no-repeat 50% 30%;background-size:100% auto;box-sizing:border-box}.main3{height:800px;position:absolute;top:50%;margin-top:-430px;left:0;width:100%}.s3_tit{background-position:-375px -700px;width:332px;height:119px;margin:0 auto;position:relative;z-index:2}.list_s3{width:1420px;margin:60px auto 0}.list_s3 li{float:left;width:160px;height:670px}.list_s3 li.on,.list_s3 li:hover{width:614px}.list_s3 li a{display:none;width:614px;position:relative;height:100%}.list_s3 li.on a,.list_s3 li:hover a{display:block}.list_s3 li.on .s3_pic,.list_s3 li:hover .s3_pic{display:none}.s3_pic{background:url(../img/s3_pic.png) no-repeat;width:160px;height:670px}.s3_pic1{background-position:0 0}.s3_pic2{background-position:-160px 0}.s3_pic3{background-position:-320px 0}.s3_pic4{background-position:-480px 0}.s3_pic5{background-position:-640px 0}.s3_pic6{background-position:-800px 0}.s3_show img{width:1330px;position:absolute;left:-462px;top:-280px;pointer-events:none;animation:sacle1 1s ease both}.role_name{width:100%;left:0;bottom:70px;position:absolute;color:#fff;animation:sacle1 1s ease both}.role_name em{display:block;font-size:12px;color:#fff;text-align:center;line-height:20px;text-transform:uppercase;text-shadow:0 0 10px #000}.role_name span{display:block;font-size:64px;font-family:tit;line-height:80px;text-align:center;text-shadow:0 0 30px #000}.s3_more{background-position:-679px -411px;width:100px;height:87px;position:absolute;left:50%;margin-left:-50px;bottom:-26px;animation:sacle1 1s ease both}.s3_more i{background-position:-820px -422px;width:38px;height:38px;position:absolute;top:11px;left:32px;transition:.2s linear all}.s3_more:hover i{transform:rotate(90deg)}.s8_box{background:url(../img/rp3_1.jpg) no-repeat 50% 50%;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;display:none}.s8_box .s8_back{z-index:99;right:100px}.s8_btn{background:url(../img/s3_bg1.png) no-repeat 50% 0;width:441px;height:930px;position:absolute;top:50%;left:156px;margin-top:-500px;box-sizing:border-box;padding-top:180px;z-index:10}.s3_elem{width:356px;position:absolute;bottom:-100px;left:80px;pointer-events:none}.s8_btn a{display:block;background:url(../img/s3_icon.png) no-repeat 50% 0;width:177px;height:76px;margin-bottom:12px;margin-left:130px}.s8_btn a.on{width:318px;height:169px;margin-left:100px}.s8_btn a.s8_btn1{background-position:0 -241px}.s8_btn a.s8_btn2{background-position:0 -336px}.s8_btn a.s8_btn3{background-position:0 -431px}.s8_btn a.s8_btn4{background-position:0 -526px}.s8_btn a.s8_btn5{background-position:0 -621px}.s8_btn a.s8_btn6{background-position:0 -716px}.s8_btn a.s8_btn1.on{background-position:-257px 0}.s8_btn a.s8_btn2.on{background-position:-257px -200px}.s8_btn a.s8_btn3.on{background-position:-257px -401px}.s8_btn a.s8_btn4.on{background-position:-257px -610px}.s8_btn a.s8_btn5.on{background-position:-257px -800px}.s8_btn a.s8_btn6.on{background-position:-257px -979px}.s8_tab{position:absolute;width:100%;height:100%}.s8_ct,.s8_ct .swiper-container,.s8_ct .swiper-container .swiper-slide{width:100%;height:100%;position:relative}.s8_pic1{background:url(../img/s3_role1.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic2{background:url(../img/s3_role2.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic3{background:url(../img/s3_role3.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic4{background:url(../img/s3_role4.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic5{background:url(../img/s3_role5.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic6{background:url(../img/s3_role6.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic7{background:url(../img/s3_role7.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic8{background:url(../img/s3_role8.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic9{background:url(../img/s3_role9.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic10{background:url(../img/s3_role10.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic11{background:url(../img/s3_role11.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic12{background:url(../img/s3_role12.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic13{background:url(../img/s3_role13.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic14{background:url(../img/s3_role14.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic15{background:url(../img/s3_role15.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic16{background:url(../img/s3_role16.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic17{background:url(../img/s3_role17.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic18{background:url(../img/s3_role18.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic19{background:url(../img/s3_role19.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic20{background:url(../img/s3_role20.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic21{background:url(../img/s3_role21.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic22{background:url(../img/s3_role22.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic23{background:url(../img/s3_role23.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_pic24{background:url(../img/s3_role24.png) no-repeat 50% 50%;background-size:cover;width:100%;height:100%}.s8_info{position:absolute;height:730px;top:50%;margin-top:-290px;right:0;text-align:right;width:100%;box-sizing:border-box;padding-right:260px}.s8_name{position:relative;font-family:tit;height:130px;margin-bottom:28px}.s8_name em{background:url(../img/s3_line1.png) no-repeat 0 90%;padding-right:260px;padding-left:12px;font-size:98px;color:#fff;line-height:130px;position:relative;margin-right:-260px}.s8_txt{margin-bottom:8px;height:32px;font-size:14px;color:#fff;line-height:32px}.s8_txt span{background-color:rgba(54,168,255,.4);display:inline-block;height:100%;padding:0 10px}.s8_ct .s8_prev{top:63%;left:auto;right:360px;z-index:99;background-position:-937px -398px;width:77px;height:77px;position:absolute;z-index:9;cursor:pointer}.s8_ct .s8_next{top:63%;right:260px;z-index:99;background-position:-1036px -398px;width:77px;height:77px;position:absolute;z-index:9;cursor:pointer}.s8_ct .swiper-pagination{background:url(../img/sp.png) -916px -385px;width:197px;height:3px;position:absolute;top:61%;right:260px}.s8_explain{background:url(../img/s3_bg2.png) no-repeat 50% 0;width:1089px;height:214px;position:absolute;right:0;top:73%;z-index:99}.s8_ct5 .s8_explain{background:url(../img/s3_bg3.png) no-repeat 50% 0}.s8_explain a{background:url(../img/s3_tips.png) no-repeat;position:absolute;top:60px;left:0;width:203px;height:56px}.s8_explain a.on{background-image:url(../img/s3_tips1.png)}.s8_ct1 .duty1_icon1{background-position:0 -30px;top:94px;left:86px}.s8_ct1 .duty1_icon2{background-position:-220px 0;left:306px;width:197px}.s8_ct1 .duty1_icon3{background-position:-427px 0;width:216px;left:512px}.s8_ct1 .duty1_icon4{background-position:-653px 0;left:740px;width:219px}.s8_ct1 .duty1_icon5{background-position:-221px -60px;top:120px;left:306px;width:197px}.s8_ct1 .duty1_icon6{background-position:-427px -60px;width:216px;top:120px;left:512px}.s8_ct1 .duty1_icon7{background-position:-653px -60px;top:120px;left:740px;width:219px}.s8_ct2 .duty1_icon1{background-position:0 -160px;top:94px;left:86px}.s8_ct2 .duty1_icon2{background-position:-220px -130px;left:306px;width:197px}.s8_ct2 .duty1_icon3{background-position:-427px -130px;width:216px;left:512px}.s8_ct2 .duty1_icon4{background-position:-653px -130px;left:740px;width:219px}.s8_ct2 .duty1_icon5{background-position:-221px -190px;top:120px;left:306px;width:197px}.s8_ct2 .duty1_icon6{background-position:-427px -190px;width:216px;top:120px;left:512px}.s8_ct2 .duty1_icon7{background-position:-653px -190px;top:120px;left:740px;width:219px}.s8_ct3 .duty1_icon1{background-position:0 -290px;top:94px;left:86px}.s8_ct3 .duty1_icon2{background-position:-220px -260px;left:306px;width:197px}.s8_ct3 .duty1_icon3{background-position:-427px -260px;width:216px;left:512px}.s8_ct3 .duty1_icon4{background-position:-653px -260px;left:740px;width:219px}.s8_ct3 .duty1_icon5{background-position:-221px -320px;top:120px;left:306px;width:197px}.s8_ct3 .duty1_icon6{background-position:-427px -320px;width:216px;top:120px;left:512px}.s8_ct3 .duty1_icon7{background-position:-653px -320px;top:120px;left:740px;width:219px}.s8_ct4 .duty1_icon1{background-position:0 -420px;top:94px;left:86px}.s8_ct4 .duty1_icon2{background-position:-220px -390px;left:306px;width:197px}.s8_ct4 .duty1_icon3{background-position:-427px -390px;width:216px;left:512px}.s8_ct4 .duty1_icon4{background-position:-653px -390px;left:740px;width:219px}.s8_ct4 .duty1_icon5{background-position:-221px -450px;top:120px;left:306px;width:197px}.s8_ct4 .duty1_icon6{background-position:-427px -450px;width:216px;top:120px;left:512px}.s8_ct4 .duty1_icon7{background-position:-653px -450px;top:120px;left:740px;width:219px}.s8_ct5 .duty1_icon1{background-position:0 -580px;top:74px;left:86px}.s8_ct5 .duty1_icon2{background-position:-220px -521px;left:306px;width:197px;top:12px}.s8_ct5 .duty1_icon3{background-position:-427px -521px;width:216px;left:512px;top:12px}.s8_ct5 .duty1_icon4{background-position:-653px -521px;left:740px;width:219px;top:12px}.s8_ct5 .duty1_icon5{background-position:-221px -581px;top:74px;left:306px;width:197px}.s8_ct5 .duty1_icon6{background-position:-427px -581px;width:216px;top:74px;left:512px}.s8_ct5 .duty1_icon7{background-position:-653px -581px;top:74px;left:740px;width:219px}.s8_ct5 .duty1_icon8{background-position:-220px -641px;top:134px;left:306px;width:197px}.s8_ct5 .duty1_icon9{background-position:-427px -641px;width:216px;top:134px;left:512px}.s8_ct5 .duty1_icon10{background-position:-653px -641px;top:134px;left:740px;width:219px}.s8_ct6 .duty1_icon1{background-position:0 -740px;top:94px;left:86px}.s8_ct6 .duty1_icon2{background-position:-220px -710px;left:306px;width:197px}.s8_ct6 .duty1_icon3{background-position:-427px -710px;width:216px;left:512px}.s8_ct6 .duty1_icon4{background-position:-653px -710px;left:740px;width:219px}.s8_ct6 .duty1_icon5{background-position:-221px -770px;top:120px;left:306px;width:197px}.s8_ct6 .duty1_icon6{background-position:-427px -770px;width:216px;top:120px;left:512px}.s8_ct6 .duty1_icon7{background-position:-653px -770px;top:120px;left:740px;width:219px}.bg9{background:url(../img/s9_pic1.jpg) no-repeat 50% 50%;background-size:100% auto}.main4{width:100%;height:770px;position:absolute;top:50%;margin-top:-410px}.bg10 .main4,.bg9 .main4{z-index:9}.s9_mask{width:100%;height:100%;background:#000;opacity:.4;position:absolute;top:0;left:0;z-index:2}.s9_mask1{width:100%;height:100%;background:url(../img/s9_mask.png) no-repeat;position:absolute;top:0;left:0;z-index:2;background-size:cover;opacity:.6}.s9_video,.video_box{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-size:cover;background-position:50% 50%}.s9_video.videoshow{z-index:99}.s9_video video{width:100%;display:block;height:100%;object-fit:cover;display:none}.s9_tit{background:url(../img/s9_tit1.png) no-repeat 50% 0;width:1014px;height:237px;margin:0 auto;position:relative;z-index:99;box-sizing:border-box;padding-top:76px}.s9_tit span{background-position:0 -518px;width:332px;height:124px;margin:0 auto}.s9_video video{display:none}.s9_video.videoshow video{display:block}.s9_box{width:100%;position:absolute;top:50%;left:0;width:100%;height:400px;margin-top:-200px}.s9_box .swiper-container,.s9_box .swiper-container .swiper-slide{width:100%;height:400px;position:relative}.s9_vdbtn{width:213px;height:214px;display:block;margin:93px auto 0;position:relative}.s9_vdbtn em{display:block;width:100%;height:100%;background-position:-220px -85px;animation:rotate 16s linear both infinite}.s9_vdbtn span{background-position:0 -85px;width:100%;height:100%;position:absolute;top:0;left:0}.s9_name{position:absolute;right:50%;margin-right:140px;top:160px;font-size:70px;color:#fefefe;line-height:80px;font-family:tit}.s9_text{position:absolute;left:50%;margin-left:140px;height:auto;display:table-cell;vertical-align:middle;top:50%;transform:translateY(-50%);text-align:center}.s9_text i{background-position:-470px -252px;width:171px;height:22px;display:block;margin:0 auto 20px}.s9_text span{font-size:16px;line-height:30px;padding:0 10px;color:#fefefe;text-align:center}.s9_bottom{width:100%;height:120px;position:absolute;z-index:10;left:0;bottom:0;border-top:2px solid rgba(100,131,188,.4);backdrop-filter:blur(4px)}.list_s9{width:984px;margin:0 auto;position:relative}.list_s9 li{float:left;width:50px;margin-right:132px;position:relative;text-align:center;cursor:pointer;height:100px}.list_s9 li:last-child{margin-right:0}.s9_line{width:188px;position:absolute;top:-2px;left:25px;background:url(../img/s9_line.jpg) 50% 0;height:2px;transform:scaleX(0);transform-origin:0 50%}.active .list_s9 li.on .s9_line{animation:s9line 14s linear both}@keyframes s9line{from{transform:scaleX(0)}to{transform:scale(1)}}.list_s9 li.finish .s9_line{transform:scaleX(1)}.list_s9 li.on .s9_bimg,.list_s9 li:hover .s9_bimg{transform:scale(1)}.s9_icon{background-position:-700px -170px;width:33px;height:32px;position:absolute;left:50%;top:-16px;margin-left:-16px;z-index:1}.s9_bimg{width:81px;height:81px;position:absolute;top:-40px;left:50%;margin-left:-40px;z-index:2;transform:scale(0);transition:.2s linear all}.s9_bimg *{position:absolute;top:0;left:0;width:81px;height:81px}.act_img1{background-position:-202px -313px}.act_img2{background-position:-292px -313px}.act_img3{background-position:-382px -313px}.act_img4{background-position:-472px -313px}.act_img5{background-position:-562px -313px}.act_img6{background-position:-652px -313px}.s9_bimg span{height:0}.s9_line3{background:url(../img/s9_line3.png) no-repeat 50% 100%;top:auto;bottom:0}.s9_line4{background:url(../img/s9_line4.png) no-repeat 50% 0;top:auto;top:0}.list_s9 li.on .s9_line3,.list_s9 li:hover .s9_line3{animation:s9line1 .4s .4s linear both}.list_s9 li.on .s9_line4,.list_s9 li:hover .s9_line4{animation:s9line1 .4s linear both}@keyframes s9line1{from{height:0}to{height:81px}}.s9_bname{font-size:18px;color:#fff;text-align:center;line-height:22px;width:100px;position:absolute;top:50px;left:50%;margin-left:-50px}.bg10{background:url(../img/s10_pic1.jpg) no-repeat 50% 50%;background-size:cover}.list_s10{width:770px}.list_s10 li{margin-right:190px}.list_s10 li .s9_line{width:236px}.s10_tit{background:url(../img/s10_tit1.png) no-repeat 50% 0;width:1104px;height:233px;margin:0 auto;box-sizing:border-box;padding-top:72px;position:relative;z-index:99}.s10_tit i{background-position:0 -666px;width:332px;height:123px;margin:0 auto}.s10_img1{background-position:-199px -403px}.s10_img2{background-position:-289px -403px}.s10_img3{background-position:-379px -403px}.s10_img4{background-position:-469px -403px}.bg4{background:url(../img/rp4.jpg) no-repeat 50% 0;background-size:100% auto}.s4_bg1{width:100%;left:0;bottom:0;position:absolute;z-index:9}.s4_pic1{width:533px;position:absolute;left:0;bottom:0;z-index:1}.s4_tit1{background-position:-361px -509px;width:809px;height:155px;margin:-20px auto;transform:scale(.8)}.s4_box{width:1400px;margin:40px auto 0;box-sizing:border-box;padding-left:180px;position:relative}.s4_icon1{background-position:-573px -405px;width:68px;height:80px;position:absolute;left:200px;top:-30px;z-index:10;animation:nextanim2 1s linear both infinite alternate}.s4_box .swiper-container{width:1100px;display:none}.s4_box .swiper-container .swiper-slide,.s4_box .swiper-container .swiper-slide a{display:block;overflow:hidden;border-radius:15px;border:1px solid #fff;box-sizing:border-box}.s4_box .swiper-container .swiper-slide,.s4_box .swiper-container .swiper-slide img{width:1100px;margin:0 auto}.s4_next,.s4_prev{background-position:-878px -224px;width:78px;height:78px;position:absolute;top:280px;z-index:10;cursor:pointer}.s4_prev{left:210px}.s4_next{right:30px}.s4_prev i{background-position:-692px -224px;display:block;width:100%;height:100%;animation:prevanim 1s ease both infinite alternate}.s4_next i{background-position:-788px -224px;display:block;width:100%;height:100%;animation:nextanim1 1s ease both infinite alternate}.s4_box .s4_page{display:block;margin:10px auto 0;background:url(../img/s6_bg1.png);width:282px;height:42px;text-align:center}.s4_box .s4_page span{background:url(../img/sp.png) no-repeat -798px -363px;width:43px;height:42px;display:inline-block;vertical-align:middle;margin:0 5px!important;opacity:1}.s4_page span.swiper-pagination-bullet-active{background-position:-849px -363px}.pop_video{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;display:none;z-index:9999}.video_mess{width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video_mess video{height:100%;width:100%}.active .main1{animation:opa 1s .4s ease-in both}.active .s10_tit,.active .s3_tit,.active .s9_tit{animation:fadeInUp 1s .4s ease both}.active .list_s3,.active .s9_bottom{animation:fadeInDown 1s .4s ease both}.active .s9_box{animation:flipInX 1s .4s linear both}.down-pc{width:300px;height:285px;position:absolute;right:100px;bottom:70px;background:url(../img/down-pc.png) no-repeat center/contain;z-index:10;opacity:0;transition:transform .4s,opacity .4s}.down-pc:hover{transform:scale(1.05)}