.about_detail_box {
    width: 100%;
    padding-top: calc(34px + 5rem);
    background-color: #ffffff;
}

.about_detail {
    max-width: 1480px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.about_detail_pic {
    width: 46.6216%;
    height: calc(20px + 20rem);
}

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

.about_detail_intro {
    width: 48.6486%;
    background: url(../image/ab_bg.png) no-repeat;
    background-size: cover;
}

.about_detail_intro p:nth-of-type(1) {
    width: calc(60px + 24rem);
    font-family: OPPOSans-H;
    font-weight: normal;
    font-size: calc(8px + 1rem);
    color: #333333;
    line-height: calc(10px + 2rem);
}

.about_detail_intro p:nth-of-type(2) {
    font-family: OPPOSans-R;
    font-weight: normal;
    font-size: calc(6px + 0.5rem);
    color: #333333;
    line-height: calc(2px + 1.5rem);
    margin-top: calc(10px + 1.5rem);
}

.about_detail_box2 {
    width: 100%;
    padding-top: calc(4px + 4rem);
    padding-bottom: calc(3px + 5rem);
    background-color: #ffffff;
}

.about_detail2 {
    max-width: 1480px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.about_detail2_title {
    border-right: 2px #E5E5E5 solid;
    padding-right: calc(6px + 5rem);
    height: max-content;
}

.about_detail2_title p {
    width: calc(88px + 10rem);
    font-family: OPPOSans-B;
    font-weight: normal;
    font-size: calc(10px + 1rem);
    color: #333333;
    line-height: calc(4px + 2rem);
}

.about_detail2_intro {
    width: calc(36px + 50rem);
    display: flex;

    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1rem);

}

.about_detail2_intro p {
    font-family: OPPOSans-R;
    font-weight: normal;
    font-size: calc(6px + 0.5rem);
    color: #333333;
    line-height: calc(2px + 1.5rem);
}

.culture_box {
    width: 100%;
    padding-top: calc(43px + 5rem);
    padding-bottom: calc(83px + 5rem);
   
}

.culture {
    max-width: 1480px;
    width: 85%;
    margin: auto;
}

.culture_card_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(3px + 3rem);
}

.culture_card {
    width: 32.2972%;
    height: calc(100px + 5rem);
    border-radius: 6px;
    border: 1px solid #F0F4F740;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(2px + 1rem);
    cursor: pointer;
    transition: .5s;
}

.culture_card:hover {
    background-color: #00529D;
    border: 1px solid #00529D;
}

.culture_icon {
    width: calc(4px + 5rem);
}

.culture_icon img {
    width: 100%;
}

.culture_text {
    width: calc(15px + 15rem);
}

.culture_text p:nth-of-type(1) {
    font-family: OPPOSans-H;
    font-weight: normal;
    font-size: calc(2px + 1rem);
    color: #FFFFFF;
}

.culture_text p:nth-of-type(2) {
    font-family: OPPOSans-M;
    font-weight: normal;
    font-size: calc(6px + 0.5rem);
    color: #FFFFFF;
    line-height: calc(8px + 1rem);
    margin-top: calc(2px + 0.5rem);
}

.main_bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: -1;
}

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

@media (max-width: 1100px) {
    .about_detail {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }

    .about_detail_pic {
        width: 100%;
        height: calc(20px + 46rem);
    }

    .about_detail_intro {
        width: 100%;
    }

    .about_detail_intro p:nth-of-type(1) {
        width: 100%;
        font-size: calc(12px + 1rem);
        line-height: 1.5;
    }

    .about_detail_intro p:nth-of-type(2) {
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }

    .about_detail2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }

    .about_detail2_title p {
        width: 100%;
        font-size: calc(12px + 1rem);
        line-height: 1.5;
    }

    .about_detail2_intro {
        width: 100%;
    }

    .about_detail2_intro p {
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }

    .culture_box {

        padding-top: calc(43px + 1rem);
        padding-bottom: calc(83px + 1rem);
    }

    .culture_card_box {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 2rem);
    }

    .culture_card {
        width: 100%;
        height: calc(100px + 20rem);
    }

    .culture_icon {
        width: calc(4px + 18rem);
    }

    .culture_text {
        width: calc(15px + 48rem);
    }

    .culture_text p:nth-of-type(1) {
        font-size: calc(12px + 1rem);
    }

    .culture_text p:nth-of-type(2) {
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
}