/* 
	关于首页的侧边栏 的右边的按钮组   及下面的鼠标动画
 
 */

.aside-left{
	height: 100vh;
	position: fixed;
	left: 0;
	width: 110px;
	z-index: 10;
}
.aside-left-menu{
	margin-top: 30px;
	text-align: center;
}
.aside-left-menu>img{
	cursor: pointer;
}
.slogan{
	position: absolute;
	left: 25px;
	width: 60px;
	height: 280px;
	top: 50%;
	margin-top: -180px; /* 要加上最下面的bottom:40px */
}
.slogan>span{
	position: absolute;
}
.slogan>span:first-child{
	display: inline-block;
	width: 24px;
	font-size:18px;
	line-height: 36px;
	color:rgba(96,96,96,1);
	letter-spacing: 24px;
	top: 48px;
	left: 0;
}
.slogan>span:nth-child(2){
	display: inline-block;
	width: 24px;
	font-size:18px;
	line-height: 36px;
	color:rgba(96,96,96,1);
	letter-spacing: 24px;
	right: 0;
}
.company-icon{
	width: 100%;
	position: absolute;
	bottom: 40px;
	text-align: center;
}
.icon_close-nor{
	width: 7px;
	height: 12px;
	background-image: url('../icon/phone_normal.png');
	background-size: 100% 100%;
}
.app-code{
	font-size:7px;
	color: #ACACAC;
	margin-top: 8px;
	padding-left: 30px;
	cursor: pointer;
}
.app-code i,.app-code span{
	float: left;
}
.app-code span{
	margin-left: 3px;
}
.app-down-code{
	position: absolute;
	bottom: -20px;
	left: 110px;
}
#menu { 
	position: fixed; 
	left: 110px; 
	top: 30px; 
	list-style-type: none; 
	z-index: 70;
	background-color: rgba(0,0,0,.5);
}
#menu li {
	margin:  0; 
	width: 110px;
	font-size: 14px;
	text-align: center;
}
#menu a {
	display: inline-block;
	width: 100%;
	padding: 10px 0; 
	/* background-color: #fff; */
	color: #ffffff; 
	text-decoration: none;
}
#menu .active a { 
	background-color: #ffffff;
	color: #00A9B0;
	background-image: url('../icon/rightShape.png');
	background-size: 14px auto;
	background-repeat: no-repeat;
	background-position: center left;
}
.aside-right{
	position: fixed;
	right: 25px;
	top: 50%;
	/* width: 4rem; */
	margin-top: -1rem;
	z-index: 70;
	text-align: right;
}
.aside-right li{
	margin-bottom: 15px;
	height: .5rem;
	width: .5rem;
	/* width: 4rem; */
	position: relative;
	overflow: hidden;
}
.aside-right li>div{
	position: absolute;
	top: 0;
	right: -4rem;
	width: 4rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	height: .5rem;
	background-color: #FFFFFF;
	border-radius: .25rem;
	z-index: 10;
}
.aside-right li>div>p{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	height: .5rem;
	padding-right: .8rem;
}
.aside-right li>div>p>span:first-child{
	font-size: .16rem;
	color: #000000;
	font-weight: bold;
}
.aside-right li>div>p>span:last-child{
	font-size: .12rem;
	color: #ABABAB;
}
.aside-right li>img{
	position: absolute;
	right: 0;
	width: .5rem;
	height: .5rem;
	cursor: pointer;
	z-index: 11;
}
.aside-right li>a>img{
	position: absolute;
	right: 0;
	width: .5rem;
	height: .5rem;
	cursor: pointer;
	z-index: 11;
}


.tipDown{
	position: fixed;
	bottom: 10px;
	width: 60px;
	text-align: center;
	z-index: 70;
	left: 50%;
	margin-left: 25px;
}
.chudi_animation{
	animation:myfirst 1.2s ease-in .3s infinite alternate;
}
@keyframes myfirst
{
   0% {             
		transform: translate(0px, 5px);            
	}            
	50% {                
		transform: translate(0px, 0px);            
	}            
	100% {                
		transform: translate(0px, 5px);
	}
}