body { min-width: 1200px; background: #333}
#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}
.wrapper .bg { width: 100%; margin: 0 auto}
.wrapper .bg div { height: 1000px}
.wrapper .bg .bg_1 { background: url(../images/bg_01.jpg) repeat-y center top;}
.wrapper .bg .bg_2 { background: url(../images/bg_02.jpg) repeat-y center top;}
.wrapper .bg .bg_3 { background: url(../images/bg_03.jpg) repeat-y center top;}
.wrapper .bg .bg_4 { background: url(../images/bg_04.jpg) repeat-y center top;}
.wrapper .bg .bg_5 { background: url(../images/bg_05.jpg) repeat-y center top;}
.wrapper .bg .bg_6 { height: 900px; background: url(../images/bg_06.jpg) repeat-y center top;}
.wrapper .section { width: 100%; min-height: 2000px; margin: 0 auto; position: relative; box-sizing: border-box}
.wrapper .section .header { width: 1200px; height: 1000px; margin: 0 auto; position: absolute; left: 50%; top: 0; margin-left: -600px}
.wrapper .section .header .logo { width: 170px; height: 96px; position: absolute; top: 31px; margin-left: 22px; z-index: 99999; left: 0%; background: url(../images/logo.png) no-repeat}
.wrapper .section .header .slogan { width: 1920px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -960px; z-index: 7; background: url(../images/slogan.png) no-repeat}
.wrapper .section .header .npc1 { width: 1920px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -960px; z-index: 4}
.wrapper .section .header .npc1::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/npc1.png) no-repeat; animation: m 2.5s infinite 0s linear}
.wrapper .section .header .vd-box { width: 1156px; height: 650px; position: absolute; top: 1200px; left: 50%; margin-left: -578px; z-index: 5}
.wrapper .section .header .vd-box .video { width: 1156px; height: 650px; background: #000; position: absolute; left: 0; top: 0; cursor: pointer}
.wrapper .section .header .vd-box .video #video { width: 100%; height: 100%}
.wrapper .section .header .txt { width: 660px; height: 238px; position: absolute; left: 50%; top: 715px; margin-left: -400px; z-index: 4; background: url(../images/txt.png) no-repeat}
@keyframes m {
    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }
}