/* kefu */
.kefu-float{
    height: 196px;
    position: fixed;
    right: -229px;
    top: 50%;
    margin-top: -98px;
    z-index: 999;}
.kefu_nav {position: relative;}
 .kefu_nav li {
    width: 48px;
    height: 48px;
    display: block;
    text-align: left;
    background: #015aa1;  
    position: relative;
    margin-bottom: 1px;
   
}
.kefu_nav li.kfnr{
    background: #CBCBCB;
}

 .kefu_nav li.kefu_tel{text-align: left;
    width: 275px;
    padding-left: 53px;
    padding-top: 0px;
    height: 48px;
     transition: all .6s ease 0s;
  -webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -ms-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
    transform: translate(0px, 0);
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  -o-transform: translate(0px, 0); 
}
.kefu_icon{
    position: absolute;
    width: 48px;
    height: 48px;
    left: 0px;
    top: 0px;
}
.kefu_nav li p{margin: 0px; width: 100%;height: 48px; line-height: 48px;font-size: 16px; color: #fff;}
 .kefu_nav li.kefu_tel:hover{
      transform: translate(-220px, 0);
  -webkit-transform: translate(-220px, 0);
  -moz-transform: translate(-220px, 0);
  -ms-transform: translate(-220px, 0);
  -o-transform: translate(-220px, 0); 
 }
 .kefu_nav li.kefu_tel.kf_qq:hover{
     transform: translate(-110px, 0);
  -webkit-transform: translate(-110px, 0);
  -moz-transform: translate(-110px, 0);
  -ms-transform: translate(-110px, 0);
  -o-transform: translate(-110px, 0); 
 }
.kefu_nav li a{ position: absolute; left: 0px; top: 0px; display: inline-block;  width: 48px; height:48px;  
     text-decoration: none; }
 .kefu_nav li:hover{ background: #252525;}
  .top_kefu{ background: url(../images/l_icon01.png) center center no-repeat;}
  .kfq_icon{ background: url(../images/l_icon02.png) center center no-repeat;}
  .kefu_tel_icon{ background: url(../images/l_icon03.png) center center no-repeat;}
  .kfw_icon{ background: url(../images/l_icon04.png) center center no-repeat;}
  .kefu_nav li.kefu_tel :hover a{cursor: none;}
.kfl_code{ width: 109px; height: 102px; position: absolute; bottom: 0px; left: -120px; }
.kfl_code{ opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: 0.6s;
    transition-property: all;
    transition-timing-function: ease-out;
     transform: translate(-50px,0px);}

 .kfl_code.kfnr{
     opacity: 1;
    filter: alpha(opacity=1);
     transform: translate(0,0);
}
.f_nav li.active{
    background: #CBCBCB;
}
 .l_code.active{
     opacity: 1;
    filter: alpha(opacity=1);
     transform: translate(0,0);
}