@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:968px;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:786px;background:url(../images/bg1_img_04.jpg) repeat-y center top}.wraper.bg1 .content .btn{top:3558px}.wraper.bg1 .content .btn a{margin:0 136px 0}.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:850px;background:url(../images/bg2_img_06.jpg) repeat-y center top}.wraper.bg2 .content .btn{top:2454px}.wraper.bg2 .content .btn a{width:190px;height:190px;margin:0 76px 0;background:none;text-indent:-9999px}.wraper.bg2 .content .btn a.btn-11{margin:0 40px 775px 0}.wraper.bg2 .content .btn a.btn-12{margin:0 700px 775px 0}.wraper.bg2 .content .btn a.btn-13{margin:0 778px 332px 0}.wraper.bg2 .content .btn a.btn-14{margin:0 245px 800px 500px}.wraper.bg2 .content .btn a.btn-18{margin:942px 355px 0 281px}.wraper.bg2 .content .pic{width:327px;height:250px;position:absolute;left:50%;top:7155px;margin-left:-476px;overflow:hidden}.wraper.bg2 .content .pic img{width:100%}.wraper #go_top{right:1%;position:fixed;z-index:20;top:1200px;width:140px;border-left:1px solid #7e5f48;border-right:1px solid #7e5f48;background:#f6edd5}.wraper #go_top::after,.wraper #go_top::before{content:"";width:142px;height:33px;position:absolute;left:-1px}.wraper #go_top::after{background:url(../images/top-b.png) no-repeat center top;bottom:-33px}.wraper #go_top::before{background:url(../images/top-t.png) no-repeat center top;top:-33px}.wraper #go_top .gbox{margin:0 auto}.wraper #go_top .gbox a{width:100%;line-height:20px;margin:0 auto 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#76441f;font-weight:bold;font-size:18px;box-sizing:border-box;text-align:center;position:relative;padding:10px 0}.wraper #go_top .gbox a span{width:28px;height:28px;background:#76441f;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-bottom:3px}.wraper #go_top .gbox a::after{display:block;content:'';width:100%;position:absolute;left:0;bottom:-5px;border-bottom:1px dashed #76441f}.wraper #go_top .gbox a.top{width:45px;height:45px;padding-top:20px;border-radius:50%;font-size:16px;background:#76441f;color:#fff;margin-top:40px}.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;left:14px;bottom:27px}.wraper #go_top .gbox a:hover,.wraper #go_top .gbox a.on{background:#ffc24d}.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:104px;height:38px;line-height:38px;display:inline-block;background:#ff8a00;color:#fff;font-size:16px}.wraper .content .btn a:hover{background:#ffa800;color:#fff}.wraper .header{width:100%;height:968px;margin:0 auto;position:relative}.wraper .header .layer{width:100%;margin:0 auto;height:968px;position:relative;overflow:hidden}.wraper .nav{width:540px;height:72px;display:flex;justify-content:space-between;position:absolute;left:50%;top:884px;margin-left:-270px;z-index:12}.wraper .nav a{width:211px;height:72px;display:block;float:left;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:-328px 0}.wraper .nav a:hover span{background-position-y:-81px;margin-top:-10px}.wraper .nav a.on span{background-position-y:-81px}.popdiv{width:380px;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:14px;top:37px;cursor:pointer;text-indent:-9999px}.wraper #obindex{width:122px;height:78px;position:absolute;top:36px;left:50%;margin-left:-61px;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 .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:4}.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:8}#obindex{opacity:0;filter:blur(10px)}.layer .bgimg,.layer .slogan{opacity:0;transform:scale(1.8);filter:blur(10px)}.layer .npc1{transform:translate(100px, 0) scale(1.8) rotate(10deg);opacity:0;filter:blur(10px)}.layer .npc2{transform:translate(-100px, 0) scale(1.8) rotate(-5deg);opacity:0;filter:blur(10px)}.load_complate #obindex,.load_complate .layer .bgimg,.load_complate .layer .npc2,.load_complate .layer .slogan,.load_complate .layer .npc1{filter:blur(0);transform:scale(1) translate(0, 0) rotate(0);opacity:1;transition:all 1s ease}.load_complate .layer .slogan{transition-delay:.4s}.load_complate .layer .bgimg{transition-delay:.1s}.load_complate .layer .npc1{transition-delay:.2s}.load_complate .layer .npc2{transition-delay:.4s}.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}