body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin:0; padding:0; }
ol, ul{ list-style:none; }


/* side */
.side-div{
	position: fixed;
	top: 60%;
	right: 0;
	height: 200px;
	width: 50px;
	z-index: 2;
}
.side{
	
}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width: 175px;}
.side ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#e4392a;}
.side ul li img{float:right;}

.side2{
	
}
.side2 ul li{
	width: 50px;
	height: 50px;
	margin-bottom: 2px;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
}
.side2 ul li a{
display: block;
    background-color: #000022;
    /* background-color: #e4392a; */
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
}
.side2 ul li a img{
/* 	vertical-align: middle;
	display: inline-block;
    width: 18px;
    height: 18px; */
	
	height: 100%;
	width: 100%;
}
.side2 ul li a:hover{
	background-color: #e4392a;
}
.side2 ul li .weixin{
	position: absolute;
	left: -120px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em{
	/* background: url(../images/arr3.png) no-repeat; */
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img{
	display: block;
}