@import "https://img1.tiancitycdn.com/mh/homepage/v8/css/base.css";html body{background:#383838;width:100%;font-family:Microsoft Yahei}#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%;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:#c0c0c0;text-align:center}.wraper{width:100%;margin:90px auto 0;min-width:1200px;max-width:1920px;color:#fff;position:relative;overflow:hidden}.wraper .bg{width:100%;min-width:1200px;margin:0 auto}.wraper .bg div{width:100%;height:1000px;margin:0 auto;image-rendering:pixelated}.wraper.bg1 .bg2{background:url(../images/bg1_img_02.jpg) repeat-y center top}.wraper.bg1 .bg3{background:url(../images/bg1_img_03.jpg) repeat-y center top}.wraper.bg1 .bg4{background:url(../images/bg1_img_04.jpg) repeat-y center top}.wraper.bg1 .bg5{background:url(../images/bg1_img_05.jpg) repeat-y center top}.wraper.bg1 .bg6{background:url(../images/bg1_img_06.jpg) repeat-y center top}.wraper.bg1 .bg7{background:url(../images/bg1_img_07.jpg) repeat-y center top}.wraper.bg1 .bg8{background:url(../images/bg1_img_08.jpg) repeat-y center top}.wraper.bg1 .content .btnbox .btn-1{height:84px;position:absolute;left:0;top:-4498px;background:none;text-indent:-9999px}.wraper.bg1 .content .btnbox .btn-2{height:84px;position:absolute;left:582px;top:-4498px;background:none;text-indent:-9999px}.wraper.bg1 .content .btnbox .btn-3{position:absolute;left:878px;top:-1336px}.wraper.bg1 .content .btnbox .btn-4{position:absolute;left:273px;top:-446px}.wraper.bg1 .content .btnbox .btn-5{position:absolute;left:586px;top:-446px}.wraper.bg1 #go_top{width:190px;height:264px;background:url(../images/bg-top-1.png) no-repeat}.wraper.bg1 #go_top .gbox{padding-top:30px}.wraper.bg1 #go_top .gbox a{background:url(../images/bg-top-1-s.png) no-repeat center bottom;font-size:16px;padding:0 40px}.wraper.bg2 .bg2{background:url(../images/bg2_img_02.jpg) repeat-y center top}.wraper.bg2 .bg3{background:url(../images/bg2_img_03.jpg) repeat-y center top}.wraper.bg2 .bg4{background:url(../images/bg2_img_04.jpg) repeat-y center top}.wraper.bg2 .bg5{background:url(../images/bg2_img_05.jpg) repeat-y center top}.wraper.bg2 .bg6{height:1300px;background:url(../images/bg2_img_06.jpg) repeat-y center top}.wraper.bg2 .linkbox .btn{width:263px;height:74px;background:url(../images/btn-3.png) no-repeat;position:absolute;left:50%;margin-left:-131px;text-indent:-9999px}.wraper.bg2 .linkbox .btn.link-1{top:1914px;background:url(../images/btn-2.png) no-repeat}.wraper.bg2 .linkbox .btn.link-2{top:3860px}.wraper.bg2 .linkbox .btn.link-3{top:4434px}.wraper.bg2 .linkbox .btn:hover{filter:brightness(1.1)}.wraper.bg2 #go_top{width:272px;height:426px;background:url(../images/bg-top-2.png) no-repeat}.wraper.bg2 #go_top .gbox a{background:url(../images/bg-top-2-s.png) no-repeat center bottom}.wraper #go_top{right:1%;position:fixed;z-index:20;top:1200px;width:225px}.wraper #go_top .gbox{margin:0 auto;padding-top:36px}.wraper #go_top .gbox a{width:100%;height:48px;display:flex;flex-direction:column;color:#ffe8b9;font-size:14px;box-sizing:border-box;position:relative;padding:0 35px;line-height:40px}.wraper #go_top .gbox a.top{background:none;text-align:center;font-weight:bold;font-size:16px}.wraper #go_top .gbox a:hover,.wraper #go_top .gbox a.on{color:#c9ff62}.wraper .content{width:100%;min-width:1200px;margin:0 auto;position:absolute;top:0;left:0}.wraper .content .btnbox{width:1200px;margin-left:-600px;position:absolute;left:50%;text-align:center;top:7249px}.wraper .content .btnbox a{width:130px;height:46px;line-height:46px;display:inline-block;background:url(../images/btn-1.png) no-repeat;color:#fff;font-size:16px;margin:0 105px 254px}.wraper .content .btnbox a:hover{background-position:center bottom;color:#fff}.wraper .content .tabBox{position:absolute;left:50%;margin-left:-593px;top:1212px;width:1185px;height:680px}.wraper .content .tabBox .btn{width:510px;height:63px;position:absolute;left:50%;top:8px;margin-left:-255px;z-index:1;text-indent:-9999px;cursor:pointer}.wraper .content .tabBox .btn li{width:50%;height:100%;float:left}.wraper .content .tabBox .show span{position:absolute;left:0;top:0;display:none}.wraper .header{width:100%;height:1000px;margin:0 auto;position:relative;overflow:hidden}.wraper .header #obindex{width:139px;height:86px;left:50%;margin-left:-550px;top:40px;position:absolute;background:url(../images/logo.png) no-repeat;text-indent:-999em;overflow:hidden;display:none;z-index:10}.wraper .header .layer{width:1200px;height:100%;margin:0 auto;position:relative}.wraper .header .layer .npc{width:1920px;height:1000px;position:absolute;top:0;left:50%;margin-left:-960px;z-index:1}.wraper .header .layer .npc::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/npc1.png) center top / contain no-repeat;animation:breathe 3.5s ease-in-out infinite;transform-origin:bottom center}.wraper .header .layer .mask{width:1920px;height:1000px;background:url(../images/mask.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-960px;z-index:5}.wraper .header .layer .bgimg{width:1920px;height:1000px;background:url(../images/bg-header.jpg) no-repeat;position:absolute;top:0;left:50%;margin-left:-960px}.wraper .header .layer .slogan{width:960px;height:409px;position:absolute;top:452px;left:50%;margin-left:-525px;z-index:8}.wraper .header .layer .slogan .slogan-text{width:548px;height:80px;position:absolute;left:207px;top:-24px;background:url(../images/slogan-text.png) no-repeat;z-index:1}.wraper .header .layer .slogan .slogan-name{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/slogan-name.png) no-repeat;z-index:2}.wraper .header .layer .nav{height:44px;position:absolute;right:-33px;top:27px;z-index:10}.wraper .header .layer .nav a{width:123px;height:44px;margin:0 6px;display:block;float:left;font-size:15px;color:#b9d3f5}.wraper .header .layer .nav a span{width:123px;height:44px;line-height:42px;text-align:center;display:block;color:#fff;background:url(../images/nav.png) no-repeat;text-shadow:1px 1px 1px #357003,1px 1px 1px #357003,1px -1px 1px #357003,-1px -1px 1px #357003;transition:margin .3s ease-in-out 0s}.wraper .header .layer .nav a:hover span{margin-top:-10px;filter:brightness(1.3)}.wraper .header .layer .light{position:absolute;left:50%;bottom:0;width:1920px;margin-left:-960px;height:420px;display:block;z-index:1;opacity:10;transform-origin:center top}.wraper .header .layer .light span{position:absolute;left:auto}.wraper .header .layer .lv1{top:45%}.wraper .header .layer .lv2{top:20%}.wraper .header .layer .lv3{top:24%}.wraper .header .layer .lv4{top:28%}.wraper .header .layer .lv5{top:60%}.wraper .header .layer .lv6{top:53%}.wraper .header .layer .lv7{top:50%}.wraper .header .layer .lv8{top:65%}.wraper .header .layer .lv9{top:60%}.wraper .header .layer .lv10{top:50%}.wraper .header .layer .lv11{top:54%}.wraper .header .layer .leave span{z-index:4;position:absolute;right:-100px}.wraper .nav{width:1200px;height:75px;position:absolute;left:50%;top:835px;margin-left:-600px;z-index:12;display:flex;justify-content:center}.wraper .nav a{width:288px;height:75px;display:block;float:left;text-indent:-9999px;margin:0 23px}.wraper .nav a span{width:288px;height:75px;display:block;background:url(../images/nav.png) no-repeat;transition:margin .3s ease-in-out 0s}.wraper .nav a:nth-child(1) span{background-position:0 0}.wraper .nav a:nth-child(2) span{background-position:-326px 0}.wraper .nav a:hover span{background-position-y:-86px;margin-top:-10px}.wraper .nav a.on span{background-position-y:-86px}.popdiv{width:410px;display:none;text-align:center;font-size:18px;color:#fff}.popdiv .close{width:48px;height:48px;background-image:url(about:blank);background-repeat:no-repeat;background-size:cover;position:absolute;right:0;top:0px;cursor:pointer;text-indent:-9999px}#popdiv1{width:376px}#popdiv2,#popdiv6{width:378px}#popdiv3,#popdiv7{width:442px}#popdiv4{width:406px}#popdiv5{width:472px}#popdiv12{width:372px}#popdiv13{width:464px}#popdiv14{width:448px}#obindex{opacity:0;filter:blur(10px)}.layer .bgimg,.layer .btn-vd{opacity:0;transform:scale(1.3);filter:blur(10px)}.layer .slogan-name{opacity:0;filter:blur(10px);transform:scale(1.5)}.layer .slogan-text{opacity:0;filter:blur(10px);transform:translate(0, -150px)}.layer .npc{opacity:0;filter:blur(10px);transform:scale(1.3) translate(-200px, 0)}.load_complate #obindex{filter:blur(0);opacity:1;transition:all 1s ease}.load_complate .layer .bgimg,.load_complate .layer .npc,.load_complate .layer .slogan-text,.load_complate .layer .btn-vd,.load_complate .layer .slogan-name{filter:blur(0);transform:scale(1) translate(0, 0);opacity:1;transition:all 1s ease}.load_complate .layer .npc{transition-delay:.2s}.load_complate .layer .slogan-text{transition-delay:.3s}.load_complate .layer .btn-vd{transition-delay:.6s}.load_complate .layer .slogan-name{transition-delay:.5s}.wraper .nav a{transform:translateY(50px) scale(1.2);opacity:0;filter:blur(10px)}.load_complate .nav a{transform:translateY(0) scale(1);opacity:1;transition:all .5s ease;filter:blur(0)}.load_complate .nav a:nth-child(1){transition-delay:.8s}.load_complate .nav a:nth-child(2){transition-delay:.9s}.load_complate .nav a:nth-child(3){transition-delay:1s}@keyframes scaleing{0%,100%{transform:scale(1);filter:blur(0)}50%{transform:scale(1.03);filter:blur(1px)}}@keyframes breathe{0%,100%{transform:translate(0, 0) scaleY(1) scaleX(1)}50%{transform:translate(0, 0) scaleY(1.008) scaleX(1.009)}}