/*!
 * fullPage 2.8.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); }
#superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ 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 { -webkit-user-select: none; -moz-user-select: none;  -khtml-user-select: none; -ms-user-select: none; position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }*/
.fp-controlArrow { background: #ff6600 none repeat scroll 0 0; border-radius: 0; height: 40px; margin-top: -20px; outline: 0 none; position: absolute; top: 50%; transition: all 0.3s ease-out 0s; width: 40px; z-index:999; font-size:30px; line-height:40px; cursor:pointer}
.fp-controlArrow::before { color: #fff;
    font-size: 30px;
	position:absolute;
	left:15px;
	top:0px;
    transition: all 0.3s ease-out 0s; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; text-rendering: auto; transform: translate(0px, 0px);}

.fp-controlArrow.fp-prev{left: 95px;}
.fp-controlArrow.fp-next{right: 95px;}
.fp-controlArrow.fp-prev::before {content: "\f104"; }
.fp-controlArrow.fp-next::before { content: "\f105"; }
.fp-scrollable { overflow: hidden; position: relative; }
.fp-scroller { overflow: hidden; }
.iScrollIndicator { border: 0 !important; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }
#fp-nav { position: fixed; z-index:33; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
#fp-nav.right { right: 17px; }
#fp-nav.left { left: 17px; }
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: none }
.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: 10px; height: 10px; margin: 18px 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, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 6px; width: 6px;/*margin: -6px 0 0 -6px;*//*border-radius: 100%;*/
    /*background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    border-color: #fff;
    border-color: rgba(255,255,255,0.8);*/
}
#fp-nav ul li a span, .fp-slidesNav ul li a span { /*border-radius: 50%;*/ position: absolute; z-index: 1; height: 6px; width: 6px; border: 0; background: transparent; /*border: 1px solid #B7B7B7;*/ background: #5E5E5E; left: 50%; top: 50%; /*margin: -2px 0 0 -2px;*/ -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:hover a span, .fp-slidesNav ul li:hover a span { width: 6px; height: 6px;/* margin: -5px 0px 0px -5px;*/ }
#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; cursor: pointer; }
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .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-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; }
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; }
#fp-nav ul li a span { z-index: 2; }
#fp-nav ul li a span:after { position: absolute; content: ''; height: 16px; border-right: 1px solid #B7B7B7; left: 50%; bottom: -17px; z-index: -1; transform: translateX(-50%); -webkit-transform: translateX(-60%); -moz-transform: translateX(-50%); }
#fp-nav ul li:last-child a span:after { display: none; }
#fp-nav ul li a span:before { position: absolute; left: 20px; content: ''; top: -3px; text-transform: uppercase; color: #fff; color: rgba(255,255,255,0.6);  opacity: 0; z-index:1 }
#fp-nav ul li:nth-of-type(1) a span:before { content: 'HOME'; }
#fp-nav ul li:nth-of-type(2) a span:before { content: '服务内容'; }
#fp-nav ul li:nth-of-type(3) a span:before { content: '案例分享'; }
#fp-nav ul li:nth-of-type(4) a span:before { content: '必行优势'; }
#fp-nav ul li:nth-of-type(5) a span:before { content: '关于我们'; }
#fp-nav ul li:nth-of-type(6) a span:before { content: '团队介绍'; }
#fp-nav ul li:nth-of-type(7) a span:before { content: '干货分享'; }
#fp-nav ul li:nth-of-type(8) a span:before { content: '联系我们'; }

#fp-nav ul li a:hover span:before, #fp-nav ul li a.active span:before { opacity: 1; }