#q_banner_wrap {position: fixed; bottom: -10%; transform:translateY(-50%); right: 20px; z-index: 10;  width: 135px; text-align: center; background-color: #fff;
box-shadow: 0 0 9px 0 rgba(0, 70, 165, 0.15); display: none; transition: right .3s ease; }
#q_banner_wrap > h1 {width: 100%; height: 50px; line-height: 50px; font-size:15px; font-weight: 600; color:#fff; text-transform: uppercase; font-family: 'Montserrat';
background:#0044a7; }
#q_banner_wrap ul {padding: 0 20px; }
#q_banner_wrap ul, #q_banner_wrap ul li  {width: 100%;}
#q_banner_wrap ul li a {width: 100%; display: flex;  align-items: center; justify-content: center; flex-direction: column; height: 160px; border-bottom: 1px solid #e5ecf2;}
#q_banner_wrap ul li:last-child a {border-bottom: 0; }
#q_banner_wrap ul li a p {font-size:14px; font-weight: 500; color:#000; letter-spacing: -.54px; margin-top: 30px; }
#q_banner_wrap ul li .icon {transition: transform 500ms;}
#q_banner_wrap ul li a:hover .icon {transform: rotateY(180deg);}

#q_banner_wrap button {position: absolute; width: 45px; height:45px; border-radius: 50%; display: none; align-items: center; justify-content: center;  left:-55px;
top:50%; transform:translateY(-50%); border:0; box-shadow: none; background: #fff;  box-shadow: 2.2px 2px 13px 0 rgba(0, 0, 0, 0.1); border:1px solid #ddd; padding-right: 1px;}
#q_banner_wrap button i {font-size:28px; color:#0044a7; transition: all .4s ease;}
#q_banner_wrap.active button i {transform: rotate(180deg);}

@media screen and (max-width:1700px) {
    #q_banner_wrap  {right: -160px;}
    #q_banner_wrap.active {right:20px;}
    #q_banner_wrap button {display: flex;}
    #q_banner_wrap ul li a {height: 150px;}
    #q_banner_wrap ul li a p {font-size:15px;}
    #q_banner_wrap > h1 {height: 50px; line-height: 50px;}
}