.about-advantage-swiper-slide:hover { box-shadow: 0 0 10px 2px rgb(187, 187, 187); } .about-advantage-swiper-slide { box-shadow: 0 0 4px 1px rgba(187, 187, 187, 0.76); } .amap-info { width: 35rem; } .amap-info-content { color: white; background-color: rgb(254, 108, 34); } .amap-info-sharp { border-top: .5rem solid rgb(254, 108, 34) !important; } .navbar-lang-icon > path { stroke: white; stroke-width: 3; } .navbar { transition: all .3s; } .navbar:hover .navbar-brand > div { color: #333; } .navbar:hover .navbar-item { color: #333; } .navbar:hover .navbar-lang-icon > path { stroke: #333; } @media (min-width: 1024px) { .navbar-light { border-bottom: 0; } .navbar-light .navbar-brand > div { color: #333; } .navbar-light .navbar-brand > .brand-dark { display: none; } .navbar-light .navbar-brand > .brand-light { display: block; } .navbar-light .navbar-item { color: #333; } .navbar-light .navbar-lang-icon > path { stroke: #333; } .navbar-item > .banner-inner { transition: all .3s; } .navbar-item:hover > .banner-inner { display: flex; opacity: 1; visibility: visible; } } @media (max-width: 1024px) { .navbar-mobile-light .navbar-brand > div { color: #333; } .navbar-mobile-light .navbar-brand > .brand-dark { display: none; } .navbar-mobile-light .navbar-brand > .brand-light { display: block; } .navbar-mobile-light .navbar-item { color: #333; } .navbar-mobile-light .navbar-lang-icon > path { stroke: #333; } .navbar-item > .banner-inner { transition: all .3s; } .navbar-item:hover > .banner-inner { display: flex; opacity: 1; visibility: visible; } } @media screen and (max-width: 996px) { .navbar-items { display: none; } .navbar-toggler { display: flex !important; } }