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; /* 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 {position:relative;display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.fp-slidesContainer {float: left; position: relative;}
.fp-controlArrow,.hd .prev,.hd .next{width:50px;height:50px;transition:0.3s ease 0s;text-align:center; position: absolute; z-index:999; bottom:25%; cursor: pointer;width:2.7vw;min-width:37px;min-height:37px;height:2.7vw;background:#b9b9b9;background: rgba(185,185,185, 0.9); display: block;}
.fp-controlArrow.fp-prev,.hd .prev {right:14%;}
.fp-controlArrow:after {vertical-align: middle; height: 100%; display: inline-block;content: '';}
.fp-controlArrow.fp-prev:before,.fp-controlArrow.fp-next:before,.hd .prev:before,.hd .next:before {content: ''; width: 100%;height: 100%; display:inline-block;vertical-align:middle;margin: 0 auto;}
.fp-controlArrow.fp-prev:before,.hd .prev:before{background: url(/images/fp-prev.png) no-repeat 50%;background-size:25% auto;}
.fp-controlArrow.fp-next:before,.hd .next:before {background: url(/images/fp-next.png) no-repeat 50%;background-size:25% auto;}
.fp-controlArrow:hover,.hd .prev:hover,.hd .next:hover {transition: 0.3s ease 0s;background:#1370b5;background: rgba(19,112,181,0.9);}	
.fp-controlArrow.fp-next,.hd .next {right:11%;}
.fp-scrollable {overflow: scroll;}
.fp-notransition {-webkit-transition: none !important;transition: none !important;}

/*·ÖÆÁÔ²µã*/
#fp-nav {position: fixed; z-index: 100; margin-top:-94px;top: 40%;opacity: 1;}
#fp-nav.right { right: 2.5%;}
#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:100px; height:15px; margin:20px 0; position:relative; text-align: right;}
.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; color: #fff;}
#fp-nav ul li.active a span,.fp-slidesNav ul li.active a span {background:#1370b5; border:1px solid #1370b5;}
#fp-nav ul li.active a,.fp-slidesNav ul li.active a{color: #1370b5;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {width:15px; height:15px; margin-left: 10px; border:1px solid #fff; 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;}
/*×Ô¼Ó*/
fp-tableCell img {left: 0;position: absolute;top: 0;}