.jinxiang_develop_technologies {
  padding: var(--component-gap) 0;
  background-color: #fff;
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(var(--gap-50) + var(--gap-5) + var(--gap-1));
  text-align: center;
}

.jinxiang_develop_technologies .jinxiang_public_title_warp {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--gap-40);
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_desc {
  font-family: var(--font-family);
  font-size: var(--font-18);
  font-weight: 400;
  color: #4b5563;
  line-height: 1.4;
  margin: 0;
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--gap-20) + var(--gap-4));
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: var(--font-30);
  padding: var(--gap-30);
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.05);
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_image {
  width: 100%;
  height: auto;
  aspect-ratio: 462 / 300;
  overflow: hidden;
  border-radius: var(--font-20);
  margin-bottom: var(--gap-30);
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap-10) + var(--gap-2));
  padding: 0 calc(var(--gap-10) + var(--gap-5));
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_title {
  font-family: var(--title-font-family);
  font-size: var(--font-24);
  font-weight: 700;
  color: var(--color-primary);
  line-height: normal;
  margin: 0;
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_subtitle {
  font-family: var(--title-font-family);
  font-size: var(--font-14);
  font-weight: 700;
  color: #8c8c8c;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_description {
  font-family: var(--font-family);
  font-size: var(--font-15);
  font-weight: 400;
  color: #4b5563;
  line-height: 1.6;
  margin: 0;
}

.jinxiang_develop_technologies .jinxiang_develop_technologies_empty {
  text-align: center;
  font-size: var(--font-24);
  color: var(--text-color);
  padding: var(--gap-100) 0;
}

/* 响应式断点 */

@media screen and (max-width: 1280px) {
  .jinxiang_develop_technologies .jinxiang_develop_technologies_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 576px) {
  .jinxiang_develop_technologies .jinxiang_develop_technologies_grid {
    grid-template-columns: repeat(1, 1fr);
  }
}