@charset "utf-8";
/* CSS Document */
.on_line{width:75px; z-index: 100;float:right;position: fixed;right:0; top:25%;border:1px #ddd solid;border-right:0;border-radius: 5px 0 0 5px; box-shadow: 0 0 20px rgba(0,0,0,0.2);background:#fff;}
.on_line li{display:block;padding:10px 0; text-align: center;position:relative;border-bottom:1px #ddd solid;}
.on_line li:hover a{color:#f0832b;}
.on_line li:last-child{border-bottom:0;}
.on_line li a{display:block;font-size:0.875rem;}
.on_line li span{line-height:30px;}
.on_mess h6{position:absolute; right:5px; top:5px;font-size:13px;}
.on_qq_img{background:url("../images/kefu@ico1.png") no-repeat center; width:25px; height:25px;display:block; text-align: center;margin:0 auto;}
.on_wx_img{background:url("../images/kefu@ico2.png") no-repeat center; width:29px; height:25px;display:block; text-align: center;margin:0 auto;}
.on_dy_img{background:url("../images/kefu@ico3.png") no-repeat center; width:29px; height:25px;display:block; text-align: center;margin:0 auto;}
.on_telBox{width:250px; position:absolute;border:1px #ddd solid; background:#fff;right:73px;top:-1px;padding:20px; text-align:left;border-top:3px solid #FF6E00;box-shadow: -2px 2px 5px #eee;display:none;transition:all .1s ease-in-out;}
.on_telCon h4{color:#666;display:block;font-size:14px;}
.on_telCon h5{color:#FF6E00;display:block;font-size:22px;}
.on_wxBox{position:absolute; width:130px; height:130px; top:-48%; right:76px;background:#fff;border:1px #eee solid;padding:3px;display:none;border-radius: 5px;}
.on_wxBox h5{font-size:16px; color:#999;padding-top:5px;display:block;}
.on_tel:hover .on_telBox{display:block; transition:all .6s ease-in-out;}
.on_wx:hover .on_wxBox{display:block; transition:all .6s ease-in-out;}