.section-1 {
    position: relative;
    height: 50.083vw;
    padding-top: 5.729vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-1 .wrapper {
    background: url(../images/section-1-bg.webp) no-repeat center;
    background-size: cover;
    border-radius: 2.344vw;
    width: 90%;
    height: 43.802vw;
    padding: 0 6vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.section-1 .title {
    font-family: 'FZCuHuoYi-M25S', Arial, sans-serif;
    font-weight: lighter;
    font-size: 5vw;
    color: #FFFFFF;
}

.section-1 .content {
    margin-top: 1.042vw;
    font-size: 1.25vw;
    color: #FFFFFF;
    line-height: 1.8;
}

.float-item {
    position: absolute;
    background-size: contain;
}

.section-1 .item1 {
    width: 5.984vw;
    height: 6.562vw;
    top: 22.5%;
    right: 40%;
}

.section-1 .item2 {
    width: 10.041vw;
    height: 11.004vw;
    bottom: 20%;
    right: 42.5%;
}

.section-1 .item3 {
    width: 10.313vw;
    height: 11.302vw;
    bottom: 17.5%;
    right: 10%;
}

.section-1 .item-label1 {
    font-family: 'HarmonyOS Sans', Arial, sans-serif;
    font-weight: normal;
    background: linear-gradient(to right, #B3B3B3 0%, #0161F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 1.875vw;
    position: absolute;
    top: 37.5%;
    right: 42.5%;
}

.section-1 .item-label2 {
    font-family: 'HarmonyOS Sans', Arial, sans-serif;
    font-weight: normal;
    background: linear-gradient(to right, #B3B3B3 0%, #0161F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 1.875vw;
    position: absolute;
    bottom: 42.5%;
    right: 7%;
}

.section-feature {
    padding: 2vw 0;
    max-width: 62.5vw;
    margin: 0 auto;
}

.feature-wrapper {
    display: flex;
    justify-content: space-evenly;
    gap: 4.167vw;
}

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #7f7f7f;
    text-align: center;
    padding: 1.042vw;
    transition: all 0.3s ease;
}

.item-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5.729vw;
}

.item-wrapper span {
    font-family: 'FZCuHuoYi-M25S', Arial, sans-serif;
    font-weight: normal;
    font-size: 1.458vw;
    color: #000000;
    letter-spacing: 0.417vw;
}

.feature-wrapper .item1 .item-wrapper img {
    width: 4.948vw;
    height: 5.052vw;
}

.feature-wrapper .item2 .item-wrapper img {
    width: 4.583vw;
    height: 4.531vw;
}

.feature-wrapper .item3 .item-wrapper img {
    width: 5.729vw;
    height: 5.729vw;
}

.feature-description {
    font-size: 1.25vw;
    color: #777777;
    max-width: 15.625vw;
    line-height: 1.5;
}

.section-aboutus {
    padding: 5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #FFFFFF;
    position: relative;
}

.header {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.042vw;
}

.header h2 {
    font-family: 'FZCuHuoYi-M25S', Arial, sans-serif;
    font-weight: normal;
    font-size: 3.333vw;
}

.about-button {
    width: 18.385vw;
    background-color: rgba(53, 104, 201, .5);
    color: white;
    padding: 0.625vw 1.667vw;
    border-radius: 2.604vw;
    text-decoration: none;
    font-size: 1.667vw;
    font-weight: bold;
    letter-spacing: 0.313vw;
}

.description {
    width: 90%;
    padding: 0 1.042vw;
    display: flex;
    align-items: flex-start;
}

.description p {
    max-width: 52.708vw;
    text-align: left;
    height: 8.802vw;
    display: flex;
    align-items: center;
    color: #1E1E1E;
    font-size: 1.25vw;
    font-family: 'HarmonyOS Sans', Arial, sans-serif;
    font-weight: normal;
}

.features-grid {
    display: grid;
    grid-template-columns: 1.75fr 1fr;
    gap: 1.563vw;
    padding: 0 1.042vw;
    width: 90%;
}

.feature-box {
    padding: 2.083vw;
    border-radius: 1.25vw;
    color: white;
    text-align: left;
}

.feature-box.blue {
    background: url(../images/aboutus-bg-1.webp) no-repeat center;
    background-size: cover;
}

.feature-box.dark {
    background: url(../images/aboutus-bg-2.webp) no-repeat center;
    background-size: cover;
}

.feature-title {
    font-size: 1.667vw;
    margin-bottom: 1.042vw;
    font-weight: bold;
}

.feature-text {
    line-height: 1.8;
    font-size: 1.25vw;
    font-family: 'HarmonyOS Sans', Arial, sans-serif;
    font-weight: normal;
}

.bottom-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.563vw;
    margin-top: 2.604vw;
    padding: 0 1.042vw;
    width: 90%;
}

.image-container {
    border-radius: 1.25vw;
    overflow: hidden;
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.knowledge-box {
    background: url(../images/aboutus-bg-3.webp) no-repeat center;
    background-size: cover;
    padding: 2.083vw;
    border-radius: 2.188vw;
    text-align: left;
}

.knowledge-title {
    font-size: 1.667vw;
    margin-bottom: 1.042vw;
    color: #1E1E1E;
    font-weight: bold;
}

.knowledge-text {
    color: #4b5563;
    line-height: 1.8;
    margin-bottom: 1.042vw;
    font-size: 1.25vw;
    font-family: 'HarmonyOS Sans', Arial, sans-serif;
    font-weight: normal;
}

.section-culture {
    padding: 5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: url(../images/culture-bg.webp) no-repeat center;
    background-size: cover;
    position: relative;
    height: 69.427vw;
}

.section-culture .item1 {
    width: 10.313vw;
    height: 11.302vw;
    top: 17.5%;
    left: 29.5%;
    z-index: 99;
}

.section-culture .item2 {
    width: 10.313vw;
    height: 11.302vw;
    top: 49.5%;
    left: 22%;
    z-index: 99;
}

.section-culture .item3 {
    width: 8.928vw;
    height: 9.784vw;
    bottom: 15.5%;
    right: 37.5%;
    z-index: 99;
}

.section-culture .item4 {
    width: 7.604vw;
    height: 7.917vw;
    bottom: 35%;
    right: 15%;
    z-index: 99;
}

.section-culture .item5{
    width: 13.282vw;
    height: 14.557vw;
    top: 7.5%;
    right: 15%;
    z-index: 99;
}

.section-culture .section-title .title {
    font-family: 'FZCuHuoYi-M25S', Arial, sans-serif;
    font-weight: normal;
    font-size: 3.333vw;
    color: #1E1E1E;
}

.section-culture .section-title .sub-title {
    font-weight: bold;
    font-size: 2.083vw;
    color: #7F838B;
}

.culture-chart {
    width: auto;
    height: 44.271vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.culture-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7.5vw;
}

.section-culture .content-item {
    background-color: rgba(127, 131, 139, .5);
    border: 0.26vw solid #FFFFFF;
    border-radius: 1.354vw;
    padding: 2.45vw;
    color: #FFFFFF;
    z-index: 9;
    text-align: left;
    height: 14.74vw;
}

.section-culture .content-item .item-title {
    font-size: 1.667vw;
    font-weight: 500;
}

.section-culture .content-item .item-content {
    font-size: 1.25vw;
    font-family: 'HarmonyOS Sans', Arial, sans-serif;
    font-weight: lighter;
    margin-top: 0.5vw;
}

.section-culture .content-1,
.section-culture .content-2 {
    display: flex;
    justify-content: space-evenly;
    gap: 10vw;
    width: 100%;
}

.section-culture .content-2 {
    margin-top: 5vw;
}

.section-contactus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5vw;
}

.contactus-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 2.042vw;
    height: 43.594vw;
}

.contactus-image {
    flex: 1;
    width: 50%;
    max-width: 46.823vw;
}

.contactus-image img {
    width: 43.75vw;
    height: auto;
    aspect-ratio: 840/499;
    object-fit: cover;
}

.contactus-form {
    flex: 1;
    width: 44.74vw;
    height: 39.792vw;
    background: url(../images/contactus-bg.webp) no-repeat center;
    background-size: contain;
    padding: 5.208vw;
    border-radius: 0.26vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contactus-form h2 {
    font-size: 3.333vw;
    margin-bottom: 1.563vw;
    color: #FFFFFF;
}

.contactus-form input {
    width: 100%;
    height: 3.229vw;
    padding: 0.26vw 1.302vw;
    margin-bottom: 0.521vw;
    font-size: 1.042vw;
    border-radius: 40.26vw;
    border: none;
    background-color: #FFFFFF;
}

.contactus-form input::placeholder,
.contactus-form textarea::placeholder {
    color: #BEBEBE;
}

.contactus-form textarea {
    width: 100%;
    height: 10.323vw;
    padding: 0.521vw 1.302vw;
    margin-bottom: 0.521vw;
    font-size: 1.042vw;
    border-radius: 1.458vw;
    border: none;
    background-color: #FFFFFF;
    resize: none;
}

.contactus-form button {
    width: 100%;
    padding: 0.26vw;
    background-color: #000;
    color: #FFFFFF;
    font-size: 1.667vw;
    border: none;
    cursor: pointer;
    border-radius: 4.219vw;
}