.section-group{
  	width:100%;height:100%;position:relative;
  	-webkit-transition:1s cubic-bezier(.86, 0, .07, 1);
  	transition:1s cubic-bezier(.86, 0, .07, 1);
}
.section-group >section{
  	position:relative;
  	width:100%;
  	height:100%;
}

.nav{
	position: fixed;
	right: 2em;
	top: 45%;
}
.nav li{
	list-style: none;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px
}
.nav li span{
	background-color: #666;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-top: 0.6em;
}
.nav li span:hover{
	cursor: pointer;
}
.nav li span.active{
	border:2px solid #fff;
	background-color: transparent;
	height: 8px;
	width: 8px;
	border-radius: 50%;
}