.on-line{position:fixed; right:10px;bottom:35%; z-index: 999;}
.cus-com{position:relative;}
.on-line li{width:75px; height:75px; background:#f2f2f2;margin:1px 0;border-radius: 0px; transition:all .6s ease; text-align: center;border-bottom:1px #666 solid;position:relative;}
.on-line li a span{display:block;color:#000; font-size:12px; }
.on-line li img{margin:0px auto 0; vertical-align: middle;}
.on-img{padding-top:5px;display: block;}
.wx-img{position:absolute; right:85px;background:#f2f2f2;bottom:-30px;width:120px; height:120px; vertical-align: middle; opacity:1.0;transition:all .6s ease;display:none;}
.wx-img img{background:#f2f2f2;padding:5px;}
.wx-img:before{content:""; width:0; height:0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f2f2f2; position:absolute; right:-10px;top:40%;}
.tel-line{position:absolute; width:0px; right:85px;bottom:0px;transition:all .4s ease;opacity:1.0; background:rgba(242,242,242,0.9);height:50px;display:none;}
.tel-line h3{font-size:18px; color:#333;padding:0px 0;display:block;line-height: 50px;padding:0;margin:0; font-weight:normal;}
.tel-line:before{content:""; width:0; height:0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f2f2f2; position:absolute; right:-10px;top:35%; }
.tel-con:hover .tel-line{opacity:1.0;width:200px;display:block;}
.wx-ico:hover .wx-img{opacity:1.0;display: block;}
.on-sk em{ position:absolute; top:0; right:5px; color:#666; font-style:normal;}
@media screen and (max-width:567px){
    .on-line{display:none;}
}