@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:900px;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{background:url(../images/bg1_img_07.jpg) repeat-y center top}.wraper.bg1 .bg8{height:750px;background:url(../images/bg1_img_08.jpg) repeat-y center top}.wraper.bg1 .content .btn-link{width:388px;height:141px;background:url(../images/btn-2.png) no-repeat;position:absolute;left:50%;top:4818px;margin-left:-193px;text-indent:-9999px}.wraper.bg1 .content .btn-link:hover{filter:brightness(1.1)}.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{background:url(../images/bg2_img_06.jpg) repeat-y center top}.wraper.bg2 .bg7{height:724px;background:url(../images/bg2_img_07.jpg) repeat-y center top}.wraper.bg2 .content .btn{top:4427px}.wraper.bg2 .content .btn a{margin:0 93px 358px}.wraper.bg2 .content .btn a.btn-1{margin-left:957px}.wraper.bg2 .content .btn a.btn-2{margin-left:957px;margin-bottom:1085px}.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{background:url(../images/bg3_img_04.jpg) repeat-y center top}.wraper.bg3 .bg5{background:url(../images/bg3_img_05.jpg) repeat-y center top}.wraper.bg3 .bg6{background:url(../images/bg3_img_06.jpg) repeat-y center top}.wraper.bg3 .bg7{background:url(../images/bg3_img_07.jpg) repeat-y center top}.wraper.bg3 .bg8{background:url(../images/bg3_img_08.jpg) repeat-y center top}.wraper.bg3 .bg9{background:url(../images/bg3_img_09.jpg) repeat-y center top}.wraper.bg3 .bg10{background:url(../images/bg3_img_10.jpg) repeat-y center top}.wraper.bg3 .bg11{height:556px;background:url(../images/bg3_img_11.jpg) repeat-y center top}.wraper.bg3 .btn-link{width:266px;height:92px;background:url(../images/btn-2.png) no-repeat;position:absolute;left:50%;text-indent:-9999px}.wraper.bg3 .btn-link.btn-1{top:4689px;margin-left:-344px}.wraper.bg3 .btn-link:hover{filter:brightness(1.1)}.wraper.bg3 .pic{width:277px;height:486px;position:absolute;top:5339px;left:50%;margin-left:270px}.wraper.bg3 .pic img{width:100%}.wraper.bg3 #go_top{width:340px;height:452px;background:url(../images/top-2.png) no-repeat}.wraper.bg3 #go_top .gbox a{width:214px;font-size:15px;padding:0 5px}.wraper.bg3 #go_top .gbox a.top{bottom:48px}.wraper #go_top{right:1%;position:fixed;z-index:20;top:1200px;width:211px;height:281px;background:url(../images/top-1.png) no-repeat}.wraper #go_top .gbox{margin:0 auto;padding-top:35px}.wraper #go_top .gbox a{width:132px;height:35px;margin:0 auto 10px;display:flex;flex-direction:column;justify-content:center;color:#fff;font-size:16px;box-sizing:border-box;position:relative;padding:0 10px;font-weight:bold}.wraper #go_top .gbox a.top{width:43px;height:43px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);padding-top:10px;align-items:center;font-size:14px;background:#fff;border-radius:50%;font-weight:bold;color:#db4e4b}.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 #db4e4b transparent;position:absolute;left:calc(50% - 8px);bottom:26px}.wraper #go_top .gbox a.top:hover,.wraper #go_top .gbox a.top.on{background:#fff;filter:brightness(1.3)}.wraper #go_top .gbox a:hover,.wraper #go_top .gbox a.on{background:#bd3510}.wraper .content{width:100%;min-width:1200px;margin:0 auto;position:absolute;top:0;left:0}.wraper .content .btn{width:1200px;margin-left:-600px;position:absolute;left:50%;text-align:center}.wraper .content .btn a{width:110px;height:38px;line-height:35px;display:inline-block;background:url(../images/btn-1.png) no-repeat;color:#fff2cd;font-size:16px}.wraper .content .btn a:hover{background-position:center bottom;color:#fff2cd}.wraper .header{width:100%;height:900px;margin:0 auto;position:relative}.wraper .header .layer{width:100%;margin:0 auto;height:900px;position:relative;overflow:hidden}.wraper .nav{width:960px;height:83px;position:absolute;left:50%;top:725px;margin-left:-480px;z-index:12;display:flex;justify-content:space-between}.wraper .nav a{width:290px;height:100%;display:block;text-indent:-9999px}.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:-327px 0}.wraper .nav a:nth-child(3) span{background-position:-652px 0}.wraper .nav a:hover span{background-position-y:bottom;margin-top:-10px}.wraper .nav a.on span{background-position-y:bottom}.popdiv{width:360px;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}#popdiv2,#popdiv4{width:460px}.wraper #obindex{width:124px;height:77px;position:absolute;top:55px;left:50%;margin-left:-62px;z-index:10;text-indent:-999em;background:url(../images/logo.png) no-repeat}.wraper .bgimg{width:1920px;height:100%;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/body.jpg) no-repeat center top;z-index:1}.wraper .mask{width:1920px;height:100%;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/mask.png) no-repeat center top;z-index:9;pointer-events:none}.wraper .slogan{width:1920px;height:100%;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/slogan.png) no-repeat;z-index:7}.wraper .npc1{width:1920px;height:100%;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/npc-1.png) no-repeat center top;z-index:3}.wraper .npc2{width:1920px;height:100%;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/npc-2.png) no-repeat center top;z-index:3}.wraper #tree-1{z-index:8}#obindex{opacity:0;filter:blur(10px)}.layer .bgimg,.layer .slogan{opacity:0;transform:scale(1.5);filter:blur(10px)}.content .nav{opacity:0;transform:scale(1.5) translate(0, 150px);filter:blur(10px)}.layer .npc1{transform:translate(-200px, 0) scale(1.2);opacity:0;filter:blur(10px)}.layer .npc2{transform:translate(200px, 0) scale(1.2);opacity:0;filter:blur(10px)}.load_complate #obindex,.load_complate .layer .bgimg,.load_complate .layer .slogan,.load_complate .layer .npc1,.load_complate .layer .npc2,.load_complate .content .nav{filter:blur(0);transform:scale(1) translate(0, 0);opacity:1;transition:all 1s ease}.load_complate .layer .slogan{transition-delay:.5s}.load_complate .layer .bgimg{transition-delay:.1s}.load_complate .content .nav{transition-delay:.2s}.load_complate .layer .npc1{transition-delay:.3s}.load_complate .layer .npc2{transition-delay:.3s}.tsparticles{width:100%;height:100%;position:absolute;left:0;top:0}.tsparticles canvas{width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 10%, #000 90%, rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 10%, #000 90%, rgba(0,0,0,0) 100%)}.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)}}