* {
	margin:0;
	padding:0
}

.new-float {
	height:196px;
	position:fixed;
	right:-225px;
	top:50%;
	margin-top:-98px;
	z-index:999999
}

@media (max-width:768px) {
	.new-float {
		display:none
	}
}

.new-float * {
	box-sizing:content-box
}

.new-float .f_nav {
	position:relative
}

.new-float .f_nav li {
	width:48px;
	height:48px;
	display:block;
	text-align:left;
	background:#009fe4;
	position:relative;
	margin-bottom:1px
}

.new-float .f_nav li.active {
	background:#CBCBCB
}

.new-float .f_nav li.tel {
	text-align:left;
	width:220px;
	padding-left:53px;
	padding-top:0px;
	height:48px;
	transition:all .6s ease 0s;
	-webkit-transition:all .6s ease 0s;
	-moz-transition:all .6s ease 0s;
	-ms-transition:all .6s ease 0s;
	-o-transition:all .6s ease 0s;
	transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0)
}

.new-float .f_icon {
	position:absolute;
	width:48px;
	height:48px;
	left:0px;
	top:0px
}

.new-float .f_nav li p {
	margin:0px;
	width:100%;
	height:48px;
	line-height:48px;
	font-size:16px;
	color:#fff
}

.new-float .f_nav li.tel:hover {
	transform:translate(-220px, 0);
	-webkit-transform:translate(-220px, 0);
	-moz-transform:translate(-220px, 0);
	-ms-transform:translate(-220px, 0);
	-o-transform:translate(-220px, 0)
}

.new-float .f_nav li.tel.f_qq:hover {
	transform:translate(-110px, 0);
	-webkit-transform:translate(-110px, 0);
	-moz-transform:translate(-110px, 0);
	-ms-transform:translate(-110px, 0);
	-o-transform:translate(-110px, 0)
}

.new-float .f_nav li a {
	position:absolute;
	left:0px;
	top:0px;
	display:inline-block;
	width:48px;
	height:48px;
	text-decoration:none
}

.new-float .f_nav li:hover {
	background:#252525
}

.new-float .top_icon {
	background:url(../images/l_icon01.png) center center no-repeat
}

.new-float .q_icon {
	background:url(../images/l_icon02.png) center center no-repeat
}

.new-float .tel_icon {
	background:url(../images/l_icon03.png) center center no-repeat
}

.new-float .tel_icon01 {
	background:url(../images/yx.png) center center no-repeat
}
.new-float .w_icon {
	background:url(../images/l_icon04.png) center center no-repeat
}

.new-float .f_nav li.tel :hover a {
	cursor:none
}

.new-float .l_code {
	width:109px;
	height:102px;
	position:absolute;
	bottom:0px;
	left:-120px
}

.new-float .l_code {
	opacity:0;
	filter:alpha(opacity=0);
	transition-duration:.6s;
	transition-property:all;
	transition-timing-function:ease-out;
	transform:translate(-50px, 0)
}

.new-float .l_code.active {
	opacity:1;
	filter:alpha(opacity=1);
	transform:translate(0, 0)
}