@charset "UTF-8";

.user-container {
    overflow: hidden
}

.user-container .user-hearder {
    position: relative;
    height: 100vh;
    
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.user-container .user-hearder .header-top {
    padding-top: 50vh
}

.user-container .user-hearder .header-top .header-text p {
    font-size: 62px;
    color: #fff;
    font-weight: 400;
}

.user-container .user-hearder .header-top .header-sum {
    max-width: 400px;
    border-radius: 8px;
    display: flex;
    color: #fff;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    background: #f08200e0;
    -webkit-backdrop-filter: blur(2.8499999046px);
    backdrop-filter: blur(2.8499999046px);
    justify-content: center;
    align-items: center;
    padding: 15px 25px
}

.user-container .user-hearder .header-top .header-sum .sum {
    flex: 1;
    justify-items: center
}

.user-container .user-hearder .header-top .header-sum .sum p {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 400;
    min-width: 130px;
    text-align: center
}

.user-container .user-hearder .header-top .header-sum .sum span {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

.user-container .user-hearder .header-top .header-sum .sum :first-child {
    font-size: 33px;
    font-weight: 400;
    text-align: center
}

.user-container .user-hearder .header-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
    background: #f08200e0;
    -webkit-backdrop-filter: blur(2.8499999046px);
    backdrop-filter: blur(2.8499999046px);
    justify-content: center;
    align-items: center;
    padding: 30px 10px
}

.user-container .user-hearder .header-bottom .header-bottom-text {
    display: flex;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.user-container .user-hearder .header-bottom .header-bottom-text .sum {
    flex: 1;
    text-align: left
}

.user-container .user-hearder .header-bottom .header-bottom-text .sum p {
    margin-top: 12px;
    font-size: 14px;
    /* font-weight: 200; */
    font-weight: 400;
    max-width: 300px
}

.user-container .user-hearder .header-bottom .header-bottom-text .sum :first-child {
    font-size: 20px;
    font-weight: 400;
}

.user-container .user-content .w-1430-one {
    margin-top: 90px
}

.user-container .user-content .w-1430-one .container-title {
    margin-bottom: 68px
}

.user-container .user-content .w-1430-one .container-title .culture-title {
    background: var(--Linear, linear-gradient(180deg, #0C0C0C 29.38%, #FFF 83%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-size: 36px;
    font-weight: 400;
}

.user-container .user-content .w-1430-one .container-title p {
    color: #000;
    text-align: left;
    font-size: 36px;
    font-weight: 400;
}

.user-container .user-content .w-1430-one .cuntainer-box .container-left .col {
    background: #fafafa;
    margin-bottom: 30px;
    padding: 10px 20px;
    transition: all .3s ease;
    border: 1px solid transparent
}

.user-container .user-content .w-1430-one .cuntainer-box .container-left .col .culture-title {
    color: #f08200;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 13px;
    transition: color .3s ease
}

.user-container .user-content .w-1430-one .cuntainer-box .container-left .col p {
    color: #585858;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    transition: color .3s ease
}

.user-container .user-content .w-1430-one .cuntainer-box .container-left .col p span {
    margin-right: 24px
}

.user-container .user-content .w-1430-one .cuntainer-box .container-left .col:hover {
    background: #f08200;
    cursor: pointer;
    border-color: #f08200
}

.user-container .user-content .w-1430-one .cuntainer-box .container-left .col:hover .culture-title,
.user-container .user-content .w-1430-one .cuntainer-box .container-left .col:hover p {
    color: #fff
}

.user-container .user-content .w-1430-two {
    margin-top: 90px
}

.user-container .user-content .w-1430-two .container-title .culture-title {
    background: var(--Linear, linear-gradient(180deg, #0C0C0C 29.38%, #FFF 83%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-size: 36px;
    font-weight: 400;
}

.user-container .user-content .w-1430-two .container-title p {
    color: #000;
    text-align: left;
    font-size: 36px;
    font-weight: 400;
}

.user-container .user-content .w-1430-two .cuntainer-box {
    position: relative
}

.user-container .user-content .w-1430-two .cuntainer-box .cuntainer-box-top {
    position: relative;
    margin-bottom: -180px;
    z-index: 99
}

.user-container .user-content .w-1430-two .cuntainer-box .cuntainer-box-top .col p {
    text-align: center;
    color: #060606;
    font-size: 20px;
    font-weight: 400
}

.user-container .user-content .w-1430-two .cuntainer-box .cuntainer-box-top .col :first-child {
    font-size: 230px;
    font-weight: 600;
    line-height: 270px;
    background: linear-gradient(180deg, #f08200 24.38%, #f0820000 75.78%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.user-container .user-content .w-1430-two .cuntainer-box .row-mid {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

.user-container .user-content .w-1430-two .cuntainer-box .bottom {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 80px;
    z-index: 99;
    padding: 0 20px 20px;
    background: #f08200;
    color: #fff;
    max-width: 700px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 1.4px;
    text-align: center
}

.user-container .user-content .w-1430-three {
    margin-top: 90px
}

.user-container .user-content .w-1430-three .container-title {
    margin-bottom: 50px
}

.user-container .user-content .w-1430-three .container-title .culture-title {
    background: var(--Linear, linear-gradient(180deg, #0C0C0C 29.38%, #FFF 83%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-size: 36px;
    font-weight: 400;
}

.user-container .user-content .w-1430-three .container-title p {
    color: #000;
    text-align: left;
    font-size: 36px;
    font-weight: 400;
}

.user-container .user-content .w-1920-one {
    position: relative;
    width: 100vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.user-container .user-content .w-1920-one .container-box .w-1430-four {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px
}

.user-container .user-content .w-1920-one .container-box .w-1430-four .row {
    background-color: #f08200;
    overflow: hidden;
    padding: 35px
}

.user-container .user-content .w-1920-one .container-box .w-1430-four .row .col-2 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 35px;
    border: 1px solid #FFF;
    margin-right: 20px
}

.user-container .user-content .w-1920-one .container-box .w-1430-four .row .col-3 {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    line-height: 1.8;
}

@media (max-width: 1024px) {
    .user-container {
        overflow: hidden
    }

    .user-container .user-hearder {
        height: 80vh
    }

    .user-container .user-hearder .header-top {
        padding-top: 40vh
    }

    .user-container .user-hearder .header-top .header-text p {
        font-size: 48px
    }

    .user-container .user-hearder .header-top .header-sum .sum p {
        font-size: 16px
    }

    .user-container .user-hearder .header-top .header-sum .sum :first-child {
        font-size: 28px
    }

    .user-container .user-hearder .header-bottom .header-bottom-text .sum {
        margin-right: 10px
    }

    .user-container .user-hearder .header-bottom .header-bottom-text .sum p {
        font-size: 14px
    }

    .user-container .user-hearder .header-bottom .header-bottom-text .sum p:first-child {
        font-size: 18px;
        margin-right: 0
    }

    .user-container .user-content .w-1430-one .row {
        flex-direction: column
    }

    .user-container .user-content .w-1430-one .row .col-5,
    .user-container .user-content .w-1430-one .row .col-7 {
        width: 100%
    }

    .user-container .user-content .w-1430-one .row .col-5 {
        margin-bottom: 30px
    }

    .user-container .user-content .w-1430-two .cuntainer-box-top {
        margin-top: 22px
    }

    .user-container .user-content .w-1430-two .cuntainer-box-top .col p:first-child {
        line-height: 120px !important;
        font-size: 170px !important
    }

    .user-container .user-content .w-1430-two .cuntainer-box-top .col p:last-child {
        font-size: 20px !important
    }

    .user-container .user-content .w-1430-two .bottom {
        bottom: 100px !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important
    }

    .user-container .user-content .w-1430-two .bottom p:first-child {
        padding: 15px 10px 10px 0 !important;
        font-size: 20px !important
    }

    .user-container .user-content .w-1430-two .bottom p:first-child svg {
        height: 20px
    }

    .user-container .user-content .w-1430-two .bottom p:last-child {
        padding: 10px 20px !important;
        font-size: 14px !important
    }

    .user-container .user-content .w-1920-one .w-1430-four {
        position: relative;
        bottom: auto
    }

    .user-container .user-content .w-1920-one .w-1430-four .row {
        flex-wrap: wrap
    }

    .user-container .user-content .w-1920-one .w-1430-four .row .col-2 {
        width: calc(25% - 10px);
        margin-bottom: 20px;
        margin-right: 10px !important;
        padding: 15px !important
    }

    .user-container .user-content .w-1920-one .w-1430-four .row .col-3 {
        width: 100%;
        margin-top: 20px
    }
}

@media (max-width: 640px) {
    .user-container .user-hearder {
        height: 70vh;
        background-position: 70% center
    }

    .user-container .user-hearder .header-top {
        padding-top: 30vh
    }

    .user-container .user-hearder .header-top .header-text p {
        font-size: 32px
    }

    .user-container .user-hearder .header-top .header-sum .sum:last-child {
        margin-bottom: 0
    }

    .user-container .user-hearder .header-top .header-sum .sum p {
        font-size: 14px
    }

    .user-container .user-hearder .header-top .header-sum .sum :first-child {
        font-size: 24px
    }

    .user-container .user-hearder .header-bottom {
        padding: 0
    }

    .user-container .user-hearder .header-bottom .header-bottom-text .sum:last-child {
        margin-bottom: 0;
        margin-right: 0
    }

    .user-container .user-hearder .header-bottom .header-bottom-text .sum p {
        font-size: 12px;
        max-width: 100%
    }

    .user-container .user-hearder .header-bottom .header-bottom-text .sum p:first-child {
        font-size: 16px
    }

    .user-container .user-content .small-title .small-title__en,
    .user-container .user-content .small-title .small-title__cn {
        font-size: 30px
    }

    .user-container .user-content .w-1430-one {
        margin-top: 50px;
        flex-direction: column
    }

    .user-container .user-content .w-1430-one .container-title {
        margin-bottom: 40px
    }

    .user-container .user-content .w-1430-one .container-title .culture-title,
    .user-container .user-content .w-1430-one .container-title p {
        font-size: 28px
    }

    .user-container .user-content .w-1430-one .row {
        flex-direction: column
    }

    .user-container .user-content .w-1430-one .row .col-5,
    .user-container .user-content .w-1430-one .row .col-7 {
        width: 100%
    }

    .user-container .user-content .w-1430-one .row .col-5 {
        margin-bottom: 30px
    }

    .user-container .user-content .w-1430-one .container-left {
        padding: 15px
    }

    .user-container .user-content .w-1430-one .container-left .culture-title {
        font-size: 20px !important
    }

    .user-container .user-content .w-1430-one .container-left p {
        font-size: 16px !important
    }

    .user-container .user-content .w-1430-two {
        margin-top: 60px
    }

    .user-container .user-content .w-1430-two .cuntainer-box-top {
        margin-bottom: -50px !important
    }

    .user-container .user-content .w-1430-two .cuntainer-box-top .col p:first-child {
        line-height: 120px !important;
        font-size: 80px !important
    }

    .user-container .user-content .w-1430-two .cuntainer-box-top .col p:last-child {
        font-size: 14px !important
    }

    .user-container .user-content .w-1430-two .bottom {
        bottom: 0 !important;
        padding: 0 10px 10px !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important
    }

    .user-container .user-content .w-1430-two .bottom p:first-child {
        padding: 10px 10px 0 0 !important;
        font-size: 20px !important
    }

    .user-container .user-content .w-1430-two .bottom p:first-child svg {
        height: 10px
    }

    .user-container .user-content .w-1430-two .bottom p:last-child {
        padding: 0 20px !important;
        font-size: 8px !important
    }

    .user-container .user-content .w-1920-one .w-1430-four {
        position: relative !important;
        bottom: 0 !important
    }

    .user-container .user-content .w-1920-one .w-1430-four .row {
        padding: 10px !important;
        margin: auto !important
    }

    .user-container .user-content .w-1920-one .w-1430-four .row .col-2 {
        padding: 10px !important;
        margin-right: 10px !important;
        font-size: 10px !important
    }

    .user-container .user-content .w-1920-one .w-1430-four .row .col-3 {
        margin-top: 0 !important;
        margin-right: 10px !important;
        font-size: 10px !important
    }
}