@charset "utf-8";

#quick_menu{width:9rem;position:fixed;top:50%;right:-9rem;z-index:9999;transform:translateY(-50%);box-shadow:0 0 1rem rgba(0,0,0,.1);opacity:0;transition:all .3s}
#quick_menu .menu_btn{width:6.5rem;padding:.5rem 0;border-radius:.5rem .5rem 0 0;font-size:1.2rem;text-align:center;color:#fff;background:#02b2f3;position:absolute;top:2rem;left:-4.5rem;transform:rotate(-90deg);cursor:pointer}
#quick_menu.on{right:1rem;opacity:1}
#quick_menu li .fa-phone{display:none}
#quick_menu li{display:flex;align-items:center;justify-content:center;width:100%;height:7rem;border-bottom:1px solid #ddd;text-align:center;background:#fff}
#quick_menu li a{display:block;width:100%;font-weight:500;font-size:1.4rem;color:#333;transition:all .3s}
#quick_menu li a i{display:inline-block;margin-bottom:1rem;font-size:1.7rem;color:#333;transition:all .3s}
#quick_menu li a:hover{color:#02b2f3}
#quick_menu li a:hover i{color:#02b2f3}
#quick_menu li.top_btn{width:9rem;height:5rem;border:0;background:#1a4a6e;color:#fff;cursor:pointer}
#quick_menu li.q_tel_box{height:15.5rem;border-bottom:0;background:#1a4a6e}
#quick_menu li.q_tel_box .tel_tit{margin-bottom:1rem;font-size:14px;color:#fff}
#quick_menu li.q_tel_box .tel{font-weight:700;font-size:2rem;line-height:100%;color:#fff;font-family:'Poppins'}
#quick_menu li.q_tel_box .tel .dot{display:block;width:4px;height:4px;margin:2px auto 3px;border-radius:4px;background:rgba(255,255,255,.3)}
#quick_menu.active{right:-9rem}



@media (max-width: 1024px) {
#quick_menu{width:5rem;box-shadow:none;top:auto;bottom:2rem;transform:none}
#quick_menu li{border-bottom:0}
#quick_menu li p{display:none}
#quick_menu li + li{margin-top:.5rem}
#quick_menu li.q_tel_box{height:5rem;background:#02b2f3}
#quick_menu li{width:5rem;height:5rem;border-radius:5rem;line-height:5rem}
#quick_menu li a i{margin-bottom:0;color:#fff;vertical-align:middle}
#quick_menu li a:hover i{color:#fff}
#quick_menu li .fa-phone{display:inline-block}
#quick_menu li:nth-child(3){background:#1a4a6e}
#quick_menu li:nth-child(4){background:#fd0070}
#quick_menu li:nth-child(5){background:#1773ea}
#quick_menu li:nth-child(6){background:#333}
#quick_menu .menu_btn{display:none}
#quick_menu li.top_btn{display:none}
}


@media (max-width: 767px) {
#quick_menu{width:4rem}
#quick_menu li.q_tel_box{height:4rem}
#quick_menu li{width:4rem;height:4rem;border-radius:4rem;line-height:4rem;}
}