.q_banner_wrap {width: 166px; position: fixed; top: 234px; right: 40px; z-index: 9;background:#232323;}
.q_bn_title {margin-top: -50px;}
.q_bn {margin-top: -20px; }
.q_box {width: 164px; height: 140px;  }
.q_box a {width: 164px; height: 140px;  display: block; text-decoration: none; text-align: center; transition: all 0.2s; border-bottom: 1px solid rgba(255,255,255,0.2);}
.q_box1 a {background:url('../img/q_icon1.png')no-repeat 50% 20px; }
.q_box2 a {background:url('../img/q_icon2.png')no-repeat 50% 20px; }
.q_box3 a {background:url('../img/q_icon3.png')no-repeat 50% 20px; }
.q_box4 a {background:url('../img/q_icon4.png')no-repeat 50% 20px; border-bottom: 0; }
.q_box a h1 {color:#fff; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; padding-top: 75px; transition: all 0.2s;}
.q_box a p {color:rgba(255,255,255,0.32); font-size: 10px; font-weight: 400; letter-spacing: -0.5px; transition: all 0.2s;}

.q_box1 a:hover {background:url('../img/q_icon1_ov.png')no-repeat 50% 20px; }
.q_box2 a:hover {background:url('../img/q_icon2_ov.png')no-repeat 50% 20px; }
.q_box3 a:hover {background:url('../img/q_icon3_ov.png')no-repeat 50% 20px; }
.q_box4 a:hover {background:url('../img/q_icon4_ov.png')no-repeat 50% 20px; }

.q_box a:hover h1 {color:#ff7777;}
.q_box a:hover P {color:#ff7777;}