.phone{
    width:35px;
    height:35px;
    background: url('../images/phone.png') no-repeat center;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.message{
    width:35px;
    height:35px;
    background: url('../images/message.png') no-repeat center;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;

}
.hotline{
    width: 176px;
    height: 100px;
    background: #ffffff;
    box-shadow: 0px 2px 6px 0px rgba(193,193,193,0.50);
     position: fixed;
     right: 65px;
     top: 579px;
     text-align:center;
     display: none;
     border: 0.5px solid rgba(0,91,172,0.5);
     border-radius: 6px;

}
.relation{
    width: 176px;
    height: 70px;
    background: #ffffff;
    border: 0.5px solid rgba(0,91,172,0.5);
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(193,193,193,0.50);
    position: fixed;
    right: 65px;
    top: 666px;
    text-align:center;
    display: none;

}

#phone:hover #hotline{
    display:inline
}

.phone:hover{
    background: #fff url(../images/phone2.png) no-repeat center;
    border-radius: 50%;
}

.message:hover{
    background: #fff url(../images/message2.png) no-repeat center;
    border-radius: 50%;
}
#message:hover #relation{
    display:inline
}
.top{
        width: 60px;
        height: 60px;
        background: #005bac;
        border-radius: 6px;
        position: fixed;
        right: 0px;
        top: 748px;
        justify-content: center;
        align-items: center;
        display: flex;
}
.top:hover{
    background: #0e83eb
}