@charset "utf-8";
/* CSS Document */
#fp-nav ul li, .fp-slidesNav ul li{ width:auto; height:50px; margin:0; margin-top:1px; margin-bottom:2px;}
#fp-nav ul li a{ background:rgba(0,0,0,0.5); width:50px;transition:all 0.3s;}
#fp-nav ul li a.active{ background:rgba(246,117,36,1);}
#fp-nav ul li a:hover{background:rgba(246,117,36,1); width:180px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:50px; height:50px; border-radius:0%; margin:0; left:0px; top:0;transition:all 0.3s;}
#fp-nav ul li a label{ position:absolute; left:0; top:0;width:0px; height:50px; line-height:50px; color:#fff; text-align:right; font-size:14px; cursor:pointer; overflow:hidden;transition:all 0.3s;}
#fp-nav ul li a:hover label{ width:130px;}
#fp-nav ul li a:hover span{ left:130px;}
#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{ width:50px; height:50px; margin:0; border-radius:0;}
#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: 50px;width: 50px;margin:0;border-radius: 0%;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{ width: 50px; height: 50px;margin: 0;}
#fp-nav ul li:nth-child(1) span{ background:url(../images/tool_bg1.png) center center no-repeat;}
#fp-nav ul li:nth-child(2) span{ background:url(../images/tool_bg2.png) center center no-repeat;}
#fp-nav ul li:nth-child(3) span{ background:url(../images/tool_bg3.png) center center no-repeat;}
#fp-nav ul li:nth-child(4) span{ background:url(../images/tool_bg4.png) center center no-repeat;}
#fp-nav ul li:nth-child(5) span{ background:url(../images/tool_bg5.png) center center no-repeat;}
#fp-nav ul li:nth-child(6) span{ background:url(../images/tool_bg6.png) center center no-repeat;}
#fp-nav ul li:nth-child(7) span{ background:url(../images/tool_bg7.png) center center no-repeat;}
@media(max-width:880px){
	#fp-nav{top:150px;margin-top:0;}
	#fp-nav ul li, .fp-slidesNav ul li{display:inline-block;width:40px;height:40px; margin:0 1px 2px 1px;}
	#fp-nav ul li a{width:40px;}
	#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:40px; height:40px; }
	#fp-nav ul li a:hover{width:40px;height:40px;}
	#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{ width:40px; height:40px;}
	#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: 40px;width: 40px;}
	#fp-nav ul li a label{display:none}
	#fp-nav ul li .fp-tooltip {font-size:0;}
	#fp-nav ul li a:hover span{ left:0;}
}