.sub_company_box {
    width: 100%;
    background: #F0F4F7;
    padding: calc(30px + 5rem) 0;

    .sub_company {
        max-width: 1400px;
        width: 85%;
        margin: auto;
    }
}

.sub_company_main {
    margin-top: calc(6px + 2rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1.5rem);

    .sub_company_item {
        padding-left: calc(7px + 1rem);
        width: 100%;
        height: calc(100px + 10rem);
        background: #FFFFFF;
        border-radius: calc(1px + 0.25rem);
        display: flex;
        justify-content: flex-start;
        align-items: center;

        .sub_company_pic {
            width: calc(200px + 10rem);
            height: calc(50px + 10rem);
            background: #FFFFFF;

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

        .sub_company_con {
            width: 40%;
            margin-left: calc(14px + 2rem);

            .p1 {

                font-family: Microsoft YaHei;
                font-weight: bold;
                font-size: calc(2px + 1rem);
                color: #333333;
                line-height: 1;
                border-bottom: 1px #DCDCDC solid;
                padding-bottom: calc(2px + 1rem);
                margin-bottom: calc(6px + 1rem);
            }

            .p2 {

                font-family: Microsoft YaHei;
                font-weight: 400;
                font-size: calc(6px + 0.5rem);
                color: #0072C1;
                line-height: 1;
            }

            .p3 {

                font-family: Microsoft YaHei;
                font-weight: 400;
                font-size: calc(6px + 0.5rem);
                color: #141212;
                line-height: 1;
                margin-top: calc(5px + 0.25rem);
                margin-bottom: calc(1px + 1rem);
            }
        }

        .sub_company_see {
            transition: .5s;
            margin-left: calc(22px + 5rem);
            width: calc(17px + 5rem);
            height: calc(17px + 5rem);
            background: #0072C120;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: calc(3px + 0.5rem);

            p {
                font-family: Microsoft YaHei;
                font-weight: 300;
                font-size: calc(6px + 0.5rem);
                color: #0072C1;

            }

            img {
                width: calc(5px + 0.5rem);
                display: none;
            }

            img:nth-of-type(1) {
                display: block;
            }
        }
    }
}

.sub_company_item:hover {
    .sub_company_see {
        background-color: #0072C1;

        p {
            color: #ffffff;
        }

        img:nth-of-type(1) {
            display: none;
        }

        img:nth-of-type(2) {
            display: block;
        }
    }
}

@media (max-width: 1100px) {
    .sub_company_main {
        .sub_company_item {
            padding-left: 0;
            padding: calc(10px + 1rem);
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: calc(10px + 1rem);

            .sub_company_pic {
                width: 100%;
                height: calc(50px + 38rem)
            }
            .sub_company_con{
                margin-left: 0;
                width: 100%;
                .p1{
                    font-size: calc(14px + 1rem);
                }
                .p2{
                    font-size: calc(10px + 1rem);
                }
                .p3{
                    font-size: calc(10px + 1rem);
                }
            }
            .sub_company_see{
                margin-left: 0;
                width: calc(17px + 20rem);
            height: calc(17px + 20rem);
            p{
                font-size: calc(10px + 1rem);
            }
            img {
                width: calc(13px + 0.5rem);
              
            }
            }
        }
    }
}