120 lines
2.0 KiB
CSS
120 lines
2.0 KiB
CSS
.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;
|
|
}
|
|
} |