html,body,div,h1,h2,h3,h4,h5,h6,p,li,ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
a{
	text-decoration: none;
}
body{
	    margin: 0;
	    min-height: 100%;
	    font-family: Arial,sans-serif;
	    font-size: 14px;
	    line-height: 20px;
	    color: #333;
	    background-color: #161b24;
		background-image: url(../image/bg.png);
		background-repeat: repeat;
}
@font-face {
	font-family: 'iconfont';  /* Project id 2924097 */
	src: url('../font/font_2924097_riajz58yqcf.woff2') format('woff2'),
		 url('../font/font_2924097_riajz58yqcf.woff') format('woff'),
		 url('../font/font_2924097_riajz58yqcf.ttf') format('truetype');
  }
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
.home-nav{
	background:#0e1520;
	width: 80px;
	border-bottom-right-radius: 50vw;
	   position: fixed;
	    left: 0;
	    top: 0;
	    right: auto;
	    bottom: auto;
	    z-index: 100;
		height: 90%;
		transition: all 0.8s ease-in-out;
	    /* padding: 4.8rem 3.4rem 16.7rem 3rem; */
		
}
.menu-box{
	display: flex;
	position: relative;
	height: 100%;
	top:8.75rem
}
.left-bg{
	margin-left:1.2rem;
	position: absolute;
	bottom:1.25rem
}
.logo{ 
	position: absolute;
	left: 0.8rem;
	margin-top: 1.25rem;
	margin-left: 0.5rem;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transform-origin:bottom right 
}
.menu{
	position: absolute;
	top: 8.125rem;
	left: 4.5rem;
	display: none;	
}
.menu ul li{
	margin-bottom: 1.875rem;
	font-size: 1rem;
	 opacity: 0;
}
.menu ul li:nth-child(1){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 0.2s;	
	
}
.menu ul li:nth-child(2){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 0.4s;	
}
.menu ul li:nth-child(3){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 0.6s;	
}
.menu ul li:nth-child(4){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 0.8s;	
}
.menu ul li:nth-child(5){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 1.0s;	
}
.menu ul li:nth-child(6){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 1.2s;	
}
.menu ul li:nth-child(7){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 1.4s;	
}
.menu ul li:nth-child(8){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 1.6s;	
}
.menu ul li:nth-child(9){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 1.8s;	
}
.menu ul li:nth-child(10){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 2.0s;	
}
.menu ul li:nth-child(11){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 2.2s;	
}
.menu ul li:nth-child(12){
	animation: menu3 0.3s ease-in-out forwards;
	animation-delay: 2.4s;	
}
.menu ul li a{
	color:#6f7278
}
/*------------- menu3 animation -------------------*/

@keyframes menu3 {
  0% {
	opacity: 0;
	transform: translateY(40px);
  }
  100% {
    opacity: 1;
	transform: translateY(0px);
  }
}