.layout_box {
  width: 100%;
  padding: calc(30px + 5rem) 0;
}
.layout_box .layout {
  max-width: 1400px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.layout_box .layout .layout_left {
  width: 47.1428%;
  height: calc(19px + 20rem);
}
.layout_box .layout .layout_left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.layout_box .layout .layout_right {
  width: 50.2142%;
  padding: 0 calc(5px + 2rem);
}
.layout_box .layout .layout_right .p1 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(8px + 1.5rem);
  color: #141414;
  line-height: 1;
}
.layout_box .layout .layout_right .p2 {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(2px + 1rem);
  color: #676767;
  line-height: 1;
  margin-top: calc(7px + 1rem);
}
.layout_box .layout .layout_right .layout_line {
  width: calc(10px + 4rem);
  height: calc(0px + 0.2rem);
  background: #0072C1;
  margin-top: calc(12px + 2rem);
}
.layout_box .layout .layout_right .p3 {
  margin-top: calc(1px + 1rem);
}
.layout_box .layout .layout_right .p3 p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #444C51;
  line-height: calc(6px + 1.5rem);
}
.layout_pro_box {
  padding: calc(30px + 5rem) 0;
  background: #f0f4f7;
  width: 100%;
}
.layout_pro_box .layout_pro {
  max-width: 1400px;
  width: 85%;
  margin: auto;
}
.layout_pro_box .layout_pro .lay_pro_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.layout_pro_box .layout_pro .lay_pro_title .p1 {
  width: 70.7857%;
}
.layout_pro_box .layout_pro .lay_pro_title .p1 p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #3B3B3B;
  line-height: calc(6px + 1.5rem);
}
.lay_pro_swiper {
  margin-top: calc(3px + 4rem);
  width: 100%;
}
.lay_pro_swiper .swiper {
  width: 100%;
}
.lay_pro_swiper .swiper .swiper-slide {
  width: 24%;
}
.lay_pro_swiper .swiper .swiper-slide .lay_pro_card {
  width: 100%;
  background: #FFFFFF;
}
.lay_pro_swiper .swiper .swiper-slide .lay_pro_card .lay_pro_pic {
  width: 100%;
  height: calc(4px + 15rem);
}
.lay_pro_swiper .swiper .swiper-slide .lay_pro_card .lay_pro_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lay_pro_swiper .swiper .swiper-slide .lay_pro_card p {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: calc(10px + 0.5rem);
  color: #333333;
  line-height: 1;
  padding-top: calc(12px + 2rem);
  padding-bottom: calc(6px + 2rem);
  text-align: center;
}
.lay_apply_box {
  width: 100%;
  background: url(../images/lay_bg.png) no-repeat;
  padding-top: calc(17px + 4rem);
  padding-bottom: calc(80px + 5rem);
}
.lay_apply_box .lay_apply {
  max-width: 1400px;
  width: 85%;
  margin: auto;
}
.lay_apply_swiper {
  margin-top: calc(11px + 3rem);
  width: 100%;
}
.lay_apply_swiper .swiper1 {
  width: 100%;
  overflow: hidden;
}
.lay_apply_swiper .swiper1 .swiper-slide {
  width: 32.1428%;
}
.lay_apply_swiper .swiper1 .swiper-slide .lay_apply_pic {
  width: 100%;
  height: calc(64px + 20rem);
  position: relative;
}
.lay_apply_swiper .swiper1 .swiper-slide .lay_apply_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lay_apply_swiper .swiper1 .swiper-slide .lay_apply_pic p {
  font-size: calc(8px + 0.5rem);
  color: #fff;
  position: absolute;
  top: calc(5px + 1rem);
  left: calc(5px + 1rem);
  z-index: 10;
}
@media (max-width: 1100px) {
  .layout_box .layout {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1rem);
  }
  .layout_box .layout .layout_left {
    width: 100%;
    height: calc(19px + 47rem);
  }
  .layout_box .layout .layout_right {
    width: 100%;
  }
  .layout_box .layout .layout_right .p1 {
    font-size: calc(16px + 1rem);
  }
  .layout_box .layout .layout_right .p2 {
    font-size: calc(10px + 1rem);
    line-height: 1.5;
  }
  .layout_box .layout .layout_right .p3 p {
    font-size: calc(10px + 1rem);
    line-height: 1.5;
  }
  .layout_pro_box .layout_pro .lay_pro_title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(10px + 1rem);
  }
  .layout_pro_box .layout_pro .lay_pro_title .p1 {
    width: 100%;
  }
  .layout_pro_box .layout_pro .lay_pro_title .p1 p {
    font-size: calc(10px + 1rem);
    line-height: 1.5;
  }
}