.collapse {
    visibility: inherit !important;
}

.header-area * {
    transition: all .3s;
}

.header-area {
    top: 0;
    /*width: 100%;*/
    z-index: 19;
    position: absolute;
    /*max-width: 1440px;*/
    /*width: 1440px;*/
    /*left: calc(100vw / 2 - 720px);*/
    /*padding: 16px 5% 16px 10%;*/
    left: 13%;
    right: 13%;
}


.header-area .logo {
    width: 64px;
    position: relative;
    left: -18px;
}

.header-area .navbar-nav {
    justify-content: space-around;
    /*max-width: 1400px;*/
    width: 100%;
}

@media (min-width: 1550px) {
    .nav-link {
        font-size: 16px;
    }
}

@media (max-width: 1550px) {
    .nav-link {
        font-size: 14px !important;
    }
}

@media (max-width: 1350px) {
    .header-area {
        left: 8% !important;
        right: 8% !important;
    }

    .xxtext-wrap {
        left: 8% !important;
    }
}


@media (max-width: 1550px) {
    .nav-link {
        font-size: 1.2rem;
    }
}

.nav-link-en {
    font-size: .9rem;
}

.header-area .nav-link:hover {
    color: #4862ac !important;
}

.header-area .active {
    position: relative;
    color: #4862ac ;
}

.navbar-nav .active_tow {
    color: #4862ac !important;
}

.header-area .active::after {
    content: '';
    left: 15%;
    width: 70%;
    height: 1px;
    bottom: 6px;
    background: white;
    position: absolute;
    border-radius: 5px;
}

.common-header {
    position: relative;
    /*background: #a8b4d7;*/
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;

}

@media (max-width: 1440px) {
    /*.header-area{*/
    /*    max-width: 1200px;*/
    /*    width: 1200px;*/
    /*    left: calc(100vw / 2 - 600px);*/
    /*}*/
}

@media (max-width: 1200px) {
    /*.header-area{*/
    /*    max-width: 1100px;*/
    /*    width: 1100px;*/
    /*    left: calc(100vw / 2 - 550px);*/
    /*}*/
}


@media (max-width: 1230px) {
    .nav-link-en{
        font-size: 12px !important;
    }
}


@media (max-width: 1080px) {
    .nav-link-en{
        font-size: 11px !important;
    }
}

@media (min-width: 1024px) {
    .common-header {
        background-position-x: 72%;
        background-size: auto 40rem;
        background-repeat: no-repeat;
        height: 40rem;
    }
}

@media (max-width: 1024px) {
    .common-header {
        background-position-x: 72%;
        background-size: auto 40rem;
        background-repeat: no-repeat;
        height: 40rem;
    }
}

@media (max-width: 768px) {
    .common-header {
        background-position-x: 80%;
        background-size: auto 30rem;
        background-repeat: no-repeat;
        height: 30rem;
    }
}

.common-header:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    position: absolute;
}

.common-header .text-content {
    position: relative;
    z-index: 1;
}


.show-content {
    padding: 0 0;
    margin: 0 auto;
    max-width: 1200px;
}

.prophecy-switch-area .prophecy-item {
    width: 20px;
    height: 20px;
    position: sticky;
    text-align: center;
    line-height: 20px;
    background: #eaa139;
}

.prophecy-switch-area .prophecy-item:first-child {
    z-index: 2;
}

.prophecy-switch-area .prophecy-item:last-child {
    margin: -5px 0 0 15px;
}

.prophecy-switch-area .select {
    background: #4862ac !important;
}


/*底部样式区域*/
.footer-area {
    background: #4862ac;
}

@media not all and (min-width: 1280px) {
    .show-content {
        padding: 0 0;
        margin: 0 auto;
    }
}