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: 4000px; background: url(../images/body.jpg) no-repeat center top;}

.wrapper .header { width: 100%; height: 1188px; margin: 0 auto; position: absolute; top: 0; left: 0;}
.wrapper .header .layer { width: 100%; height: 1188px}
.wrapper .header .layer .logo { width: 167px; height: 95px; position: absolute; top: 18px; margin-left: 434px; left: 50%; background: url(../images/logo.png) no-repeat; z-index: 10;}
.wrapper .header .layer .slogan { width: 1920px; height: 1188px; 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: 1825px; position: absolute; left: 50%; top: 0; margin-left: -960px; background: url(../images/npc-1.png) no-repeat; z-index: 2}
.wrapper .header .layer .txt { width: 1920px; height: 1188px; position: absolute; left: 50%; top: 0; margin-left: -960px; background: url(../images/txt.png) no-repeat; z-index: 5}
.wrapper .header .layer .cover { width: 1920px; height: 1188px; position: absolute; left: 50%; top: 0; margin-left: -960px; background: url(../images/cover.png) no-repeat; z-index: 1}
.wrapper .box-1{ width: 1200px; height: 1372px; position: absolute; left: 50%; top: 1138px; margin-left: -600px; background: url(../images/box-1.png) no-repeat; z-index: 3;}
.wrapper .box-2{ width: 1200px; height: 1407px; position: absolute; left: 50%; top: 2593px; margin-left: -600px;  z-index: 3;}
.wrapper .box-2::after{ content: ''; width: 1415px; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/box-2.png) no-repeat;}