@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:934px;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{height:552px;background:url(../images/bg1_img_04.jpg) repeat-y center top}.wraper.bg1 .content .btn{top:2969px;width:1100px;margin-left:-550px}.wraper.bg1 .content .btn a{width:118px;height:54px;line-height:54px;margin:0 122px 0;background:url(../images/btn-1.png) no-repeat center top;color:#000;text-indent:-9999px}.wraper.bg1 .content .btn a:hover{background-position:center bottom}.wraper.bg1 #go_top{width:279px;height:459px;background:url(../images/bg-top-1.png) no-repeat}.wraper.bg1 #go_top .gbox a{width:200px}.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:1313px;background:url(../images/bg2_img_06.jpg) repeat-y center top}.wraper.bg2 #go_top{width:322px;height:556px;background:url(../images/bg-top-2.png) no-repeat}.wraper.bg2 #go_top .gbox a{width:241px}.wraper #go_top{width:279px;right:1%;position:fixed;z-index:20;top:1200px;box-sizing:border-box;padding-top:24px}.wraper #go_top .gbox{width:100%;margin:0 auto;padding-top:60px}.wraper #go_top .gbox a{height:46px;line-height:46px;margin:0 auto;display:block;position:relative;color:#155ca8;font-size:16px;font-weight:bold;margin-bottom:15px;text-align:left;text-indent:17px}.wraper #go_top .gbox a.top{width:70px;height:70px;line-height:70px;font-size:18px;position:absolute;left:50%;bottom:50px;margin-left:-35px;background:#155ca8;border-radius:50%;color:#fff}.wraper #go_top .gbox a:hover,.wraper #go_top .gbox a.on{background:#155ca8;text-decoration:none;color:#fff}.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:99px;height:34px;line-height:34px;display:inline-block;background:#f5cf4b;color:#fff;font-size:14px}.wraper .header{width:100%;height:934px;margin:0 auto;position:relative;overflow:hidden}.wraper .header #obindex{width:134px;height:84px;position:absolute;top:30px;left:50%;margin-left:-72px;z-index:10;background:url(../images/logo.png) no-repeat;text-indent:-9999px}.wraper .header .layer{width:1200px;height:934px;margin:0 auto;position:relative}.wraper .header .layer span{position:absolute;left:50%}.wraper .nav{width:770px;height:95px;position:absolute;left:50%;top:700px;margin-left:-380px;z-index:12}.wraper .nav a{width:281px;height:95px;display:block;float:left;text-indent:-9999px;margin:0 50px}.wraper .nav a span{width:281px;height:95px;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:-377px 0}.wraper .nav a:hover span{background-position-y:bottom;margin-top:-10px}.wraper .nav a.on span{background-position-y:bottom}.popdiv{width:436px;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:0;cursor:pointer;text-indent:-9999px}#popdiv1{width:376px}.wraper .bgimg{width:1920px;height:934px;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/body.jpg) no-repeat center top;z-index:1}.wraper .beach{width:1920px;height:934px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/beach.png) no-repeat;z-index:5}.wraper .slogan-bg{width:1920px;height:898px;position:absolute;left:50%;top:0;margin-left:-960px;z-index:1}.wraper .slogan{width:1920px;height:898px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/slogan.png) no-repeat;z-index:2}.wraper .sea{width:1920px;height:934px;position:absolute;left:50%;top:0;margin-left:-960px;z-index:4;background:url(../images/sea.png) no-repeat}.wraper .pp{width:1920px;height:898px;position:absolute;left:50%;top:0;margin-left:-960px;z-index:8;pointer-events:none}.wraper .npc1{width:1920px;height:898px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/npc-1.png) no-repeat;z-index:6}.wraper .npc2{width:1920px;height:898px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/npc-2.png) no-repeat;z-index:6}.wraper .npc3{width:1920px;height:898px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/npc-3.png) no-repeat;z-index:1}#obindex,.layer #pp{opacity:0;filter:blur(10px)}.layer .beach{transform:scale(1.1);opacity:0;filter:blur(10px)}.layer .bgimg{opacity:0;filter:blur(10px);transform:scale(1.5)}.layer .slogan-bg,.layer .slogan{opacity:0;filter:blur(10px);transform:scale(1.5) translateY(150px)}.layer .npc1{opacity:0;filter:blur(10px);transform:scale(1.1) translateX(150px)}.layer .npc2,.layer .npc3{opacity:0;filter:blur(10px);transform:scale(1.1) translateX(-150px)}.load_complate #obindex{filter:blur(0);opacity:1;transition:all 1s ease}.load_complate #pp{filter:blur(0);opacity:1;transition:all 1s ease;transition-delay:.2s}.load_complate .layer .bgimg{filter:blur(0);transform:scale(1);opacity:1;transition:all 1s ease;transition-delay:.2s}.load_complate .layer .beach{filter:blur(0);transform:scale(1);opacity:1;transition:all 1s ease;transition-delay:.2s}.load_complate .layer .slogan-bg{filter:blur(0);transform:scale(1) translateY(0);opacity:1;transition:all 1s ease;transition-delay:.3s}.load_complate .layer .slogan{filter:blur(0);transform:scale(1) translateY(0);opacity:1;transition:all 1s ease;transition-delay:.5s}.load_complate .layer .npc1,.load_complate .layer .npc2{filter:blur(0);transform:scale(1) translateX(0);opacity:1;transition:all 1s ease;transition-delay:.6s}.load_complate .layer .npc3{filter:blur(0);transform:scale(1) translateX(0);opacity:1;transition:all 1s ease;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}