.circular {
  width: 100%;
  height: auto;
  padding: 67px 0 100px;
}

.circular .circular_content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.circular .circular_content .chuangcuhei {
  color: #111;
  text-align: center;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  /* 119.048% */
}

.circular .circular_content .chuangcuhei span {
  font-size: 33px;
  font-weight: 500;
}

.circular .circular_content .circular_box {
  width: 100%;
  height: 600px;
  margin-top: 55px;
  position: relative;
}

.circular .circular_content .circular_box .circular_img {
  width: 100%;
  height: 100%;
}

.circular .circular_content .circular_box .circular_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.circular .circular_content .circular_box .circular_box_content {
  position: absolute;
  left: 90px;
  top: 50%;
  transform: translateY(-50%);
  width: 592px;
  height: auto;
  background: #FFF;
  padding: 48px 56px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.circular .circular_content .circular_box .circular_box_content .circular_title {
  color: #111;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 123.077% */
}

.circular .circular_content .circular_box .circular_box_content .circular_child_box {
  margin-top: 20px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
}

.circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left img {
  width: 22px;
  height: 22px;
}

.circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left span {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 230% */
}

.circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_detail {
    margin-left:5px;
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 230% */
}

@media screen and (max-width: 1440px) {
  .circular {
    width: 100%;
    height: auto;
    padding: 3.95486vw 0 5.90278vw;
  }
  .circular .circular_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .circular .circular_content .chuangcuhei {
    color: #111;
    text-align: center;
    font-size: 2.47917vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.95139vw;
    /* 119.048% */
  }
  .circular .circular_content .chuangcuhei span {
    font-size: 1.94792vw;
    font-weight: 500;
  }
  .circular .circular_content .circular_box {
    width: 100%;
    height: 35.41667vw;
    margin-top: 3.24653vw;
    position: relative;
  }
  .circular .circular_content .circular_box .circular_img {
    width: 100%;
    height: 100%;
  }
  .circular .circular_content .circular_box .circular_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .circular .circular_content .circular_box .circular_box_content {
    position: absolute;
    left: 5.3125vw;
    top: 50%;
    transform: translateY(-50%);
    width: 34.94444vw;
    height: auto;
    background: #FFF;
    padding: 2.83333vw 3.30556vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_title {
    color: #111;
    font-size: 1.53472vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.88889vw;
    /* 123.077% */
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box {
    margin-top: 1.18056vw;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.41667vw;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.76736vw;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left img {
    width: 1.29861vw;
    height: 1.29861vw;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left span {
    color: #333;
    font-size: 1.18056vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.41667vw;
    /* 230% */
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_detail {
    color: #333;
    font-size: 1.18056vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.41667vw;
    /* 230% */
  }
}

@media screen and (max-width: 1024px) {
  .circular {
    width: 100%;
    height: auto;
    padding: 10.66667vw 0 10.66667vw;
  }
  .circular .circular_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .circular .circular_content .column-title {
    margin-bottom: 5.66667vw;
  }
  .circular .circular_content .column-title::after {
    margin-top: 0;
  }
  .circular .circular_content .chuangcuhei {
    font-size: 7.46667vw;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 2.66667vw;
    height: 9.6vw;
  }
  .circular .circular_content .chuangcuhei span {
    font-size: 6vw;
    font-weight: 500;
  }
  .circular .circular_content .circular_box {
    width: 100%;
    height: auto;
    margin-top: 8.53333vw;
    position: relative;
  }
  .circular .circular_content .circular_box .circular_img {
    width: 100%;
    height: auto;
  }
  .circular .circular_content .circular_box .circular_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .circular .circular_content .circular_box .circular_box_content {
    margin-top: 5.33333vw;
    position: static;
    left: 12vw;
    top: 50%;
    transform: translateY(0%);
    width: 100%;
    height: auto;
    background: #FFF;
    padding: 0vw 0vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_title {
    color: #111;
    font-size: 4.26667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 4.26667vw;
    /* 123.077% */
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box {
    margin-top: 5.33333vw;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5.33333vw;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.66667vw;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.73333vw;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left img {
    width: 5.33333vw;
    height: 5.33333vw;
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_left span {
    color: #333;
    font-size: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 3.73333vw;
    /* 230% */
  }
  .circular .circular_content .circular_box .circular_box_content .circular_child_box .child_item .item_detail {
    color: #333;
    font-size: 3.73333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 3.73333vw;
    /* 230% */
  }
}