.u8-yueye-section1-container[data-v-74d76c92] {
  background-color: #f5f7fa;
  padding: 7.2916666667vw 12.5vw;
  display: grid;
  grid-template-columns: 1fr 46.9270833333vw;
  grid-template-rows: auto auto;
  grid-template-areas: "title bigImg" "smallImg bigImg";
  gap: 0 2.34375vw;
}
@media (min-width: 0) and (max-width: 767px) {
.u8-yueye-section1-container[data-v-74d76c92] {
    padding: 60px 24px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "title" "bigImg" "smallImg";
    gap: 30px 0;
}
}
.u8-yueye-section1-container .title[data-v-74d76c92] {
  grid-area: title;
}
.u8-yueye-section1-container .title img[data-v-74d76c92] {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.u8-yueye-section1-container .title h3[data-v-74d76c92] {
  font-size: 2.9166666667vw;
  font-family: "URW Form-500";
  line-height: calc(100% + 6px);
  margin-top: 1.7708333333vw;
  color: #001433;
}
@media (min-width: 0) and (max-width: 767px) {
.u8-yueye-section1-container .title h3[data-v-74d76c92] {
    font-size: 24px;
    margin-top: 12px;
}
}
.u8-yueye-section1-container .small-img[data-v-74d76c92] {
  grid-area: smallImg;
  height: 14.0104166667vw;
  align-self: flex-end;
}
@media (min-width: 0) and (max-width: 767px) {
.u8-yueye-section1-container .small-img[data-v-74d76c92] {
    width: 56.2666666667vw;
    height: 33.0666666667vw;
}
}
.u8-yueye-section1-container .big-img[data-v-74d76c92] {
  grid-area: bigImg;
  height: 31.8229166667vw;
  margin-top: 7.1354166667vw;
}
@media (min-width: 0) and (max-width: 767px) {
.u8-yueye-section1-container .big-img[data-v-74d76c92] {
    height: 49.0666666667vw;
    margin-top: 0;
}
}
.u8-yueye-section1-container img[data-v-74d76c92] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}