@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:32px 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:1080px;margin:0 auto}.wraper .bg div.bg2::before{content:"";position:absolute;left:0;top:20px;width:100%;height:146px;z-index:11}.wraper.bg1 .bg1{background:url(../images/bg1_img_01.jpg) repeat-y center top}.wraper.bg1 .bg2{background:url(../images/bg1_img_02.jpg) repeat-y center top;position:relative}.wraper.bg1 .bg2::before{background:url(../images/tit-1.png) no-repeat center center}.wraper.bg1 .bg3{background:url(../images/bg1_img_03.jpg) repeat-y center top}.wraper.bg1 .bg4{height:1310px;background:url(../images/bg1_img_04.jpg) repeat-y center top}.wraper.bg1 .btn-more{width:457px;height:94px;position:absolute;left:50%;top:4382px;margin-left:-228px;text-indent:-9999px;background:url(../images/btn-1.png) no-repeat}.wraper.bg1 .btn-more:hover{background-position:center bottom}.wraper.bg2 .bg1{background:url(../images/bg1_img_01.jpg) repeat-y center top}.wraper.bg2 .bg2{background:url(../images/bg2_img_02.jpg) repeat-y center top;position:relative}.wraper.bg2 .bg2::before{background:url(../images/tit-2.png) no-repeat center center}.wraper.bg2 .bg3{height:1194px;background:url(../images/bg2_img_03.jpg) repeat-y center top}.wraper.bg2 .content .btn{width:1250px;top:3174px;margin-left:-624px}.wraper.bg2 .content .btn a{margin:0 91px 0;width:121px;height:34px;background:url(../images/btn-2.png) no-repeat;text-indent:-9999px}.wraper.bg2 .content .btn a:hover{background-position:center bottom}.wraper.bg3 .bg1{background:url(../images/bg1_img_01.jpg) repeat-y center top}.wraper.bg3 .bg2{background:url(../images/bg3_img_02.jpg) repeat-y center top;position:relative}.wraper.bg3 .bg2::before{background:url(../images/tit-3.png) no-repeat center center}.wraper.bg3 .bg3{background:url(../images/bg3_img_03.jpg) repeat-y center top}.wraper.bg3 .bg4{height:644px;background:url(../images/bg3_img_04.jpg) repeat-y center top}.wraper.bg3 .btn-xq{width:377px;height:94px;position:absolute;left:50%;top:1955px;margin-left:-188px;text-indent:-9999px;background:url(../images/btn-3.png) no-repeat}.wraper.bg3 .btn-xq:hover{background-position:center bottom}.wraper #go_top{right:1%;position:fixed;z-index:20;top:1200;box-sizing:border-box;width:262px}.wraper #go_top .gbox{margin:0 auto}.wraper #go_top .gbox a{width:100%;height:46px;display:flex;padding-left:45px;position:relative;align-items:center;color:#c1cbeb;font-size:18px;box-sizing:border-box;margin-bottom:25px;font-weight:bold;font-family:'SimSun','宋体',serif}.wraper #go_top .gbox a::before{content:"";width:44px;height:46px;position:absolute;left:0;top:0;background:url(../images/bg-top-s.png) no-repeat left top}.wraper #go_top .gbox a::after{content:"";width:5px;height:35px;position:absolute;left:20px;top:42px;background:url(../images/bg-top-b.png) no-repeat left top}.wraper #go_top .gbox a.top::after{background:none}.wraper #go_top .gbox a:hover,.wraper #go_top .gbox a.on{color:#fff3ce;text-shadow:0 0 10px #d29b50,0 0 5px #d29b50,0 0 20px #d29b50,0 0 25px #d29b50}.wraper #go_top .gbox a:hover::before,.wraper #go_top .gbox a.on::before{background-position:left bottom}.wraper .content{width:100%;min-width:1200px;margin:0 auto;position:absolute;top:0;left:0}.wraper .content .btn{width:1150px;margin-left:-576px;position:absolute;left:50%;text-align:center}.wraper .content .btn a{width:107px;height:39px;line-height:39px;display:inline-block;background:url(../images/btn-1.jpg) no-repeat;color:#fff;font-size:16px}.wraper .content .btn a:hover{background-position:center bottom}.wraper .content .picBox{width:835px;height:458px;position:absolute;top:1728px;left:50%;margin-left:-417px}.wraper .content .picBox ul li{width:100%;position:absolute;top:0;left:0;list-style-type:none}.wraper .content .picBox ul liactive{display:block}.wraper .content .picBox .arr{width:58px;height:58px;top:210px;text-align:center;display:block;position:absolute;cursor:pointer;text-indent:-9999px;z-index:10}.wraper .content .picBox .arr::after{content:"";background:url(../images/btn-arr.jpg) no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-filter:grayscale(50%);filter:grayscale(50%)}.wraper .content .picBox .arr.Prev{left:-75px}.wraper .content .picBox .arr.Next{right:-75px}.wraper .content .picBox .arr.Next::after{transform:rotateY(180deg)}.wraper .content .picBox .arr:hover::after{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.wraper .content .tabBox{position:absolute;left:50%;margin-left:-623px;top:2235px;width:1249px;height:810px}.wraper .content .tabBox .btn{width:438px;height:63px;position:absolute;left:50%;top:78px;margin-left:-220px;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:1080px;margin:0 auto;position:relative}.wraper .header .layer{width:100%;margin:0 auto;height:1080px;position:relative}.wraper .nav{width:700px;height:184px;position:absolute;left:50%;top:885px;margin-left:-344px;z-index:12}.wraper .nav a{width:202px;height:100%;display:block;float:left;text-indent:-9999px;margin:0 15px}.wraper .nav a span{width:100%;height:100%;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:-228px 0}.wraper .nav a:nth-child(3) span{background-position:-451px 0}.wraper .nav a:hover span{background-position-y:bottom;margin-top:-10px}.wraper .nav a.on span{background-position-y:bottom}.popdiv{width:386px;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:10px;top:9px;cursor:pointer;text-indent:-9999px}#popdiv2{width:426px}#popvd{width:700px;height:462px;background:#000;display:none;z-index:999}#popvd .popbox{width:700px;height:462px;overflow:hidden}#popvd .close{width:48px;height:48px;position:absolute;top:0;right:-50px;display:block;text-indent:-9999px;background:url(https://image.tiancity.com/player/images/close_btn.jpg) no-repeat;cursor:pointer}.wraper #obindex{width:184px;height:128px;position:absolute;top:60px;left:50%;margin-left:240px;z-index:11;text-indent:-999em;background:url(../images/logo.png) no-repeat}.wraper .mark{width:1920px;height:100%;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/mark.png) no-repeat;z-index:5}.wraper .npc{width:1920px;height:1358px;position:absolute;left:50%;top:-138px;margin-left:-1070px;z-index:3}.wraper .npc::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/npc-1.png) no-repeat;animation:breathe 3.5s ease-in-out infinite;transform-origin:bottom center}.wraper .light{width:1920px;height:100%;position:absolute;left:50%;top:0;margin-left:-960px;z-index:2}.wraper .light::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/light.png) no-repeat;animation:opa 3.5s linear infinite}.wraper .slogan{width:1920px;height:100%;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/slogan.png) no-repeat;z-index:6}.wraper .x-1{width:554px;height:509px;position:absolute;left:50%;top:313px;margin-left:195px;z-index:5}.wraper .x-1::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/x-1.png) no-repeat;animation:opa 3.5s linear 1s infinite}.wraper .x-2{width:377px;height:312px;position:absolute;left:50%;top:550px;margin-left:-611px;z-index:5}.wraper .x-2::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/x-2.png) no-repeat;animation:opa 3.5s linear infinite}#obindex{opacity:0;filter:blur(10px)}.layer .bgimg,.layer .light,.layer .npc,.layer .slogan{opacity:0;transform:scale(1.5);filter:blur(10px)}.layer .x-1{transform:translate(-30px, -80px) scale(.8);opacity:0;filter:blur(10px)}.layer .x-2{transform:translate(30px, 80px) scale(.8);opacity:0;filter:blur(10px)}.load_complate #obindex,.load_complate .layer .bgimg,.load_complate .layer .npc,.load_complate .layer .light,.load_complate .layer .slogan,.load_complate .layer .x-1,.load_complate .layer .x-2{filter:blur(0);transform:scale(1) translate(0, 0);opacity:1;transition:all 1s ease}.load_complate .layer .npc{transition-delay:.3s}.load_complate .layer .slogan{transition-delay:.5s}.load_complate .layer .x-1{transition-delay:.6s}.load_complate .layer .x-2{transition-delay:.6s}.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 scale{0%,100%{transform:scale(1) translateY(0);filter:blur(0)}50%{transform:scale(1.05) translateY(10px);filter:blur(1px)}}@keyframes opa{0%,100%{opacity:1;filter:blur(0);transform:scale(1)}50%{opacity:.3;filter:blur(1px);transform:scale(1.003)}}@keyframes breathe{0%,100%{transform:translate(0, 0) scaleY(1) scaleX(1)}50%{transform:translate(0, 0) scaleY(1.008) scaleX(1.009)}}