body{overflow: hidden;width:100%;}

#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}

.contain{}
.contain img{width:100%;height:100%;}
.contain h3{position:absolute; top:50%; left:0; text-align: center; width:100%; color:#fff;font-size:90px;letter-spacing:10px; font-family: arial;
animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;}
.contain p{position:absolute; top:60%; left:0; text-align: center; width:100%; color:#e7e7e7;font-size:30px;letter-spacing:10px;
animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;}

.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
#navBar { z-index: 3; position: absolute; top: 30%; right: 3%;}
#navBar .active { background: #ccc;}
#navBar li { cursor: pointer; transition: all .7s ease; border-radius: 50%;color:#fff; text-align: center;}
#navBar li span{width: 40px; height: 40px; line-height: 40px;}
#navBar li em{width:1px; height:0;background:#fff;display:block;margin-left:10px;}
#navBar li.active em{height:100px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
#navBar li.active{background:none;}