body { min-width: 1200px; background: #383838}
#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}
.wrapper { overflow: hidden; position: relative; text-align: center; z-index: 1; zoom: 1; margin: 40px auto 0; max-width: 1920px; min-width: 1200px; height: 1750px; background: url(../images/body.jpg) no-repeat center top;}

.wrapper .header { width: 100%; height: 1750px; margin: 0 auto; position: absolute; top: 0; left: 0; overflow: hidden}
.wrapper .header .layer { width: 100%; height: 1750px}
.wrapper .header .layer .logo { width: 180px; height: 101px; position: absolute; top: 50px; margin-left: 127px; left: 50%; background: url(../images/logo.png) no-repeat; z-index: 10;}
.wrapper .header .layer .slogan { width: 1920px; height: 550px; position: absolute; left: 50%; top: 0; margin-left: -960px; background: url(../images/slogan.png) no-repeat; z-index: 4}
.wrapper .header .layer .npc1 { width: 1920px; height: 1750px; position: absolute; left: 50%; top: 0; margin-left: -960px; background: url(../images/npc-1.png) no-repeat; z-index: 2}
.wrapper .box-1{ width: 1000px; height: 388px; position: absolute; left: 50%; top: 616px; margin-left: -500px; background: url(../images/box-1.png) no-repeat; z-index: 3;}
.wrapper .box-2{ width: 1000px; height: 529px; position: absolute; left: 50%; top: 1082px; margin-left: -500px; background: url(../images/box-2.png) no-repeat; z-index: 3;}