.menu_box h2{
    font-size: 16px;
    font-weight: normal;
    line-height: 68px;
    margin-bottom:0;
    color:#fff;
}
.menu_box{
    position: fixed;
    bottom: 20%;
    right: 2px;
    background: #fff;
    padding-top: 10px;
    z-index: 9999;
    width: 6%;
    padding: 0;
}
.m_item_listwap{
    display: flex;

    flex-direction: column;
    border: 1px solid #ddd;
}
.m_item_listwap li{
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-bottom:1px solid #fff;
    cursor: pointer;
    background: #3d8cca;
    color: #fff;
    position: relative;
}

.hover_box{
    position: absolute;
    right:100%;
    background: #fff;
    padding:5px;
    color:#333;
    top:0;
    height:100%;
    font-size: 16px;
    transform:  translateX(100px);
    opacity: 0;
    transition: all 0.5s;
    display: flex;
    align-items: center;
}
.m_item_listwap li:hover .hover_box{
     opacity: 1;
     transform:  translateX(0px);
     display: flex!important;
}
img.hover_box{
    width:100px;
    height:100px;
    max-height: 100px;
}
.m_item_listwap li:hover{
    background: #155d96;
}
.m_item_listwap li a{
    color:#282828;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wxHover_box{
    flex-direction: column;
    height: 130px;
}
.svg_box{
    width:50px;
    height:50px;
    border-radius: 50%;
    background: #2ea4e8;
    text-align: center;
    line-height: 50px;
}

.menu_box li:nth-of-type(1) .svg_box{
    background: #f1913f;
    background: -webkit-linear-gradient(#2ebaf5, #2e75f1);
    background: -moz-linear-gradient(#2ebaf5, #2e75f1);
    background: linear-gradient(#2ebaf5, #2e75f1);
}
.menu_box li:nth-of-type(2) .svg_box{
    background: -webkit-linear-gradient(#f7c049, #f23947);
    background: -moz-linear-gradient(#f7c049, #f23947);
    background:linear-gradient(#f7c049, #f23947);
}
.menu_box li:nth-of-type(3) .svg_box{
    background: -webkit-linear-gradient(#31f2d3, #2bcaf1);
    background: -moz-linear-gradient(#31f2d3, #2bcaf1);
    background: linear-gradient(#31f2d3, #2bcaf1);
}
.menu_box li::after{
    position: absolute;
    width:1px;
    height:50%;
    background: #4069a7;
    content:'';
    right:0;
    top:50%;
    transform: translateY(-50%);
    display: none;
}
.menu_box li:last-child::after{
    display: none;
}
.wx_zixun .modal-body{
    text-align: center;
}
.wx_zixun p{
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}
@media (max-width: 576px) {
    .menu_box li::after{
        display: block;
    }
    .m_item_listwap{
        justify-content: space-between;
        flex-direction: row;
        border:0;
        height:50px;
        align-items: center;
    }
    .m_item_listwap li:hover .hover_box,.hover_box{
        display: none;
    }
    .m_item_listwap li{
        border-bottom:0;
    }
    .menu_box{
        position: fixed;
        bottom:0;
        background: #fff;
        -webkit-box-shadow: 0 5px 15px 0 rgb(0 0 0 / 6%);
        z-index: 9999;
        width:100%;
        right:0;
    }
    .menu_box h2{
        line-height: 50px;
    }
}