html body{background:#3b3b3b;width:100%;min-width:1200px}.loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}.loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0}.loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}.loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}.wraper{width:100%;min-width:1200px;height:100%;position:relative;overflow:hidden;margin-top:40px}.wraper .section{position:relative;z-index:2}.wraper .section .main{width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px}.wraper .section .con{display:none;width:1920px;left:calc(50% - 960px);overflow:hidden}.wraper .section .con.on{display:block}.wraper .section .con1{background:url(../images/bg.jpg) no-repeat center top;height:1080px}.wraper .section .con1 .logo{position:absolute;width:112px;height:106px;top:20px;left:0px;margin-left:0px;text-indent:-999em;background:url(../images/sprite.png) no-repeat 0 0px;z-index:3}.wraper .section .con1 .block{width:100%;height:100%;width:1920px;height:1080px;left:calc(50% - 960px);overflow:hidden}.wraper .section .con1 .block li{width:50%;height:100%;position:absolute;top:0}.wraper .section .con1 .block li .psn0,.wraper .section .con1 .block li .psn1{width:1920px;height:100%;top:0}.wraper .section .con1 .block li:nth-child(1) .psn0{background:url(../images/h-left0.png) no-repeat;left:0px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;pointer-events:none}.wraper .section .con1 .block li:nth-child(1) .psn1{left:-20px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;pointer-events:none}.wraper .section .con1 .block li:nth-child(1) .psn1::after{display:block;content:"";width:100%;height:100%;position:absolute;pointer-events:none;top:0;left:0;background:url(../images/h-left1.png) no-repeat;-webkit-animation:dw 2s -0.5s infinite ease-out;animation:dw 2s -0.5s infinite ease-out}.wraper .section .con1 .block li:nth-child(1) .btn0{background:url(../images/block0-btn.png) no-repeat;width:488px;height:488px;top:348px;left:315px}.wraper .section .con1 .block li:nth-child(2){left:50%}.wraper .section .con1 .block li:nth-child(2) .psn0{background:url(../images/h-right0.png) no-repeat;left:-960px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;pointer-events:none}.wraper .section .con1 .block li:nth-child(2) .psn1{left:-940px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;pointer-events:none}.wraper .section .con1 .block li:nth-child(2) .psn1::after{display:block;content:"";width:100%;height:100%;position:absolute;pointer-events:none;background:url(../images/h-right1.png) no-repeat;-webkit-animation:dw 2s infinite ease-out;animation:dw 2s infinite ease-out}.wraper .section .con1 .block li:nth-child(2) .btn0{background:url(../images/block1-btn.png) no-repeat;width:495px;height:497px;top:487px;left:58px}.wraper .section .con1 .block li.on{z-index:2}.wraper .section .con1 .block li.on:nth-child(1)::before{display:block;content:"";width:1920px;height:100%;position:absolute;pointer-events:none;top:0;left:0;background:rgba(0,0,0,.85);pointer-events:none}.wraper .section .con1 .block li.on:nth-child(1) .psn0{left:-20px}.wraper .section .con1 .block li.on:nth-child(1) .psn1{left:0px}.wraper .section .con1 .block li.on:nth-child(2)::before{display:block;content:"";width:1920px;height:100%;position:absolute;pointer-events:none;top:0;left:-960px;background:rgba(0,0,0,.85)}.wraper .section .con1 .block li.on:nth-child(2) .psn0{left:-940px}.wraper .section .con1 .block li.on:nth-child(2) .psn1{left:-960px}.wraper .section .con1 .slogan{background:url(../images/slogan.png) no-repeat;top:0;left:calc(50% - 758px);width:1516px;height:393px;pointer-events:none;z-index:3}.wraper .section .topNav{width:774px;height:164px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:calc(50% - 387px);z-index:5;display:none}.wraper .section .topNav.on{display:-webkit-box;display:-ms-flexbox;display:flex}.wraper .section .topNav::before{display:block;content:"";width:1920px;height:265px;position:absolute;pointer-events:none;left:calc(50% - 960px);top:0;background:url(../images/tNavBg.png) no-repeat}.wraper .section .topNav a{display:block;background:url(../images/tNav.png) no-repeat;width:258px;height:100%}.wraper .section .topNav a:nth-child(1){background-position:50px 60px}.wraper .section .topNav a:nth-child(2){background-position:-258px 0px}.wraper .section .topNav a:nth-child(3){background-position:-568px 60px}.wraper .section .topNav a:hover,.wraper .section .topNav a.on{background-position-y:-104px}.wraper .section .topNav a:nth-child(2):hover,.wraper .section .topNav a:nth-child(2).on{background-position-y:-164px}.wraper .section .con2{background:url(../images/bg1.jpg) no-repeat center top;height:4200px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1318px}.wraper .section .con2 .box1{background:url(../images/con2-0.png) no-repeat;width:1200px;height:430px}.wraper .section .con2 .box1 .openBtn{display:block;background:url(../images/con2-1.png) no-repeat;width:546px;height:265px;top:-200px;left:288px;z-index:2}.wraper .section .con2 .box1 .openBtn::after{display:block;content:"";width:738px;height:417px;position:absolute;pointer-events:none;background:url(../images/con2-2.png) no-repeat;top:196px;left:-40px;pointer-events:none;display:none}.wraper .section .con2 .box1 .openBtn:hover::after{display:block}.wraper .section .con2 .box1 .imgCon{width:100%;height:100%}.wraper .section .con2 .box1 .imgCon a{display:block;width:320px;height:210px;position:absolute}.wraper .section .con2 .box1 .imgCon a::after{display:block;content:"";width:100%;height:100%;position:absolute;pointer-events:none;top:0;left:0;background:rgba(0,0,0,.5);pointer-events:none}.wraper .section .con2 .box1 .imgCon a:nth-child(1){width:540px;height:430px;top:0;left:0}.wraper .section .con2 .box1 .imgCon a:nth-child(2){top:0;left:550px}.wraper .section .con2 .box1 .imgCon a:nth-child(3){top:0;left:880px}.wraper .section .con2 .box1 .imgCon a:nth-child(4){top:220px;left:550px}.wraper .section .con2 .box1 .imgCon a:nth-child(5){top:220px;left:880px}.wraper .section .con2 .box1 .imgCon a:hover::after{display:none}.wraper .section .con2 .box2{width:928px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:470px auto 0 auto}.wraper .section .con2 .box2 .btn_char{width:300px;height:780px;-webkit-transition:all .3s linear;transition:all .3s linear;position:relative;left:0}.wraper .section .con2 .box2 .btn_char .char{width:100%;height:100%;top:0;left:0}.wraper .section .con2 .box2 .btn_char .audio{display:none}.wraper .section .con2 .box2 .btn_char:nth-child(1) .bbox{background:url(../images/con2_btn1Bg.jpg) no-repeat}.wraper .section .con2 .box2 .btn_char:nth-child(1) .char{background:url(../images/con2_btn1.png) no-repeat}.wraper .section .con2 .box2 .btn_char:nth-child(2) .bbox{background:url(../images/con2_btn2Bg.jpg) no-repeat}.wraper .section .con2 .box2 .btn_char:nth-child(2) .char{background:url(../images/con2_btn2.png) no-repeat;margin-top:120px}.wraper .section .con2 .box2 .btn_char:nth-child(3) .bbox{background:url(../images/con2_btn3Bg.jpg) no-repeat}.wraper .section .con2 .box2 .btn_char:nth-child(3) .char{background:url(../images/con2_btn3.png) no-repeat}.wraper .section .con2 .box2 .btn_char:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.wraper .section .con2 .box2 .btn_char:hover .char{background-position-x:right}.wraper .section .con2 .box2 .bbox{width:1079px;width:0;height:661px;top:calc(50% - 322px);left:121px;overflow:hidden}.wraper .section .con2 .box2 .bbox .btn_close{display:block;width:26px;height:100%;top:0;right:0;z-index:2}.wraper .section .con2 .box2 .bbox .tit{height:114px;-webkit-box-sizing:border-box;box-sizing:border-box;top:145px;left:230px;padding-top:88px;display:-webkit-box;display:-ms-flexbox;display:flex}.wraper .section .con2 .box2 .bbox .tit li{width:24px;height:24px;line-height:24px;text-align:center;font-size:18px;color:#366ae3;border-radius:24px;background:#0f3285;margin-right:8px;cursor:pointer}.wraper .section .con2 .box2 .bbox .tit li.on{color:#0f1a37;background:#01fffc}.wraper .section .con2 .box2 .bbox .tit::after{display:block;content:"";width:420px;height:67px;position:absolute;pointer-events:none;top:0;left:0}.wraper .section .con2 .box2 .bbox .tit.tit1.t1::after{background:url(../images/con2_btn1_txt1.png) no-repeat}.wraper .section .con2 .box2 .bbox .tit.tit1.t2::after{background:url(../images/con2_btn1_txt2.png) no-repeat}.wraper .section .con2 .box2 .bbox .tit.tit1.t3::after{background:url(../images/con2_btn1_txt3.png) no-repeat}.wraper .section .con2 .box2 .bbox .tit.tit2.t1::after{background:url(../images/con2_btn2_txt1.png) no-repeat}.wraper .section .con2 .box2 .bbox .tit.tit2.t2::after{background:url(../images/con2_btn2_txt2.png) no-repeat}.wraper .section .con2 .box2 .bbox .tit.tit2.t3::after{background:url(../images/con2_btn2_txt3.png) no-repeat}.wraper .section .con2 .box2 .bbox .tit.tit3.t1::after{background:url(../images/con2_btn3_txt1.png) no-repeat}.wraper .section .con2 .box2 .bbox .tit.tit3.t2::after{background:url(../images/con2_btn3_txt2.png) no-repeat}.wraper .section .con2 .box2 .bbox .tit.tit3.t3::after{background:url(../images/con2_btn3_txt3.png) no-repeat}.wraper .section .con2 .box2 .bbox p{font-size:22px;color:#d8dfff;position:relative;top:170px;left:230px;white-space:nowrap}.wraper .section .con2 .box2.on{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .4s linear;transition:all .4s linear}.wraper .section .con2 .box2.on .btn_char{left:-450px;display:none;-webkit-transition:all .5s .3s linear;transition:all .5s .3s linear}.wraper .section .con2 .box2.on .btn_char.on{display:block}.wraper .section .con2 .box2.on .btn_char:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.wraper .section .con2 .box2.on .btn_char:nth-child(2) .char{margin-top:34px}.wraper .section .con2 .box2.on .btn_char .char{background-position-x:right}.wraper .section .con2 .box2.on .btn_char .bbox{width:1079px;-webkit-transition:all .5s .3s linear;transition:all .5s .3s linear}.wraper .section .con2 .box3{margin-top:697px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:156px}.wraper .section .con2 .box3 a{display:block;width:346px;height:50px;-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);position:relative}.wraper .section .con2 .box3 a:nth-child(1){top:0px;left:0px}.wraper .section .con2 .box3 a:nth-child(1)::after{display:block;content:"";width:580px;height:360px;position:absolute;pointer-events:none;background:url(../images/cont2_ho1.jpg) no-repeat;top:48px;left:-110px;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);display:none}.wraper .section .con2 .box3 a:nth-child(2){top:14px;left:12px}.wraper .section .con2 .box3 a:nth-child(2)::after{display:block;content:"";width:526px;height:145px;position:absolute;pointer-events:none;background:url(../images/cont2_ho2.png) no-repeat;top:48px;left:-110px;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);display:none}.wraper .section .con2 .box3 a:hover::after{display:block}.wraper .section .con3{background:url(../images/bg2.jpg) no-repeat center top;height:10300px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:288px}.wraper .section .con3 .videoHcon{width:960px;height:540px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;background:#000}.wraper .section .con3 .videoHcon video{-o-object-fit:cover;object-fit:cover}.wraper .section .con3 .box1{margin-top:770px;width:1372px;height:302px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:calc(50% - 686px)}.wraper .section .con3 .box1 .btn_voice{position:relative}.wraper .section .con3 .box1 .btn_voice:nth-child(1){width:519px;height:261px;background:url(../images/con3_voice1.png) no-repeat}.wraper .section .con3 .box1 .btn_voice:nth-child(2){width:472px;height:201px;background:url(../images/con3_voice2.png) no-repeat;top:102px}.wraper .section .con3 .box2{width:1200px;margin:320px auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wraper .section .con3 .box2 a{display:block;width:400px;height:81px;position:relative}.wraper .section .con3 .box2 a:nth-child(1)::after{display:block;content:"";width:1015px;height:97px;position:absolute;pointer-events:none;background:url(../images/con3_ho1.png) no-repeat;top:27px;left:25px;display:none;pointer-events:none}.wraper .section .con3 .box2 a:nth-child(2)::after{display:block;content:"";width:959px;height:97px;position:absolute;pointer-events:none;background:url(../images/con3_ho2.png) no-repeat;top:27px;left:-279px;display:none;pointer-events:none}.wraper .section .con3 .box2 a:nth-child(3)::after{display:block;content:"";width:249px;height:295px;position:absolute;pointer-events:none;background:url(../images/con3_ho3.png) no-repeat;top:27px;left:70px;display:none;pointer-events:none}.wraper .section .con3 .box2 a:hover::after{display:block}.wraper .section .con3 .box3{margin-top:524px;left:calc(50% - 445px);background:url(../images/con3-0.png) no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;width:900px;height:651px;-ms-flex-wrap:wrap;flex-wrap:wrap}.wraper .section .con3 .box3 a{display:block;width:291px;height:211px;margin-right:9px;margin-bottom:9px;position:relative}.wraper .section .con3 .box3 a::after{display:block;content:"";width:100%;height:100%;position:absolute;pointer-events:none;top:0;left:0;background:rgba(0,0,0,.5);pointer-events:none}.wraper .section .con3 .box3 a:hover::after{display:none}.wraper .section .con3 .box4{background:url(../images/con3-1.png) no-repeat;width:1041px;height:147px;margin:216px auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.wraper .section .con3 .box4 a{display:block;width:260px;height:147px;margin-right:0px;position:relative}.wraper .section .con3 .box4 a::before{display:block;content:"";width:280px;height:100%;position:absolute;pointer-events:none;background:url(../images/con3-1-1.png) no-repeat;top:0px;left:-19px;pointer-events:none;display:none}.wraper .section .con3 .box4 a:nth-child(1):before{display:block;content:"";width:259px;height:100%;position:absolute;pointer-events:none;background:url(../images/con3-1-0.png) no-repeat;top:0px;left:0px;display:none}.wraper .section .con3 .box4 a:nth-child(1)::after{display:block;content:"";width:406px;height:228px;position:absolute;pointer-events:none;background:url(../images/con3_ho4.png) no-repeat;top:120px;pointer-events:none;display:none}.wraper .section .con3 .box4 a:nth-child(2)::after{display:block;content:"";width:394px;height:298px;position:absolute;pointer-events:none;background:url(../images/con3_ho5.png) no-repeat;top:120px;pointer-events:none;display:none}.wraper .section .con3 .box4 a:nth-child(3)::after{display:block;content:"";width:394px;height:351px;position:absolute;pointer-events:none;background:url(../images/con3_ho6.png) no-repeat;top:120px;pointer-events:none;display:none}.wraper .section .con3 .box4 a:nth-child(4)::after{display:block;content:"";width:394px;height:336px;position:absolute;pointer-events:none;background:url(../images/con3_ho7.png) no-repeat;top:120px;pointer-events:none;display:none}.wraper .section .con3 .box4 a:hover::before,.wraper .section .con3 .box4 a:hover::after{display:block}.wraper .section .con3 .box5{margin:2830px auto 0 auto;width:1200px;height:1444px}.wraper .section .con3 .box5 .giftBtn{display:block;width:600px;height:100px;top:-381px;left:calc(50% - 297px)}.wraper .section .con3 .box5 .weapon{width:1249px;height:1012px;overflow:hidden;left:calc(50% - 624px)}.wraper .section .con3 .box5 .ibtn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:1200px;margin:0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#20222f}.wraper .section .con3 .box5 .ibtn a{display:block;width:240px;height:72px;border-bottom:2px solid #282a38;border-right:1px solid #282a38;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:72px;text-align:center;font-size:18px;color:#8489a8}.wraper .section .con3 .box5 .ibtn a.on{background:#cd3a8d;color:#fff}.wraper .section .con3 .box6{margin:510px auto 0 auto;width:1200px;height:1230px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:100px}.wraper .section .con3 .box6 .ibtn{width:689px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0px;left:calc(50% - 345px)}.wraper .section .con3 .box6 .ibtn a{display:block;width:266px;height:62px;background:url(../images/con3-juan.png) no-repeat}.wraper .section .con3 .box6 .ibtn a i{display:none}.wraper .section .con3 .box6 .ibtn a:nth-child(2){background-position-x:right}.wraper .section .con3 .box6 .ibtn a.on{background-position-y:bottom}.pop{position:relative;display:none;-webkit-box-sizing:border-box;box-sizing:border-box}.pop .close{top:20px;right:20px;display:block;width:49px;height:49px;background:url(../images/close.png) no-repeat center;position:absolute}.pop .m-layer{height:100%;width:100%}.pop#layer1,.pop#layer2{width:100% !important;height:calc(100% - 40px) !important;left:0 !important;margin-left:0 !important;top:40px !important;margin-top:0 !important;position:fixed !important;margin-bottom:0 !important}.pop#layer1 .close,.pop#layer2 .close{width:24px;height:24px;background-size:cover}.pop#layer1 .m-layer,.pop#layer2 .m-layer{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:90%;max-height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pop#layer1 .m-layer ul,.pop#layer2 .m-layer ul{width:100%;height:100%}.pop#layer1 .m-layer ul li,.pop#layer2 .m-layer ul li{width:100%;height:100%;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;color:#fff}.pop#layer1 .m-layer ul li img,.pop#layer1 .m-layer ul li video,.pop#layer2 .m-layer ul li img,.pop#layer2 .m-layer ul li video{display:block;max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.pop#layer1 .m-layer ul li video,.pop#layer2 .m-layer ul li video{max-width:80%;max-height:80%}.pop#layer1 .m-layer ul li.on,.pop#layer2 .m-layer ul li.on{display:-webkit-box;display:-ms-flexbox;display:flex}.pop#layer1 .btnCon,.pop#layer2 .btnCon{width:98%;height:0;left:1%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:calc(50% - 10px)}.pop#layer1 .btnCon a,.pop#layer2 .btnCon a{display:block;width:40px;height:40px;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:30px;line-height:40px;text-align:center}.pop#layer3{width:100%;padding-top:54px;left:0 !important;margin-left:0 !important}.pop#layer3 .close{top:0px;left:calc(50% - 25px);display:block;width:49px;height:49px;background:url(../images/close.png) no-repeat center;position:absolute}.pop#layer3 .m-layer{height:100%;width:100%;background:#2b0e8f url(../images/tcBg.png) no-repeat center;height:780px}.pop#layer3 .m-layer::before{display:block;content:"";width:1200px;height:100%;position:absolute;pointer-events:none;left:calc(50% - 600px);background:url(../images/tJ.png) no-repeat center}.pop#layer3 .m-layer a{display:block;width:30px;height:30px;top:293px;left:calc(50% - 147px);position:relative}.pop#layer3 .m-layer a::after{display:block;content:"";width:199px;height:224px;position:absolute;pointer-events:none;background:url(../images/tJ0.png) no-repeat;top:30px;left:calc(50% - 100px);display:none}.pop#layer3 .m-layer a:hover::after{display:block}@-webkit-keyframes dw{0%,100%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes dw{0%,100%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}/*# sourceMappingURL=style.css.map */