@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei', sans-serif;color:#000000;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.kf{
    left:0;
    top:50%;
    margin-top:-250px;
    width:67px;
    position:fixed;
    z-index:9999;
    border:1px solid #30aead;
}
.kf img{
    display:block;
}
.kf ul li{
    list-style:none;
}
.kf ul li a{
    display:block;
}
.kf ul li a.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.logo{
    background:url("../img/kf-logo-act.jpg") no-repeat center;
    transition:0.2s;
}
#top{
    cursor:pointer;
}



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