html, body { margin: 0;  padding: 0; overflow: hidden !important; -webkit-tap-highlight-color: rgba(0,0,0,0); position:relative}
/**@media only screen and (max-width: 1200px){html, body { overflow:auto !important;}}**/
#superContainer {height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
.fp-section {position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */-moz-box-sizing: border-box; /* <=28 */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; /* Safari<=6 Android<=4.3 */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: 0;    height: 0;    border-style: solid;    margin-top: -38px;}
.fp-controlArrow.fp-prev {    left: 15px;    width: 0;    border-width: 38.5px 34px 38.5px 0;    border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next {    right: 15px;    border-width: 38.5px 0 38.5px 34px;    border-color: transparent transparent transparent #fff;}
.fp-scrollable {    overflow: scroll;}
.fp-notransition {    -webkit-transition: none !important;    transition: none !important;}
#fp-nav {    position: fixed;    z-index: 100;    margin-top: -32px;    top: 50%;    opacity: 0;display:none}
#fp-nav.right {    right:50%;margin-right:-730px}
#fp-nav.left {    left: 17px;}
.fp-slidesNav{    position: absolute;    z-index: 4;    left: 50%;    opacity: 1;}
.fp-slidesNav.bottom {    bottom: 17px;}
.fp-slidesNav.top {    top: 17px;}
#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;    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 {background: #333;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {top: 2px;left: 2px; width: 8px;height: 8px;border: 1px solid #000;background: rgba(0, 0, 0, 0);border-radius: 50%; position: absolute; z-index: 1;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff; font-size: 14px;font-family: arial, helvetica, sans-serif;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: 20px;}
#fp-nav ul li .fp-tooltip.left {left: 20px;}
















.section{width: 100%; height: 100%;position: relative;}
.fp-auto-height,.fp-auto-height .fp-tableCell { height: auto !important;}
.page-bg{width: 100%;height: 100%;position: absolute;top: 0;left:0;  background-size: cover;background-position: 50%;  }
.section .container,.section .title_box{z-index: 22;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background-color: #ffffff;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{border-color: #ffffff;}


/*动画*/
.wowtoup{ opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition: all 0.3s ease 0.3s;transition: all 0.3s ease 0.3s; }
.section.active .wowtoup{ opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.wowtoup1{opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition: all 0.3s ease 0.5s;transition: all 0.3s ease 0.5s;}
.section.active .wowtoup1{ opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.wowtoup2{opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section.active .wowtoup2{ opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.wowzoom{ opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);-webkit-transition: all 0.7s ease .3s;transition: all 0.7s ease 0.3s;}
.section.active .wowzoom{opacity: 1;}

/*页底上屏动画*/
.section5.active2 .wowtoup,.section5.active2 .wowtoup1,.section5.active2 .wowtoup2 {opacity:1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}


/*
@media only screen and (max-width: 1200px){
html,body{ overflow:auto !important;}
.wowtoup,.wowtoup1,.wowtoup2,.wowzoom{ opacity: 1; }
}
*/
