@font-face{font-family:LI;src:url(//static2.qcplay.com/fonts/LI.ttf);font-family:"Cordia New Bold";src:url("//static2.qcplay.com/fonts/Cordia New Bold.ttf")}@keyframes mouse{0%{-webkit-transform:translateX(0)}20%{-webkit-transform:translateX(-400px)}30%{-webkit-transform:translateX(-400px)}70%{-webkit-transform:translateX(-2200px)}100%{-webkit-transform:translateX(-2200px)}}@keyframes mouseAni1{from{background-position:0 0}to{background-position:-136px 0}}@media screen and (min-width:2100px){.index .content-02 .index .content-02 .swiper-container-snail .swiper-slide{z-index:1}.index .content-02 .index .content-02 .swiper-container-snail .swiper-slide-active{z-index:2}.index .content-02 .index .content-02 .swiper-container-snail .swiper-slide-active .main{z-index:9}.index .content-02 .title{transform:translate(-50%,-50%) scale(1.2);transform-origin:top center}.index .content-02 .text{transform:scale(1.2)}}@media screen and (min-width:2000px){body,html{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.15);max-height:1080px}}body,html{max-width:1920px;min-width:1024px;margin:0 auto;height:100%;width:100%}a:active{opacity:.8}.font-h{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}img{display:block;width:100%;height:100%}.aniBtnHover .ani-btn:hover{animation:ani4 .2s ease-in-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}.ani-btn:hover{animation:ani4 .2s ease-in-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}.header{position:fixed;top:0;width:100%;height:62px;min-width:1200px;z-index:11;background:url(/official/images/pc/header_bg-45b592f8c6.png) no-repeat;transition:all .5s}.header .header-box{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between}.header .header-box .icon{float:left;width:173px;height:50px;margin-left:20px;transition:all .5s}.header .header-box .icon img{display:block;width:100%;height:100%}.header .header-box .nav{float:right;height:52px;margin-right:50px}.header .header-box .nav ul{display:block;width:100%;height:68px;display:flex;justify-content:flex-end}.header .header-box .nav ul li{cursor:pointer}.header .header-box .nav .ani-btn{position:relative;display:block;height:68px;padding:0 10px;color:#503d49;line-height:58px;font-size:18px;text-align:center;transition:all .5s}.header .header-box .nav .ani-btn span{float:left;padding-left:60px;color:#6f5a57;font-size:24px;font-family:LI}.header .header-box .nav .ani-btn:after{position:absolute;top:8px;left:30px;width:35px;height:35px;background:url(/official/images/pc/snail_ke-1925273b10.png) 12px 9px no-repeat;-ms-background-size:65% 65%;background-size:65% 65%;content:""}.header .header-box .nav .on:after{background:url(/official/images/pc/snail-8075ad6ffc.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header .header-box .nav .ani-btn:hover span,.header .header-box .nav .on span{text-shadow:1px 1px 0 #c46179,-1px -1px 0 #c46179,-1px 1px 0 #c46179,1px -1px 0 #c46179,1px 1px 0 #c46179,-1px -1px 0 #c46179,-1px 1px 0 #c46179,1px -1px 1px #c46179,1px 1px 1px #c46179,-1px -1px 1px #c46179,-1px 1px 1px #c46179,1px -1px 1px #c46179,1px 1px 1px #c46179,-1px -1px 1px #c46179,-1px 1px 1px #c46179,1px -1px 1px #c46179;color:#f5e6e6;transition:all .25s}.header .header-box .ani-btn:hover .hidden-info{display:block;transition:all .25s}.header .hidden-link-box{display:none;position:absolute;top:58px;right:-9px;width:195px;height:225px;background:url(/official/images/pc/hidden_box.png) no-repeat}.header .hidden-link-box div{padding-top:60px}.header .hidden-link-box div a{position:relative;width:100%;height:45px;color:#786c61;line-height:44px;font-size:16px;text-align:center;display:flex;align-items:center;font-weight:500}.header .hidden-link-box div a i{display:block;width:31px;height:31px;margin:0 10px 0 40px;background:url(/official/images/pc/nav_btn.png) no-repeat}.header .hidden-link-box div a:nth-child(1) i{background-position:0 0}.header .hidden-link-box div a:nth-child(2) i{background-position:0 -40px}.header .hidden-link-box div a:hover{color:#de3b5e}.header .hidden-link-box div a:nth-last-child(1):after{background:0 0}.ts-select-span span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76;color:#faece8}.ts-select-on{background:url(/official/images/pc/snail-8075ad6ffc.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-bg{height:58px;background:url(/official/images/pc/header_bg-45b592f8c6.png) 50% no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-bg .header-box{height:58px;padding-top:0}.header-bg .icon{margin-top:0}.header-bg .nav ul .ani-btn span{color:#503d49}.header-bg .nav ul .ani-btn:hover span,.header-bg .nav ul .on span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76;color:#faece8}.header-dh .nav ul .nav-link-01 span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76;color:#faece8}.header-dh .nav ul .nav-link-01:after{background:url(/official/images/pc/snail-8075ad6ffc.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-zx .nav ul .nav-link-02 span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76;color:#faece8}.header-zx .nav ul .nav-link-02:after{background:url(/official/images/pc/snail-8075ad6ffc.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-gl .nav ul .nav-link-05 span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76;color:#faece8}.header-gl .nav ul .nav-link-05:after{background:url(/official/images/pc/snail-8075ad6ffc.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-st .nav ul .nav-link-04 span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76;color:#faece8}.header-st .nav ul .nav-link-04:after{background:url(/official/images/pc/snail-8075ad6ffc.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.footer{position:relative;width:100%;background:#282f3e;z-index:9}.footer .footer-content{overflow:hidden;max-width:1200px;height:107px;padding:44px 0;margin:0 auto;color:#fff;font-size:12px;line-height:40px}.footer .footer-content .left-logo{position:relative;float:left;display:block;width:110px;height:110px;margin-right:25px}.footer .footer-content .centre-info{float:left}.footer .footer-content .centre-info .btn-box{display:flex;height:54px;padding-bottom:10px}.footer .footer-content .centre-info .btn-box a{display:block;height:100%}.footer .footer-content .centre-info .btn-box .btn-1{width:144px;margin-right:37px;background:url(/official/images/pc/icon_all-370b208bf9.png) -156px -828px no-repeat}.footer .footer-content .centre-info .btn-box .btn-2{width:181px;background:url(/official/images/pc/icon_all-370b208bf9.png) -315px -828px no-repeat}.footer .footer-content .centre-info .info{padding-top:23px;color:#fff;line-height:32px;font-size:12px}.footer .footer-content .right-details{float:right;text-align:right;line-height:32px;margin-top:21px}.footer .footer-content .right-details a,.footer .footer-content .right-details p{color:#fff;font-size:12px}.footer .footer-content .right-details a:hover{text-decoration:underline}.select{right:-243px}.select .changes-btn .on{display:none;left:-78px}.select .changes-btn .off{display:block;left:0}.index{display:block;width:100%;height:100%;opacity:0}.index .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}.index .swiper-slide{overflow:hidden}.index .swiper-slide .bg .enclosure .flame i{transition:all .5s}.index .swiper-slide .bg .enclosure .disappear{transform:scale(0)}.index .content-01{overflow:hidden;position:relative;width:100%;height:100%}.index .content-01 .banner{position:absolute;top:50%;left:50%;width:1075px;height:600px;margin-left:-532.5px;margin-top:-365px;z-index:9}.index .content-01 .banner .title{width:1075px}.index .content-01 .banner .title img{display:block;width:100%;height:100%}.index .content-01 .banner .title .play-btn{position:absolute;top:290px;right:175px;width:92px;height:97px}.index .content-01 .banner .title .play-btn i{display:block;width:100%;height:100%;background:url(/official/images/pc/play_btn-d1114083e4.png) no-repeat;animation:playBtnAni 1.5s ease-in-out infinite}.index .content-01 .banner .title .play-btn:hover i{animation-play-state:paused}.index .content-01 .banner .code-btn{width:1020px;margin-left:160px}.index .content-01 .banner .code-btn .top-code-box{position:relative;width:1020px;height:97px}.index .content-01 .banner .code-btn .btn-box{width:1020px;height:97px;margin:-55px auto 35px}.index .content-01 .banner .code-btn .btn-box a{float:left;display:block;width:240px;height:97px;margin-bottom:18px;margin-left:10px}.index .content-01 .banner .code-btn .btn-box .google-btn{background:url(/official/images/pc/google_btn-8b49180409.png) no-repeat}.index .content-01 .banner .code-btn .btn-box .app-btn{background:url(/official/images/pc/app_btn-ebcad26205.png) no-repeat}.index .content-01 .banner .code-btn .btn-box .recharge-btn{position:relative;background:url(/official/images/pc/recharge_btn-9cea8890a4.png) no-repeat}.index .content-01 .banner .code-btn .btn-box .recharge-btn::after{content:"";position:absolute;right:-55%;top:-65%;background:url(/official/images/pc/btn_tip-6f231980e2.png) no-repeat;width:222px;height:147px}.index .content-01 .banner .code-btn .btn-box .download-tips{float:left;width:68px;height:68px;background:url(/official/images/pc/download_explain-a846db899d.png) no-repeat;cursor:pointer;margin-left:132px;margin-top:15px}.index .content-01 .banner .code-btn .bottom-code-box{width:290px;height:auto;margin:0 237px}.index .content-01 .banner .code-btn .bottom-code-box a{float:left;width:137px;height:145px;margin:0 8px 0 0}.index .content-01 .banner .code-btn .bottom-code-box .line-btn{background:url(/official/images/pc/line_btn-df5980ae1f.png) no-repeat}.index .content-01 .banner .code-btn .bottom-code-box .facebook-btn{background:url(/official/images/pc/facebook_btn-f86d3c4e3e.png) no-repeat}.index .content-01 .banner .code-btn .bottom-code-box .open-chat-btn{background:url(/official/images/pc/open_chat_btn-d9541b49c6.png) no-repeat}.index .content-01 .banner .code-btn .bottom-code-box .discord-btn{background:url(/official/images/pc/discord_btn-9862daac1d.png) no-repeat}.index .content-01 .banner .add-btn-box{position:absolute;top:285px;left:150px;height:171px}.index .content-01 .bg{position:absolute;left:50%;top:50%;width:1920px;height:1080px;margin:-540px 0 0 -960px;background:url(/official/images/pc/index_bg4-127c5e9c4e.png) #ac9aa7 bottom center no-repeat;filter:saturate(1.3)}.index .content-01 .bg:after{position:absolute;top:0;left:0;bottom:0;right:0;content:""}.index .content-01 .bg .ani_bg{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:3}.index .content-01 .bg .ani_bg .cat{position:absolute;top:829px;left:173px;width:193px;height:125px;background:url(/official/images/pc/ani/cat-cfb8546c14.png) no-repeat;background-size:100% 100%;z-index:2}.index .content-01 .bg .ani_bg .chunji{position:absolute;top:124px;left:80px;width:562px;height:1025px;background:url(/official/images/pc/ani/chunji-279a07d74a.png) no-repeat;transform:scale(.5);animation:chunjiAni 4s linear infinite;background-size:100% 100%;z-index:1}.index .content-01 .bg .ani_bg .cake{position:absolute;top:-52px;left:213px;width:711px;height:1329px;background:url(/official/images/pc/ani/cake-455ceb1377.png) no-repeat;transform:scale(.5);background-size:100% 100%;z-index:1}.index .content-01 .bg .ani_bg .chair{position:absolute;top:542px;left:630px;width:302px;height:318px;background:url(/official/images/pc/ani/chair-eacd82a00d.png) no-repeat;background-size:100% 100%;z-index:1}.index .content-01 .bg .ani_bg .chair_02{position:absolute;top:766px;left:1379px;width:346px;height:318px;background:url(/official/images/pc/ani/chair_02-c10c187366.png) no-repeat;background-size:100% 100%;z-index:5}.index .content-01 .bg .ani_bg .snail{position:absolute;top:43px;left:376px;width:700px;height:735px;background:url(/official/images/pc/ani/snail-191134649e.png);background-size:400% 100%;transform:scale(.5);animation:snailWink 1.5s steps(4) infinite;z-index:2}@keyframes snailWink{from{background-position:0 0}to{background-position:-400% 0}}.index .content-01 .bg .ani_bg .table{position:absolute;top:110px;left:889px;width:975px;height:947px;background:url(/official/images/pc/ani/table-dd8b52f6f1.png) no-repeat;background-size:100% 100%;z-index:3}.index .content-01 .bg .ani_bg .hln{position:absolute;top:495px;left:280px;width:533px;height:502px;animation:hlnAni 4s linear infinite;z-index:7}.index .content-01 .bg .ani_bg .hln .left{position:absolute;top:36%;left:3%;width:119px;height:222px;background:url(/official/images/pc/ani/h_left-75efd342a4.png) no-repeat;background-size:100% 100%;transform-origin:135%;animation:leftHand infinite 2s linear;z-index:1}@keyframes leftHand{25%{transform:rotate(-5deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0)}}.index .content-01 .bg .ani_bg .hln .right{position:absolute;top:41%;left:74%;width:154px;height:206px;background:url(/official/images/pc/ani/h_right-e3dbf2f919.png) no-repeat;background-size:100% 100%;transform-origin:15%;animation:rightHand infinite 2s linear;z-index:3}@keyframes rightHand{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(10deg)}75%{transform:rotate(5deg)}100%{transform:rotate(0)}}.index .content-01 .bg .ani_bg .hln .body{position:absolute;top:0;left:16%;width:365px;height:497px;background:url(/official/images/pc/ani/hln_body-fd7bb6aed1.png) no-repeat;background-size:100% 100%;z-index:2}.index .content-01 .bg .ani_bg .dracula{position:absolute;top:140px;left:890px;width:768px;height:1050px;transform:scale(.5);animation:draculaAni 4s linear infinite;z-index:4}.index .content-01 .bg .ani_bg .dracula .d_body{position:absolute;width:775px;height:1050px;background:url(/official/images/pc/ani/dracula-cabd0bd546.png);z-index:2}.index .content-01 .bg .ani_bg .dracula .d_hair{position:absolute;top:99px;left:165px;width:208px;height:153px;background:url(/official/images/pc/ani/front_hair-cd911d6e41.png);z-index:4}.index .content-01 .bg .ani_bg .dracula .d_left_wing{position:absolute;top:160px;left:-37px;width:148px;height:79px;background:url(/official/images/pc/ani/left_wing-de0ed5f334.png);transform-origin:100% 100%;animation:leftWing 4s infinite linear;z-index:1}@keyframes leftWing{20%{transform:rotate(-5deg)}40%{transform:rotate(0)}80%{transform:rotate(10deg)}100%{transform:rotate(0)}}.index .content-01 .bg .ani_bg .dracula .d_right_wing{position:absolute;top:-5px;left:255px;width:131px;height:164px;background:url(/official/images/pc/ani/right_wing-95aae4213c.png);transform-origin:0 100%;animation:rightWing 4s infinite linear;z-index:3}@keyframes rightWing{20%{transform:rotate(10deg)}40%{transform:rotate(0)}80%{transform:rotate(-10deg)}100%{transform:rotate(0)}}.index .content-02{width:100%;height:100%;position:relative}.index .content-02 .title{background:url(/official/images/pc/tit-194f7c78dc.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;position:absolute;top:90px;left:50%;width:316px;height:104px;transform:translate(-50%);transition:all .5s ease-in-out;transform-origin:center top;z-index:3}.index .content-02 .bottom{background:url(/official/images/pc/bottom-65ddb4fc5b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;position:absolute;bottom:0;width:100vw;height:8.75vw;transition:all .5s ease-in-out;transform-origin:center top;z-index:3;pointer-events:none}.index .content-02 .swiper-container-feature{position:absolute;width:100%;height:100%}.index .content-02 .swiper-container-feature .swiper-slide{position:relative;width:100%;height:100%;box-sizing:border-box}.index .content-02 .swiper-container-feature .slide_1{background:url(/official/images/pc/1-5d916d5f3b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;width:100%;height:100%;background-size:cover}.index .content-02 .swiper-container-feature .slide_1 .main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.index .content-02 .swiper-container-feature .slide_1 .main .text{position:absolute;width:591px;height:692px;background:url(/official/images/pc/1_text-cbd898d39b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;background-size:contain;right:0;top:17.9%}.index .content-02 .swiper-container-feature .slide_2{background:url(/official/images/pc/2-873bd9db53.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;width:100%;height:100%;background-size:cover}.index .content-02 .swiper-container-feature .slide_2 .main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.index .content-02 .swiper-container-feature .slide_2 .main .text{position:absolute;width:661px;height:561px;background:url(/official/images/pc/2_text-fc64325579.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;top:15.1%;left:7.7%}@keyframes pendulum{0%{transform:translate(-50%,-50%) rotate(1deg)}50%{transform:translate(-50%,-50%) rotate(-1deg)}100%{transform:translate(-50%,-50%) rotate(1deg)}}.index .content-02 .swiper-container-feature .slide_3{background:url(/official/images/pc/3-4ba2a95a99.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;width:100%;height:100%;background-size:cover}.index .content-02 .swiper-container-feature .slide_3 .main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.index .content-02 .swiper-container-feature .slide_3 .main .text{position:absolute;width:612px;height:501px;background:url(/official/images/pc/3_text-825fd02763.png) no-repeat;background-size:contain;left:8.3%;top:19%}.index .content-02 .swiper-container-feature .swiper-slide-active{opacity:1}.index .content-02 .swiper-container-feature .swiper-slide-active{overflow:initial!important}.index .content-02 .swiper-container-feature .swiper-button-prev{position:absolute;top:calc(100% - 50.5px);left:calc(50% - 160.5px);width:41px;height:53px;background-image:none;background:url(/official/images/pc/bt-3ac82f193d.png) no-repeat center center;background-size:cover;background-position:0}.index .content-02 .swiper-container-feature .swiper-button-next{position:absolute;top:calc(100% - 50.5px);left:calc(50% - -120.5px);width:41px;height:53px;background:url(/official/images/pc/bt-3ac82f193d.png) no-repeat center center;background-size:cover;background-position:100%}.index .content-02 .swiper-container-feature .swiper-pagination{width:176.4px;height:9px;background:url(/official/images/pc/dot_bg-253716e91e.png) no-repeat;background-size:contain;opacity:1;position:relative;left:calc(50% - 88.2px);top:-50px}.index .content-02 .swiper-container-feature .swiper-pagination .swiper-pagination-bullet{width:27.9px;height:27.9px;background:url(/official/images/pc/dot-336964beeb.png) no-repeat;background-size:contain;opacity:1;position:relative;top:-12px}.index .content-02 .swiper-container-feature .swiper-pagination .swiper-pagination-bullet-active{width:27.9px;height:27.9px;background:url(/official/images/pc/active-9e662811a1.png) no-repeat;background-size:contain;position:relative;top:-12px}.index .content-03{position:relative;width:100%}.index .content-03 .separate{overflow:hidden;position:absolute;top:-10px;width:100%;height:172px;background:url(/official/images/pc/pipeline_06-27e7af9407.png) 0 -25px no-repeat;z-index:10}.index .content-03 .separate span{position:absolute;display:block;width:100%;height:88px;margin-top:60px;background:url(/official/images/pc/pipeline-5727c2f8c7.png) center no-repeat}.index .content-03 .bg{position:absolute;bottom:0;left:50%;width:1920px;height:100%;margin-left:-960px;background:#a5c2e4 url(/official/images/pc/content_bg_03-06758300c6.png) 50% no-repeat}.index .content-03 .bg #canvas{position:absolute;top:0;left:50%;width:1920px;height:100%;margin-left:-960px;z-index:8}.index .content-03 .bg .seabed{position:absolute;bottom:0;left:50%;width:1920px;height:156px;margin-left:-960px;z-index:9;background:url(/official/images/pc/seabed_img-fcc2fa3e78.png) no-repeat}.index .content-03 .bg .seaweed{position:absolute;bottom:0;left:50%;width:2196px;height:200px;margin-left:-1098px;z-index:7;background:url(/official/images/pc/seaweed_img-dd69a9af45.png) no-repeat;transform:skew(5deg);animation:seaweedAni 3s ease-in-out infinite}@keyframes seaweedAni{0%{transform:skew(5deg)}60%{transform:skew(-5deg);opacity:.9}}.index .content-03 .bg .fish{position:absolute;left:1980px;bottom:207px;width:2058px;height:314px}.index .content-03 .bg .fish img{position:absolute;top:0;left:0;width:100%;height:100%}.index .content-03 .bg .fish .fish-01{-webkit-transform:translateX(0);animation:fishAni1 43s ease-in-out infinite}.index .content-03 .bg .fish .fish-02{-webkit-transform:translateX(-4200px);animation:fishAni2 36s ease-in-out infinite}@keyframes fishAni1{0%{-webkit-transform:translateX(0)}20%{opacity:1}30%{opacity:.5}40%{opacity:1}90%{opacity:1}100%{-webkit-transform:translateX(-4200px);opacity:0}}@keyframes fishAni2{0%{-webkit-transform:translateX(-4200px)}20%{opacity:1}30%{opacity:.5}40%{opacity:1}90%{opacity:1}100%{-webkit-transform:translateX(0);opacity:0}}.index .content-03 .bg .light{position:absolute;top:0;left:50%;width:736px;height:979px;margin-left:-368px;background:url(/official/images/pc/light_img.png) no-repeat;transform-origin:200% 0;animation:rotateAni 5s ease-in-out infinite}.index .content-03 .title{position:absolute;left:50%;top:52px;width:676px;height:303px;margin-left:-338px;background:url(/official/images/pc/content_title_03-6fee11990f.png) no-repeat;z-index:9}.index .content-03 .main{position:relative;height:100vh;z-index:9}.index .content-03 .main ul .li-box{position:absolute;top:50%;left:50%;cursor:pointer}.index .content-03 .main ul .li-box img{transition:all .5s}.index .content-03 .main ul .li-box:hover:after{opacity:1}.index .content-03 .main ul .li-box:hover{z-index:10}.index .content-03 .main ul .li-box:hover .li-frame div img{transition:all .5s;transform:scale(1.2)}.index .content-03 .main ul .li-box:hover .li-frame span{opacity:1;transition:all .5s}.index .content-03 .main ul .li-box:hover .li-frame a{display:flex}.index .content-03 .main ul .li-box:hover .li-frame a i{opacity:1}.index .content-03 .main ul .li-box:after{position:absolute;top:20px;left:20px;width:100%;height:100%;border-radius:10px;background:rgba(0,0,0,.2);content:"";z-index:-1;opacity:0;transition:all .25s}.index .content-03 .main ul .li-01{margin-left:-600px;margin-top:-10vh;z-index:3;animation:imgUpAndDown 4.3s ease-in-out infinite}.index .content-03 .main ul .li-02{margin-left:-405px;margin-top:-18vh;z-index:4;animation:imgUpAndDown 4.2s ease-in-out infinite}.index .content-03 .main ul .li-03{margin-left:-190px;margin-top:-14vh;z-index:5;animation:imgUpAndDown 4.5s ease-in-out infinite}.index .content-03 .main ul .li-03 .li-frame div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.index .content-03 .main ul .li-04{margin-left:150px;margin-top:-11vh;z-index:3;animation:imgUpAndDown 4s ease-in-out infinite}.index .content-03 .main ul .li-05{margin-left:360px;margin-top:-14vh;z-index:4;animation:imgUpAndDown 5s ease-in-out infinite}.index .content-03 .main ul .li-01,.index .content-03 .main ul .li-02,.index .content-03 .main ul .li-04,.index .content-03 .main ul .li-05{width:235px;height:390px}.index .content-03 .main ul .li-01 .li-frame,.index .content-03 .main ul .li-02 .li-frame,.index .content-03 .main ul .li-04 .li-frame,.index .content-03 .main ul .li-05 .li-frame{position:absolute;display:block;width:100%;height:100%;background:url(/official/images/pc/banner_bg_01-6851961b7d.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.index .content-03 .main ul .li-01 .li-frame div,.index .content-03 .main ul .li-02 .li-frame div,.index .content-03 .main ul .li-04 .li-frame div,.index .content-03 .main ul .li-05 .li-frame div{overflow:hidden;position:absolute;top:8px;left:8px;width:219px;height:374px;border-radius:6px}.index .content-03 .main ul .li-01 .li-frame div img,.index .content-03 .main ul .li-02 .li-frame div img,.index .content-03 .main ul .li-04 .li-frame div img,.index .content-03 .main ul .li-05 .li-frame div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.index .content-03 .main ul .li-01 .li-frame span,.index .content-03 .main ul .li-02 .li-frame span,.index .content-03 .main ul .li-04 .li-frame span,.index .content-03 .main ul .li-05 .li-frame span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:10px;color:#fff;font-size:22px;text-align:center;line-height:374px;background:url(/official/images/pc/mengban-e530704a06.png);opacity:0;transition:all .5s}.index .content-03 .main ul .li-01 .li-frame a,.index .content-03 .main ul .li-02 .li-frame a,.index .content-03 .main ul .li-04 .li-frame a,.index .content-03 .main ul .li-05 .li-frame a{position:absolute;top:50%;left:50%;display:none;width:122px;height:122px;margin:-61px 0 0 -61px;background:url(/official/images/pc/icon_all-370b208bf9.png) -156px -303px no-repeat no-repeat;content:""}.index .content-03 .main ul .li-05 .li-frame a{background:0 0;width:100%;height:100%;margin:0;top:0;left:0}.index .content-03 .main ul .li-05 .li-frame a i{position:absolute;top:50%;left:50%;display:block;width:80px;height:23px;margin:-11px 0 0 -37px;opacity:0;background:url(/official/images/pc/icon_all-370b208bf9.png) 0 -114px no-repeat no-repeat}.index .content-03 .main ul .li-03{width:440px;height:440px}.index .content-03 .main ul .li-03 .li-frame{position:absolute;display:block;width:100%;height:100%;background:url(/official/images/pc/banner_bg_02-ca8bb4993d.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.index .content-03 .main ul .li-03 .li-frame div{overflow:hidden;position:absolute;top:10px;left:10px;width:421px;height:421px;border-radius:6px}.index .content-03 .main ul .li-03 .li-frame span{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:10px;color:#f0eae4;font-size:22px;text-align:center;line-height:374px;background:url(/official/images/pc/mengban-e530704a06.png);opacity:0;transition:all .5s}.index .content-03 .main ul .li-03 .li-frame a{position:absolute;top:50%;left:50%;display:none;width:122px;height:122px;margin:-61px 0 0 -61px;background:url(/official/images/pc/icon_all-370b208bf9.png) -156px -303px no-repeat no-repeat;content:""}@keyframes imgUpAndDown{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(15px)}}.index .content-03 #waves{position:absolute;margin-left:-300px;z-index:1}.index .content-04{position:relative;width:100%}.index .content-04 .separate{overflow:hidden;position:absolute;top:-10px;width:100%;height:169px;background:url(/official/images/pc/pipeline-5727c2f8c7.png) 0 -25px no-repeat;z-index:10}.index .content-04 .separate span{position:absolute;display:block;width:100%;height:186px;margin-top:-52px;background:url(/official/images/pc/pipeline_04-009c75b7ad.png) center no-repeat;z-index:3}.index .content-04 .separate b{position:absolute;top:63px;left:50%;width:68px;height:44px;z-index:2}.index .content-04 .separate .mouse-01{margin-left:960px;animation:mouse 10s ease-in-out infinite}.index .content-04 .separate .mouse-01 i{display:block;width:100%;height:100%;background:url(/official/images/pc/mouse_01-2d5626ab89.png) no-repeat;animation:mouseAni1 .4s steps(2) infinite}.index .content-04 .separate .mouse-02{margin-left:1050px;animation:mouse 10s ease-in-out infinite}.index .content-04 .separate .mouse-02 i{display:block;width:100%;height:100%;background:url(/official/images/pc/mouse_02-6606a5beab.png) no-repeat;animation:mouseAni1 .4s steps(2) infinite}.index .content-04 .title{position:absolute;left:50%;top:0;width:394px;height:281px;margin-left:-197px;background:url(/official/images/pc/content_title_04-103d1c8ba6.png) no-repeat;z-index:9}.index .content-04 .bg{position:absolute;bottom:0;left:50%;width:1920px;height:100%;margin-left:-960px;background:#72686f url(/official/images/pc/content_bg_04-0cd19c3196.png) 50% bottom no-repeat}.index .content-04 .enclosure{position:absolute;bottom:0;left:50%;width:1920px;height:231px;margin-left:-960px;z-index:8}.index .content-04 .enclosure span{position:absolute;top:0;left:0;display:block;width:1920px;height:231px;background:url(/official/images/pc/seabed_img_04-041d6e3e95.png) no-repeat;z-index:2}.index .content-04 .enclosure .torch-01,.index .content-04 .enclosure .torch-02{position:absolute;bottom:143px;width:150px;height:150px;left:50%;z-index:2}.index .content-04 .enclosure .torch-01 i,.index .content-04 .enclosure .torch-02 i{display:block;width:100%;height:100%;background:url(/official/images/pc/combination/torch-067c65e347.png)}.index .content-04 .enclosure .torch-01{margin-left:-728px}.index .content-04 .enclosure .torch-01 i{animation:huobaAni 1.1s steps(13) infinite}.index .content-04 .enclosure .torch-02{margin-left:578px}.index .content-04 .enclosure .torch-02 i{animation:huobaAni 1.1s steps(13) infinite}.index .content-04 .amazed-snail{position:absolute;bottom:136px;left:291px;display:block;width:157px;height:208px;background:url(/official/images/pc/amazed_snail-1360f9a6c4.png) no-repeat;z-index:7;cursor:pointer}.index .content-04 .rubberBand2{animation-name:rubberBand2;animation-duration:.8s;-webkit-animation-duration:.8s;animation-delay:.2s;-webkit-animation-delay:.2s}.index .content-04 .main{position:absolute;top:50%;left:50%;width:710px;height:550px;margin:-200px 0 0 -355px;z-index:10;transform:scale(.9)}.index .content-04 .main .swiper-container-card{position:absolute;width:100%;height:511px}.index .content-04 .main .swiper-container-card .swiper-slide{position:relative;width:296px;height:511px;opacity:0}.index .content-04 .main .swiper-container-card .swiper-slide img{display:block;width:296px;height:511px;-o-object-fit:cover;object-fit:cover}.index .content-04 .main .swiper-container-card .swiper-slide-active,.index .content-04 .main .swiper-container-card .swiper-slide-next,.index .content-04 .main .swiper-container-card .swiper-slide-prev{opacity:1}.index .content-04 .main .swiper-container-card .swiper-slide-active{overflow:initial!important}.index .content-04 .main .swiper-container-card .swiper-pagination2{position:absolute;display:flex;bottom:-7%;justify-content:center;align-items:center}.index .content-04 .main .swiper-container-card .swiper-pagination2 .swiper-pagination-bullet{width:25px;height:25px;background:url(/official/images/pc/postcard/dot_01-f282ddf634.png) no-repeat;opacity:1;transform:scale(.8);margin:0;margin:0 5px}.index .content-04 .main .swiper-container-card .swiper-pagination2 .swiper-pagination-bullet-active{width:31px;height:31px;background:url(/official/images/pc/postcard/dot_02-1cbf47243a.png) no-repeat;transform:scale(.8)}.index .content-04 .main .swiper-container-card .swiper-button-prev{position:absolute;top:46.5%;left:-7%;width:53px;height:61px;background:url(/official/images/pc/postcard/left_arrow-53501fa246.png) no-repeat;animation:playBtnAni 1s ease-in-out infinite}.index .content-04 .main .swiper-container-card .swiper-button-next{position:absolute;top:46.5%;right:-7%;width:53px;height:61px;background:url(/official/images/pc/postcard/right_arrow-f6d0e00e76.png) no-repeat;animation:playBtnAni 1s ease-in-out infinite}.index .content-05{width:100%;height:164px;background:#282f3e;z-index:12}.index .content-05 .footer-content{position:absolute;left:50%;width:622px;padding:45px 0 40px;margin-left:-600px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;background:#282f3e;color:#fff;font-size:22px;line-height:30px}.index .content-05 .footer-content .l-logo{width:204px;display:flex;justify-content:space-between}.index .content-05 .footer-content .l-logo img{display:block;width:100%;height:100%}.index .content-05 .footer-content .l-logo img:nth-child(1){width:71px;height:71px}.index .content-05 .footer-content .l-logo img:nth-child(3){width:95px;height:71px}.index .content-05 .footer-content .l-logo .line{display:block;width:1px;height:47.5px;margin-top:12px;background:#c3c5c7}.index .content-05 .footer-content .r-content p{font-size:22px;line-height:28px;color:#fff}.index .content-05 .footer-content .r-content p a{color:#fff}.index .content-05 .footer-content .r-content p:nth-child(1){font-size:26px;margin-top:11px}.index .rocket{display:none;overflow:hidden;position:absolute;bottom:10px;right:22px;width:110px;height:182px;z-index:10;animation:rocket 4s linear infinite}.index .rocket .return-btn{display:block;width:200px;height:200px;margin-left:-40px}.index .rocket .return-btn:after{display:block;width:100%;height:100%;background:url(/official/images/pc/combination/rocket-f169600c07.png) no-repeat;animation:rocketAni 1s steps(8) infinite;content:""}.index .rocket-ani{bottom:100vh;transition:all 1s}.index .popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/official/images/pc/mengban-e530704a06.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:12}.index .video-wrap .popup-video{display:none;position:absolute;top:50%;left:50%;width:837px;height:520px;margin:-260px 0 0 -418px;background:url(/official/images/pc/popup_video-89c5ff5d4a.png) no-repeat;z-index:2}.index .video-wrap .popup-video .popup-box{overflow:hidden;position:absolute;top:10px;left:10px;width:817px;height:500px;border-radius:5px;z-index:9}.index .video-wrap .popup-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.index .video-wrap .popup-bg .close-btn{position:absolute;top:50%;left:50%;width:96px;height:94px;margin:-280px 0 0 410px;cursor:pointer}.index .video-wrap .popup-bg .close-btn:after{position:absolute;top:25px;left:27px;width:46px;height:46px;background:url(/official/images/pc/close_bg_02-7c306061a7.png) no-repeat;content:"";-webkit-transform:rotate(0);transition:all .5s}.index .video-wrap .popup-bg .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.index .leidian-wrap .popup-leidian{display:none;position:absolute;top:50%;left:50%;width:1088px;height:835px;margin:-417.5px 0 0 -544px;background:url(/official/images/pc/leidian_popup_bg-c88a3f1710.png) no-repeat;padding-top:300px;z-index:2}.index .leidian-wrap .ld-content-box{display:block;width:966px;height:491px;overflow:auto;margin:0 auto}.index .leidian-wrap .ld-content-box .content{width:918px;height:1815px;background:url(/official/images/pc/leidian_content-6c3f238393.png) no-repeat;margin:0 auto;margin-left:26.5px}.index .leidian-wrap .ld-content-box::-webkit-scrollbar{width:8px;height:1px}.index .leidian-wrap .ld-content-box::-webkit-scrollbar-thumb{border-radius:4px;border:2px solid #ccb8a6;background-color:#ccb8a6}.index .leidian-wrap .close-btn{position:absolute;top:50%;left:50%;width:96px;height:94px;margin:-490px 0 0 540px;cursor:pointer}.index .leidian-wrap .close-btn:after{position:absolute;top:25px;left:27px;width:46px;height:46px;background:url(/official/images/pc/close_bg_02-7c306061a7.png) no-repeat;content:"";-webkit-transform:rotate(0);transition:all .5s}.index .leidian-wrap .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.index .leidian-wrap .popup-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.index-show{opacity:1;transition:all .5s}.hint{display:none;position:absolute;top:50%;left:50%;min-width:260px;height:60px;margin:-20px 0 0 -130px;z-index:10}.hint .hint_wrap{display:flex;justify-content:center;align-items:center;font-size:30px;color:#fff;background:#000;border-radius:10px;letter-spacing:2px;width:100%;height:100%;padding:0 20px;box-sizing:border-box;opacity:.7}.preloading{overflow-y:hidden;position:fixed;top:50%;left:50%;width:1920px;height:1080px;margin-top:-540px;margin-left:-960px;background:url(/official/images/pc/index_bg4-127c5e9c4e.png) 50% no-repeat;z-index:9999}.preloading .loding_time{position:absolute;top:50%;left:50%;width:588px;height:100px;margin:20px 0 0 -294px;background:url(/official/images/pc/m_jdt-1487ec3958.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:1}.preloading .loding_time div{position:absolute;bottom:43px;left:33px;width:509px;height:24px}.preloading .loding_time span{position:absolute;position:relative;display:block;width:10%;height:24px;border-radius:50px;background:url(/official/images/pc/m_dt_sz-3a9f90d383.png);-ms-background-size:auto 100%;background-size:auto 100%}.preloading .loding_time span:before{position:absolute;top:-22px;right:-1%;display:block;width:40px;height:47px;background:url(/official/images/pc/m_dt_t-b11206f648.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:""}.preloading .loding_time b{position:absolute;bottom:-30px;left:0;width:100%;color:#fff;text-shadow:1px 1px 1px #7d5f5f,-1px -1px 1px #7d5f5f,1px -1px 1px #7d5f5f,-1px 1px 1px #7d5f5f;font-size:28px;text-align:center}.preloading .bg{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.32);content:""}.preloading:after .preloading-ani{animation-fill-mode:forwards;animation:preloadingAni .8s}.orientation-portrait{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#fff;display:none;background:url(/official/images/pc/fanzhuan_bg_2-8d9ab60b75.png) 50% no-repeat;background-size:cover;transition:all 0}.orientation-portrait div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:rgba(0,0,0,.5);transition:all 0}.orientation-portrait div img{width:681px;height:242px;margin-top:-200px}.contact .contact-main{min-height:600px}.contact .center-main{width:1012px;margin:0 auto}.contact .center-main #error-area{display:none;margin-top:40px;padding:12px 10px;border:1px solid #fb812b;border-radius:5px;color:#fb812b}.contact .center-main #error-area li{display:none;line-height:28px}.contact .center-main #error-area li:nth-last-child(1){margin:0}.contact .center-main h2{padding:40px 0 15px;color:#565656;font-weight:700;font-size:22px}.contact .center-main h3{padding-top:20px;padding-bottom:11px;color:#565656;font-size:20px}.contact .center-main h3 strong{margin-left:5px;font-size:14px;color:#c69e7b;font-weight:700}.contact .center-main p{padding:6px 0 20px;font-size:14px}.contact .center-main input,.contact .center-main label,.contact .center-main select{display:block;width:100%;margin:0;padding:0}.contact .center-main label,.contact .center-main select{height:50px}.contact .center-main input{height:44px}.contact .center-main label input,.contact .center-main select{border:3px solid #9f8c7f;border-radius:11px;background:#f9f4ef;font-size:18px;text-indent:20px;color:#917f73}.contact .center-main .file-list{position:relative;width:auto;line-height:50px;border:none;border-radius:0;background:0 0;text-indent:0;z-index:1}.contact .center-main .file-list li{display:flex;height:47px;margin-bottom:15px;line-height:47px}.contact .center-main .file-list li a{display:block;width:96px;height:40px;padding:0 10px;border-radius:11px;border:3px solid #9f8c7f;line-height:40px;color:#917f73;background:#f9f4ef;text-align:center;cursor:pointer;transition:all .5}.contact .center-main .file-list li a:hover{opacity:.8}.contact .center-main .file-list li span{padding-left:10px}.contact .center-main #upload{position:relative}.contact .center-main #upload label{position:relative}.contact .center-main .add-file{position:relative;width:auto;height:47px;line-height:50px;border:none;border-radius:0;background:0 0;text-indent:0;opacity:0;z-index:1;cursor:pointer}.contact .center-main .file-btn{position:absolute;top:0;left:0;display:flex;line-height:50px}.contact .center-main .file-btn a{display:block;height:40px;padding:0 10px;border-radius:11px;border:3px solid #9f8c7f;line-height:40px;color:#917f73;background:#f9f4ef;text-align:center;cursor:pointer}.contact .center-main .file-btn span{padding-left:10px}.contact .center-main textarea{display:block;height:400px;width:96%;padding:20px 2%;border-radius:11px;border:3px solid #9f8c7f;background:#f9f4ef;resize:none;color:#917f73}.contact .center-main textarea:focus{border-radius:10px}.contact .center-main .error{border:1px solid #fed9b8;background:#fed9b8}.contact .center-main .time-box{display:flex}.contact .center-main .time-box label{width:140px}.contact .center-main .time-box label input{height:44px}.contact .center-main .time-box div{display:flex;line-height:52px}.contact .center-main .time-box #input-date{width:140px;cursor:pointer}.contact .center-main .time-box .js-select{width:80px;margin-left:20px;cursor:pointer}.contact .center-main .time-box .txt-sup{margin-left:10px;font-size:16px}.contact .center-main-confirm{display:none;width:1012px;margin:0 auto}.contact .center-main-confirm h2{padding:40px 0 15px;color:#333;font-weight:700;font-size:26px}.contact .center-main-confirm h3{padding-top:20px;padding-bottom:0;color:#565656;font-size:20px;font-weight:700}.contact .center-main-confirm h5{font-size:16px;margin-bottom:10px}.contact .center-main-confirm p{color:#ff0101;font-size:14px}.contact .center-main-confirm .describe{width:450px;margin:0 auto}.contact .center-main-confirm .describe p{padding:0;color:#626269;line-height:20px;font-size:13px}.contact .center-main-confirm .btn-box{width:790px;height:82px;margin:0 auto;padding:40px 0;display:flex;justify-content:space-between}.contact .center-main-confirm .btn-box a{display:block;width:315px;height:82px}.contact .center-main-confirm .btn-box a:nth-child(1){background:url(/official/images/pc/sr_btn.png) 0 -82px no-repeat;-webkit-filter:grayscale(1)}.contact .center-main-confirm .btn-box a:nth-child(2){background:url(/official/images/pc/sr_btn.png) 0 -164px no-repeat}.contact .feedback-main-confirm p{color:#333}.contact .feedback-main-confirm .confirm-inf{padding:50px 0}.contact .feedback-results{display:none;width:1012px;margin:0 auto}.contact .feedback-results h2{padding:40px 0 15px;color:#565656;font-weight:700;font-size:22px}.contact .feedback-results .results-box{width:520px;margin:0 auto;padding:150px 0 120px}.contact .feedback-results .results-box .results{padding-bottom:20px;font-size:20px;text-align:center}.contact .feedback-results .results-box p{font-size:18px}.contact .feedback-results .btn-box{width:790px;height:82px;margin:0 auto;padding:40px 0}.contact .feedback-results .btn-box a{display:block;width:315px;height:82px;margin:0 auto}.contact .feedback-results .btn-box a:nth-child(1){background:url(/official/images/pc/sr_btn.png) 0 -82px no-repeat}.contact .information-submission .btn-box{width:316px;height:82px;margin:0 auto}.contact .information-submission .btn-box a{display:block;width:100%;height:82px;background:url(/official/images/pc/sr_btn.png) no-repeat}.contact .information-submission .feedback-btn{margin:50px auto}.contact .information-submission .check-agree{width:450px;padding:12px 0 25px;margin:0 auto;display:flex;align-items:center;justify-content:center}.contact .information-submission .check-agree .checked{display:block;width:16px;height:16px;margin-right:10px;border:1px solid #00deff;border-radius:2px;cursor:pointer}.contact .information-submission .check-agree .on{background:url(/official/images/pc/Hook.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.contact .information-submission .check-agree a{color:#00deff;text-decoration:underline}.contact .information-submission .describe{display:block;width:450px;margin:0 auto}.contact .information-submission .describe p{padding:0;color:#626269;line-height:20px;font-size:13px}.friendship{width:100%;min-width:1000px;height:auto;margin:0 auto;background:#061019}.friendship .f-header{position:relative;width:100%;height:296px;background:url(/official/images/pc/f_header_bg.jpg) center no-repeat}.friendship .f-header .logo{position:absolute;top:21px;left:60px;width:303px;height:80px}.friendship .f-header .logo img{display:block;width:100%;height:100%}.friendship .f-header .other{position:absolute;top:21px;right:48px;width:auto;height:31px}.friendship .f-header .other a{position:relative;float:right;padding-bottom:7px;color:#000;font-weight:700;font-size:18px}.friendship .f-header .other a:after{position:absolute;bottom:0;left:50%;width:17px;height:3px;margin-left:-8.5px;background:#961e23;content:"";transition:all .5s}.friendship .f-header .other a:hover{opacity:.8}.friendship .f-header .other a:hover:after{left:0;width:100%;margin-left:0;transition:all .5s}.friendship .f-main{width:100%;height:auto;background:#bdc6ba url(/official/images/pc/main_bottom_bg.png) bottom no-repeat}.friendship .f-main .main-box{width:1000px;min-height:800px;margin:0 auto}.friendship .f-main .main-box ul{display:block;padding-top:100px}.friendship .f-main .main-box ul li{float:left;width:136px;margin:0 15px 15px}.friendship .f-main .main-box ul li a{border:1px solid #ccc;transition:all .5s}.friendship .f-main .main-box ul li a{display:block;width:100%;height:100%}.friendship .f-main .main-box ul li a:hover{transform:scale(1.05);transition:all .25s}.friendship .slide-footer{display:none}@media screen and (max-height:854px){.index .content-01 .banner,.index .content-03 .main,.index .popup .popup_box{transform:scale(.9)}.index .content-01 .title{transform:scale(1)}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide{z-index:1}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide-active{z-index:2}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide-active .main{z-index:9}.index .content-02 .title{transform:translate(-50%,-50%) scale(.9);transform-origin:top center}.index .content-02 .swiper-container-feature .swiper-slide-active .main{transform:translate(-50%,-50%) scale(.85);transform-origin:center center;z-index:9}.index .content-03 .title,.index .content-04 .title{transform:scale(.9);top:25px}.index .content-03 .main{height:93vh}.index .content-04 .main{transform:scale(.8)}.index .content-04 .enclosure{bottom:-20px}.index .content-01 .bg .role-1{margin:-470px 0 0 499px}.index .content-01 .bg .role-2{margin:-444px 0 0 -1055px}.index .content-01 .bg .role-3{margin:-337px 0 0 -564px}}@media screen and (max-height:810px){.preloading{transform:scale(.7)}.index .content-03 .main,.index .popup .popup_box{transform:scale(.85)}.index .content-01{background:#e98e8f}.index .content-01 .title{transform:scale(1)}.index .content-01 .banner{transform:scale(.75);margin-top:-270px;margin-left:-350px}.index .content-01 .bg{transform:scale(.8)}.index .content-04 .main{transform:scale(.8)}.index .content-03 .bg .seabed,.index .content-03 .bg .seaweed{bottom:-20px}}@media screen and (max-height:768px){.index .header{min-width:auto}.index .swiper-slide .separate{top:-20px}.index .swiper-slide .title{top:10px}.index .content-01 .title{transform:scale(1)}.index .content-03 .bg .seabed,.index .content-03 .bg .seaweed,.index .content-04 .enclosure{bottom:-40px}.index .popup .popup_box,.index .swiper-slide .title .content-03 .main{transform:scale(.8)}.index .content-04 .main{transform:scale(.72);margin:-210px 0 0 -356px}.index .content-04 .amazed-snail{left:405px;transform:scale(.8)}.index .content-05{height:166px}.index .content-05 .footer-content{margin-left:-480px}.preloading{transform:scale(.75)}}@media screen and (max-height:730px){.index .content-03 .bg .seabed,.index .content-03 .bg .seaweed,.index .content-04 .enclosure{bottom:-75px}}@media screen and (max-height:650px){.preloading{transform:scale(.75)}.header .icon{transform:scale(.8)}.index .content-01 .banner{transform:scale(.65);margin-top:-337px}.index .content-01 .bg{transform:scale(.75)}.header .hidden-link-box{right:0}}@media screen and (max-height:550px){.index .content-01 .banner{transform:scale(.52);margin-top:-270px}.index .content-01 .bg{transform:scale(.6)}.index .content-01 .banner,.index .content-03 .main,.index .content-04 .main,.index .popup .popup_box,.index .swiper-slide .title{transform:scale(.6)}}@media screen and (max-width:1880px){.index .reward{right:10%}}@media screen and (max-width:1780px){.index .reward{right:5%}}@media screen and (max-width:1560px){.index .content-01 .banner{transform:scale(.8)}.index .content-01 .bg{transform:scale(.9)}.preloading{transform:scale(.8)}}@media screen and (max-width:1366px){.index .content-01 .bg{transform:scale(.95)}.preloading{transform:scale(.8)}.index .content-01 .banner{transform:scale(.9)}.content-02 .index .content-02 .swiper-container-snail .swiper-slide{z-index:1}.content-02 .index .content-02 .swiper-container-snail .swiper-slide-active{z-index:2}.content-02 .index .content-02 .swiper-container-snail .swiper-slide-active .main{z-index:9}.content-02 .title{transform:translate(-50%,-50%) scale(.8);transform-origin:top center}.content-02 .text{transform:scale(.8)}.content-02 .eye_box{transform:scale(.8)}.index .content-04 .amazed-snail{left:450px;transform:scale(.75)}.index .rocket{right:auto;left:990px}}@media screen and (max-width:1200px){.index .content-01 .banner{transform:scale(.75);margin-left:-350px}.content-02 .swiper-container-feature .swiper-slide-active .snail_box{transform:scale(.7);transform-origin:bottom right}.content-02 .swiper-container-feature .swiper-slide-active .main{z-index:9}.content-02 .title{transform:translate(-50%,-50%) scale(.7);transform-origin:top center}.index .content-04 .amazed-snail{left:450px;transform:scale(.75)}.index .content-01 .title{transform:scale(.8)}.index .content-04 .title{transform:scale(.75);top:5px}.index .rocket{right:auto;left:990px}}@media (orientation:portrait){.index{opacity:1}.orientation-portrait{display:block}}.turn{transform:rotateY(180deg)}@keyframes ani4{0%{transform:scale(1)}80%{transform:scale(1.1)}100%{transform:scale(1.05)}}@keyframes rotateAni{0%{transform:rotate(0)}50%{transform:rotate(3deg);opacity:.2}}@keyframes huobaAni{from{background-position:0 0}to{background-position:-1950px 0}}@keyframes playBtnAni{0%{transform:scale(1)}50%{transform:scale(.9)}}@keyframes preloadingAni{0%{transform:scale(1);opacity:1}100%{opacity:0;transform:scale(2)}}@keyframes Beat{0%{transform:translateY(0)}60%{transform:translateY(10px)}}@keyframes rocket{0%{transform:translateY(0)}25%{transform:translateY(5px)}75%{transform:translateY(-5px)}100%{transform:translateY(0)}}@keyframes rocketAni{from{background-position:0 0}to{background-position:-1600px 0}}@keyframes rubberBand2{0%{transform:translateY(0) scale3d(1,1,1)}30%{transform:translateY(-50px) scale3d(1.25,.75,1)}40%{transform:translateY(-55px) scale3d(.75,1.25,1)}50%{transform:translateY(-50px) scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:translateY(0) scale3d(1,1,1)}}@keyframes WobbleAni2{0%{transform:rotate(0)}50%{transform:rotate(-2deg)}}@keyframes WobbleAni3{0%{transform:translate(0,0)}60%{transform:translate(-10px,10px)}}@keyframes draculaAni{0%{transform:rotate(0) scale(.5)}50%{transform:rotate(-2deg) scale(.5)}100%{transform:scale(.5)}}@keyframes hlnAni{0%{transform:rotate(0)}50%{transform:rotate(-2deg)}100%{transform:scale(1)}}@keyframes chunjiAni{0%{transform:rotate(0) scale(.5)}50%{transform:rotate(5deg) scale(.5)}100%{transform:rotate(0) scale(.5)}}@media screen and (max-width:1590px){.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide{z-index:1}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide-active{z-index:2}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide-active .main{z-index:9}.index .content-02 .title{transform-origin:top center}.index .content-02 .swiper-container-feature .swiper-slide-active .snail_box{transform:scale(.95);transform-origin:bottom right}.index .content-02 .swiper-container-feature .swiper-slide-active .main{transform:translate(-50%,-50%) scale(.95);transform-origin:center center;z-index:9}}
/*# sourceMappingURL=style_index-eda357624e.css.map */