@import url(base.css);

.header{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1500;
    width: 100%;
    background-color: white;
}
.header .form-control {
    border-color: #1e885b;
}
.navbar .navbar-nav {
   --bs-navbar-hover-color: #58b993;
}
.navbar .navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
}
.navbar .logo{
    height: 2.5rem;
}
.navbar .navbar-toggler{
    animation: flip .5s;
}
.navbar .navbar-toggler:active{
    animation: none;
}
.navbar .navbar-toggler:focus{
    box-shadow:0 0 0 0 !important;
}
.navbar .dropdown-menu {
    --bs-dropdown-link-hover-color: var(--bs-link-hover-color);
    --bs-dropdown-link-hover-bg: unset;
    --bs-dropdown-link-active-color: var(--bs-link-hover-color);
    --bs-dropdown-link-active-bg: none;
    --bs-dropdown-border-width: none;
}

.site-map {
    margin:1rem 0;
    font-size: 14px;
}
.main {
    padding-top: 56px;
}
.content {
    min-height: 35rem;
    padding-bottom: 4rem;
}
.footer {
    line-height: 1.5rem;
    font-size: 14px;
    padding-top: 2rem;
    padding-bottom: 1rem;
    color: var(--bs-dark-text-color);
    background-color: var(--bs-dark-bg);
}
.footer .company-name {
    padding-left: 1.5rem;
}
.footer .weixin img {
    height: 150px;
}
.footer .bi {
    width: 1.0rem;
    height: 1.0rem;
    margin-right: 8px;
    /*margin: 0 0.5rem 8px;*/
    fill:white;
}
.footer a {
    color: #777;
}

.product-detail-nav {
    margin: 1rem 0;
    width: 100%;
    background-color: #ffffff;
    top: 56px;
}

.product-detail h4 {
    padding: .5rem 0;
}

.company {
}

.company p {
    text-indent: 2rem;
}