/* ========锟斤拷锟竭客凤拷 =========*/


/* 锟斤拷锟揭� */

.kefu_q1 ul li:first-child,
.kefu_q1 ul li a.animate {
	background: url(../images/q1.png) no-repeat
}

.kefu_q1 {
	position: fixed;
	z-index: 1101;
}

.kefu_q1 ul li {
	position: relative;
	width: 45px;
	height: 45px;
	background: #1b1b1d;
	margin-bottom: 1px;
}

.kefu_q1 ul li:first-child {
	height: 50px;
	font-family: "Arial";
	background-position: 0 0;
	color: #fff;
	cursor: pointer;
}

.kefu_q1 ul li a.animate {
	position: absolute;
	left: 0;
	width: auto;
	height: 45px;
	line-height: 45px;
	color: transparent;
}

.kefu_q1 ul li a.animate,
.kefu_q1 ul li.q1_code span {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.kefu_q1 ul li.q1_code span p {
	width: 250px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	background: #fff;
}

.kefu_q1 ul li.q1_qq a,
.kefu_q1 ul li.q1_zx a {
	width: 64px;
	padding-left: 46px;
}

.kefu_q1 ul li.q1_qq a {
	background-position: 0 -50px;
}

.kefu_q1 ul li.q1_tel a {
	width: 119px;
	padding-left: 46px;
	background-position: 0 -96px;
}

.kefu_q1 ul li.q1_zx a {
	background-position: 0 -142px;
}

.kefu_q1 ul li.q1_code {
	cursor: pointer;
	background: #1b1b1d url(../images/q1.png) no-repeat 0 -188px;
}

.kefu_q1 ul li.q1_code span {
	position: absolute;
	top: -75px;
	left: -250px;
	display: inline-block;
	width: 250px;
	height: 125px;
	display: none;
	background: #fff;
	border: 1px solid #eee;overflow:hidden;
}

.kefu_q1 ul li.q1_code img {
	width: 221px;
	height: 105px;
	padding: 4px;
}

.kefu_q1 ul li:first-child:hover {
	background-position: -55px 0;
}

.kefu_q1 ul li.q1_qq:hover a,
.kefu_q1 ul li.q1_zx:hover a,
.kefu_q1 ul li.q1_tel:hover a {
	background: #1b1b1d url(../images/q1.png) no-repeat;
}

.kefu_q1 ul li.q1_qq:hover a {
	color: #fff;
	left: -63px;
	background-position: 0 -50px;
}

.kefu_q1 ul li.q1_zx:hover a {
	color: #fff;
	left: -63px;
	background-position: 0 -142px;
}

.kefu_q1 ul li.q1_tel:hover a {
	width: 107px;
	padding-left: 57px;
	color: #fff;
	left: -119px;
	background-position: 10px -96px;
}

.kefu_q1 ul li.q1_code:hover span {
	display: block;
}


/* 锟斤拷锟斤拷 */

.kefu_q2,
span.close {
	position: fixed;
	text-align: center;
	z-index: 101;
}

.kefu_q2 {
	font-family: 'Arial';
	font-size: 14px;
	width: 110px;
	height: 370px;
}

.kefu_q2 ul li {
	background: url(../img/q2_1.png) no-repeat 0 0;
}

.kefu_q2 ul li:first-child {
	height: 113px;
}

.kefu_q2 ul li b.b1 {
	padding-top: 18px;
	padding-bottom: 6px;
	display: block;
}

.kefu_q2 ul li:nth-of-type(2) {
	font-weight: bold;
	height: 80px;
	line-height: 110px;
	color: #fff;
	background-position: 0 -114px;
}

.kefu_q2 ul li:nth-of-type(3) {
	height: 135px;
	background-position: 0 -194px;
}

.kefu_q2 ul li:nth-of-type(3) b.b3 {
	display: block;
	padding-top: 9px;
}

.kefu_q2 ul li img {
	width: 92px;
	height: 92px;
	padding-top: 10px;
}

.kefu_q2 ul li.q2_top {
	cursor: pointer;
	height: 40px;
	background-position: 0 -329px;
	position: relative;
}

.kefu_q2 ul li.q2_top a {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 14px;
}

.kefu_q2 ul li.q2_top a.get_top {
	left: 36px;
}

.kefu_q2 ul li.q2_top a.close-2 {
	left: 64px;
}

span.close {
	right: -120%;
	display: block;
	width: 29px;
	height: 84px;
	background: url(../img/q2_1.png) no-repeat -271px 0;
	cursor: pointer;
}

.kefu_q2 ul li,
.kefu_q2 ul li a {
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.kefu_q2 ul li:first-child:hover {
	background-position: -130px 0;
}

.kefu_q2 ul li:first-child:hover b,
.kefu_q2 ul li:nth-of-type(3):hover b,
.kefu_q2 ul li:first-child:hover a {
	color: #fff;
}

.kefu_q2 ul li:nth-of-type(2):hover {
	background-position: -130px -114px;
}

.kefu_q2 ul li:nth-of-type(3):hover {
	background-position: -130px -194px;
}


/* 锟斤拷锟斤拷锟� */

.kefu_q3 {
	position: fixed;
	text-align: center;
	z-index: 101;
}

.kefu_q3 .default {
	position: absolute;
	cursor: pointer;
	width: 45px;
	height: 131px;
	background: url(../img/q3.png) no-repeat 0 0;
}

.default-hide {
	margin-right: -120%
}

.kefu_q3 .ico-bg {
	background: url(../img/q3.png) no-repeat;
}

.kefu_q3 .top-1 {
	width: 112px;
	height: 36px;
	background-position: -61px 0;
}

.kefu_q3 .top-1 span.colse {
	float: right;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin-right: 8px;
}

.kefu_q3 .bor-ul {
	background: #fff;
	border: 1px solid #f0f0f0;
	border-width: 0 1px;
}

.kefu_q3 .bor-ul span.qq-tx {
	display: block;
	width: 67px;
	height: 67px;
	margin: 0 auto;
	background-position: -61px -63px;
}

.kefu_q3 .bor-ul span.qq-tx:hover {
	background-position: -153px -63px;
}

.kefu_q3 .bor-ul p {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #1e488a;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
}

.kefu_q3 .bor-ul li {
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	background-position: 19px -210px;
	padding-left: 7px;
}

.kefu_q3 .bor-ul .em {
	position: relative;
	width: 54px;
	height: 50px;
	border-right: 1px solid #f0f0f0;
}

.kefu_q3 .bor-ul .em i.ico-code {
	display: block;
	width: 22px;
	height: 22px;
	background-position: -186px -14px;
	margin: 14px;
	cursor: pointer;
}

.kefu_q3 .bor-ul .em i.ico-code:hover {
	background-position: -222px -14px;
}

.kefu_q3 .bor-ul .get-top i.get-ico-code:hover {
	background-position: -45px -149px;
}

.kefu_q3 .bor-ul .get-top {
	width: 55px;
	height: 50px;
}

.kefu_q3 .bor-ul .get-top i.get-ico-code {
	display: block;
	width: 28px;
	height: 28px;
	margin: 14px;
	cursor: pointer;
	background-position: 0 -149px;
}

.kefu_q3 .bottom-1 {
	width: 100%;
	height: 8px;
	background-position: 0 -292px;
}

.kefu_q3 .show-em {
	display: none;
	position: absolute;
	left: -121px;
	top: -78px;
	width: 117px;
	height: 163px;
	background-position: -133px -163px;
}

.kefu_q3 .show-em img {
	width: 92px;
	height: 92px;
	margin: 9px 8px 0px 0px;
}

.kefu_q3 .em:hover .show-em {
	display: block;
}


/* 锟斤拷锟斤拷锟酵凤拷 */