body{margin:0;padding:0;font-family:"Microsoft YaHei";}
p{margin:2% 5%;line-height:28px;font-size:16px;text-align:justify;text-indent: 2em;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%;z-index: 999}

.load_val{width:100%;height: 100%;position:absolute;}
.loading_line{width:30%;height:8px;position:absolute;left:35%;top:60%;background:#a91b0f;border-radius:5px;}
.loading_line_blank{width:0%;height:100%;background: #ff8c26;border-radius:5px;}
.loading_pic{top:38.5%;right:17%;position:absolute;width:11%;height:7%;background:url('../images/loading1.jpg') no-repeat 0 0;background-size:100%;}
.title{position:fixed;bottom:6%;width:6.2%;left: 46.4%;opacity:0}

#switch-music{z-index:9999999;position:absolute;bottom:10px; left:10px; width:30px; height:30px;display:none;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:999;}
#switch-music .tips{color: rgba(255,255,255,15); 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)}
}



.section{z-index: 99;position:absolute;width:100%;height:100%;overflow:hidden;display:none;}
.action{display:block;}

#p0{position:absolute;width:100%;height:100%;display:none;z-index:9999;}
.over .hand{position:absolute;width:8%;height:8%;background:url('../images/hand.png') no-repeat 0 100%;background-size:100% 100%;top:36%;left:60%;opacity:0;}

#p1{overflow:hidden;}
#p1 .bg{background:url('../images/bg.jpg') no-repeat 0 100%;top:-300%;position:absolute;background-size:100% 100%;width:100%;height:400%;}
.bg div{position:absolute;background-size:100% 100%;}
#e1{background-image:url('../images/p0.2.png');width:109%;height:9.3%;top:72%;left:-8%;z-index:999;opacity:0;}
#e2{background-image:url('../images/p0.3.png');width:29%;height:9.2%;top:65.8%;left:9%;z-index:999;opacity:0;}
#e3{background-image:url('../images/p0.4.png');width:61%;height:6.8%;top:63.9%;left:36.3%;;z-index:999;opacity:0;}
#e4{background-image:url('../images/p0.5.png');width:61%;height:16%;top:48.3%;left:3.5%;z-index:999;opacity:0;}
#e5{background-image:url('../images/p0.6.png');width:53%;height:10%;top:51.2%;left:47.1%;z-index:999;opacity:0;}
#e6{background-image:url('../images/p0.7.png');width:82%;height:12%;top:36.6%;left:-10%;z-index:999;opacity:0;}
#e7{background-image:url('../images/p0.8.png');width:83%;height:11.9%;top:29.6%;left:27%;z-index:999;opacity:0;}
#e8{background-image:url('../images/p0.9.png');width:83%;height:9.4%;top:25%;left:-10%;z-index:999;opacity:0;}
#e9{background-image:url('../images/p0.10.png');width:70%;height:56%;top:20.5%;left:0%;z-index:99;}

.action #e1{animation:fadeIn .6s 1s ease both;-moz-animation:fadeIn .6s 1s ease both;-webkit-animation:fadeIn .6s 1s ease both;-o-animation:fadeIn .6s 1s ease both;}
.action #e2{animation:fadeIn .6s 2s ease both;-moz-animation:fadeIn .6s 2s ease both;-webkit-animation:fadeIn .6s 2s ease both;-o-animation:fadeIn .6s 2s ease both;}

.action #e3{animation:fadeIn 1s 3s ease both;-moz-animation:fadeIn 1s 3s ease both;-webkit-animation:fadeIn 1s 3s ease both;-o-animation:fadeIn 1s 3s ease both;}
.action #e4{animation:fadeIn 1s 5s ease both;-moz-animation:fadeIn 1s 5s ease both;-webkit-animation:fadeIn 1s 5s ease both;-o-animation:fadeIn 1s 5s ease both;}
.action #e5{animation:fadeIn 1s 7.5s ease both;-moz-animation:fadeIn 1s 7.5s ease both;-webkit-animation:fadeIn 1s 7.5s ease both;-o-animation:fadeIn 1s 7.5s ease both;}
.action #e6{animation:fadeIn .6s 11s ease both;-moz-animation:fadeIn .6s 11s ease both;-webkit-animation:fadeIn .6s 11s ease both;-o-animation:fadeIn .6s 11s ease both;}
.action #e7{animation:fadeIn .6s 14.8s ease both;-moz-animation:fadeIn .6s 14.8s ease both;-webkit-animation:fadeIn .6s 14.8s ease both;-o-animation:fadeIn .6s 14.8s ease both;}
.action #e8{animation:fadeIn .6s 17s ease both;-moz-animation:fadeIn .6s 17s ease both;-webkit-animation:fadeIn .6s 17s ease both;-o-animation:fadeIn .6s 17s ease both;}





.title.fadeIn{animation:fadeIn .6s 1s ease both;-moz-animation:fadeIn .6s 1s ease both;-webkit-animation:fadeIn .6s 1s ease both;-o-animation:fadeIn .6s 1s ease both;}

#p1.action.d .bg{animation:d 23s 1s linear both;-moz-animation:d 23s 1s linear both;-webkit-animation:d 23s 1s linear both;-o-animation:d 23s 1s linear both;}
.hand{animation:hand 1.2s 2.5s linear infinite;-moz-animation:hand 1.2s 2.5s linear infinite;-webkit-animation:hand 1.2s 2.5s linear infinite;-o-animation:hand 1.2s 2.5s linear infinite;}



@-webkit-keyframes d{
0%{top: -300%;}
13%{top: -200%;}
35%{top: -200%;}
49%{top: -100%;}
70%{top: -100%;}
85%{top: 0%;}
100%{top: 0%;}
}
@-moz-keyframes d{
0%{top: -300%;}
13%{top: -200%;}
35%{top: -200%;}
49%{top: -100%;}
70%{top: -100%;}
85%{top: 0%;}
100%{top: 0%;}
}@keyframes d{
0%{top: -300%;}
13%{top: -200%;}
35%{top: -200%;}
49%{top: -100%;}
70%{top: -100%;}
85%{top: 0%;}
100%{top: 0%;}
}

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

}@keyframes hand{
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}

@-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 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 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 fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

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

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


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

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

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

@-webkit-keyframes fadeInSmall0{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 60%;height: 60%;top: 40%;left: 20%}
}

@-moz-keyframes fadeInSmall0{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 60%;height: 60%;top: 40%;left: 20%}
}
@-webkit-keyframes fadeInSmall0{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 60%;height: 60%;top: 40%;left: 20%}
}

@-webkit-keyframes fadeInSmall1{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 64%;height: 64%;top: 36%;left: 18%}
}
@-moz-keyframes fadeInSmall1{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 64%;height: 64%;top: 36%;left: 18%}
}
@-webkit-keyframes fadeInSmall1{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 64%;height: 64%;top: 36%;left: 18%}
}

@-webkit-keyframes fadeInSmall2{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 68%;height: 68%;top: 32%;left: 16%}
}
@-moz-keyframes fadeInSmall2{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 68%;height: 68%;top: 32%;left: 16%}
}
@-webkit-keyframes fadeInSmall2{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 68%;height: 68%;top: 32%;left: 16%}
}

@-webkit-keyframes fadeInSmall3{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 72%;height: 72%;top: 28%;left: 14%}
}
@-moz-keyframes fadeInSmall3{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 72%;height: 72%;top: 28%;left: 14%}
}
@-webkit-keyframes fadeInSmall3{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 72%;height: 72%;top: 28%;left: 14%}
}

@-webkit-keyframes fadeInSmall4{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 76%;height: 76%;top: 24%;left: 12%}
}
@-moz-keyframes fadeInSmall4{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 76%;height: 76%;top: 24%;left: 12%}
}
@-webkit-keyframes fadeInSmall4{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 76%;height: 76%;top: 24%;left: 12%}
}

@-webkit-keyframes fadeInSmall5{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 80%;height: 80%;top: 20%;left: 10%}
}
@-moz-keyframes fadeInSmall5{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 80%;height: 80%;top: 20%;left: 10%}
}
@-webkit-keyframes fadeInSmall5{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 80%;height: 80%;top: 20%;left: 10%}
}

@-webkit-keyframes fadeInSmall6{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 84%;height: 84%;top: 16%;left: 8%}
}
@-moz-keyframes fadeInSmall6{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 84%;height: 84%;top: 16%;left: 8%}
}
@-webkit-keyframes fadeInSmall6{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 84%;height: 84%;top: 16%;left: 8%}
}

@-webkit-keyframes fadeInSmall7{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 88%;height: 88%;top: 12%;left: 6%}
}
@-moz-keyframes fadeInSmall7{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 88%;height: 88%;top: 12%;left: 6%}
}
@-webkit-keyframes fadeInSmall7{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: 20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 88%;height: 88%;top: 12%;left: 6%}
}

@-webkit-keyframes fadeInSmall8{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 92%;height: 92%;top: 8%;left: 4%}
}
@-moz-keyframes fadeInSmall8{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 92%;height: 92%;top: 8%;left: 4%}
}
@-webkit-keyframes fadeInSmall8{
    0%{opacity:0;width: 100%;height: 100%;top: -20%;left: -20%}
    20%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    60%{opacity:1;width: 100%;height: 100%;top: 0;left: 0}
    100%{opacity:1;width: 92%;height: 92%;top: 8%;left: 4%}
}
@keyframes fire{
  0%{opacity:1;background-size:100% 100%;}
  50%{opacity:1;background-size:100% 90%;}
  100%{opacity:1;background-size:100% 100%;}
}
@-moz-keyframes fire{
  0%{opacity:1;background-size:100% 100%;}
  50%{opacity:1;background-size:100% 90%;}
  100%{opacity:1;background-size:100% 100%;}
}
@-webkit-keyframes fire{
  0%{opacity:1;background-size:100% 100%;}
  50%{opacity:1;background-size:100% 90%;}
  100%{opacity:1;background-size:100% 100%;}
}




.swiper-container{position:absolute;width:100%;height:100%;overflow:hidden;}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}
.ani{display: block}

#s3{background: url("../images/p3.jpg") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s3 .w0{top:0;width:100%;height:100%;background:url("../images/p3.1.png") no-repeat 0 0;background-size:100% 100%}
#s3 .click1{opacity: 1;top: 65%;margin: 0 auto;left: 0;right: 0;width: 40%;height: 9%;}
#s3 .click2{opacity: 1;top: 76%;margin: 0 auto;left: 0;right: 0;width: 40%;height: 9%;}
#s3 .vr{opacity: 1;display: none;width:100%;height:100%;overflow:hidden;position:absolute;}
#s3 .iframe{opacity: 1;display: block;width:100%;height:100%;overflow:hidden;position:absolute;border:none;background-color: #fff;}
#s3 .close{opacity: 1;top:5px;right:5px;width:11.7%;height:10.2%;background:url("../images/close.png") no-repeat 0 0;background-size:100% 100%}
#s3 .qs{opacity: 1;display: none;top:0;width:100%;height:100%;background:url("../images/p3-1.jpg?1") no-repeat 0 0;background-size:100% 100%}
#s3 .tit{top:0;width:100%;height:100%;background:url("../images/p3-1.5.png") no-repeat 0 0;background-size:100% 100%}
#s3 .share{top:0;width:100%;height:100%;background:url("../images/p3-1.6.png") no-repeat 0 0;background-size:100% 100%}
#s3 .button{opacity: 1;top:0;width:100%;height:100%;background:url("../images/dlz.png?1") no-repeat 0 0;background-size:100% 100%}
#s3 .back{opacity: 1;display: none;top:0;width:100%;height:100%;background:url("../images/p3-1.1.png?1") no-repeat 0 0;background-size:100% 100%}
#s3 .hand{top:0;width:100%;height:100%;background:url("../images/p3-1.2.png?1") no-repeat 0 0;background-size:100% 100%}
#s3 .fire1{
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
top:35%;left: 33%;width:6.2%;height:8%;background:url("../images/fire1.png?1") no-repeat 0 0;background-size:100% 100%}
#s3 .fire2{
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
top:35%;left: 58%;width:6.2%;height:8%;background:url("../images/fire2.png?1") no-repeat 0 0;background-size:100% 100%}
#s3 .dlz{left:0;right: 0;margin: 0 auto;top: 22%;width: 40%;height: 9%;overflow: hidden}
  
#s2{background: url("../images/p2.jpg") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s2 .w0{top:0;width:100%;height:100%;background:url("../images/p2.1.png") no-repeat 0 0;background-size:100% 100%}
#s2 .w1{top:0;width:100%;height:100%;background:url("../images/p2.2.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c0{top:0;width:100%;height:100%;background:url("../images/p2.11.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c1{top:0;width:100%;height:100%;background:url("../images/p2.3.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c2{top:0;width:100%;height:100%;background:url("../images/p2.4.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c3{top:0;width:100%;height:100%;background:url("../images/p2.5.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c4{top:0;width:100%;height:100%;background:url("../images/p2.6.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c5{top:0;width:100%;height:100%;background:url("../images/p2.7.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c6{top:0;width:100%;height:100%;background:url("../images/p2.8.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c7{top:0;width:100%;height:100%;background:url("../images/p2.9.png") no-repeat 0 0;background-size:100% 100%}
#s2 .c8{top:0;width:100%;height:100%;background:url("../images/p2.10.png") no-repeat 0 0;background-size:100% 100%}

#s1{background: url("../images/p1.jpg") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s1 .iframe{opacity: 1;display: block;width:100%;height:100%;overflow:hidden;position:absolute;border:none;}

#s1 .w0{top:0;width:100%;height:22.9%;background:url("../images/p1.2.png") no-repeat 0 0;background-size:100% 100%}
#s1 .w1{top:62%;left: 35%;width:35%;height:8.4%;background:url("../images/p1.1.png") no-repeat 0 0;background-size:100% 100%}
#s1 .w2{top:0;width:100%;height:24%;background:url("../images/light1.png") no-repeat 0 0;background-size:100% 100%}
#s1 .zg{opacity: 1;display: none;top:0;width:100%;height:100%;}
.arrow1{bottom:0;width:100%;height:44.2%;background:url("../images/arrow1.png") no-repeat 0 0;background-size:100% 100%}
      
#s0{background: url("../images/p0.jpg") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}

.arrow{top:0;width:100%;height:100%;background:url("../images/arrow.png") no-repeat 0 0;background-size:100% 100%}


#s0.ani .arrow{animation:arrow 1s 1s ease infinite;
            -moz-animation:arrow 1s 1s ease infinite;
            -webkit-animation:arrow 1s 1s ease infinite;
            -o-animation:arrow 1s 1s ease infinite}

#s1.ani .w0{animation:fadeIn 1s .5s ease both;
            -moz-animation:fadeIn 1s .5s ease both;
            -webkit-animation:fadeIn 1s .5s ease both;
            -o-animation:fadeIn 1s .5s ease both}
#s1.ani .w1{animation:fadeInRight1 1s 1.5s ease infinite;
            -moz-animation:fadeInRight1 1s 1.5s ease infinite;
            -webkit-animation:fadeInRight1 1s 1.5s ease infinite;
            -o-animation:fadeInRight1 1s 1.5s ease infinite}
#s1.ani .w2{animation:fadeIn 3s .5s linear both;
            -moz-animation:fadeIn 3s .5s linear both;
            -webkit-animation:fadeIn 3s .5s linear both;
            -o-animation:fadeIn 3s .5s linear both}
#s1.ani .arrow1{animation:arrow 1s 2s ease infinite;
            -moz-animation:arrow 1s 2s ease infinite;
            -webkit-animation:arrow 1s 2s ease infinite;
            -o-animation:arrow 1s 2s ease infinite}


#s2.ani .w0{animation:bubble 1s .5s ease both;
            -moz-animation:bubble 1s .5s ease both;
            -webkit-animation:bubble 1s .5s ease both;
            -o-animation:bubble 1s .5s ease both}
#s2.ani .w1{animation:fadeIn 4s .5s linear both;
            -moz-animation:fadeIn 4s .5s linear both;
            -webkit-animation:fadeIn 4s .5s linear both;
            -o-animation:fadeIn 4s .5s linear both}
#s2.ani .c0{animation:fadeInSmall0 2s 1.5s ease-in both;
            -moz-animation:fadeInSmall0 2s 1.5s ease-in both;
            -webkit-animation:fadeInSmall0 2s 1.5s ease-in both;
            -o-animation:fadeInSmall0 2s 1.5s ease-in both}
#s2.ani .c1{animation:fadeInSmall1 2s 3.5s ease-in both;
            -moz-animation:fadeInSmall1 2s 3.5s ease-in both;
            -webkit-animation:fadeInSmall1 2s 3.5s ease-in both;
            -o-animation:fadeInSmall1 2s 3.5s ease-in both}
#s2.ani .c2{animation:fadeInSmall2 2s 5.5s ease-in both;
            -moz-animation:fadeInSmall2 2s 5.5s ease-in both;
            -webkit-animation:fadeInSmall2 2s 5.5s ease-in both;
            -o-animation:fadeInSmall2 2s 5.5s ease-in both}
#s2.ani .c3{animation:fadeInSmall3 2s 7.5s ease-in both;
            -moz-animation:fadeInSmall3 2s 7.5s ease-in both;
            -webkit-animation:fadeInSmall3 2s 7.5s ease-in both;
            -o-animation:fadeInSmall3 2s 7.5s ease-in both}
#s2.ani .c4{animation:fadeInSmall4 2s 9.5s ease-in both;
            -moz-animation:fadeInSmall4 2s 9.5s ease-in both;
            -webkit-animation:fadeInSmall4 2s 9.5s ease-in both;
            -o-animation:fadeInSmall4 2s 9.5s ease-in both}
#s2.ani .c5{animation:fadeInSmall5 2s 11.5s ease-in both;
            -moz-animation:fadeInSmall5 2s 11.5s ease-in both;
            -webkit-animation:fadeInSmall5 2s 11.5s ease-in both;
            -o-animation:fadeInSmall5 2s 11.5s ease-in both}
#s2.ani .c6{animation:fadeInSmall6 2s 13.5s ease-in both;
            -moz-animation:fadeInSmall6 2s 13.5s ease-in both;
            -webkit-animation:fadeInSmall6 2s 13.5s ease-in both;
            -o-animation:fadeInSmall6 2s 13.5s ease-in both}
#s2.ani .c7{animation:fadeInSmall7 2s 15.5s ease-in both;
            -moz-animation:fadeInSmall7 2s 15.5s ease-in both;
            -webkit-animation:fadeInSmall7 2s 15.5s ease-in both;
            -o-animation:fadeInSmall7 2s 15.5s ease-in both}
#s2.ani .c8{animation:fadeInSmall8 2s 17.5s ease-in both;
            -moz-animation:fadeInSmall8 2s 17.5s ease-in both;
            -webkit-animation:fadeInSmall8 2s 17.5s ease-in both;
            -o-animation:fadeInSmall8 2s 17.5s ease-in both}
#s2.ani .arrow1{animation:arrow 1s 5s ease infinite;
            -moz-animation:arrow 1s 5s ease infinite;
            -webkit-animation:arrow 1s 5s ease infinite;
            -o-animation:arrow 1s 5s ease infinite}

#s3.ani .w0{animation:fadeInDown 2s .5s ease both;
            -moz-animation:fadeInDown 2s .5s ease both;
            -webkit-animation:fadeInDown 2s .5s ease both;
            -o-animation:fadeInDown 2s .5s ease both}



.qs.ani1 .tit{animation:bubble 1s ease both;
            -moz-animation:bubble 1s ease both;
            -webkit-animation:bubble 1s ease both;
            -o-animation:bubble 1s ease both}
.qs.ani1 .hand{animation:fadeIn 1s 1s ease infinite;
            -moz-animation:fadeIn 1s 1s ease infinite;
            -webkit-animation:fadeIn 1s 1s ease infinite;
            -o-animation:fadeIn 1s 1s ease infinite}

.f1{animation:fire .8s ease infinite;
    -moz-animation:fire .8s ease infinite;
    -webkit-animation:fire .8s ease infinite;
    -o-animation:fire .8s ease infinite}                     
.f2{animation:fire 1.2s .5s ease infinite;
    -moz-animation:fire 1.2s .5s ease infinite;
    -webkit-animation:fire 1.2s .5s ease infinite;
    -o-animation:fire 1.2s .5s ease infinite}  
.share1{animation:fadeInLeft 1s 1s ease both;
    -moz-animation:fadeInLeft 1s 1s ease both;
    -webkit-animation:fadeInLeft 1s 1s ease both;
    -o-animation:fadeInLeft 1s 1s ease both}


ul{ list-style:none;margin:0; padding:0;}
.main_visual{opacity: 1;display: block;width:100%;height:100%;overflow:hidden;position:absolute;}
.main_image{opacity: 1;display: block;width:100%;height:100%;overflow:hidden;position:relative;}
.main_image ul{opacity: 1;display: block;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{opacity: 1;display: block;float:left;width:100%;height:100%;}
.main_image li div{opacity: 1;display: block;display:block;width:100%;height:100%;}
.main_image li a{opacity: 1;display: block;display:block;width:100%;height:100%;}
.main_image li div{opacity: 1;display: block;width:100%;height:100%;background-position:center;background-size:100% 100%;}
.main_image li .img_1{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l1.jpg');}
.main_image li .img_2{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l2.jpg');}
.main_image li .img_3{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l3.jpg');}
.main_image li .img_4{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l4.jpg');}
.main_image li .img_5{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l5.jpg');}
.main_image li .img_6{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l6.jpg');}
.main_image li .img_7{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l7.jpg');}
.main_image li .img_8{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l8.jpg');}
.main_image li .img_9{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l9.jpg');}
.main_image li .img_10{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l10.jpg');}
.main_image li .img_11{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l11.jpg');}
.main_image li .img_12{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l12.jpg');}
.main_image li .img_13{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l13.jpg');}
.main_image li .img_14{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l14.jpg');}
.main_image li .img_15{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l15.jpg');}
.main_image li .img_16{opacity: 1;display: block;width:100%;height:100%;background-image:url('../images/l16.jpg');}