.about_main_box {
    width: 100%;
    padding-top: calc(15px + 4rem);
}
.about_main{
    max-width: 1640px;
    width: 85%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 2rem);
}
.about_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about_item:nth-of-type(1) .about_item_text{
    width: 46.8902%;
}
.about_item_text .p1{
font-family: DM Sans, DM Sans;
font-weight: 800;
font-size: 48px;
color: #333333;
line-height: 70px;
text-align: left;
font-style: normal;
text-transform: none;

}
.about_item_text .p2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(5px + 0.25rem);
    margin-top: calc(10px + 0.5rem);
}
.about_item_text .p2 p{
font-family: Source_Han_normal;
font-weight: 350;
font-size: calc(8px + 0.5rem);
color: #666666;
line-height: calc(6px + 1.5rem);
}
.about_item:nth-of-type(1) .about_item_pic{
    width: 48.7805%;
    height: calc(75px + 30rem);
}
.about_item .about_item_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_item:nth-of-type(2) .about_item_text{
    width: 53.9634%;
}
.about_item:nth-of-type(2) .about_item_pic{
    width: 39.6341%;
    height: calc(50px + 30rem);
}

.about_item:nth-of-type(3) .about_item_text{
    width: 50%;
}
.about_item:nth-of-type(3) .about_item_pic{
    width: 39.5732%;
    height: calc(48px + 40rem);
}
.icon_img{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(13px + 2rem);
    margin-top: calc(1px + 5rem);
}
.icon_img img{
    width: calc(20px + 5rem);
}
.equipment_box{
    padding-top: calc(50px + 5rem);
    padding-bottom: calc(30px + 5rem);
}
.equipment_box .p1{
font-family: DM Sans, DM Sans;
font-weight: 800;
font-size: 48px;
color: #333333;
line-height: 100px;
text-align: center;
font-style: normal;
text-transform: none;

}
.equipment{
    width: 90%;
    display: grid;
    grid-template-columns: 56.25% 42.7083%;
    gap: calc(10px + 0.5rem);
    margin-top: calc(17px + 3rem);
    margin-left: auto;
    margin-right: auto;
}
.equipment_pic{
    width: 100%;
    height: calc(40px + 20rem);
    
}
.equipment_pic:nth-of-type(1){
    height: calc(100px + 40rem);
    grid-row-start: 1;
    grid-row-end: 3;
}
.equipment_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cert_section {
  width: 100%;
  padding: 80px 0 40px 0;
  background-color: #ffffff;
}

.cert_container {
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
}

.cert_header {
  margin-bottom: 50px;
}

.cert_subtitle {
font-family: DM Sans, DM Sans;
font-weight: 800;
font-size: 48px;
color: #333333;
line-height: 100px;
text-align: left;
font-style: normal;
text-transform: none;
}

.cert_title_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.cert_title {
background: #CF2734;
border-radius: 0px 0px 0px 0px;
width: 100px;
height: 4px;
}

.cert_arrows {
  display: flex;
  gap: 10px;
}

.cert_prev,
.cert_next {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background: #CF2734;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.cert_prev:hover,
.cert_next:hover {
  background: #CF2734;
  transform: scale(1.05);
}

.cert_prev img,
.cert_next img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.cert_prev img {
  transform: scaleX(-1);
}

.cert_desc {
  font-family: DM_Sans_regular;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  text-align: left;
  max-width: 985px;
}

/* Certification Swiper */
.cert_swiper {
  width: 100%;
  padding: 20px 0 0 0;
  overflow: hidden;
}

.cert_swiper .swiper-slide {
  width: 280px;
  height: 450px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.4s ease;
}

.cert_swiper .swiper-slide:hover {
  transform: translateY(-5px);
  color: #CF2734;
}

.cert_card {
  width: 100%;
  height: 85%;

  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.4s ease;
}

.cert_card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.cert_card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.cert_card:hover img {
  transform: scale(1.03);
}

.cert_date{
font-family: DM Sans, DM Sans;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 19px;
text-align: center;
font-style: normal;
text-transform: none;
margin-top: 25px;
}

.cert_date:hover{
    color: #CF2734;
}

.swiper-wrapper{
    gap: calc(20px + 1rem);
    display: flex;
 
}


@media (max-width: 1100px){
    .about_item{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }
    .about_item:nth-of-type(1) .about_item_text{
        width: 100%;
    }
    .about_item_text .p1{
        font-size: calc(14px + 1rem);
        line-height: 1.5;
    }
    .about_item .about_item_pic img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
    .about_item:nth-of-type(1) .about_item_pic{
        width: 100%;
        height: calc(75px + 10rem);
    }
    .about_item:nth-of-type(2){
        flex-flow: column-reverse;
    }
    .about_item:nth-of-type(2) .about_item_pic{
        width: 100%;
        height: calc(50px + 20rem);
    }
    .about_item:nth-of-type(2) .about_item_text{
        width: 100%;
    }
    .about_item:nth-of-type(3) .about_item_text{
        width: 100%;
    }
    .about_item:nth-of-type(3) .about_item_pic{
        width: 100%;
        height: calc(48px + 95rem);
    }
    .equipment_box .p1{
        font-size: calc(18px + 1rem);
        line-height: 1.5;
        
    }
}

/* =========================================
   手机端适配：News 区块 + 证书区块
   ========================================= */
@media (max-width: 992px){
    /* News：两列网格降为单列，避免图片溢出 */
    .equipment{
        grid-template-columns: 1fr;
        gap: 16px;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
    .equipment_pic,
    .equipment_pic:nth-of-type(1){
        height: 260px;
        grid-row-start: auto;
        grid-row-end: auto;
    }
    .equipment_box{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .equipment_box .p1{
        font-size: 26px;
        line-height: 1.3;
        padding: 0 16px;
    }

    /* 证书：标题 / 箭头 / 滑块缩小 */
    .cert_section{
        padding: 50px 0 30px;
    }
    .cert_subtitle{
        font-size: 26px;
        line-height: 1.3;
    }
    .cert_header{
        margin-bottom: 24px;
    }
    .cert_title_wrap{
        align-items: flex-end;
        gap: 12px;
    }
    .cert_title{
        width: 60px;
    }
    .cert_prev,
    .cert_next{
        width: 36px;
        height: 36px;
        flex-shrink: 0;
    }
    .cert_prev img,
    .cert_next img{
        width: 16px;
        height: 16px;
    }
    /* 证书滑块：一行一个 */
    .cert_swiper .swiper-slide{
        width: 100% !important;
        max-width: none !important;
        flex-shrink: 0;
        height: auto;
    }
    .cert_swiper .swiper-wrapper{
        gap: 0;
    }
    .cert_card{
        height: 420px;
    }
    .cert_date{
        font-size: 14px;
        line-height: 1.5;
        margin-top: 12px;
        text-align: left;
    }
}

@media (max-width: 480px){
    .equipment_pic,
    .equipment_pic:nth-of-type(1){
        height: 200px;
    }
    .cert_swiper .swiper-slide{
        width: 100%;
    }
    .cert_card{
        height: 380px;
    }
    .cert_subtitle{
        font-size: 22px;
    }
    .equipment_box .p1{
        font-size: 22px;
    }
}