/* aside 侧边栏*/
#aside{
	position: absolute;
	width: 60px;
	height: 200px;
	top:580px;
	text-align: center;
	display:non1e; 
	z-index: 1000;
	boder:0;
}
#aside ul li{
	width: 54px;
	height: 54px;
	margin-bottom: 2px;
	background-color: #DDDDDD;
}
#aside span{z-index:100}
#aside ul li a{
	display: block;
	width: 54px;
	height: 54px;
}
#aside ul li.aside1{
	background-image: url(../images/dian1.png);
}
#aside ul li.aside1:hover{
	background-image: url(../images/dian11.png);
}
#aside ul li.aside2{
	background-image: url(../images/dian2.png);
}
#aside ul li.aside2:hover{
	background-image: url(../images/dian22.png);
}
#aside ul li.aside3{
	background-image: url(../images/dian3.png);
}
#aside ul li.aside3:hover{
	background-image: url(../images/dian33.png);
}
#aside ul li.aside4{
	background-image: url(../images/dian4.png);
}
#aside ul li.aside4:hover{
	background-image: url(../images/dian44.png);
}
#aside ul li.aside5{
	background-image: url(../images/dian5.png);
}
#aside ul li.aside5:hover{
	background-image: url(../images/dian55.png);
}
div.telephone,div.qq{
	width: 200px;
	height: 54px;
	color: #fff;
	position: absolute;
	right: 60px;
	font-size: 24px;
	line-height: 50px;
	background-color: #32B4F3;
	background: -moz-linear-gradient(right bottom,#2293f2 , #30c9f4);
	background: -webkit-linear-gradient(right bottom, #2293f2, #30c9f4);
	background: -o-linear-gradient(right bottom, #2293f2, #30c9f4);
	background: linear-gradient(right bottom,#2293f2,#30c9f4);
	display: none;
	
}

li.aside2:hover div.telephone{
	display: block;
}
li.aside1:hover div.qq{
	display: block;
}
@media screen and (min-width:1180px) {
	body{
		overflow:-Scroll;
		overflow-x:hidden;
	}
}