@import "https://img1.tiancitycdn.com/mh/homepage/v8/css/base.css";html body{background:#383838;width:100%;min-width:1240px;font-family:Microsoft Yahei;overflow-x:hidden}#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:1004px;margin:0 auto}.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{height:940px;background:url(../images/bg1_img_07.jpg) repeat-y center top}.wraper.bg1 .content .btn{top:6794px;margin-left:-573px}.wraper.bg1 .content .btn .btn-1{width:530px;height:80px;text-indent:-9999px;margin:0 auto;background:none}.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:1048px;background:url(../images/bg2_img_06.jpg) repeat-y center top}.wraper.bg2 .content .btn{top:5280px;margin-left:-573px}.wraper.bg2 .content .btn a{margin:0 94px 0;width:110px;height:36px;line-height:36px;background:#802513;text-align:center}.wraper.bg2 .content .btn a:hover{background:#a4321b}.wraper.bg2 .content .btn a.btn-1{position:absolute;right:-10px;top:-1200px}.wraper.bg2 .content .btn a.btn-2{position:absolute;right:-10px;top:-786px}.wraper.bg2 .content .btn a.btn-3,.wraper.bg2 .content .btn a.btn-4,.wraper.bg2 .content .btn a.btn-5{margin-bottom:353px}.wraper.bg2 .content .btn a.btn-6,.wraper.bg2 .content .btn a.btn-7,.wraper.bg2 .content .btn a.btn-8{margin-bottom:213px}.wraper.bg3 .bg2{background:url(../images/bg3_img_02.jpg) repeat-y center top}.wraper.bg3 .bg3{background:url(../images/bg3_img_03.jpg) repeat-y center top}.wraper.bg3 .bg4{height:1166px;background:url(../images/bg3_img_04.jpg) repeat-y center top}.wraper.bg3 #go_top .gbox a{text-align:center;text-indent:0px}.wraper #go_top{right:1%;position:fixed;z-index:20;top:1200;box-sizing:border-box}.wraper #go_top .gbox{margin:0 auto}.wraper #go_top .gbox a{width:145px;height:83px;line-height:17px;background:url(../images/gotop-2.png) no-repeat center top;text-align:left;text-indent:23px;display:block;position:relative;color:#fff;font-size:14px;box-sizing:border-box;padding-top:64px}.wraper #go_top .gbox a.g1{height:124px;background:url(../images/gotop-1.png) no-repeat center top;padding-top:103px}.wraper #go_top .gbox a.top{height:186px;background:url(../images/gotop-3.png) no-repeat center top;text-indent:-9999px}.wraper #go_top .gbox a.g1:hover,.wraper #go_top .gbox a.g1.on{background-image:url(../images/gotop-1-on.png)}.wraper #go_top .gbox a.top:hover,.wraper #go_top .gbox a.top.on{background-image:url(../images/gotop-3-on.png)}.wraper #go_top .gbox a:hover,.wraper #go_top .gbox a.on{background-image:url(../images/gotop-2-on.png);text-decoration:none;color:#ffdeb7;text-shadow:0 0 8px #ffdeb7}.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:112px;height:36px;line-height:36px;display:inline-block;background:#c36705;color:#fff;font-size:16px}.wraper .content .picBox{width:937px;height:521px;position:absolute;top:1865px;left:50%;margin-left:-470px}.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:122px;height:122px;top:185px;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.png) no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.wraper .content .picBox .arr.Prev{left:-70px}.wraper .content .picBox .arr.Next{right:-70px}.wraper .content .picBox .arr.Next::after{transform:rotateY(180deg)}.wraper .content .picBox .arr:hover::after{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.wraper .header{width:100%;height:1004px;margin:0 auto;position:relative;overflow:hidden}.wraper .header #obindex{width:106px;height:66px;display:none;text-indent:-999em;position:absolute;top:40px;left:50%;margin-left:-289px;z-index:10;background:url(../images/logo.png) no-repeat}.wraper .header .layer{width:1200px;height:1004px;margin:0 auto;position:relative}.wraper .nav{width:780px;height:219px;position:absolute;left:50%;top:650px;margin-left:-382px;z-index:12}.wraper .nav a{width:208px;height:219px;display:block;float:left;text-indent:-9999px;margin:0 22px}.wraper .nav a span{width:208px;height:219px;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:-253px 0}.wraper .nav a:nth-child(3) span{background-position:-506px 0}.wraper .nav a:hover span{background-position-y:bottom;margin-top:-10px}.wraper .nav a.on span{background-position-y:bottom}.popdiv{width:451px;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:17px;top:9px;cursor:pointer;text-indent:-9999px}#popdiv1,#popdiv2{width:391px}#popdiv5{width:371px}.wraper .bgimg{width:1920px;height:1004px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/bg_body.jpg) no-repeat center top;z-index:1}.wraper .mark{width:1920px;height:1004px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/mark.png) no-repeat;z-index:5}.wraper .npc{width:1920px;height:899px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/npc.png) no-repeat;z-index:3}.wraper .stone{width:1920px;height:899px;position:absolute;left:50%;top:0;margin-left:-960px;z-index:4}.wraper .stone::after{width:100%;height:100%;content:"";position:absolute;left:0;top:0;background:url(../images/stone.png) no-repeat;animation:scale linear 13s infinite}.wraper .slogan{width:1920px;height:899px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/slogan.png) no-repeat;z-index:6}.wraper #fire{width:1920px;height:899px;position:absolute;left:50%;top:0;margin-left:-960px;z-index:3}.wraper #smoke{width:1920px;height:899px;position:absolute;left:50%;top:0;margin-left:-960px;z-index:2}.wraper .layer #video{width:97px;height:98px;display:block;position:absolute;left:50%;margin-left:-94px;top:230px;z-index:11}.wraper .layer #video::after{content:"";width:100%;height:100%;background:url(../images/bg-video.png) no-repeat;position:absolute;left:0;top:0;transform:scale(1);transition:transform .5s ease}.wraper .layer #video:hover::after{background-position:center bottom;transform:scale(1.1)}.wraper #obindex{opacity:0;filter:blur(10px)}.layer #video,.layer .bgimg,.layer .stone{opacity:0;transform:scale(1.2);filter:blur(10px)}.layer .slogan{opacity:0;filter:blur(10px);transform:scale(1.5)}.layer .npc,.layer #smoke{opacity:0;filter:blur(10px);transform:scale(1.5) 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 .stone,.load_complate .layer .slogan,.load_complate .layer #video,.load_complate .layer #smoke{filter:blur(0);transform:scale(1) translate(0, 0);opacity:1;transition:all 1s ease}.load_complate .layer .bgimg{transition-delay:.2s}.load_complate .layer .npc{transition-delay:.2s}.load_complate .layer .stone{transition-delay:.2s}.load_complate .layer .slogan{transition-delay:.5s}.load_complate .layer #video{transition-delay:1.1s}.load_complate .layer #smoke{transition-delay:.3s}.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)}}