/*!* 浮动客服面板 *!*/

/*联系客服*/
.contact-box{
    position: fixed;
    bottom: 230px;
    right: 15px;
    text-decoration: none!important;
    width: 44px;
    height: 128px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background-color: #fff;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    z-index: 9999;
}
.feng{
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 44px;
    height: 128px;
    z-index: 1000;
}
.contact-box:hover >.contact-online{
    opacity: 1;
    visibility: visible;
}
.contact-box:hover > .vertical-text{
    color: #1BA784;
}
.contact-logo{
    color: #1BA784;
    display: block;
    margin: 15px auto 10px;
    font-size: 34px;
    text-align: center;
    line-height: 22px;
}
.vertical-text{
    line-height: 14px;
    font-weight: bolder;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    margin-left: 15px;
    margin-top: 14px;
    transition:all .42s;
    -moz-transition:all .42s; /* Firefox 4 */
    -webkit-transition:all .42s; /* Safari and Chrome */
    -o-transition:all .42s; /* Opera */
}
.contact-online{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    right: 44px;
    margin-right: 6px;
    width: 78px;
    /*height: 300px;*/
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background-color: #fff;
    z-index: 9999;

    transition:all .42s;
    -moz-transition:all .42s; /* Firefox 4 */
    -webkit-transition:all .42s; /* Safari and Chrome */
    -o-transition:all .42s; /* Opera */
}
.flax-box{
    display: flex;
}
.contact-online div .main-box .service-person{
    position: absolute;
    display: inline-block;
    float: left;
    top: 0;
    left: -10px;
    background: red;
    opacity: 0;
}
.contact-online div .main-box .service-person a{
    display: block;
    width: 100%;
    height: 100%;
}
/*.contact-online div .main-box .service-person:nth-child(2n+1){*/
/*    margin-left: 20px;*/
/*}*/
/*.contact-online div .main-box .service-person:nth-child(2n){*/
/*     margin-left: 4px;*/
/* }*/
.phone-box,
.skype-online-icon-box,
.whatsapp-online-icon-box,
.qq-online-icon-box,
.wangwang-online-icon-box,
.online-icon-box{
    height: 100%;
    /*-moz-text-shadow: 0 4px 4px rgba(0,0,0,0.2); !* 老的 Firefox *!*/
    /*text-shadow: 0 4px 4px rgba(0,0,0,0.2);*/
    width: 100%;
    transition:all .1s;
    -moz-transition:all .1s; /* Firefox 4 */
    -webkit-transition:all .1s; /* Safari and Chrome */
    -o-transition:all .1s; /* Opera */
}
.online-icon-box a{
    text-decoration: none;
}
.online-icon-box a:hover{
    color: #fff;
    background-color: #1BA784;
}
.online-icon-box-move{
    /*transform: translate(0,-3px);*/
    /*-moz-text-shadow: 0 6px 8px rgba(0,0,0,0.3); !* 老的 Firefox *!*/
    /*text-shadow: 0 6px 8px rgba(0,0,0,0.3);*/
    background-color: #1BA784;
    color: #fff;
}
.online-qq-box{
    position: relative;
    width: 100%;
    /*border-bottom: 1px solid rgba(0,0,0,.15);*/
}
.phone-icon{
    color: #1BA784;
    font-size: 36px;
    line-height: 50px;
    font-weight: bold;
    display: block;
}
.skype-icon{
    color: #1BA784;
    font-size: 40px;
    line-height: 50px;
    display: block;
}
.whatsapp-icon{
    color: #1BA784;
    font-size: 40px;
    line-height: 50px;
    display: block;
}
.qq-icon{
    color: #1BA784;
    font-size: 52px;
    line-height: 50px;
    font-weight: bold;
    display: block;
}

.wangwang-icon{
    color: #1BA784;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    display: block;
}
/*{*/
/*    text-decoration: none!important;*/
/*    width;*/
/*    height: 44px;*/
/*    text-align: center;*/
/*    display: flex;*/
/*    !*transform: translate(-2px, 0px);*!*/
/*}*/


/*返回顶部*/
.backtop{
    visibility: hidden;
    opacity: 0;
    position: fixed;
    cursor: pointer;
    bottom: 20px;
    right: 15px;
    width: 44px;
    height: 44px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    z-index: 9999;
    background: #fff;
    -moz-transition:all .42s; /* Firefox 4 */
    -webkit-transition:all .42s; /* Safari and Chrome */
    -o-transition:all .42s; /* Opera */
}
.backtop-show{
    visibility: visible;
    opacity: 1;
}
.backtop-logo{
    color: #1BA784;
    font-size: 28px;
    text-align: center;
    line-height: 45px;
    position: relative;
    left: 8px;
}


















/*#cmsFloatPanel{overflow:hidden;}*/
/*#cmsFloatPanel .ctrolPanel{width:50px;height:203px;background: url(../images/panel-bg.png) no-repeat left top;position:fixed;right:20px;top:200px;overflow:hidden;z-index:10000;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}*/
/*#cmsFloatPanel .ctrolPanel a{width:50px; height: 50px; font-size:12px;color:#ff3300;text-align:center;overflow:hidden; text-decoration:none;}*/
/*#cmsFloatPanel .ctrolPanel a:hover{background: rgba(255,255,255,0.3);}*/
/*#cmsFloatPanel .ctrolPanel .arrow{line-height:28px;display:block;margin:1px auto;}*/
/*#cmsFloatPanel .ctrolPanel .arrow span{display:none;}*/
/*#cmsFloatPanel .ctrolPanel .arrow:hover{}*/
/*#cmsFloatPanel .ctrolPanel .arrow:hover span{display:block;}*/
/*#cmsFloatPanel .ctrolPanel .service{display:block;margin:2px auto;}*/
/*#cmsFloatPanel .ctrolPanel .service span{color:#09F;line-height:90px;}*/
/*#cmsFloatPanel .ctrolPanel .message{display:block;margin:2px auto;}*/
/*#cmsFloatPanel .ctrolPanel .message span{color:#ff3300;line-height:90px;}*/
/*#cmsFloatPanel .ctrolPanel .qrcode{display:block;margin:2px auto;}*/
/*#cmsFloatPanel .ctrolPanel .qrcode span{color:#0C6;line-height:90px;}*/

/*#cmsFloatPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}*/
/*#cmsFloatPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}*/

/*#cmsFloatPanel .servicePanel{width:128px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner{width:128px;position:relative;overflow:visible;}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel{display: none; width:10px;height:30px;position:absolute;right:1px;top:50px;}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02{border-left:10px solid #348ee3; }*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel{width:128px;position:absolute;left:0;top:0;overflow:hidden;}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd{width:128px;height:31px;background:url(../images/top.png) no-repeat left top;overflow:hidden;}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a{width:24px;height:24px;font-size:12px;color:#fff;line-height:24px;display:block;float:right;}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span{display:none;}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd{width:128px;background:url(../images/middle.png) repeat-y left top;overflow:hidden;}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup{width:100px;margin:0 15px; padding:4px 0px 4px 0px; text-align: center; line-height: 20px;}*/
/*#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup a{font-size: 12px; color: #000;}*/
/*.qqimg{ margin-bottom:-3px;}*/

/*#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft{width:128px;height:22px;background:url(../images/bottom.png) no-repeat left top;overflow:hidden;}*/

/*#cmsFloatPanel .messagePanel{width:280px;height:90px;position:fixed;right:70px;top:255px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner{width:280px;position:relative;overflow:visible;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:15px;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01{border-left:10px solid #fff;left:1px;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel{width:270px;background:#fff;position:absolute;left:0;top:0;overflow:hidden;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;text-indent:10px;background:url(../images/cmsfloatformpanel-hd-bg.gif) no-repeat left top;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span{display:none;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd{padding:7px 15px;overflow:hidden;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd p{font-size:12px;color:#666;line-height:22px;overflow:hidden;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft{height:30px;background:#f4f4f4;text-align:right;padding:0 10px;overflow:hidden;}*/
/*#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a{font-size:12px;color:#999;line-height:30px;letter-spacing:1px;}*/

/*#cmsFloatPanel .qrcodePanel{width:210px;height:240px;position:fixed;right:70px;top:143px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner{width:210px;position:relative;overflow:visible;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:180px;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01{border-left:10px solid #fff;left:1px;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel{width:200px;background:#fff;border:position:absolute;left:0;top:0;overflow:hidden;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;text-indent:10px;background:url(../images/cmsfloatqrcodepanel-hd-bg.gif) no-repeat left top;overflow:hidden;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;overflow: hidden;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span{display:none;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd{padding:10px;overflow:hidden;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img{max-width:200px;border:none;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft{height:30px;background:#f4f4f4;text-align:center;padding:0 10px;overflow:hidden;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a{font-size:12px;color:#666;line-height:30px;letter-spacing:1px;}*/
/*#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover{color:#F00;}*/



