html,body{
	overflow:hidden;
	height:100%;
}
.section-group{
  	width:100%;height:100%;position:relative;
  	margin-top: 0;
  	
}
.section-group > .section{
  	position:relative;
  	width:100%;
  	height:100%;
}
.section-group > .section.sect-footer{
}

.section-group > .section .container,.section-group > .section .row{height: 100%;}
.section-group > .section.sect-footer .container,.section-group > .section.sect-footer .row{height: auto;}
.nav-right{
	position: fixed;
	right: 20px;
	top: 150px;
}
.nav-right li{
	list-style: none;
	position: relative;
	margin-bottom: 15px;
	cursor: pointer;
}
.nav-right .nav-right-b{display: inline-block;position: absolute;padding:8px 10px;background: #4c4c47;text-align: center;top: -10px;right: 40px;width: 100px;border-radius: 5px;opacity: 0;filter:alpha(opacity=0);}
.nav-right .nav-right-b p{color: #ffffff;font-size: 14px;}
.nav-right .nav-right-b .border1{width: 10px;height: 10px;background: #4c4c47;position: absolute;top: 50%;margin-top: -5px;right: -5px;}
.nav-right li span{
	display: inline-block;
	width: 16px;height: 16px;
	border:1px solid #666666;
	border-radius: 8px;
}
.nav-right li span:hover{
	cursor: pointer;
}
.nav-right li.active .nav-right-b,.nav-right li:hover .nav-right-b{opacity: 1;filter:alpha(opacity=100);right: 30px;-moz-transition:all .4s ease 0.4s; -webkit-transition:all .4s ease 0.4s; -o-transition:all .4s ease 0.4s; transition:all .4s ease 0.4s;}
.nav-right li.active span,.nav-right li:hover span{
	background-color: #4c4c47;
	border-color: #4c4c47;
}
.nav-right li:hover{}


@media (max-width: 1080px){
	.section-group{height: auto;margin-top: 80px;}
	.section-group > .section{height: auto;}
	html,body{
		overflow:visible;
		height:auto;
	}
	.nav-right li.active .nav-right-b{display: none;}
	.nav-right{display: none;}
}