.auto_kf {
	width: 80px;
	position: fixed;
	background: #fff;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
	right: 0px;
	bottom: 30%;
	z-index: 100;
}

.kf_logo img {}

.kf_logo {
	height: 80px;
	background: #222;
	padding: 15px 0px;
}

.auto_kfa {
	width: 100%;
	position: relative;
	height: 80px;
	transition: all 0.6s;
	text-align: center;
	color: #222;
}

.dhua h1 {
	font-size: 16px;
	padding: 3px 10px;
}

.auto_kfa:hover {}

.dhua span {
	font-size: 20px;
}

.auto_kfa dd {}

.dhua {
	padding: 16px 0px;
}

.kf_tel {
	display: none;
	height: 80px;
	line-height: 80px;
	transition: all 0.6s;
	font-size: 16px;
	width: 230px;
	background: #d37a2e;
	color: #fff;
	position: absolute;
	right: 80px;
	padding: 0px 10px;
	margin-top: -62px;
}

.kf_tel span {
	padding-right: 8px;
}

.auto_kfa:hover {}

.auto_kfa:hover .kf_tel {
	display: block;
	animation: hideIndex 0.3s;
	-moz-animation: hideIndex 0.3s;
	/* Firefox */
	-webkit-animation: hideIndex 0.3s;
	/* Safari and Chrome */
	-o-animation: hideIndex 0.3s;
	/* Opera */
}

.auto_kfa a:link,
.auto_kfa a:visited {
	color: #2070d1;
}

.auto_kfa a {
	display: block;
	width: 100%;
	height: 60px;
}

.kf_ewm {
	width: 100px;
	padding: 10px;
	margin-left: -110px;
}

#to_top {
	height: 50px;
	background: #222;
	line-height: 50px;
}

.auto_kfa a:link,
.auto_kfa a:visited {
	color: #222;
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(359deg)
	}
}

@-o-keyframes rotate {
	from {
		-o-transform: rotate(0deg)
	}

	to {
		-o-transform: rotate(359deg)
	}
}

@keyframes rotate {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(359deg)
	}
}