@charset "utf-8";
@import url(font/font-awesome.css);
.quandi:before{
	content: "";
}
.qq:before{
	content: "\f1d6";
}
.msn:before{
	content:"\f007";
}
.ww:before{
	content:"\f075";
}
.skype:before{
	content:"\f17e"
}

.app:before{
	content: "\f232";
}
.sms:before{
	content:"\f27b";
}
.tel:before{
	content:"\f095";
}
.email:before{
	content:"\f003";
}
.home:before{
	content: "\f015";
}
.map:before{
	content: "\f041";
}
.contact:before{
	content: "\f007";
}
a.kf_a:link,a.kf_a:visited,a.kf_a:hover,a.kf_a:active{
	line-height:50px;
	color:#fff;
	margin:auto;
	height:50px;
}
a.kf_a{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	white-space:nowrap;
}
a.kf_a:before{
	font-family: 'FontAwesome';
	width:50px;
	height:50px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
	margin:auto;
	font-size:20px;
}
#quandi_kf{
	display:block;
	width:auto;
	height:auto;
	position:fixed;
	right:10px;
	top:200px;
	transition:all 0.4s;
	z-index:1005;
	background-color:#339900;
}
#quandi_kf_thead{
	display:none;
	width:20px;
	height:100px;
	padding:10px;
	padding-top:30px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	position:absolute;
	left:-40px;
}
#quandi_kf_ul{
	width:50px;
	height:0px;
	overflow:visible;
	display:block;
	margin:auto;
	padding:0px;
	transition:all 0.4s;
	background-color:#fff;
	position:relative;
}

#quandi_kf_pic{
	width:50px;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-left:0px;
	display:block;
	transition:all 0.4s;
	position:absolute;
	bottom:0px;
	right:0px;
}
#quandi_kf_pic:hover{
	width:100px;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	transition:all 0.4s;
}

#quandi_kf_tbody{
	width:50px;
	height:auto;
	overflow:visible;
	display:block;
	margin:auto;
	padding:0px;
	transition:all 0.4s;
}
.kf_item{
	display:block;
	overflow:hidden;
	margin:auto;
	margin-left:0px;
	width:50px;
	height:50px;
	transition:all 0.4s;
	cursor:pointer;
	color:#fff;
}
.kf_item:hover{
	display:block;
	overflow:hidden;
	margin:auto;
	margin-left:-100px;
	width:150px;
	height:50px;
	background-color:#666;
	transition:all 0.4s;
	cursor:pointer;
}
.tel_item{display:none;}
.sms_item{display:none;}
@media screen and (max-width:375px)
{
	#quandi_kf{
		display:block;
		width:auto;
		height:auto;
		position:fixed;
		top:auto;
		left:0px;
		right:0px;
		bottom:0px;
		z-index:1005;
		background-color:#339900;
		background-image:linear-gradient(0deg,#69c43a,#339900);
	}
	#quandi_kf_thead{
		display:none;
	}
	#quandi_kf_ul{
		display:none;
	}
	#quandi_kf_tbody{
		width:auto;
		height:auto;
		overflow:hidden;
		display:block;
		margin:auto;
		padding:0px;
	}
	.kf_item{
		display:inline-block;
		overflow:hidden;
		margin:auto;
		width:25%;
		height:50px;
		line-height:50px;
		float:left;
		text-align:center;
		background-color:transparent;
	}
	.kf_item:hover{
		display:inline-block;
		overflow:hidden;
		margin:auto;
		width:25%;
		height:50px;
		line-height:50px;
		float:left;
	}
	a.kf_a{
		width:auto;
		height:auto;
		line-height:50px;
		display:block;
		margin:auto;
		overflow:hidden;
	}
	a.kf_a:before{font-size:16px;width:20px;height:20px;line-height:20px;margin-right:5px;}
	.qq_item,.skype_item,.email_item,.ww_item,.msn_item{display:none;}
}