:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 1920px;
  margin: 0 auto;
  background: #ffffff;
}
.frame-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
}
.image {
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 676px;
  background: url('../images/ejXJurBsq5.png')
    no-repeat center;
  background-size: cover;
  z-index: 1;
}
.frame-2 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
  gap: 88px !important;
  position: absolute !important;
  width: 1920px !important;
  height: 385px !important;
  top: 50% !important;
  left: 50% !important;
  padding: 87px 0 0 0 !important;
  transform: translate(-50%, -49.87%) !important;
  z-index: 2 !important;
}
.frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 26px;
  position: relative;
  width: 1920px;
  z-index: 3;
}
.customized-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 1920px;
  height: 72px;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  text-align: center;
  white-space: nowrap;
  z-index: 4;
}
.matching-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 1920px;
  height: 48px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  white-space: nowrap;
  z-index: 5;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 202px;
  padding: 14px 32px 14px 40px;
  background: linear-gradient(226.5deg, #0484fd, #015cff);
  z-index: 6;
  border-radius: 100px;
  cursor: pointer;
}
.use-button {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 36px;
  color: #ffffff;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 35.52px;
  text-align: left;
  white-space: nowrap;
  z-index: 7;
  cursor: pointer;
}
.line {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 14.727px;
  background: url('../images/Line 1.png')
    no-repeat center;
  background-size: cover;
  z-index: 8;
}
.frame-4 {
  flex-shrink: 0;
  position: absolute;
  width: 1920px;
  height: 90px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9;
}
.frame-5 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  position: relative;
  width: 200px;
  margin: 21px 0 0 320px;
  z-index: 10;
}
.blue-circle {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: linear-gradient(226.5deg, #0484fd, #015cff);
  z-index: 11;
  overflow: hidden;
  border-radius: 7.5px;
}
.group {
  position: relative;
  width: 40.876px;
  height: 16.325px;
  margin: 8.906px 0 0 3.656px;
  background: url('../images/logo.png') no-repeat center;;
  background-size: cover;
  z-index: 13;
}
.bq-point {
  display: block;
  position: relative;
  height: 11px;
  margin: 3.409px 0 0 5.297px;
  color: #ffffff;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 7.500000476837158px;
  font-weight: 900;
  line-height: 11px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
.ai-marking {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 32px;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 14;
}
.frame-6 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 60px 320px 60px 320px;
  z-index: 15;
}
.frame-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  z-index: 16;
}
.ai-outline {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 340px;
  min-width: 0;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 17;
}
.ai-bid {
  position: relative;
  color: #1f6de8;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
}
.speed-outline {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
}
.frame-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 18;
}
.ai-decode {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 27px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  white-space: nowrap;
  z-index: 19;
}
.extract-keypoints {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 340px;
  height: 54px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 20;
}
.auto-outline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 340px;
  height: 54px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 21;
}
.frame-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 20px 20px 22px 20px;
  background: rgba(31, 109, 232, 0.06);
  z-index: 22;
  border-radius: 16px;
}
.frame-a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 144px;
  z-index: 23;
}
.frame-b {
  flex-shrink: 0;
  position: relative;
  width: 54px;
  height: 54px;
  background: url('../images/Frame.png')
    no-repeat center;
  background-size: cover;
  z-index: 24;
  overflow: hidden;
}
.project-manager {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 25;
}
.response-efficiency {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 300px;
  height: 160px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  z-index: 26;
}
.image-c {
  flex-shrink: 0;
  position: relative;
  width: 900px;
  height: 560px;
  background: url('../images/DevHYB9TG0.png')
    no-repeat center;
  background-size: cover;
  z-index: 27;
}
.frame-d {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 60px 320px 60px 320px;
  background: #f6f8fd;
  z-index: 28;
}
.image-e {
  flex-shrink: 0;
  position: relative;
  width: 900px;
  height: 560px;
  background: url('../images/sLtZfYdoUL.png')
    no-repeat center;
  background-size: cover;
  z-index: 29;
}
.frame-f {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  z-index: 30;
}
.technology-online-smart-composition {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 340px;
  min-width: 0;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 31;
}
.technology-standard {
  position: relative;
  color: #1f6de8;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
}
.online-smart-composition {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
}
.frame-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 32;
}
.industry-precise-matching {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  font-family: Source Sans 3, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
  z-index: 33;
}
.industry-precise-matching-11 {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 25.632px;
  text-align: left;
}
.colon {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
}
.analyze-demand-recommend-templates {
  position: relative;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
}
.visual-architecture-design {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  font-family: Source Sans 3, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
  z-index: 34;
}
.visual-architecture-design-12 {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 25.632px;
  text-align: left;
}
.colon-13 {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
}
.drag-edit-interface-adjust-structure {
  position: relative;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
}
.ai-collaborative-assistance {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  font-family: Source Sans 3, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
  z-index: 35;
}
.ai-collaborative-assistance-14 {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 25.632px;
  text-align: left;
}
.generate-paragraphs-switch-styles {
  position: relative;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
}
.version-time-travel {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  font-family: Source Sans 3, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
  z-index: 36;
}
.version-time-travel-15 {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 25.632px;
  text-align: left;
}
.real-time-save {
  position: relative;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.632px;
  text-align: left;
}
.frame-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 20px 20px 22px 20px;
  background: rgba(31, 109, 232, 0.06);
  z-index: 37;
  border-radius: 16px;
}
.frame-17 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 224px;
  z-index: 38;
}
.frame-18 {
  flex-shrink: 0;
  position: relative;
  width: 54px;
  height: 55px;
  background: url('../images/Frame-1.png')
    no-repeat center;
  background-size: cover;
  z-index: 39;
  overflow: hidden;
}
.bid-officer {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 40;
}
.visual-editing {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 300px;
  height: 128px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  z-index: 41;
}
.frame-19 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 60px 320px 60px 320px;
  z-index: 42;
}
.frame-1a {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 340px;
  z-index: 43;
}
.credit-selection {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 340px;
  min-width: 0;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 44;
}
.credit {
  position: relative;
  color: #1f6de8;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
}
.upcoming {
  position: relative;
  color: #888888;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
}
.company-selection {
  position: relative;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 34px;
  font-weight: 700;
  line-height: 51px;
  text-align: left;
}
.frame-1b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 45;
}
.auto-connect {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 27px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 26.64px;
  text-align: left;
  white-space: nowrap;
  z-index: 46;
}
.ai-matching {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 340px;
  height: 54px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 26.64px;
  text-align: left;
  z-index: 47;
}
.insertion-efficiency {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 340px;
  height: 54px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 26.64px;
  text-align: left;
  z-index: 48;
}
.frame-1c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 20px 20px 22px 20px;
  background: rgba(31, 109, 232, 0.06);
  z-index: 49;
  border-radius: 16px;
}
.frame-1d {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 144px;
  z-index: 50;
}
.frame-1e {
  flex-shrink: 0;
  position: relative;
  width: 54px;
  height: 54px;
  background: url('../images/Frame-2.png')
    no-repeat center;
  background-size: cover;
  z-index: 51;
  overflow: hidden;
}
.project-manager-1f {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #333333;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 52;
}
.content-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 300px;
  height: 128px;
  color: #666666;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  z-index: 53;
}
.image-20 {
  flex-shrink: 0;
  position: relative;
  width: 900px;
  height: 559px;
  background: url('../images/jaGaAbGpRZ.png')
    no-repeat center;
  background-size: cover;
  z-index: 54;
}
.frame-21 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1920px;
  padding: 15px 890px 15px 890px;
  background: #F0F0F0;
  z-index: 55;
}
.organizer {
  flex-shrink: 0;
  position: relative;
  width: 306px;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 56;
}
.organizer-label {
  position: relative;
  color: #6C7176;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
}
.organizer-name {
  position: relative;
  color: #6C7176;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-decoration: underline;
}
.license {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #6C7176;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 57;
}
.copyright {
  flex-shrink: 0;
  position: relative;
  width: 374px;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 58;
}
.copyright-label {
  position: relative;
  color: #6C7176;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
}
.icp-number {
  position: relative;
  color: #6C7176;
  font-family: Source Han Sans CN, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-decoration: underline;
}

body {
  overflow: auto;
  margin: 0;
}
.main-container {
  width: auto;
  display: block;
  min-width: 1260px;
}
.main-container > div {
  padding-left: 0;
  padding-right: 0;
  display: block;
}
.container {
  width: 1260px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.frame-21 {
  display: flex !important;
  width: 100%;
}

.frame-4 {
  width: 100%;
}

.frame-5 {
  width: 1260px;
  margin: 21px auto 320px;
}