.flow.right_side{position:fixed;width:56px;height:275px;right:10px;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
    .flow ul{overflow: visible;}
    .flow ul li{width:100%;height:60px;float:left;position:relative;margin-bottom: 5px;}
    .flow ul li .sidebox{position:absolute;width:100%;height:56px;top:0;right:0;transition:all 0.3s;background:rgba(36, 83, 164,1);color:#fff;font:15px/56px;overflow:hidden;}
    .flow ul li .sidetop,.flow  ul li .wx{width:100%;height:56px;display:block;background:rgba(36, 83, 164,1);transition:all 0.3s;}
    .flow ul li i{display: inline-block;width: 56px;line-height: 56px;color: #fff;font-size: 30px;text-align: center;vertical-align: middle;opacity: .8;filter:alpha(opacity=8);}
    .flow ul li:hover i{opacity: 1;filter:alpha(opacity=100);}
    .flow .wx{position: relative;}
    .flow .wx .wx_code{position: absolute;width: 120px;height: 120px;background: rgba(36, 83, 164,1);padding: 4px;left: -130px;top: 50%;display: none;transform: translateY(-50%);}
    .flow .wx .wx_code img{max-width: 100%;}
    .flow .wx:hover .wx_code{display: block;}
    .flow ul li .sidetop:hover,.flow ul li .sidebox:hover,.flow .wx:hover{background:rgba(36, 83, 164,1);}
    .flow ul li .sidetop { display: none; }

    @media only screen and (max-width: 1000px){
      .right_side.flow{display: none;}
    }