@media screen and (min-width: 1650px) {
    .page_team .people_box img {
        position: relative;
        width: 100%;
        object-fit: cover
    }

    .page_team .pc_box {
        position: relative;
    }
}

@media screen and (max-width: 1280px) {
    .about_content_top .article p {
        margin-bottom: 1.5rem;
    }

    .about_content_top ._h3 p {
        line-height: 3rem;
        line-height: 3rem;
        font-size: 2.5rem;
    }

    .about_content_top .block {
        height: 2.5rem;
    }

    .list_box .item {
        padding-top: 2.3rem;
    }

    .about_content_top {
        margin: 1.2rem 0;
    }

    .header_component .a_list {
        margin-left: 0
    }

    .header_component .logo {
        margin-left: 0;
    }
}

@media screen and (max-width: 1000px) {
    .page_contact .content_box {
        padding-left: 0;
    }

    .more {
        margin-left: 2rem;
        margin-top: 1.5rem;
    }

    .content_box {
        width: 100% !important;
        margin: auto;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .list_box {
        flex-flow: column;
        margin: 2rem 0;
    }

    .list_box .item {
        width: 87.2%;
        margin: 1rem auto;
        height: auto;
        padding-bottom: 3rem;
    }

    .header_component,
    .bottom_component,
    .header_block,
    .page_about .bg {
        display: none;
    }

    .bottom_phone,
    .header_phone,
    .header_phone_block,
    .phone_bg,
    .phone_swiper_about {
        display: block;
    }

    .phone_swiper_about .content {
        line-height: 2.2rem;
    }

    .page_about .article_box {
        border-left: 0;
        margin: 1rem;
        padding: 0;
    }

    .page_about .article_box .left {
        display: none;
    }

    .page_contact .h3 {
        margin: 4rem 3rem 0 0;
        padding-left: 4rem
    }

    .page_contact .a_list .item {
        margin-left: 0;
    }

    .page_about .article_box .article {
        width: 100%;
        box-sizing: border-box;
        padding: 2.4rem;
        margin: 0;
        line-height: 2.2rem;
        font-size: 1.4rem;
        color: #343434;
    }

    .page_contact .content {
        flex-flow: column;
        padding: 0 3rem;
    }

    .page_contact .address,
    .page_contact .a_list {
        margin-bottom: 4rem;
        width: 100%;
        margin-right: 0;
    }

    .page_contact .h3 p {
        font-size: 2.4rem;
    }

    .page_contact .h3 .block {
        height: 2.4rem;
        width: .5rem;
    }

    .page_investment .bg {
        display: none;
    }

    .page_investment .phone_bg,
    .phone_page {
        display: block;
    }

    .page_team .people {
        height: 100%;
    }

    .people_list_phone {
        overflow: hidden;
        height: 9rem
    }

    .page_index .text {
        width: 85%;
        position: absolute;
        left: 2rem;
        top: 24%;
        transform: translateY(-50%);
        margin: 0;
    }

    .page_index .gif {
        left: 20%;
        width: 80%;
    }

    .page_index .block {
        display: none;
    }

    .pc_page,
    .page_about .pc_page {
        display: none;
    }

    .page_team .people_box {
        flex-flow: column;
        height: auto;
    }

    .page_team .people_box img {
        width: 100%;
        height: auto;
        z-index: 1;
        position: relative;
    }

    .page_team .type_box {
        width: 100%;
        height: 5rem;
        flex-flow: row;
        align-items: center;
    }

    .page_team .info_box {
        width: 100%;
        height: auto;
        padding: 2rem;
    }

    .page_team .type_box .item {
        margin-bottom: 0;
        margin-right: 1rem;
    }

    .page_team .info_box .people {
        height: 2.7rem;
    }

    .page_team .peple_list_box {
        padding: 0 2rem;
    }

    .page_team .peple_list_box .box {
        width: 100% !important;
    }

    .page_team .pic_list {
        margin: 0 2rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        width: 100%;
    }

    .page_team .pic_list .item {
        width: auto;
        margin-right: 0;
    }

    .page_team .pic_list img {
        width: 100%;
        height: auto;
    }

    .phone_img {
        display: block;
    }

    .pc_img {
        display: none;
    }

    .page_contact .address {
        height: auto;
    }

    .page_contact .address .map_box {
        width: 50%;
    }

    .page_project .project_content {
        padding: 0 12px;
        width: 100%;
        box-sizing: border-box;
    }

    .page_project .project_content .project-title {
        padding: 14px 12px;
    }

    .page_project .project-detail {
        margin-top: -10px;
        flex-direction: column;
    }

    .page_project .project_content-header {
        height: 20px;
    }

    .page_project .project_content .detail {
        margin: 20px 0 24px;
    }

    .page_project .project_content .project-title {
        font-size: 18px;
    }

    .page_project .project_content .project-title-line {
        margin-right: 8px;
        width: 4px;
        height: 20px;
    }

    .page_project .project-detail-introduction,
    .page_project .project-detail-logo {
        margin: 0;
        padding: 4px 12px;
        font-size: 12px;
    }

    .page_project .project-detail-logo {
        padding: 4px 12px;
        min-height: auto;
        width: 100%;
    }

    .page_project .project-detail-logo img {
        width: 100%;
        height: auto;
    }

    .page_project .project-detail-more {
        font-size: 12px;
    }

    .page_project .brand-list {
        padding: 1px 24px;
        width: 100%;
        box-sizing: border-box;
    }

    .page_project .brand-list .brand-item {
        margin: 20px 0;
        padding: 10px 19px;
        background: #FFFFFF;
        box-shadow: 0px 8px 50px 0px rgba(0, 0, 0, 0.08);
    }

    .page_project .brand-list .brand-item-logo {
        padding: 15px 0;
    }

    .page_project .brand-list .brand-item-logo img {
        height: 60px;
        width: 100%;
    }

    .page_project .brand-list .brand-item-title {
        padding-top: 12px;
        font-size: 14px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #1C1C1C;
        line-height: 20px;
        letter-spacing: 1px;
    }

    .page_project .brand-list .brand-item-title-line {
        margin: 5px 0;
        width: 61px;
        height: 2px;
        background: #286DE8;
    }

    .page_project .brand-list .brand-item-introduction {
        font-size: 11px;
        color: #000000;
        line-height: 24px;
        overflow: hidden;
    }

    .page_project .brand-list .brand-item-more {
        display: flex;
        justify-content: flex-end;
    }

    .page_project .brand-list .brand-item-more>a {
        padding-top: 13px;
        width: 77px;
        height: 24px;
        font-size: 11px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #286DE8;
        line-height: 24px;
        letter-spacing: 1px;
        text-align: right;
    }
}