@charset "utf-8";
/* CSS Document */
.on_line{width:50px; z-index: 99;float:right;position: fixed;right:5px; top:40%;}
.on_line li{display:flex;text-align: center;position:relative;background:#0056b8;margin-bottom:1px;border-radius: 10px;height:50px;align-items: center;flex-direction: column;justify-content: center}
.on_line li a{display:block;color:#fff;font-size:0.875rem;line-height: 1;text-align: center;}
.on_line li span{display:none;transition: .4s;padding:0 0.5rem;}
.on_line li i{display:block;font-size:1.5rem;margin:0 auto;}
.on_line li a:hover i{display:none;}
.on_line li a:hover span{display:block;}
.on_mess em{position:absolute; right:3px; top:5px;font-size:0.875rem;font-style:normal;}
.on_telBox{min-width:180px;position:absolute; background:#fff;right:60px;top:0;padding:10px; text-align:left;display:none;transition:all .1s ease-in-out;color:#999;border-top:2px solid #d81c1e;box-shadow: 0 0 1px rgba(0,0,0,0.4);font-size:0.875rem;}
.on_telCon h5{display:block;font-size:1.125rem;color:#0056b8;}
.on_wxBox{position:absolute; width:150px; height:auto; bottom:-1px; right:60px;background:#fff;border-top:2px solid #fe0201;box-shadow: 0 0 1px rgba(0,0,0,0.4);padding:5px;display:none;}
.on_wxBox img{margin:0 auto; vertical-align: middle;}
.on_wxBox h5{font-size:0.875rem; color:#666;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;}
.back_scroll_top{text-align: center;margin:1px auto;background:#0056b8;display:none;border-radius: 10px;}
.back_scroll_top a{display:block;color:#fff;line-height: 45px;}
.back_scroll_top a i{display:block;font-size:1.625rem;}
.back_scroll_top a:hover{color:#fff;}
@media screen and (max-width:567px){
    .on_line{display:none;}
}