/* CSS Document */


#float_button {
	position:fixed;
	top:30%;
	right:0px;
	width:60px;
	z-index:777;
}

.float_ico {
	width:60px;
	height:60px;
	cursor:pointer;
}

#float_button div.float_ico:nth-child(odd) {
	background-color:#F0AA3E;
}

#float_button div.float_ico:nth-child(even) {
	background-color:#045AB0;
}

.float_ico dt {
	width:60px;
	height:60px;
	background-color:#FFF;
}

.float_ico div {
	position:absolute;
	top:0px;
	left:60px;
	line-height:60px;
	color:#FFF;
	text-align:center;
	background-color:#333;
	z-index:-1;
}

.float_phone {
	width:150px;
}

.float_ico:hover .float_phone {
	left:-150px;
}

.float_wechat {
	width:120px;
	overflow:hidden;
}

.float_wechat img {
	width:100%;
}

.float_ico:hover .float_wechat {
	left:-120px;
}

#float_item5 {
	display:block;
	background-color:#333 !important;
}





#float_button a:hover {
	background-color:#40B6FE;
}


/* 热线电话 */
#float_Phone {
	display:block;
	width:160px;
	height:25px;
	line-height:25px;
	white-space:nowrap;
	overflow:hidden;
}

#float_Phone:hover {
	margin-left:-140px;
	width:160px;
}

#float_Phone:hover span {
	opacity:1;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

#float_Phone img {
	vertical-align:middle;
}

#float_Phone span {
	
	width:120px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	opacity:0;
}


/* 二维码 */
#QRcode {
	position:absolute;
	display:none;
	top:5px;
	left:-185px;
	padding:30px;
	border:1px solid #CCC;
	border-radius:5px;
	background-color:#FFF;
	opacity:0;
	z-index:888;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

#QRcode img {
	width:120px;
	height:120px;
}

#float_button:hover #QRcode {
	display:block;
}

#float_QRcode:hover #QRcode {
	display:block;
	opacity:1;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}