html, body {margin: 0;padding: 0;overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#superContainer {height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
.fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fp-slide {float: left;}
.fp-slide, .fp-slidesContainer {height: 100%;display: block;}
.fp-slides {z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout:fixed;width: 100%;}
.fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.fp-slidesContainer {float: left;position: relative;}
.fp-controlArrow {position: absolute;z-index: 4;top: 50%;cursor: pointer;width:100px;height:100px;margin-top: -38px;}
.fp-controlArrow.fp-prev {left:-30px; background:url(../images/left_control.png) 50% no-repeat;opacity:.5;}
.fp-controlArrow.fp-next {right:-30px;background:url(../images/right_control.png) 50% no-repeat;opacity:.5;}
.fp-controlArrow.fp-prev:hover,.fp-controlArrow.fp-next:hover{opacity:1;}
.fp-scrollable {overflow: scroll;}
.fp-notransition {-webkit-transition: none !important; transition: none !important;}
/*右边导航*/
.fp-nav-box{position: fixed;z-index: 100;top:40%;right:10px;opacity: 1; }
#fp-nav {background:url(../images/mouse.png) no-repeat bottom; padding-bottom:40px;}
#fp-nav.right {right:30px;}
#fp-nav.left {left:80px;}
.fp-slidesNav{position: absolute;z-index: 4; left: 50%;opacity: 1;}
.fp-slidesNav.bottom {bottom: 17px;}
.fp-slidesNav.top {top: 17px;}
#fp-nav ul{width:17px;margin: 0 auto;}
/*#fp-nav ul,.fp-slidesNav ul {margin: 0;padding: 0;}*/
#fp-nav ul li,.fp-slidesNav ul li {display: block;width: 14px;height: 13px;margin:7px 0;position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;	}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {opacity:1; width:16px; height:16px;right:-3px;top:2px;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {top:4px;right:0px;width:10px;height:10px;background:#fff;border-radius:50%;position: absolute;z-index:1; opacity:0.5;-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;}
#fp-nav ul li .fp-tooltip {position: absolute;top:0px;color: #fff;font-size: 14px;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;}
#fp-nav ul li:hover .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right:25px;}
#fp-nav ul li .fp-tooltip.left {left:25px;}