/*在线客服*/
.customer_hide{
	width:53px;
	height:174px;
	background:url(online.gif) no-repeat;
	cursor:pointer;
}
.customer{
	width:auto;/*如果客服要左边浮动，需要改成实际宽度，例：width:111px;*/
	z-index:1000;
	position:fixed;
	right:0px;
	top:50%;
	margin-top:-58px;
}
.customer_title{
	background:url(online_title.gif) no-repeat;
	width:130px;
	height:46px;
}
.customer_close{
	float:right;
	margin-right:3px;
	margin-top:2px;
}
.customer_main{
	width:130px;
	padding-bottom:10px;
	background: url(online_bg.gif) 0 0 repeat-y;
	border-bottom: 1px solid #d2d2d2;
	
}
.customer_main .cus_group{
	padding-top:10px;
}
.customer_main .cus_group h3{
	color:#000;
	border-bottom:1px solid #e9e9e9;
	height:35px;
	line-height:35px;
	font-size: 18px;
}
.customer_main .cus_group ul{
	padding:10px 0px;
}	
.customer_main .cus_group ul li{
	height:40px;
	line-height:40px;
}

.customer_main .cus_group ul li a{
	font-size: 18px;
}

.customer_main .cus_group ul li img{
	vertical-align:middle;
	width: 30px;
}






/*qq在线客服*/
.kefu_qq{
	height: 80px;
	width: 80px;
	position: fixed;
	right: 0px;
	bottom: 200px;
}

.kefu_qq .icon_box{
	position: fixed;
	right: 10px;
	bottom: 200px;
	display: block;
	cursor: pointer;
	height: 80px;
	width: 80px;
	background: url(1.png) 0 0 no-repeat;
	transition: all 0.5s;
}

.kefu_qq .icon_box:hover{
	background: url(1_hover.png) 0 0 no-repeat;
}

.kefu_qq .qq_zone{
	width: 180px;
	position: fixed;
	right: -200px;
	bottom: 200px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc',Direction=0, Strength=15);/*for ie6,7,8*/ 
    -moz-box-shadow:0px 8px 15px #ccc;/*firefox*/ 
    -webkit-box-shadow:0px 8px 15px #ccc;/*webkit*/ 
    box-shadow:0px 8px 15px #ccc;/*opera或ie9*/ 
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
background: #fff;
}

.kefu_qq .qq_zone .title{
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	background: #0168b7;
	color: #fff;
	text-align: left;
	text-indent: 20px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

.kefu_qq .qq_zone .btn{
	position: absolute;
	right: 10px;
	top: 23px;
	height: 12px;
	width: 12px;
	cursor: pointer;
	background: url(kefu_btn.png)0 0 no-repeat;
	transition: all 0.5s;
}

.kefu_qq .qq_zone .btn:hover{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);        /* IE 9 */
	-webkit-transform: rotate(360deg);    /* Safari and Chrome */
	-o-transform: rotate(360deg);        /* Opera */
	-moz-transform: rotate(360deg);        /* Firefox */
}

.kefu_qq .qq_zone .list_box a{
	display: block;
	line-height: 45px;
	text-align: left;
	text-indent: 25px;
	border-bottom: 1px solid #eeeeee;
	font-size: 14px;
	color: #666;
	transition: all 0.5s;
}

.kefu_qq .qq_zone .list_box a:hover{
	background: #eeeeee;
	text-indent: 30px;
	color: #333;
}

.kefu_qq .qq_zone .call_box{
	text-align: left;
	text-indent: 25px;
	padding: 15px 0px;
}

.kefu_qq .qq_zone .call_box img{
	padding-right: 10px;
	vertical-align: top;
}

.kefu_qq .qq_zone .call_box .call_num{
	padding-top: 10px;
	font-size: 18px;
	color: #666;
}