body dl dd div p{margin:0;padding:0;}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute;background-color: #000;}
ul li{list-style-type:none;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
.loading{position:absolute;width:100%;height:100%;z-index: 9999;background:url('../images/loading.gif') no-repeat 0 0;background-size:100% 100%}
.load_val{width:100%;}
.loading_line{position:absolute;width:33.97%;height:4px;top:53.07%;left:32.68%;background:#c29494;}
.loading_line_blank{width:0%;height:100%;background:#ffefef;}
.video{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 2;}
.topindex{z-index: 10 !important;}
.topindex1{
    animation:fadeTop 1s linear both;
    -moz-animation:fadeTop 1s linear both;
    -webkit-animation:fadeTop 1s linear both;
    -o-animation:fadeTop 1s linear both
  }
.hide{
animation:fadeBot 1.5s linear both;
    -moz-animation:fadeBot 1.5s linear both;
    -webkit-animation:fadeBot 1.5s linear both;
    -o-animation:fadeBot 1.5s linear both
}
.section0{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.section0 .w0{position: absolute;width: 100%;height: 100%;bottom: 0%;left: 0%;}
.startPlay{position: absolute;width: 34%;height: 8%;bottom: 29%;left: 33%;}
.startPlay{
    animation:fadeIn 2s .5s linear infinite;
    -moz-animation:fadeIn 2s .5s linear infinite;
    -webkit-animation:fadeIn 2s .5s linear infinite;
    -o-animation:fadeIn 2s .5s linear infinite
}

.section1{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p1.jpg);background-size: 100% 100%;opacity: 0}
.section1 .w0{position: absolute;width: 22%;height: 6%;top: 70%;left: 39%;}
.section1 .w1{position: absolute;width: 70%;height: 7%;top: 27%;left: 15%;}
.section1 .w2{position: absolute;width: 70%;height: 7%;top: 38%;left: 15%;}
.section1 .w3{position: absolute;width: 70%;height: 7%;top: 49%;left: 15%;}
.section1 .w4{position: absolute;width: 70%;height: 7%;top: 60%;left: 15%;}
.section1 .w5{position: absolute;width: 70%;height: 7%;top: 27%;left: 15%;background: url(../images/p1.1.png);background-size: 100% 100%;}
.section1 .w6{position: absolute;width: 70%;height: 7%;top: 38%;left: 15%;background: url(../images/p1.2.png);background-size: 100% 100%;}
.section1 .w7{position: absolute;width: 70%;height: 7%;top: 49%;left: 15%;background: url(../images/p1.3.png);background-size: 100% 100%;}
.section1 .w8{position: absolute;width: 70%;height: 7%;top: 60%;left: 15%;background: url(../images/p1.4.png);background-size: 100% 100%;}
.section1 .w00{position: absolute;width: 72.5%;height: 50%;top: 18%;left: 13.75%;background: url();background-size: 100% 100%;display: none;}
.section1 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background: url(../images/fc1.jpg);background-size: 100% 100%;display: none;}
.section2{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p2.jpg);background-size: 100% 100%;opacity: 0}
.section2 .w0{position: absolute;width: 22%;height: 6%;top: 76%;left: 39%;}
.section2 .w1{position: absolute;width: 70%;height: 7%;top: 25%;left: 15%;}
.section2 .w2{position: absolute;width: 70%;height: 7%;top: 35%;left: 15%;}
.section2 .w3{position: absolute;width: 70%;height: 7%;top: 45%;left: 15%;}
.section2 .w4{position: absolute;width: 70%;height: 7%;top: 55%;left: 15%;}
.section2 .w5{position: absolute;width: 70%;height: 7%;top: 65%;left: 15%;}
.section2 .w6{position: absolute;width: 70%;height: 7%;top: 25%;left: 15%;background: url(../images/p2.1.png);background-size: 100% 100%;}
.section2 .w7{position: absolute;width: 70%;height: 7%;top: 35%;left: 15%;background: url(../images/p2.2.png);background-size: 100% 100%;}
.section2 .w8{position: absolute;width: 70%;height: 7%;top: 45%;left: 15%;background: url(../images/p2.3.png);background-size: 100% 100%;}
.section2 .w9{position: absolute;width: 70%;height: 7%;top: 55%;left: 15%;background: url(../images/p2.4.png);background-size: 100% 100%;}
.section2 .w10{position: absolute;width: 70%;height: 7%;top:65%;left: 15%;background: url(../images/p2.5.png);background-size: 100% 100%;}
.section2 .w00{position: absolute;width: 72.5%;height: 50%;top: 18%;left: 13.75%;background: url();background-size: 100% 100%;display: none;}
.section2 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background: url(../images/fc2.jpg);background-size: 100% 100%;display: none;}
.blur{
  filter: blur(6px);
  -webkit-filter: blur(6px);
  -ms-filter: blur(6px);
  -moz-filter: blur(6px);
}
.section3{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/end.jpg?3);background-size: 100% 100%;opacity: 0}
.section3 .w0{position: absolute;width: 39%;height: 10%;top: 54%;left: 32%;}
.section3 .w1{position: absolute;width: 49%;height: 10%;top: 66.5%;left: 26%;}
.section4{display: none;position:absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 11;background: url(../images/fc.png);background-size: 100% 100%;}
.section4 img{position: absolute;width: 80%;height: 80%;top: 10%;left: 10%;}
.section4 .w0{position: absolute;width: 38%;height: 3%;top: 93%;left: 30%;background: url(../images/bc.png);background-size: 100% 100%;}
.section4.ani .w0{
    animation:fadeIn 1.5s .5s linear infinite;
    -moz-animation:fadeIn 1.5s .5s linear infinite;
    -webkit-animation:fadeIn 1.5s .5s linear infinite;
    -o-animation:fadeIn 1.5s .5s linear infinite
}
.section4 .w1{position: absolute;width: 8%;height: 5%;top: 2%;right: 12%;}
#a1{display: none;position: absolute;width: 100%;height: 100%;z-index: 1000;}
#a1 .w0{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s1.jpg') no-repeat 0 0;background-size:100% 100%;}
#a1 .w0 .start{position: absolute;width: 33%;height: 8%;left: 33%;top: 74%;}
#a1 .w1{display: none;position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background:url('../images/s2.jpg') no-repeat 0 0;background-size:100% 100%;}
#a1 .w2{display: none;position: absolute; width: 34%;height: 10%;bottom: 15%;left: 33%;}
.section5{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p3.jpg);background-size: 100% 100%;opacity: 0}
.section5 .w0{position: absolute;width: 22%;height: 6%;top: 76%;left: 39%;}
.section5 .w1{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;}
.section5 .w2{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;}
.section5 .w3{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;}
.section5 .w4{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;}
.section5 .w5{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;background: url(../images/p3.1.png);background-size: 100% 100%;}
.section5 .w6{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;background: url(../images/p3.2.png);background-size: 100% 100%;}
.section5 .w7{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;background: url(../images/p3.3.png);background-size: 100% 100%;}
.section5 .w8{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;background: url(../images/p3.4.png);background-size: 100% 100%;}
.section5 .w00{position: absolute;width: 72.5%;height: 50%;top: 18%;left: 13.75%;background: url();background-size: 100% 100%;display: none;}
.section5 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background: url(../images/111.jpg);background-size: 100% 100%;display: none;}
.section6{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p4.jpg);background-size: 100% 100%;opacity: 0}
.section6 .w0{position: absolute;width: 22%;height: 6%;top: 76%;left: 39%;}
.section6 .w1{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;}
.section6 .w2{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;}
.section6 .w3{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;}
.section6 .w4{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;}
.section6 .w5{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;background: url(../images/p4.1.png);background-size: 100% 100%;}
.section6 .w6{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;background: url(../images/p4.2.png);background-size: 100% 100%;}
.section6 .w7{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;background: url(../images/p4.3.png);background-size: 100% 100%;}
.section6 .w8{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;background: url(../images/p4.4.png);background-size: 100% 100%;}
.section6 .w00{position: absolute;width: 72.5%;height: 50%;top: 18%;left: 13.75%;background: url();background-size: 100% 100%;display: none;}
.section6 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background: url(../images/222.jpg);background-size: 100% 100%;display: none;}
.section7{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p5.jpg);background-size: 100% 100%;opacity: 0}
.section7 .w0{position: absolute;width: 22%;height: 6%;top: 76%;left: 39%;}
.section7 .w1{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;}
.section7 .w2{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;}
.section7 .w3{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;}
.section7 .w4{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;}
.section7 .w5{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;background: url(../images/p5.1.png);background-size: 100% 100%;}
.section7 .w6{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;background: url(../images/p5.2.png);background-size: 100% 100%;}
.section7 .w7{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;background: url(../images/p5.3.png);background-size: 100% 100%;}
.section7 .w8{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;background: url(../images/p5.4.png);background-size: 100% 100%;}
.section7 .w00{position: absolute;width: 72.5%;height: 50%;top: 18%;left: 13.75%;background: url();background-size: 100% 100%;display: none;}
.section7 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background: url(../images/333.jpg);background-size: 100% 100%;display: none;}
.section8{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p6.jpg);background-size: 100% 100%;opacity: 0}
.section8 .w0{position: absolute;width: 22%;height: 6%;top: 76%;left: 39%;}
.section8 .w1{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;}
.section8 .w2{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;}
.section8 .w3{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;}
.section8 .w4{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;}
.section8 .w5{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;background: url(../images/p6.1.png);background-size: 100% 100%;}
.section8 .w6{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;background: url(../images/p6.2.png);background-size: 100% 100%;}
.section8 .w7{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;background: url(../images/p6.3.png);background-size: 100% 100%;}
.section8 .w8{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;background: url(../images/p6.4.png);background-size: 100% 100%;}
.section8 .w00{position: absolute;width: 72.5%;height: 50%;top: 18%;left: 13.75%;background: url();background-size: 100% 100%;display: none;}
.section8 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background: url(../images/444.jpg);background-size: 100% 100%;display: none;}
.section9{position: absolute;width: 100%;height: 100%;top:0;left: 0 ;background: url(../images/p7.jpg);background-size: 100% 100%;opacity: 0}
.section9 .w0{position: absolute;width: 22%;height: 6%;top: 76%;left: 39%;}
.section9 .w1{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;}
.section9 .w2{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;}
.section9 .w3{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;}
.section9 .w4{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;}
.section9 .w5{position: absolute;width: 70%;height: 7%;top: 36%;left: 15%;background: url(../images/p7.1.png);background-size: 100% 100%;}
.section9 .w6{position: absolute;width: 70%;height: 7%;top: 46%;left: 15%;background: url(../images/p7.2.png);background-size: 100% 100%;}
.section9 .w7{position: absolute;width: 70%;height: 7%;top: 56%;left: 15%;background: url(../images/p7.3.png);background-size: 100% 100%;}
.section9 .w8{position: absolute;width: 70%;height: 7%;top: 66%;left: 15%;background: url(../images/p7.4.png);background-size: 100% 100%;}
.section9 .w00{position: absolute;width: 72.5%;height: 50%;top: 18%;left: 13.75%;background: url();background-size: 100% 100%;display: none;}
.section9 .w01{position: absolute;width: 100%;height: 100%;top: 0%;left: 0%;background: url(../images/555.jpg);background-size: 100% 100%;display: 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 fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@-moz-keyframes fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@keyframes fadeTop {
  0% {opacity: 0;z-index: 1;}
  100% {opacity: 1;z-index: 10;}
}
@-webkit-keyframes fadeBot {
  0% {display: block;}
  100% {display: none;}
}
@-moz-keyframes fadeBot {
  0% {display: block;}
  100% {display: none;}
}
@keyframes fadeBot {
  0% {display: block;}
  100% {display: none;}
}