.breadcrumbs {
  border-top: 1px solid #CCCCCC;
  margin-top: 128px;
}

.introduction {
  padding: 24px 0 119px;
  width: 100%;
  height: auto;
}

.introduction .intro_box {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.introduction .intro_box .intro_l {
  width: 486px;
  height: 562px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

.introduction .intro_box .intro_l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.introduction .intro_box .intro_r {
  width: 578px;
  height: 562px; /* 设置与图片相同的固定高度 */
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-y: auto; /* 当内容超出时显示滚动条 */
  flex-shrink: 0;
}

.introduction .intro_box .intro_r .intro_title {
  text-align: left;
  font-weight: 400;
  font-size: 60px;
  color: #000000;
  line-height: 1.2;
}

.introduction .intro_box .intro_r .intro_desc {
  margin-top: 42px;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #696969;
  line-height: 28px;
}

.factory {
  width: 100%;
  height: 744px;
  position: relative;
}

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

.factory .factory_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 74px;
}

.factory .factory_box .factory_title {
  text-align: center;
  font-weight: 400;
  font-size: 60px;
  color: #FFFFFF;
  line-height: 24px;
}

.factory .factory_box .factory_content {
  width: 100%;
  height: auto;
  margin-top: 50px;
}

.factory .factory_box .factory_content .item {
  margin-right: 11px;
  width: 700px !important;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.factory .factory_box .factory_content .item .img_box {
  width: 100%;
  height: 420px;
  border-radius: 10px;
  overflow: hidden;
}

.factory .factory_box .factory_content .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.factory .factory_box .factory_content .item p {
  margin-top: 16px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
}

.values {
  width: 100%;
  height: auto;
  padding: 92px 0 120px;
  background: #F1F3F5;
}

.values .title {
  text-align: center;
  font-weight: 400;
  font-size: 60px;
  color: #000000;
}

.values .val_box {
  width: 100%;
  height: auto;
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.values .val_box .val_l {
  margin-top: 4px;
  width: 654px;
  height: auto;
}

.values .val_box .val_l .item {
  width: 100%;
  height: auto;
  padding: 36px 0 40px;
  border-bottom: 1px solid #ccc;
}

.values .val_box .val_l .item .item_title {
  text-align: left;
  font-weight: 400;
  font-size: 30px;
  color: #000000;
  line-height: 24px;
}

.values .val_box .val_l .item .item_desc {
  margin-top: 24px;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #696969;
  line-height: 28px;
}

.values .val_box .val_r {
  width: 486px;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  padding-top: 40px;
}

.values .val_box .val_r img {
  object-fit: cover;
  display: block; height: 100%;   width: auto; max-width: none;
}

@media screen and (max-width: 1024px) {
  .breadcrumbs {
    border-top: 0vw solid #CCCCCC;
    margin-top: 19.73333vw;
  }
  .introduction {
    padding: 5.33333vw 0 5.33333vw;
    width: 100%;
    height: auto;
  }
  .introduction .intro_box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .introduction .intro_box .intro_l {
    width: 92vw;
    height: 74.93333vw;
    border-radius: 1.33333vw;
    overflow: hidden;
    position: relative;
  }
  .introduction .intro_box .intro_l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .introduction .intro_box .intro_r {
    width: 92vw;
    height: 74.93333vw; /* 与图片相同的高度 */
    padding: 5.33333vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow-y: auto; /* 内容超出时显示滚动条 */
  }
  .introduction .intro_box .intro_r .intro_title {
    text-align: left;
    font-weight: 400;
    font-size: 7.2vw;
    color: #000000;
    line-height: 3.2vw;
  }
  .introduction .intro_box .intro_r .intro_desc {
    margin-top: 5.6vw;
    text-align: left;
    font-weight: 400;
    font-size: 3.46667vw;
    color: #696969;
    line-height: 1.75;
  }
  .factory {
    width: 100%;
    height: 99.2vw;
    position: relative;
  }
  .factory > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .factory .factory_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 9.86667vw;
  }
  .factory .factory_box .factory_title {
    text-align: center;
    font-weight: 400;
    font-size: 7.2vw;
    color: #FFFFFF;
    line-height: 3.2vw;
  }
  .factory .factory_box .factory_content {
    width: 100%;
    height: auto;
    margin-top: 6.66667vw;
  }
  .factory .factory_box .factory_content .item {
    margin-right: 1.46667vw;
    width: 92vw !important;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .factory .factory_box .factory_content .item .img_box {
    width: 100%;
    height: 56vw;
    border-radius: 1.33333vw;
    overflow: hidden;
  }
  .factory .factory_box .factory_content .item .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .factory .factory_box .factory_content .item p {
    margin-top: 2.66667vw;
    text-align: center;
    font-weight: 400;
    font-size: 3.46667vw;
    color: #FFFFFF;
    line-height: 3.2vw;
  }
  .values {
    width: 100%;
    height: auto;
    padding: 5.33333vw 0 5.33333vw;
    background: #F1F3F5;
  }
  .values .title {
    text-align: center;
    font-weight: 400;
    font-size: 7.2vw;
    color: #000000;
  }
  .values .val_box {
    width: 100%;
    height: auto;
    margin-top: 5.33333vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .values .val_box .val_l {
    margin-top: 0.53333vw;
    width: 92vw;
    height: auto;
  }
  .values .val_box .val_l .item {
    width: 100%;
    height: auto;
    padding: 4.8vw 0 5.33333vw;
    border-bottom: 0.13333vw solid #ccc;
  }
  .values .val_box .val_l .item .item_title {
    text-align: left;
    font-weight: 400;
    font-size: 5.33333vw;
    color: #000000;
    /*line-height: 3.2vw;*/
  }
  .values .val_box .val_l .item .item_desc {
    margin-top: 3.2vw;
    text-align: left;
    font-weight: 400;
    font-size: 3.46667vw;
    color: #696969;
    line-height: 1.75;
  }
  .values .val_box .val_r {
    width: 92vw;
    /*height: 74.93333vw;*/
    border-radius: 1.33333vw;
    overflow: hidden;
  }
  .values .val_box .val_r img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
    display: block;  max-width: none;
  }
}

/* 添加移动端专用样式，适配9:16的图片尺寸 */
@media screen and (max-width: 768px) {
  .introduction .intro_box .intro_l {
    width: 100%;
    height: auto;
  }
}