/*浮动窗---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;
}