@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: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:888px;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:1291px;background:url(../images/bg1_img_07.jpg) repeat-y center top}.wraper #go_top{width:162px;height:502px;right:1%;position:fixed;z-index:20;top:1200px;box-sizing:border-box;background:url(../images/bg-top.png) no-repeat}.wraper #go_top .gbox{margin:0 auto;padding-top:25px}.wraper #go_top .gbox a{width:146px;height:86px;margin:5px 8px;line-height:22px;text-align:center;display:inline-block;position:relative;color:#7e5f48;font-size:16px;font-weight:bold}.wraper #go_top .gbox a span{width:28px;height:28px;line-height:28px;background:#7e5f48;color:#fff;font-size:18px;text-align:center;display:block;margin:7px auto 0;border-radius:50%}.wraper #go_top .gbox a.top{width:46px;height:46px;line-height:57px;border-radius:50%;background:#7e5f48;color:#fff;position:absolute;bottom:36px;left:50px}.wraper #go_top .gbox a.top::after{display:block;content:'';width:0;border-width:8px 8px 10px 8px;border-style:solid;border-color:transparent transparent #fff transparent;position:absolute;left:14px;top:-1px}.wraper #go_top .gbox a:hover,.wraper #go_top .gbox a.on{background-color:#ffd163;text-decoration:none}.wraper .content{width:100%;min-width:1200px;margin:0 auto;position:absolute;top:0;left:0}.wraper .content .list{width:963px;height:390px;position:absolute;left:50%;top:4596px;margin-left:-474px}.wraper .content .list .con span{position:absolute;left:0;top:0;display:none}.wraper .content .list .tab{position:absolute;left:50%;top:400px;margin-left:-58px}.wraper .content .list .tab a{font-size:16px;color:#fff;padding:0 5px}.wraper .content .list .tab a.on{color:#f1b064;text-decoration:underline}.wraper .content .btn{width:1150px;margin-left:-576px;position:absolute;left:50%;text-align:center}.wraper .content .btn a{width:152px;height:62px;line-height:62px;display:inline-block;background:#2a7f6d;color:#fff;font-size:16px}.wraper .content .picBox{position:absolute;left:50%;transform:translateX(-50%)}.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:84px;height:84px;top:228px;text-align:center;display:block;position:absolute;cursor:pointer;text-indent:-9999px;z-index:10}.wraper .content .picBox .arr::after{content:"";background:#b68d65 url(../images/bg-arr.png) no-repeat;width:100%;height:100%;position:absolute;left:0;top:0}.wraper .content .picBox .arr.Prev{left:-46px}.wraper .content .picBox .arr.Next{right:-46px}.wraper .content .picBox .arr.Next::after{transform:rotate(180deg)}.wraper .content .picBox .arr:hover{background-position-y:0}.wraper .header{width:100%;height:888px;margin:0 auto;position:relative;overflow:hidden}.wraper .header #obindex{width:108px;height:67px;position:absolute;top:20px;left:50%;margin-left:-57px;z-index:10;text-indent:-9999px;background:url(../images/logo.png) no-repeat}.wraper .header .layer{width:1200px;height:888px;margin:0 auto;position:relative}.wraper .header .layer span{position:absolute;left:50%}.wraper .header .bgimg{width:1920px;height:898px;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/bg_body.jpg) no-repeat center top;z-index:1}.wraper .header .mark{width:1920px;height:898px;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/mark.png) no-repeat;z-index:5}.wraper .header .npc1{width:1920px;height:898px;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/npc-1.png) no-repeat;z-index:3}.wraper .header .npc2{width:1920px;height:898px;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/npc-2.png) no-repeat;z-index:3}.wraper .header .npc3{width:1920px;height:898px;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/npc-3.png) no-repeat;z-index:3}.wraper .header .npc3::after{width:423px;height:257px;content:"";position:absolute;left:50%;top:283px;margin-left:124px;background:url(../images/light.png) no-repeat;mix-blend-mode:screen}.wraper .header .stone{width:1920px;height:898px;position:absolute;left:50%;bottom:0;margin-left:-960px;z-index:4}.wraper .header .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 .header .slogan{width:1920px;height:898px;position:absolute;left:50%;bottom:-65px;margin-left:-960px;background:url(../images/slogan.png) no-repeat;z-index:6}.wraper .header .cover{width:1920px;height:120px;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/cover.png) no-repeat;z-index:5}.wraper .btn-b1{width:320px;height:56px;position:absolute;left:50%;top:4250px;margin-left:-160px;text-indent:-9999px}#obindex{opacity:0;filter:blur(10px)}.layer .bgimg,.layer .stone{opacity:0;transform:scale(1.2);filter:blur(10px)}.layer .slogan{opacity:0;filter:blur(10px);transform:scale(1.5) translate(0, 150px)}.load_complate #obindex{filter:blur(0);opacity:1;transition:all 1s ease}.layer .npc1{opacity:0;filter:blur(10px);transform:scale(.8) translate(150px, 0)}.layer .npc2{opacity:0;filter:blur(10px);transform:scale(.8) translate(-150px, 0)}.layer .npc3{opacity:0;filter:blur(10px);transform:scale(1.5) translate(0, 150px)}.layer .npc3::after{opacity:0;filter:blur(10px);transform:scale(2) translate(-100px, 0)}.load_complate .layer .bgimg,.load_complate .layer .npc1,.load_complate .layer .npc2,.load_complate .layer .npc3,.load_complate .layer .stone,.load_complate .layer .slogan,.load_complate .layer .npc3::after{filter:blur(0);transform:scale(1) translate(0, 0);opacity:1}.load_complate .layer .bgimg{transition-delay:.2s;transition:all 1s ease}.load_complate .layer .stone{transition-delay:.2s;transition:all 1s ease}.load_complate .layer .slogan{transition-delay:.5s;transition:all 1.5s ease}.load_complate .layer .npc3{transition-delay:.1s;transition:all 1s ease}.load_complate .layer .npc1{transition-delay:.3s;transition:all 1.8s ease}.load_complate .layer .npc2{transition-delay:.3s;transition:all 1.8s ease}.load_complate .layer .npc3::after{transition-delay:.2s;transition:all 2s ease}@keyframes scale{0%,100%{transform:scale(1) translateY(0);filter:blur(0)}50%{transform:scale(1.05) translateY(10px);filter:blur(1px)}}