.about_nav_box {
    width: 100%;
}

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

.about_nav_item {
    width: 25%;
    height: calc(6px + 4rem);
    background: #ffffff;
    text-align: center;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .3s;
}

.about_nav_item:hover {
    background-color: #006B98;
}

.about_nav_item:hover p {
    color: #ffffff;
}

.about_nav_item p {
    width: 100%;
    text-align: center;
    border-right: 1px #DCDCDC solid;
    font-family: Century Gothic;
    font-weight: bold;
    font-size: calc(10px + 0.5rem);
    color: #333333;
}

.about_nav_item:nth-last-of-type(1) p {
    border: none;
}

.about_nav_item_act {
    background-color: #006B98;
}

.about_nav_item_act p {
    color: #ffffff;
    border: none;
}

.about_1_box {
    width: 100%;
    padding-top: calc(4px + 5rem);
    padding-bottom: calc(78px + 5rem);
    background: url(../image/ab1.png) no-repeat;
    background-size: cover;
}

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

.about_title p {
    font-family: Century Gothic;
    font-weight: bold;
    font-size: calc(10px + 2rem);
    color: #333333;
    line-height: calc(8px + 3rem);
    margin-bottom: calc(9px + 0.5rem);
}

.about_title div {
    width: calc(10px + 4rem);
    height: calc(2px + 0.1rem);
    background: #006B98;

}

.about_intro {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(1px + 0.5rem);
    margin-top: calc(6px + 2rem);
}

.about_intro p {
    font-family: Century Gothic;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #333333;
    line-height: calc(2px + 1.5rem);
    text-align: center;
}

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

.about_pic {
    width: 50%;
    height: calc(30px + 20rem);
}

.about_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(10px + 1rem) 0px 0px calc(1px + 0.25rem);
}

.about_num1 {
    width: 50%;
    height: calc(30px + 20rem);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0px calc(1px + 0.05rem) calc(4px + 1rem) 0px rgba(105, 137, 150, 0.2);
    border-radius: 0px calc(1px + 0.25rem) calc(10px + 1rem) 0px;
    display: grid;
    grid-template-columns: 50% 50%;
    padding: calc(9px + 2rem) calc(12px + 4rem);
    position: relative;
}

.circle {
    width: calc(7px + 1.5rem);
    height: calc(7px + 1.5rem);
    border-radius: 50%;
    background-color: #f9f9f9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.about_num_item1 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(7px + 0.5rem);
    border: 1px #D9D9D970 solid;
    padding-top: calc(10px + 2rem);
}

.about_num_item1 p:nth-of-type(1) {
    font-family: DINPRO-BOLD;
    font-weight: bold;
    font-size: calc(20px + 2rem);
    color: #006B98;
    line-height: calc(6px + 1.5rem);
    text-align: center;

}

.about_num_item1 p:nth-of-type(2) {
    font-family: Century Gothic;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #7C7C7C;
    line-height: calc(4px + 1rem);
    text-align: center;
    width: calc(50px + 5rem);
}

.about_num_item1:nth-of-type(1) {
    border-left: none;
    border-top: none;
}

.about_num_item1:nth-of-type(2) {
    border-right: none;
    border-left: none;
    border-top: none;
}

.about_num_item1:nth-of-type(3) {
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.about_num_item1:nth-of-type(4) {
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-left: none;
}


.certificate_box {
    width: 100%;
    overflow: hidden;
    padding-top: calc(20px + 5rem);
    padding-bottom: calc(12px + 5rem);
}


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

.cer_icon,
.fac_icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(3px + 0.5rem);
    cursor: pointer;
}

.cer_icon img {
    width: calc(16px + 2rem);
}

.fac_icon img {
    width: calc(16px + 2rem);
}

.fac_icon img:nth-of-type(2),
.fac_icon img:nth-of-type(3) {
    display: none;
}

.certificate {
    max-width: 1700px;
    width: 92.5%;
    float: right;
}

.cer_swiper {
    width: 100%;
    border-top: 1px solid #DCDCDC;
    margin-top: calc(12px + 2rem);
}

.swiper-slide {
    width: 20%;

}

.cer_border {
    width: 100%;
    height: calc(30px + 20rem);
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(13px + 2rem);
}

.cer_border img {
    width: calc(16px + 10rem);
    height: calc(79px + 10rem);
}

.cer_border p {
    font-family: Century Gothic;
    font-weight: 400;
    font-size: calc(9px + 0.5rem);
    color: #333333;
}

.market_box1 {
    width: 100%;
    background: url(../image/ab2.jpg) no-repeat;
    background-size: cover;
    padding: calc(5px + 5rem) 0;
}

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

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

.mar_msg_box {
    width: 36.8918%;
    height: calc(66px + 20rem);
    background: #F6F6F6;
    box-shadow: 0px 0px calc(6px + 0.5rem) 0px rgba(0, 82, 157, 0.11);
    border-radius: calc(1px + 0.25rem);
    padding: calc(10px + 2rem) calc(5px + 2rem);
}

.map {
    width: 61.5540%;
    height: calc(54px + 20rem);

}

.factory_box {
    width: 100%;
    padding-top: calc(28px + 5rem);
    padding-bottom: calc(96px + 5rem);
}

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

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


.fac_1 {
    width: 41.6216%;
    height: calc(119px + 20rem);
    overflow: hidden;
}

.fac_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.fac_1 img:hover {
    transform: scale(1.1);
}

.certificate:nth-of-type(3) {
    display: none;
}

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

.cer_icon img:nth-of-type(2) {
    display: none;
}

.cer_icon img:nth-of-type(3) {
    display: none;
}

.cer_pagenation_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(1px + 0.5rem);
    margin-top: calc(3px + 2rem);
    padding-right: 10%;
}

.cer_pagenation {
    width: calc(2px + 1rem);
    height: calc(2px + 1rem);
    background: #FFFFFF;
    border-radius: 50%;
    border: calc(0px + 0.1rem) solid transparent;
    opacity: 0.8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cer_pagenation_act {
    border: calc(0px + 0.1rem) solid #006B98;
}

.cer_pagenation .cer_dot {
    width: calc(1px + 0.25rem);
    height: calc(1px + 0.25rem);
    background: #919191;
    border-radius: 50%;
    opacity: 0.8;
}

.cer_pagenation_act .cer_dot {
    background-color: #006B98;
}

.fac_swiper {
    width: 56.8270%;
    height: calc(126px + 20rem);
   
}

.fac_swiper1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fac_swiper1 .swiper-slide {
    width: 100%;
    height: 47.1087%;
    margin-top: 0 !important;
    
}
.swiper-grid-column>.swiper-wrapper{
    width: 100% !important;
    row-gap: calc(2px + 1rem) !important;
}
.fac_swiper1 .swiper-slide:nth-of-type(1){
    display: none;
}
.fac_swiper1 .swiper-slide .fac_border {
    width: 100%;
    height:100%;
}

.fac_swiper1 .swiper-slide .fac_border img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1100px) {
    .about_nav {
        flex-wrap: wrap;
    }

    .about_nav_item {
        width: 50%;
        height: calc(6px + 8rem);
    }

    .about_nav_item p {
        border: none;
        font-size: calc(12px + 1rem);
    }

    .about_title p {
        font-size: calc(16px + 1rem);
    }

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

    .about_num_card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .about_pic {
        width: 100%;
        height: calc(30px + 40rem);
    }

    .about_num1 {
        width: 100%;
        height: calc(30px + 42rem);
    }

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

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

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

    .mar_msg_box {
        width: 100%;
        height: calc(66px + 62rem);
    }

    .map {
        width: 100%;
    }

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

    .factory_pic {
        height: calc(126px + 20rem);
    }

    .cer_swiper1 {
        width: 100%;
        overflow: hidden;
        margin-top: calc(10px + 3rem);
    }

    .cer_swiper1 .swiper-slide {
        width: 50%;
    }

    .cer_swiper1 .swiper-slide .cer_border {
        width: 100%;
        height: calc(30px + 51rem);
    }

    .cer_swiper1 .swiper-slide .cer_border img {
        width: calc(16px + 24rem);
        height: calc(79px + 21rem);
    }

    .cer_border p {
        font-size: calc(10px + 1rem);
        text-align: center;
    }

    .certificate:nth-of-type(2) {
        display: none;
    }

    .certificate:nth-of-type(3) {
        display: block;
    }

    .cer_icon {
        display: none;
    }
    
    .fac_1 {
        width: 100%;
    }
   .fac_swiper{
       width: 100%;
   }
}