@charset "utf-8";

#shSnbBnr{height:300px;background:#666;background-size:cover!important}
#shSnbBnr .inner{max-width:1500px;height:100%;margin:0 auto;color:#fff}
#shSnbBnr .sub-tit{font-size:36px;font-weight:700}
#shSnbBnr .sub-tit .mo{display:none}
#shSnbBnr .sub-crumb{font-weight:500}
#shSnbBnr .sub-crumb a{font-size:14px;color:#fff}
#shSnbBnr .sub-crumb svg{width:16px;height:16px}
#shSnbBnr .sub-crumb .home{gap:3px}
#shSnbBnr .sub-crumb .home svg{fill:#fff;margin-bottom:2px}

#shSnb{position:relative;z-index:11;max-width:860px;margin:-34px auto 0;line-height:65px;box-shadow:3px 3px 20px rgba(0,0,0,.12)}
#shSnb li{flex:1;text-align:center;background:#fff}
#shSnb li a{display:block;height:100%;font-size:17px;font-weight:600;color:var(--prm-gray-800)}
#shSnb li+li a{border-left:1px solid var(--prm-gray-300)}
#shSnb li.on {background:var(--primary)}
#shSnb li.on a{color:#fff}

@media(max-width:1600px){
#shSnbBnr{padding:0 2.5%}    
}
@media(max-width:768px){
#shSnbBnr{height:50px;padding:0;background:none !important}
#shSnbBnr .inner{justify-content:center;border-bottom:1px solid var(--prm-gray-200);color:var(--prm-gray-800)}
#shSnbBnr .sub-tit{font-size:18px}
#shSnbBnr .sub-tit .mo{display:block}
#shSnbBnr .sub-tit .pc{display:none}
#shSnbBnr .sub-crumb{display:none}
#shSnb{margin:0;box-shadow:none;border-bottom:1px solid var(--prm-gray-200);line-height:40px}   
#shSnb li a{font-size:14px;font-weight:600;color:var(--prm-gray-500)}
}
@media(max-width:480px){
 #shSnb li{flex:auto}
}