.on-line{position:fixed; right:10px;bottom:15%; z-index: 999;}
.cus-com{position:relative;}
.on-line li{width:65px; height:65px; background:#096dd9;margin:1px 0;border-radius: 0; transition:all .1s ease; text-align: center;border:0 #fff solid;position:relative;}
.on-line li a span{display:block;color:#fff; font-size:12px; }
.on-line li img{margin:0 auto; vertical-align: middle;}
.wx-img{position:absolute; right:65px;background:#fff;bottom:-30px;height:145px;width:500px; vertical-align: middle; opacity:1.0;transition:all .6s ease;box-shadow: 0 0 0 rgba(0,0,0,0.5);border-radius: 5px;display:none;border:1px #ddd solid;}
.wx_item{width:calc(100%/4);float:left;color:#666;font-size:14px;text-align: center;overflow: hidden;padding:3px 0;}
.wx_item p{display:block;padding:0;margin:0;}
.wx-img img{width:95%;display:block;margin:0 auto;vertical-align: middle;padding:3px;}
.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%;display:none;}
.tel-line{position:absolute; width:0; right:65px;bottom:0;transition:all .4s ease;opacity:1.0; background:rgba(255,255,255,1.0);display:none;box-shadow: 0 0 1px rgba(0,0,0,0.2);}
.tel-line h3{font-size:18px; color:#333;display:block;line-height: 30px;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:10px; color:#fff; font-style:normal;}
.on_qqCon{position: absolute;right:65px;top:0;transition:all .4s ease;opacity:1.0; background:rgba(255,255,255,1.0);width:120px;border-top:2px #096dd9 solid;display:none;box-shadow: 0 0 1px rgba(0,0,0,0.2);}
.on_qqCon: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:0; }
.on_qqCon a{color:#333;font-size:14px;margin:5px 0;display:block;}
.on-qq:hover .on_qqCon{display:block;}
@media screen and (max-width:567px){
    .on-line{display:none;}
}