html,body{position:relative;height:100%}body{background:#eee}.index-nav{position:fixed;top:0;left:0;right:0;z-index:2}.main-swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}.main-swiper .swiper-wrapper{transition:.8s cubic-bezier(0.77,0,0.18,1)}.main-slide{text-align:center;font-size:18px;background:#fb0c4a;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.index-one-wrap{background:url('../images/index/indexBg.png') no-repeat right bottom;background-size:contain;height:100%;width:100%;padding-top:40px}.index-one{display:flex;min-width:1360px;max-width:1520px;margin:0 auto;align-items:center;height:100%}.index-one .leftArea{flex:1 1 auto;color:#fff;display:flex;flex-direction:column;justify-content:center}.index-one .leftArea .title{font-size:72px;font-weight:bold;text-align:left;margin-bottom:50px}.index-one .leftArea .txt-box div{font-size:30px;height:60px;align-items:center;display:flex}.index-one .leftArea .QRcode-box{height:228px;margin-top:20px;background-position:left center;background-repeat:no-repeat;background-size:contain;display:flex}.index-one .leftArea .QRcode-box .code{margin-left:347px}.arrow-box{display:flex;flex-direction:column;align-items:center;padding-left:33px;justify-content:center}.arrow-box img.ios{margin-bottom:10px}@keyframes mymove{0%{margin-left:-10px}50%{margin-left:15px}100%{margin-left:-10px}}.index-one .leftArea .txt-box div img{margin-right:20px}.index-one .rightArea{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end}.index-pagination{right:106px!important}.index-pagination .swiper-pagination-bullet{height:18px;width:18px;background:#f5f5f5!important;margin:15px 0!important;opacity:1}.index-pagination .swiper-pagination-bullet-active{background:#fe9701!important}.cartoonimg{position:absolute;bottom:0;right:-270px;z-index:200}.index-two-wrap{height:100%;width:100%}.index-two{display:flex;min-width:1200px;max-width:1520px;height:100%;margin:0 auto;align-items:center;justify-content:center;position:relative;background:url('../images/index/indexTwoBg.png') no-repeat center center;background-size:contain}.index-two-container{display:flex;align-items:center;position:relative;margin-left:-50px}.two-slide-btn{width:180px;height:418px;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer}.two-slide-btn::before{content:'';display:block;width:100%;height:100%;border:5px solid #ffce0f;position:absolute;top:0;left:0;box-sizing:border-box;border-radius:15px;opacity:0;z-index:6}.two-slide-btn .box{padding:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:15px;transition:all ease-in-out .5s;height:100%;position:relative;z-index:5}.two-slide-btn .bg{background-size:cover;width:100%;height:100%;border-radius:15px;overflow:hidden;position:absolute;transition:all ease-in-out .5s}.two-slide-btn:hover .bg{transform:scale(1.3)}.two-slide-btn.active{z-index:90}.two-slide-btn:hover::before,.two-slide-btn.active::before{opacity:1}.two-slide-btn img{width:55px;height:55px;margin-bottom:15px}.two-slide-btn div{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.two-swiper-wrap{width:472px;height:730px;position:relative;margin-right:-2px;z-index:10000}.two-swiper-wrap::before{content:'';position:absolute;width:471px;height:730px;background:url('../images/index/phonebg.png') no-repeat center center;background-size:cover;left:0;top:0;z-index:1000}.two-swiper-wrap::after{content:'';position:absolute;width:850px;height:50px;background:url('../images/index/bolang.png') no-repeat center center;background-size:cover;left:-50%;bottom:0;z-index:1000}.index-two .two-swiper{width:412px;height:696px}.index-two .two-slide{width:412px;height:696px;background-size:cover;margin-top:28px;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:0 32px}.index-two .two-slide .title{margin-bottom:65px;font-size:24px;display:flex;text-align:left;align-items:center}.index-two .two-slide .title img{width:55px;height:55px;margin-right:20px}.index-two .two-slide .txt{font-size:20px;display:block;line-height:40px;text-align:left}.index-two .swiper-button-prev{height:66px;width:66px;background:url('../images/index/pre.png') no-repeat center center;background-size:cover;left:-115px;margin-top:-63px}.index-two .swiper-button-prev:hover{background:url('../images/index/pre1.png') no-repeat center center;background-size:cover}.index-two .swiper-button-next{height:66px;width:66px;background:url('../images/index/next.png') no-repeat center center;background-size:cover;right:-115px;z-index:11;margin-top:-63px}.index-two .swiper-button-next:hover{background:url('../images/index/next1.png') no-repeat center center;background-size:cover}.swiper-three{background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:#fb0c4a;display:flex;align-items:center;justify-content:center;width:1044px;height:670px;margin-top:62px;padding-bottom:62px;position:relative}.swiper-three .btn{position:absolute;top:50%;left:50%;margin-top:-140px;margin-left:-60px;z-index:100;transition:all ease-in-out .5s;cursor:pointer}.swiper-three .btn:hover img{opacity:.9;animation:spinAround 3s linear infinite}.videoBg{position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index:100;transition:background 1s ease}.vPlayArea{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vPlayArea .vPlayItem{width:960px;padding:10px;height:618px;background:#fff;overflow:hidden;z-index:2;border:1px solid #dedede;transition:margin .36s ease,background 1s ease,border-color 1s ease}.vPlayArea .vPlayItem video{width:100%}.videoInfor{width:100%;height:48px;position:relative;padding:15px 0 0;transition:opacity 1s ease;text-align:left}.videoInfor .title{font-size:16px;color:#2e2e2e}.videoInfor .subtitle{color:#7d7d7d;font-size:13px;line-height:22px;margin-top:6px}.pin{position:absolute;left:50%;top:50%;z-index:10}#video{width:794px;height:500px;margin-top:-272px;margin-left:-393px;top:50%;left:50%;background-color:#fff;opacity:0;display:none;position:fixed;transition:opacity linear .1s;z-index:5}#video.on{display:block;opacity:1}.swiper-three .icon{position:absolute;bottom:88px;right:-142px;z-index:120}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media all and (max-width:1600px){.index-one-wrap{padding-top:60px}.index-one{max-width:1100px;min-width:900px}.index-one .leftArea .title{font-size:48px;margin-bottom:30px}.index-one .leftArea .txt-box div{font-size:20px;height:40px}.index-one .leftArea .txt-box div img{width:20px;height:20px}.index-one .leftArea .QRcode-box{height:150px;margin-top:20px}.index-one .leftArea .QRcode-box .code{margin-left:225px;width:100px;height:100px}.index-one .rightArea img{width:480px}.arrow-box{display:flex;flex-direction:column;align-items:center;padding-left:33px;justify-content:center}.arrow-box img{width:60px}.index-pagination{right:50px!important}.index-pagination .swiper-pagination-bullet{height:12px;width:12px;margin:12px 0!important}.cartoonimg{right:-200px;width:190px}.index-two{min-width:900px;max-width:1100px}.two-slide-btn{width:150px;height:350px;border-radius:10px}.two-slide-btn .box{padding:20px;border-radius:10px;font-size:15px;line-height:24px}.two-slide-btn::before{border-radius:10px}.two-slide-btn .bg{border-radius:10px}.two-slide-btn img{width:40px;height:40px;margin-bottom:12px}.two-swiper-wrap{width:320px;height:496px;margin-right:0}.two-swiper-wrap::before{width:320px;height:496px}.two-swiper-wrap::after{width:700px;height:41px;bottom:-8px}.index-two .two-swiper{width:290px;height:488px}.index-two .two-slide{width:290px;height:488px;margin-top:20px;padding:0 20px}.index-two .two-slide .title{margin-bottom:45px;font-size:20px}.index-two .two-slide .title img{width:40px;height:40px;margin-right:10px}.index-two .two-slide .txt{font-size:16px;line-height:26px}.swiper-three{width:850px;height:545px;margin-top:82px;padding-bottom:82px}.swiper-three .btn{margin-top:-125px;margin-left:-40px}.swiper-three .btn img{width:80px}.swiper-three .icon{bottom:68px;right:-90px}.swiper-three .icon img{width:190px}#video{width:643px;height:408px;margin-top:-205px;margin-left:-317px}}