/*娴姩绐?--1*/
.chatfloat0{position:fixed; right:0; width:92px; top:150px; z-index:1000;}
#float_window{ width:72px; padding:1px; border-radius:5px; padding-top:12px;}
#inner_window{ width:70px; border-radius:5px 5px 0 0; padding-top:4px; min-height:90px; background:#fff;}
#demo_window{ width:43px; margin:0 auto;}
#demo_window a{ display:block; width:43px; height:43px;}
#demo_window a.QQ{ background:url(../../../images/ico/chat_0.png) no-repeat center 0;}
#demo_window a.Skype{ background:url(../../../images/ico/chat_0.png) no-repeat center -96px;}
#demo_window a.Email{ background:url(../../../images/ico/chat_0.png) no-repeat center -144px;}
#demo_window a.trademanager{ background:url(../../../images/ico/chat_0.png) no-repeat center -48px;}
#demo_window a.WeChat{ position:relative; background:url(../../../images/ico/chat_0.png) center -192px no-repeat;}
#demo_window a.WeChat .relimg{ position:absolute; left:-128px; top:-30px; width:100px; height:100px; display:none; z-index:10; text-align:center; padding:6px; background:#e3e3e3;}
#demo_window a.WeChat:hover .relimg{ display:block;}
#demo_window a.WeChat .relimg img{ max-width:100%; max-height:100%;}
#demo_window a.WhatsApp{ position:relative; background:url(../../../images/ico/chat_0.png) center -240px no-repeat;}
#demo_window a.WhatsApp .relimg{ position:absolute; color:#333; left:-128px; top:7px; width:100px; line-height:20px; display:none; z-index:10; text-align:center; padding:6px; background:#e3e3e3;}
#demo_window a.WhatsApp:hover .relimg{ display:block;}
#demo_window div{background:#fff;}
#go_top{ display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:14px;}
/*#go_top:hover{ text-decoration:none;}*/

/*娴姩绐?--2*/
.chatfloat1{position:fixed; right:0; top:150px; z-index:1000;}
#service_0{ width:95px;}
#service_0 .r{ display:block; padding-left:32px; margin-bottom:6px; position:relative; height:100%; -webkit-border-radius:18px 0 0 18px; -moz-border-radius:18px 0 0 18px; border-radius:18px 0 0 18px;}
#service_0 .r a{ display:block; width:63px; height:35px; line-height:35px; overflow:hidden; text-decoration:none; text-indent:6px; color:#fff;}
#service_0 .r0{ background:url(../../../images/ico/chat_icon.png) no-repeat 2px -1px/36px;}
/*#service_0 .r0 a{ background:#45a4eb;}*/
#service_0 .r1{ background:url(../../../images/ico/chat_icon.png) no-repeat 2px -85px/36px;}
/*#service_0 .r1 a{ background:#66b433;}*/
#service_0 .r2{  background:url(../../../images/ico/chat_icon.png) no-repeat 2px -125px/36px;}
/*#service_0 .r2 a{ background:#186caa;}*/
#service_0 .r3{ background:url(../../../images/ico/chat_icon.png) no-repeat 2px -41px/36px;}
/*#service_0 .r3 a{ background:#ffc000;}*/
#service_0 .r4{ background:url(../../../images/ico/chat_icon.png) no-repeat 2px -168px/36px;}
/*#service_0 .r4 a{ background:#555555;}*/
#service_0 .r4 .relimg{ width:100px; height:100px; padding:6px; background:#e3e3e3; position:absolute; left:-114px; top:-40px; display:none;}
#service_0 .r4 .relimg img{ max-width:100%; min-height:100%;}
#service_0 .r4:hover .relimg{ display:block;}
#service_0 .r5{ background:url(../../../images/ico/chat_icon.png) no-repeat 2px -245px/36px;}
#service_0 .r5 .relimg{ width:100px; color:#333; padding:6px; line-height:20px; background:#e3e3e3; position:absolute; left:-114px; top:2px; text-align:center; display:none;}
#service_0 .r5:hover .relimg{ display:block;}
#service_0 .top{ background:url(../../../images/ico/chat_icon.png) no-repeat 58px -146px/26px; padding-left:24px;}
#service_0 .top a{width:71px;}

/*娴姩绐?--3*/
.chatfloat2{position:fixed; width:69px; right:0px; top:150px; z-index:1000;}
#service_1{ width:49px;}
#service_1 .r{ display:block; margin-bottom:8px;}
#service_1 .r a{ display:block; width:49px; height:49px; text-decoration:none;}
#service_1 .r0{ background:url(../../../images/ico/chat_icon.png) no-repeat 0px 0px;}
#service_1 .r1{ background:url(../../../images/ico/chat_icon.png) no-repeat -1px -115px;}
#service_1 .r2{ background:url(../../../images/ico/chat_icon.png) no-repeat 0px -170px;}
#service_1 .r3{ background:url(../../../images/ico/chat_icon.png) no-repeat 0px -57px;}
#service_1 .r4{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px -227px; position:relative;}
#service_1 .r4 .relimg{ width:150px; height:150px; padding:6px; background:#e3e3e3; position:absolute; left:-170px; top:-49px; display:none;}
#service_1 .r4 .relimg img{ max-width:100%; min-height:100%;}
#service_1 .r4:hover .relimg{ display:block;}
#service_1 .r5{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px -333px; position:relative;}
#service_1 .r5 .relimg{ width:150px; padding:6px; color:#333; line-height:20px; background:#e3e3e3; position:absolute; text-align:center; left:-170px; top:8px; display:none;}
#service_1 .r5:hover .relimg{ display:block;}
#service_1 .top{ background:url(../../../images/ico/chat_icon.png) no-repeat 0px -284px;}

/*娴姩绐?--4*/
.chatfloat3{position:fixed; width:94px; right:0px; top:150px; z-index:1000;}
#service_2{ width:74px;}
#service_2 .sert{text-align:center; margin-bottom:10px;}
#service_2 .sert img{vertical-align:middle;}
#service_2 .sert .img0{}
#service_2 .sert .img1{display:none;}
#service_2 .sert:hover .img0{display:none;}
#service_2 .sert:hover .img1{display:block;}
/*#service_2 .sert:hover{ background:url(../../../images/ico/chat_icon.png) no-repeat -114px 0px;}*/
#service_2 .r{ display:block; width:40px; height:40px; margin:0 auto; margin-bottom:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#service_2 .r a{ display:block; text-decoration:none; width:100%; height:100%;}
#service_2 .r0{ background:url(../../../images/ico/chat_icon.png) no-repeat -1px -1px/41px;}
#service_2 .r1{ background:url(../../../images/ico/chat_icon.png) no-repeat -2px -97px/41px;}
#service_2 .r2{ background:url(../../../images/ico/chat_icon.png) no-repeat -1px -146px/42px;}
#service_2 .r3{ background:url(../../../images/ico/chat_icon.png) no-repeat -1px -47px/41px;}
#service_2 .r4{ background:url(../../../images/ico/chat_icon.png) no-repeat 0px -190px/41px; position:relative;}
#service_2 .r4 .relimg{ width:100px; height:100px; padding:6px; background:#e3e3e3; position:absolute; left:-120px; top:-35px; display:none;}
#service_2 .r4:hover .relimg{ display:block;}
#service_2 .r5{ background:url(../../../images/ico/chat_icon.png) no-repeat 0px -280px/41px; position:relative;}
#service_2 .r5 .relimg{ width:100px; color:#333; line-height:20px; padding:6px; background:#e3e3e3; position:absolute; left:-120px; top:5px; text-align:center; display:none;}
#service_2 .r5:hover .relimg{ display:block;}
#service_2 .top{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px -225px/39px;}

/*娴姩绐?--5*/
.chatfloat4{position:fixed; width:114px; right:0px; top:150px; z-index:1000;}
#service_3{ width:94px; }
#service_3 .sert{ text-align:center;}
#service_3 .sert img{vertical-align:middle;}
#service_3 .r{ display:block; padding-left:37px; margin-bottom:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#service_3 .r a{ display:block; width:54px; height:37px; line-height:37px; overflow:hidden; text-decoration:none; color:#fff;}
#service_3 .r0{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px 1px/34px;}
#service_3 .r1{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px -78px/34px;}
#service_3 .r2{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px -116px/34px;}
#service_3 .r3{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px -37px/34px;}
#service_3 .r4{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px -156px/34px; position:relative;}
#service_3 .r4 .relimg{ width:100px; height:100px; padding:6px; background:#e3e3e3; position:absolute; left:-120px; top:-35px; display:none;}
#service_3 .r4:hover .relimg{ display:block;}
#service_3 .r5{ background:url(../../../images/ico/chat_icon.png) no-repeat 1px -229px/34px; position:relative;}
#service_3 .r5 .relimg{ width:100px; color:#333; line-height:20px; text-align:center; padding:6px; background:#e3e3e3; position:absolute; left:-120px; top:3px; display:none;}
#service_3 .r5:hover .relimg{ display:block;}
#service_3 .top{ background:url(../../../images/ico/chat_icon.png) no-repeat 51px -145px/26px; padding-left:21px;}
/*娴姩绐?/
.chathide{right:-115px;}
/*.chattrans{-webkit-transition:right .3s; transition:right .3s;}*/
#chat_float_btn{text-align:center; height:70px; width:35px; border-radius:35px 0 0 35px; position:fixed; top:160px; right:0; z-index:1001; background:url(../../../images/ico/chat_float_btn.png) no-repeat 12px center; cursor:pointer;}

@media screen and (max-width: 700px){
	[class*='chatfloat'],#chat_float_btn{display: none;}
}