#sub-menu{ height:45px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15) inset; /* background: #fff; border-bottom: 1px solid #eee; */ background:#ECF0F0; background:#00a2ca; background:#008080; /*--- 1*/ background:#fff; /*--- 2*/ } #sub-menu .horizon-swiper{ /*display: none;*/ background: inherit; width: 100%; overflow: hidden; height:50px; } .horizon-swiper .horizon-inner { padding: 0px; text-align: left; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } #sub-menu .horizon-item { display: inline-block; position: relative; float: none; height: 45px; text-align: left; white-space: nowrap; /*padding: 0 20px;*/ } .nav-title{ width:100%; } .nav-title .horizon-item.active { background-color: #fafafa; border-bottom: 3px solid #d72825; } .horizon-item.active a { color: #d72825; } .nav-title ul li a { /* padding: 11px 0px; */ } .nav-title ul li a { line-height:45px; display: block; font-weight: 700; text-align: center; font-size: 16px; font-family: "敺株��迤暺煾��"; float:left; /* --- 1 border-left: 1px #009999 solid; border-right: 1px #2F4F4F solid; color: #fff; width: 117px; height: 22px; */ /*--- 2*/ color: #005790; margin: 0 25px; /* border-left: 1px #ececec solid; border-right: 1px #eaeaea solid; */ } .nav-title ul li:last-child a{ border-right: 0px; } .nav-title ul li:first-child a{ border-left: 0px; } .horizon-swiper.arrows{ padding: 0px 22px; } .horizon-swiper .horizon-prev { left: 0; } .horizon-swiper .horizon-next{ right: 0; } .horizon-swiper .horizon-next, .horizon-swiper .horizon-prev{ width: 25px; }