body {
    background-color: #151622;
    margin: 0 auto;
}

* {
    margin: 0;
    padding: 0;
    scrollbar-width: auto;
    scrollbar-color: #2869E8 #151622
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

p {
    font-size: .20rem;
    text-align: left;
}

.c_banner {
    width: 100%;
    margin: 0 auto;
    border-bottom: #1F2243 1px solid;
}

.c_top {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-evenly;
}
.c_n_logo1 {
    display: flex;
    align-items: center;
}
.img_logo {
    width:100%;
}

.navigation {
    display: flex;
    justify-content: space-evenly;
    width: 60%;
}

    .navigation > a {
        font-weight: bold;
        font-size: .2rem;
        color: #FFFFFF;
        line-height: .875rem;
        text-decoration: none;
        transition: transform 0.3s ease;
        position: relative;
        margin: 0 auto;
    }

        .navigation > a:hover {
            color: #0094FF;
        }

            .navigation > a:hover + a {
                color: #FFFFFF;
            }

.r_tool {
    display: flex;
    align-items: center;
}

.login {
    border-radius: .075rem;
    border: 1px solid #353659;
    padding: .075rem;
    margin-right: .375rem;
}

    .login > a, span {
        font-weight: 400;
        font-size: .2rem;
    }

.earth {
    width: .275rem;
    vertical-align: middle;
    margin-right: .125rem;
}

.currentlanguage {
    vertical-align: middle;
}

.img_flag {
    width: 30%;
    vertical-align: middle;
}

.changelanguage {
    position: relative;
}

    .changelanguage:hover > .selectchange {
        transform: scale(1.05);
        opacity: 1;
        display: inline-block;
    }

.selectchange {
    background-color: #151b2a;
    position: absolute;
    margin-top: 4%;
    border-radius: .0625rem;
    opacity: 0;
    transition: transform 0.3s ease;
    z-index: 9999;
    display: none;
}

.language_container {
    padding: 0 8%;
    cursor: pointer;
    transition: transform 0.3s ease;
    text-wrap: nowrap;
    white-space: nowrap;
}

    .language_container:hover {
        transform: scale(1.1);
    }

        .language_container:hover > .sp_language {
            color: #fff;
        }

.language_line {
    border-bottom: #232a3c 1px solid;
}

.sp_language {
    font-size: .15rem;
    vertical-align: middle;
    line-height: .5rem;
    color: #a9afc6;
}

.link {
    color: #fff
}

.bottom_container {
    background-color: #12121A;
    border-top: #1F2243 1px solid;
    padding: 1% 0;
}

.bottom_container2 {
    background-color: #151622;
    border-top: #1F2243 1px solid;
    padding: 1% 0;
}

.bottom_box {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.bottom_menu {
    /* margin-top: 2%; */
    display: flex;
    justify-content: space-between;
}

.bottom_menu_sub1 {
    display: flex;
    justify-content: space-between;
    width: 60%;
}

    .bottom_menu_sub1 > h3 {
        display: block;
        color: #FFFFFF;
    }

    .bottom_menu_sub1 > a {
        color: #A9AFC6;
        font-size: .2rem;
        display: block;
        padding: 6% 0;
    }

.bottom_menu_sub2 {
    width: 40%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .bottom_menu_sub2 > h3 {
        display: block;
        color: #FFFFFF;
    }

    .bottom_menu_sub2 > a {
        color: #A9AFC6;
        font-size: .2rem;
        display: block;
        padding: 3% 0;
    }

.hidedocument {
    opacity: 0;
}

.showdocument {
    opacity: 1;
    transition: opacity 0.5s, transform 0.5s
}

.menu_acti, .menu_acti2 {
    color: #0094FF !important;
}

.menu_acti-a {
    color: #0094FF;
    transition: opacity 0.5s, transform 0.5s
}

.menu_acti::after {
    content: '';
    display: block;
    width: .25rem;
    height: .05rem;
    background: #0094FF;
    border-radius: .025rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.menu_acti-a::after {
    content: '';
    display: block;
    width: .25rem;
    height: .05rem;
    background: #0094FF;
    border-radius: .025rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.menu_acti2::after {
    content: '';
    display: block;
    width: .35rem;
    height: .05rem;
    background: #0094FF;
    border-radius: .025rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.icon2 {
    width: 30%;
}
.icon1 {
    width: 20%;
}
.bottom_menu_sub2 > a {
    display: inline-block;
}
.beianicon {
    width: .2rem;
    display: inline-block;
    vertical-align: bottom;
}
.block {
    margin-top: 20px;
}