.kf{
    left:0;
    top:50%;
    margin-top:-250px;
    width:67px;
    position:fixed;
    z-index:9999;
    border:1px solid #e4e4e4;
}
.kf img{
    display:block;
}
.kf ul{
margin-bottom:0px;
}
.kf ul li{
    list-style:none;
}
.kf ul li a{
    display:block;
}
.kf ul li a.kf-logo{
    width:67px;
    height:41px;
    background:url("../img/kf-logo.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img1{
    width:67px;
    height:59px;
    background:url("../img/kf-li1.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img2{
    width:67px;
    height:59px;
    background:url("../img/kf-li2.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img3{
    width:67px;
    height:59px;
    background:url("../img/kf-li3.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img4{
    width:67px;
    height:59px;
    background:url("../img/kf-li4.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img5{
    width:67px;
    height:75px;
    background:url("../img/kf-li5.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img6{
    width:67px;
    height:98px;
    background:url("../img/kf-li6.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.top{
    width:67px;
    height:53px;
    background:url("../img/kf-top.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img1:hover{
    background:url("../img/kf-li1-act.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img2:hover{
    background:url("../img/kf-li2-act.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img3:hover{
    background:url("../img/kf-li3-act.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img4:hover{
    background:url("../img/kf-li4-act.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img5:hover{
    background:url("../img/kf-li5-act.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.img6:hover{
    background:url("../img/kf-li6-act.jpg") no-repeat center;
    transition:0.2s;
}
.kf ul li a.top:hover{
    background:url("../img/kf-top-act.jpg") no-repeat center;
    transition:0.2s;
}
.kf:hover a.kf-logo{
    background:url("../img/kf-logo-act.jpg") no-repeat center;
    transition:0.2s;
}
#top{
    cursor:pointer;
}



@media screen and (max-width: 1200px) {
    .kf{
        display:none;
    }
}