.about_box{
    width: 100%;
    background: url(../images/about__bg.webp) no-repeat;
    background-size: cover;
    padding: calc(20px + 3rem) 0;
}

.about{
    max-width: 1600px;
    width: 90%;
    margin: auto;
}
.about_main{
    display: flex;
    justify-content: space-between;
    align-items: first baseline;
}

.about_main_left{
    width: 28%;
    font-size: calc(10px + 1.5rem);
    color: #333333;
    font-weight: 700;
    line-height: 1.5;
}

.about_main_right{
    width: 67%;
}
.about_main_right .p1{
    line-height: 1.5;
    border-bottom: 1px #333333 solid;
    padding-bottom: calc(10px + 2rem);
}

.company_video{
    width: calc(42px + 15rem);
    height: calc(14px + 2rem);
    background-color: #ffffff;
    margin-top: calc(10px + 1rem);
}

.company_video a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(5px + 0.25rem);
    font-size: calc(8px + 0.5rem);
    color: #f7b014;

}

.about_num{
    display: flex;
    justify-content: space-between;
    margin-top: calc(10px + 2rem);
}
.about_num_item{
    width: 24%;
}
.about_num_item img{
    width: calc(2px + 1.5rem);
}

.about_num_item .p1{
    font-size: calc(6px + 0.5rem);
    color: #333333;
    margin-top: calc(1px + 0.5rem);
}
.about_num_item .p2 span{
    font-size: calc(18px + 2rem);
    color: #333333;
    font-weight: bold;
    margin-top: calc(5px + 0.5rem);
}

.about_num_item .p2{
    font-size: calc(4px + 1rem);
    color: #333333;
    font-weight: bold;
}

.company_show_box{
    width: 100%;
    padding: calc(20px + 3rem) 0;
}

.company_show{
    max-width: 1600px;
    width: 90%;
    margin: auto;
}

.company_show_list{
    width: 100%;
    margin-top: calc(20px + 1.5rem);
}

.company_show_swiper{
    width: 100%;
}

.company_show_item{
    width: 100%;
    height: calc(27px + 20rem);
    background-color: #F6F6F6;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: calc(5px + 0.25rem);
}

.company_show_item img{
    width: 95%;
    height: calc(69px + 15rem);
    object-fit: cover;
}

.production_line_box{
    width: 100%;
    padding: calc(20px + 3rem) 0;
}

.production_line{
    max-width: 1600px;
    width: 90%;
    margin: auto;
}

.pro_line_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: calc(10px + 3rem);
    margin-top: calc(20px + 2rem);
}

.pro_line_item{
    width: 29.125%;
    border-radius: calc(5px + 0.5rem);
    background-color: #f7b014;
}

.pro_line_pic{
    width: 100%;
    height: calc(96px + 10rem);
    border-radius: calc(5px + 0.5rem) calc(5px + 0.5rem) 0 0;

}

.pro_line_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(5px + 0.5rem) calc(5px + 0.5rem) 0 0;
}
.pro_line_item .p_name{
    font-size: calc(6px + 0.5rem);
    color: #ffffff;
    text-align: center;
    padding: calc(2px + 0.5rem) 0;
}
.company_show_swiper_m{
    display: none;
}
.company_show_swiper{
    display: block;
}
@media screen and (max-width: 1100px){
    .about_main{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }
    .about_main_left{
        width: 100%;
        font-size: calc(16px + 1rem);
    }
    .about_main_right{
        width: 100%;
    }
    .company_video{
        width: 100%;
        height: calc(28px + 2rem);
    }
    .company_video a{
        font-size: calc(12px + 1rem);
    }
    .about_num_item img {
        width: calc(12px + 1.5rem);
    }
    .about_num_item .p1{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .about_num_item .p2{
        font-size: calc(10px + 1rem);
    }
    .about_num{
        flex-wrap: wrap;
        row-gap: calc(10px + 1rem);
    }
    .about_num_item{
        width: 48%;
    }

    .company_show_swiper_m{
        display: block;
    }
    .company_show_swiper{
        display: none;
    }
    .company_show_item {
        width: 100%;
        height: calc(27px + 53rem);
      
    }
    .company_show_item img {
        width: 95%;
        height: calc(69px + 40rem);
        object-fit: cover;
    }
    .pro_line_item{
        width: 48.5%;
    }
    .pro_line_item .p_name{
        font-size: calc(10px + 1rem);
    }
}