/*
body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;}
ul li{list-style-type:none;}
a{text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}

.swiper-wrapper{height: 100%;}
*/
.body{width: 100%;height: 100%;position: absolute;}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-wrapper{height: 100%;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}

.music_blk{z-index:999;position:fixed;bottom:20px;left:5px;}
.music{display:block;width:35px;height:35px;background:url('../images/music_off.png') no-repeat;background-size:100% 100%;}
.music_on{background:url('../../images/music.png') no-repeat;background-size:100% 100%;}

.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%;}
.load_val{width:100%;}
.loading_line{top: 58%;width: 76%;height: 5px;position: absolute;left: 12%;background: #D1CDC4;}
.loading_line_blank{width:0%;height:100%;background: #5A574E;}
.load_img{position: absolute;top:0;width: 100%;height:100%;background:url('../images/loading.png') no-repeat 0 0;background-size:100% 100%;}
.load_img img{width: 100%;height:100%;}

.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg?3') no-repeat;background-size:100% 100%;}
        .loading_img{position:absolute;width: 40%;height: 24%;top: 28%;left: 30%;background:url('../images/loading2.gif?3') no-repeat;background-size:100% 100%;}

        #s0{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p1.jpg?3') no-repeat 0 0;background-size:100% 100%;}
        #s0 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.1.png?6') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
        #s0 .w0 .a0{position: absolute;width: 76%;height: 14%;top: 63%;left: 12%;}
        #s0 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.2.png?6') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
        #s0 .w1 .a1{position: absolute;width: 76%;height: 14%;top: 63%;left: 12%;}
        #s0 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p1.3.png?6') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
        #s0 .w2 .a2{position: absolute;width: 76%;height: 14%;top: 63%;left: 12%;}
        #s0 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/arrow.png?6') no-repeat 0 0;background-size:100% 100%;opacity: 0;}
        #s0.ani .w0{
            animation:animate 5s 1s ease both;
            -moz-animation:animate 5s 1s ease both;
            -webkit-animation:animate 5s 1s ease both;
            -o-animation:animate 5s 1s ease both
        }
        #s0.ani .w1{
            animation:animate1 5s 6s ease both;
            -moz-animation:animate1 5s 6s ease both;
            -webkit-animation:animate1 5s 6s ease both;
            -o-animation:animate1 5s 6s ease both
        }
        #s0.ani .w2{
            animation:animate2 5s 11s ease both;
            -moz-animation:animate2 5s 11s ease both;
            -webkit-animation:animate2 5s 11s ease both;
            -o-animation:animate2 5s 11s ease both
        }
        #s0.ani .w3{
            animation:arrow 1.5s 16s linear infinite;
            -moz-animation:arrow 1.5s 16s linear infinite;
            -webkit-animation:arrow 1.5s 16s linear infinite;
            -o-animation:arrow 1.5s 16s linear infinite
        }
        #s1{width: 100%;height:100%;top:0%;left:0%;background:url('../images/p2.jpg?3') no-repeat 0 0;background-size:100% 100%;display: none;}
        #s1 .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.1.png?6') no-repeat 0 0;background-size:100% 100%;}
        #s1 .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/a1.1.png?6') no-repeat 0 0;background-size:100% 100%;}
        #s1 .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.2.png?6') no-repeat 0 0;background-size:100% 100%;}
        #s1 .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.3.png?6') no-repeat 0 0;background-size:100% 100%;}
        #s1 .w4{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
        #s1 .w4 .c1{position: absolute;width: 30%;height: 6%;top: 78%;left: 16%;}
        #s1 .w4 .c2{position: absolute;width: 30%;height: 6%;top: 78%;left: 53%;}
        #s1 .w5{position: absolute;width: 35%;height: 14%;top: 45%;left: 30%;display: none;opacity: 1}
        #s1 .w55{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/22.png?6') no-repeat 0 0;background-size:100% 100%;display: none;opacity: 1}
        #s1 .w6{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p2.jpg?3') no-repeat 0 0;background-size:100% 100%;display: none;}
        #s1 .w7{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/a1.png?6') no-repeat 0 0;background-size:100% 100%;display: none;opacity: 1}
        #s1 .w7 .zi{font-family: 微软雅黑;position: absolute;width: 49%;height: 4%;top: 63%;right: 22%;text-align: right;opacity: 1}
        #s1 .w8{position: absolute;width: 100%;height: 100%;top: 0%;left: 3%;background:url('../images/p2.8.png?6') no-repeat 0 0;background-size:100% 100%;display: none;opacity: 1}
        #s1 .w9{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;display: none;}
        #s1 .w9 .c3{position: absolute;width: 42%;height: 6%;top: 78%;left: 29%;}
        #s1.ani .w0{
            animation:fadeIn .5s 1s ease both;
            -moz-animation:fadeIn .5s 1s ease both;
            -webkit-animation:fadeIn .5s 1s ease both;
            -o-animation:fadeIn .5s 1s ease both
        }
        #s1.ani .w1{
            animation:fadeIn .5s 2s ease both;
            -moz-animation:fadeIn .5s 2s ease both;
            -webkit-animation:fadeIn .5s 2s ease both;
            -o-animation:fadeIn .5s 2s ease both
        }
        #s1.ani .w2{
            animation:fadeIn .5s 3s ease both;
            -moz-animation:fadeIn .5s 3s ease both;
            -webkit-animation:fadeIn .5s 3s ease both;
            -o-animation:fadeIn .5s 3s ease both
        }
        #s1.ani .w3{
            animation:fadeIn .5s 3s ease both;
            -moz-animation:fadeIn .5s 3s ease both;
            -webkit-animation:fadeIn .5s 3s ease both;
            -o-animation:fadeIn .5s 3s ease both
        }
        .fuceng{position: absolute;width: 100%;height:100%;top:0%;left:0%;background:url('../images/p3.jpg?3') no-repeat 0 0;background-size:100% 100%;display: none;z-index: 1;}
        .fuceng .w0{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.1.png?6') no-repeat 0 0;background-size:100% 100%;}
        .fuceng .w1{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.2.png?6') no-repeat 0 0;background-size:100% 100%;}
        .fuceng .w2{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/p3.3.png?6') no-repeat 0 0;background-size:100% 100%;}
        .fuceng .w3{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
        .fuceng .w3 .c4{position: absolute;width: 29%;height: 5%;top: 62%;left: 36%;}
        .fuceng .w3 .c4 a{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;}
        .fuceng.ani .w0{
            animation:fadeInUp 1.5s .5s ease both;
            -moz-animation:fadeInUp 1.5s .5s ease both;
            -webkit-animation:fadeInUp 1.5s .5s ease both;
            -o-animation:fadeInUp 1.5s .5s ease both
        }
        .fuceng.ani .w1{
            animation:fadeInDown 1.5s .5s ease both;
            -moz-animation:fadeInDown 1.5s .5s ease both;
            -webkit-animation:fadeInDown 1.5s .5s ease both;
            -o-animation:fadeInDown 1.5s .5s ease both
        }
        .fuceng.ani .w2{
            animation:fadeIn 1s 2s ease both;
            -moz-animation:fadeIn 1s 2s ease both;
            -webkit-animation:fadeIn 1s 2s ease both;
            -o-animation:fadeIn 1s 2s ease both
        }

        @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
        @-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
        @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

        @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
        @-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
        @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

        @-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
        @-moz-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
        @keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

        @-webkit-keyframes fadeInOut {0% {opacity: 0;}10% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}
        @-moz-keyframes fadeInOut {0% {opacity: 0;}10% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}
        @keyframes fadeInOut {0% {opacity: 0;}10% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}

        keyframes animate{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(20deg) scale(0.5);top: -28%;left: -20%;}
        }
        @-moz-keyframes animate{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(20deg) scale(0.5);top: -28%;left: -20%;}
        }
        @-webkit-keyframes animate{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(20deg) scale(0.5);top: -28%;left: -20%;}
        }

        keyframes animate1{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(-15deg) scale(0.5);top: 2%;left: 22%;}
        }
        @-moz-keyframes animate1{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(-15deg) scale(0.5);top: 2%;left: 22%;}
        }
        @-webkit-keyframes animate1{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(-15deg) scale(0.5);top: 2%;left: 22%;}
        }

        keyframes animate2{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(15deg) scale(0.5);top: 30%;left: -20%;}
        }
        @-moz-keyframes animate2{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(15deg) scale(0.5);top: 30%;left: -20%;}
        }
        @-webkit-keyframes animate2{
                0%{opacity: 0;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                50%{opacity: 1;transform: rotate(0) scale(1);top: 0%;left: 0%;}
                100%{opacity: 1;transform: rotate(15deg) scale(0.5);top: 30%;left: -20%;}
        }

        @keyframes arrow
        {0%{opacity: 0;top:0%;}90%{opacity: 1;top:-2%;}100%{opacity: 1;top:0%;}}
        @-moz-keyframes arrow /* Firefox */
        {0%{opacity: 0;top:0%;}90%{opacity: 1;top:-2%;}100%{opacity: 1;top:0%;}}
        @-webkit-keyframes arrow /* Safari 和 Chrome */
        {0%{opacity: 0;top:0%;}90%{opacity: 1;top:-2%;}100%{opacity: 1;top:0%;}}
        /* 音乐开关*/
        #switch-music{z-index:9999999;position:absolute;top: 5px;right: 5px; width:30px; height:30px;}
        #switch-music img{max-width: 100%;}
        #switch-music.show{display:block; z-index:999;}
        #switch-music .tips{color: rgba(255,255,255,.75); z-index:999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
        #switch-music .tips.on{opacity: 1; right: 100px; z-index:999;}
        #switch-music div:nth-child(2){display:none; z-index:999;}
        #switch-music.on div:nth-child(2){display:block; animation: music 1s linear infinite; -webkit-animation: music 1s linear infinite; z-index:999;}
        @keyframes music{
          0%{transform: rotate(0)}
          100%{transform: rotate(360deg)}
        }
        @-webkit-keyframes music{
          0%{transform: rotate(0); -webkit-transform: rotate(0)}
          100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
        }
        .pof{position: fixed; z-index:9999}
        @-webkit-keyframes bubble /* Safari 和 Chrome */
        {
            0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
            100%{opacity:1;-webkit-transform:none;transform:none}
        }