html {
    font-size: 10px;
}

@media (max-width: 768px) {
    html {
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 20px;
    }
}

a:hover {
    text-decoration: none;
}

.info-left-item {
    color: #fff;
}

.slider {
    width: 100%;
    height: 50%;
}

#navbar {
    border: 0;
}

.navbar {
    border: 0;
    margin-bottom: 0;
    min-height: auto;
}

.logo-symbol {
    width: 180px;
    height: 30px;
    margin: 7px auto;
}

.nav.navbar-nav a {
    font-size: 0.8rem;
    color: #000;
}

.index-container-1 {
    width: 100%;
    padding-top: 3rem;
    text-align: center;
}

.index-container-title {
    font-size: 2rem;
}

.butler-infos .index-item-desc {
    font-size: 1rem;
}

.cardniu-butler-intro .butler-icon-2 {

}

.cardniu-butler-intro .butler-intro-title {
    font-size: 1rem;
    margin: 2rem;
}

.butler-img-1 {
    width: 13rem;
    height: 17rem;
}

.butler-img-2, .butler-img-3 {
    width: 11rem;
    height: 15rem;
}

.loan-intro-img img {
    width: 16rem;
    height: 28rem;
}

.index-credit-market {
    margin-top: 2.5rem;
}

index-container-3 {
    margin: 0 6rem;
}

.footer[data-v-56d24c02] {
    background-color: #B4CDCD;
    color: #fff;
    width: 100%;
}

.nuxt-link-exact-active {
    color: #B4CDCD !important;
}

.nav.navbar-nav.nav-menu {
    float: right;
}

.teamImg {
    width: 100%;
    display: flex;
    justify-content: space-around;
    height: 50%;
    margin-bottom: 2.5rem;
}
.pic {
    background-color: #fff;
}

.teamImg img {
    width: 50%;
    height: 100%;
}

.main-container {
    padding: 50px 100px;
}

@media (max-width: 768px) {
    .nav.navbar-nav.nav-menu {
        float: left;
    }

    .index-container-1 {
        padding-top: 1.5rem;
    }

    .cardniu-butler-intro {
        margin: 2rem auto;
        height: auto;
    }

    .butler-img-2 {
        left: 3rem;
    }

    .butler-img-3 {
        right: 3rem;
    }

    .index-container-3 .market-middle {
        padding: 2rem;
    }

    .index-container-3 .index-container-title {
        margin: 2rem 1rem;
        text-align: center;
    }

    .index-container-3 .index-item-desc {
        text-align: center;
    }

    .market-middle-right {
        float: none;
    }

    .index-credit-market {
        display: flex;
        justify-content: space-around;
    }

    .index-credit-market div {
        margin: 0;
    }

    .layout-main {
        text-align: center;
    }

    .kf[data-v-56d24c02] {
        margin: 0;
    }

    .layout-main {
        width: auto;
    }

    .main-container {
        padding: 1rem;
    }

    .word-desc {
        text-align: left;
        font-size: 1rem;
        color: #404040;
        margin: 0;
    }

    .company-name {
        font-size: 2rem;
        margin: 1rem;
        color: #27a4fe;
    }

    .info-item-container .item-title {
        margin: 10px auto;
    }

    .footer[data-v-56d24c02] {
        padding: 10px;
    }

    .footer-info-container[data-v-56d24c02] {
        padding: 0;
    }
}