.zxkf{position: fixed;right: 1%;bottom: 21%;z-index: 99;}
.zxkfw{background: var(--zs-color);width: 64px;height: 64px;margin-bottom: 4px;display: flex;justify-content: center;align-items: center;cursor: pointer;position: relative;}
.zxkfa{

}
.zxkfa .tel{
    display: none;
    position: absolute;
    right: 67px;
    width: 220px;
    background: var(--zs-color);
    color: #fff;
    text-align: center;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    font-weight: bold;
}
.zxkfa:hover .tel{
    display: block;
}
.zxkfb{

}
.zxkfc{

}
.zxkfc .wx{
    display: none;
    position: absolute;
    right: 105%;
    top: 0%;
}
.zxkfc:hover .wx{
    display: block;
}
.zxkfc .wx img{}
.zxkfd{}
.zxkfd .email{
    display: none;
    position: absolute;
    right: 67px;
    width: 220px;
    background: var(--zs-color);
    color: #fff;
    text-align: center;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    font-weight: bold;
}
.zxkfd:hover .email{
    display: block;
}

.zxkftop{}

@media (max-width: 1200px){

.zxkfw {
    background: var(--zs-color);
    width: 42px;
    height: 42px;
    margin-bottom: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
  .zxkf {
    position: fixed;
    right: 2%;
    bottom: 2%;
    z-index: 99;
}
  .zxkfw img{
      width: 16px;
  }
  .zxkfc .wx img {
    width: 100px;
}
}