@charset "utf-8";
html,body{height:100%; width:100%; overflow-x:hidden;}

.swiper-container{position:absolute; left:0; top:0; width:100%; height:100%;}
.aimg{width:100%;}
.fot{ color:#fff!important; background-repeat:no-repeat; background-size:100%; }
.fot a{ color:#fff!important; }
.menu{position:absolute; z-index:2; bottom:4%; left:0; padding:0 0.222222222222rem; font-size:0;}
.menu .item{width:2.86rem; height:3rem; display:inline-block; margin-bottom:0.444444444444rem; /*background-image:url(../../images/whitesimplicity/shadow.png);*/ background-repeat:no-repeat; background-position:center bottom; background-size:100%;}
.menu .item+.item{margin-left:0.444444444444rem;}
.menu .item:nth-child(3n+1){margin-left:0;}

.menu .item a{color:#b2f7ef; display:block; height:100%; text-decoration:none; text-align:center; padding-top:0.888888888889rem; text-shadow:0 0 1px #333;}
.menu .item a:active{color:#cdf2ee; text-shadow:0 0 8px #333;}
.menu .item a>span{ opacity:0; }
.menu .item a>span:nth-child(1){ -webkit-animation:sp2 1300ms forwards ; animation:sp2 1300ms forwards ; font-size:1.155556rem; text-shadow:1px 1px 0px rgba(0, 0, 0,0.5), 1px -1px 0px rgba(0, 0, 0,0.5), -1px -1px 0px rgba(0, 0, 0,0.5), -1px 1px 0px rgba(0, 0, 0,0.5); display:block; margin-bottom:0.111111111111rem;}
.menu .item a>span:nth-child(2){ -webkit-animation:sp1 1300ms forwards ; animation:sp1 1300ms forwards ; display:block; font-size:0.405556rem; font-weight:800; }

.menu .item:nth-child(1) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(1) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}

.menu .item:nth-child(2) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(2) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}

.menu .item:nth-child(3) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(3) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}

.menu .item:nth-child(4) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(4) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}

.menu .item:nth-child(5) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(5) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}

.menu .item:nth-child(6) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(6) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}

.menu .item:nth-child(7) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(7) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}

.menu .item:nth-child(8) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(8) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}

.menu .item:nth-child(9) a > span:nth-child(1){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
.menu .item:nth-child(9) a > span:nth-child(2){  -webkit-animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate; animation:sp2 1300ms forwards,shadow_ 1500ms infinite alternate;}
@keyframes sp1{
    0%{ transform:translateY(-20px); opacity:0; }
  100%{ transform:translateY(0); opacity:1; }
}
@keyframes sp2{
    0%{ transform:translateY(20px); opacity:0; }
  100%{ transform:translateY(0); opacity:1; }
}

@keyframes shadow_{
    0%{ text-shadow:1px 1px 0px rgba(0, 0, 0,0.1), 1px -1px 0px rgba(0, 0, 0,0.1), -1px -1px 0px rgba(0, 0, 0,0.1), -1px 1px 0px rgba(0, 0, 0,0.1); }
  100%{ text-shadow:1px 1px 3px rgba(0, 0, 0,0.2), 1px -1px 3px rgba(0, 0, 0,0.2), -1px -1px 3px rgba(0, 0, 0,0.2), -1px 1px 3px rgba(0, 0, 0,0.2); }
}
@-webkit-keyframes sp1{
    0%{ -webkit-transform:translateY(-20px); opacity:0; }
  100%{ -webkit-transform:translateY(0); opacity:1; }
}
@-webkit-keyframes sp2{
    0%{ -webkit-transform:translateY(20px); opacity:0; }
  100%{ -webkit-transform:translateY(0); opacity:1; }
}

@-webkit-keyframes shadow_{
    0%{ text-shadow:1px 1px 0px rgba(0, 0, 0,0.1), 1px -1px 0px rgba(0, 0, 0,0.1), -1px -1px 0px rgba(0, 0, 0,0.1), -1px 1px 0px rgba(0, 0, 0,0.1); }
  100%{ text-shadow:1px 1px 3px rgba(0, 0, 0,0.2), 1px -1px 3px rgba(0, 0, 0,0.2), -1px -1px 3px rgba(0, 0, 0,0.2), -1px 1px 3px rgba(0, 0, 0,0.2); }
}