/*content*/
.content-nav{
	width:100%;
	height: 60px;
	background-color: #FFF;
	border-bottom: 2px solid #00B8EE;
	overflow: hidden;
}
.content-nav .logo{
	float: left;
	line-height: 4;
	margin-left: 80px;
}
.content-nav .nav{
	float: right;
	margin-right: 80px;
	line-height: 3;
}
.content-nav .nav li{
	float: left;
	list-style: none;
}
.content-nav .nav li a{
	text-decoration: none;
	color: #8D8D8D;
	font-size: 14px;
	padding: 8px 12px;
	height: 59px;
}
.content-nav .nav a:hover{
	color: #FFFFFF;
	transition: all .4s;
	background-color: #00B8EE;
	height: 59px;
}

.download{
	position: absolute;
	bottom: 38%;
	left:40%;
	border: 1px solid #8D8D8D;
	padding: 8px 28px;
	border-radius: 5px;
}
.download a{
	color: #8D8D8D;
	font-size: 18px;
}
.download a:hover{
	color: #8D8D8D;
	text-decoration: none;
}
.edition{
	position: absolute;
	bottom: 30%;
	left:38%;
}
.edition span{
	color: #8D8D8D;
	margin: 0 15px;
}

.item img{
	margin:0 auto;
}

.w-img1{
	position: absolute;
	bottom: 48%;
	left:40%;
}
.w-img1 img{
	animation: myfas .7s;
}

.w-img2{
	position: absolute;
	bottom: 37%;
	left:40%;
}
.w-img2 img{
	animation: myfas .7s;
}

.w-img3{
	position: absolute;
	bottom: 43%;
	left:40%;
}
.w-img3 img{
	animation: myfas .7s;
}

.w-img4{
	position: absolute;
	bottom: 35%;
	left:40%;
}
.w-img4 img{
	animation: myfas .7s;
}

.w-img5{
	position: absolute;
	bottom: 43%;
	left:40%;
}
.w-img5 img{
	animation: myfas .7s;
	-ms-animation: myfas .7s;
}
@keyframes myfas{
	from{
       -webkit-transform: rotate(36deg);
       -ms-transform: rotate(36deg);
     }
  10%{
      -webkit-transform: rotate(72deg);
      -ms-transform: rotate(72deg);
      
     }
  20% {
      -webkit-transform: rotate(108deg);
      -ms-transform: rotate(108deg);
      
    }
  30% {
      -webkit-transform: rotate(144deg);
      -ms-transform: rotate(144deg);
      
    }
  40%{
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
  }
  50%{
     -webkit-transform: rotate(216deg);
     -ms-transform: rotate(216deg);
  }
  60% {
     -webkit-transform: rotate(252deg);
     -ms-transform: rotate(252deg);
  }
  70% {
     -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
  }
  80%{
     -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
  }
  to {
     -webkit-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
  }

}