@charset "utf-8";
/* CSS Document */



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

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

.kefu_q1 ul li{position:relative;width:45px;height:45px; background:#1b1b1b;  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 .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}

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

.kefu_q1 ul li.q1_qq a,.kefu_q1 ul li.q1_zx a{width:62px;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_top{cursor:pointer;background:#fff url(../images/222.png) no-repeat 0 -1px}

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

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


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

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




.kefu_q1 ul li.q1_code span{position:absolute;top:-88px;left:-146px;display:inline-block;width:133px;height:133px;display:none;background:#fff;border:0px solid #eee}



.kefu_q1 ul li.q1_code img{width:133px;height:133px;padding:0px}





.kefu_q1 ul li:first-child:hover{background:cursor:pointer;background: url(../images/top11.jpg) no-repeat;width:100px;margin-left:-55px;padding-bottom:0px;}




.kefu_q1 ul li.q1_qq:hover a,.kefu_q1 ul li.q1_tel:hover a,.kefu_q1 ul li.q1_zx:hover a,

 .kefu_q1 ul li.q1_code:hover {background: #be000a url(../images/222.png) no-repeat}




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

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

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




.kefu_q1 ul li.q1_code:hover span{display:block;background:#be000a;margin-left:12px;}

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


.kefu_q1 ul li.q1_code:hover{color:#fff;left:0px;background-position:0 -189px }



<!-- 右边固定位置代码结束 -->