@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:780px;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{height:654px;background:url(../images/bg1_img_05.jpg) repeat-y center top}.wraper.bg1 .content .btn{width:340px;margin-left:260px;top:3582px}.wraper.bg1 #go_top{width:240px;height:325px;background:url(../images/bg-top-1.png) no-repeat}.wraper.bg1 #go_top .gbox a{width:140px}.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{background:url(../images/bg2_img_07.jpg) repeat-y center top}.wraper.bg2 .bg8{height:1233px;background:url(../images/bg2_img_08.jpg) repeat-y center top}.wraper.bg2 .content .btn{width:1015px;margin-left:-510px;top:1296px}.wraper.bg2 .content .btn a{width:100px;height:118px;background:none;margin:0 112px 165px;text-indent:-9999px}.wraper.bg2 .content .btn a:last-child{margin-left:768px}.wraper.bg2 .content .btn a:hover{background:none}.wraper.bg2 #go_top{width:290px;height:392px;background:url(../images/bg-top-2.png) no-repeat}.wraper.bg2 #go_top .gbox a{width:180px}.wraper #go_top{right:1%;position:fixed;z-index:20;top:1200px;box-sizing:border-box}.wraper #go_top .gbox{margin:0 auto;padding-top:40px}.wraper #go_top .gbox a{width:140px;height:35px;margin:0 auto 20px;line-height:35px;text-align:left;display:block;position:relative;color:#fff;font-size:16px;box-sizing:border-box;padding:0 13px}.wraper #go_top .gbox a.top{width:45px;height:45px;line-height:57px;background:#fff;padding:0;border-radius:50%;position:absolute;bottom:46px;left:50%;margin-left:-22px;color:#db4e4b;text-align:center}.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:14px;top:-1px}.wraper #go_top .gbox a.top:hover{color:#fff}.wraper #go_top .gbox a.top:hover::after{border-color:transparent transparent #fff transparent}.wraper #go_top .gbox a:hover,.wraper #go_top .gbox a.on{background-color:#d54843;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:825px;margin-left:-247px;position:absolute;left:50%;text-align:center;top:3147px}.wraper .content .btn a{width:115px;height:40px;line-height:40px;display:inline-block;background:#ca443f;color:#fff;font-size:16px;margin:0 106px}.wraper .content .btn a:hover{background:#ffb134;text-decoration:none}.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:780px;margin:0 auto;position:relative;overflow:hidden}.wraper .header #obindex{width:108px;height:67px;position:absolute;top:36px;left:50%;margin-left:-306px;z-index:10;text-indent:-9999px;background:url(../images/logo.png) no-repeat}.wraper .header .layer{width:1200px;height:780px;margin:0 auto;position:relative}.wraper .header .layer span{position:absolute;left:50%}.wraper .header .bgimg{width:1920px;height:898px;position:absolute;left:50%;top: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%;top: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%;top:0;margin-left:-960px;background:url(../images/npc-1.png) no-repeat;z-index:4}.wraper .header .npc2{width:1920px;height:898px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/npc-2.png) no-repeat;z-index:3}.wraper .header .slogan{width:1920px;height:898px;position:absolute;left:50%;top:0;margin-left:-960px;background:url(../images/slogan.png) no-repeat;z-index:6}.wraper .header .cover{width:1920px;height:382px;position:absolute;left:50%;bottom:0;margin-left:-960px;background:url(../images/cover.png) no-repeat;z-index:8}.wraper .header #myCanvas{position:absolute;width:1920px;height:780px;top:0;left:50%;margin-left:-960px;z-index:7;pointer-events:none}.wraper .nav{width:770px;height:95px;position:absolute;left:50%;top:647px;margin-left:-385px;z-index:12}.wraper .nav a{width:345px;height:95px;display:block;float:left;text-indent:-9999px;margin:0 20px}.wraper .nav a span{width:345px;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:-383px 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:0;cursor:pointer;text-indent:-9999px}#popdiv2{width:590px}#popdiv3{width:510px}#popdiv4{width:550px}#popdiv5{width:650px}#obindex{opacity:0;filter:blur(10px)}.layer .bgimg{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)}.load_complate .layer .bgimg,.load_complate .layer .npc1,.load_complate .layer .npc2,.load_complate .layer .slogan{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 .slogan{transition-delay:.5s;transition:all 1s ease}.load_complate .layer .npc1{transition-delay:.3s;transition:all 1s ease}.load_complate .layer .npc2{transition-delay:.3s;transition:all 1s ease}.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}