@charset "utf-8";

#shSnb{border:1px solid #e5e5e5;padding:10px 0; border-radius: 50px;margin:50px auto 30px; display: inline-block;  left:50%;}
#shSnb ul{display:flex;justify-content: center; text-align: center}
#shSnb ul li{margin:0 15px;transition:all .3s}
#shSnb ul li a{display:block;height:45px;border-radius:30px;line-height:45px;font-size:16px;font-weight:500;color:#999;transition:all .3s}
#shSnb ul li.on a{padding:0 25px;color:#fff;background:#111}
#shSnb ul li:not(.on, .home):hover{margin:0 5px}
#shSnb ul li:not(.on, .home):hover a{padding:0 20px;background:#f5f5f5}


@media (max-width: 1024px){
    #shSnb {margin:20px 0; padding:5px;}    
    #shSnb ul li {margin: 5px;}
    #shSnb ul li a {font-size: 14px; height: 35px; line-height: 35px;}
}