.container {
  /*width: var(--safe-width);*/
  width: var(--canvas-width);
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--margin);
  position: relative;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--gutter) / -2);
}
.col {
  flex: 1 0 0%;
  padding: 0 calc(var(--gutter) / 2);
}
.col-1  { flex: 0 0 8.3333%;  max-width: 8.3333%;  padding: 0 0.12rem; }
.col-2  { flex: 0 0 16.6667%; max-width: 16.6667%; padding: 0 0.12rem; }
.col-3  { flex: 0 0 25%;     max-width: 25%;      padding: 0 0.12rem; }
.col-4  { flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 0.12rem; }
.col-5  { flex: 0 0 41.6667%; max-width: 41.6667%; padding: 0 0.12rem; }
.col-6  { flex: 0 0 50%;     max-width: 50%;      padding: 0 0.12rem; }
.col-7  { flex: 0 0 58.3333%; max-width: 58.3333%; padding: 0 0.12rem; }
.col-8  { flex: 0 0 66.6667%; max-width: 66.6667%; padding: 0 0.12rem; }
.col-9  { flex: 0 0 75%;     max-width: 75%;      padding: 0 0.12rem; }
.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; padding: 0 0.12rem; }
.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; padding: 0 0.12rem; }
.col-12 { flex: 0 0 100%;    max-width: 100%;     padding: 0 0.12rem; }



/* ===== Fullpage Sections ===== */
.fullpage-wrapper {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.fullpage-wrapper.flow-mode {
  height: auto;
  overflow: visible;
}
.sections-track {
  transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}
.fullpage-wrapper.flow-mode .sections-track {
  transition: none;
  transform: none !important;
}

.section {
  height: 100vh;
  min-height: calc(var(--content-height) - 0.72rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  scroll-margin-top: var(--nav-height, 0.72rem);
}
.fullpage-wrapper.flow-mode .section {
  height: auto !important;
}

/* 内容区高度678px，在section内垂直居中 */
.section-content {
  width: 100%;
  height: var(--content-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fullpage-wrapper.flow-mode .section-content {
  height: auto;
}

/*公共css开始*/
.sectionEle2,
.sectionEle3, .sectionEle4,
.sectionEle5, .sectionEle6,
.sectionEle7, .sectionEle8{
  padding-top: 0.72rem;
}
.fullpage-wrapper.flow-mode .sectionEle2,
.fullpage-wrapper.flow-mode .sectionEle3,
.fullpage-wrapper.flow-mode .sectionEle4,
.fullpage-wrapper.flow-mode .sectionEle5,
.fullpage-wrapper.flow-mode .sectionEle6,
.fullpage-wrapper.flow-mode .sectionEle7,
.fullpage-wrapper.flow-mode .sectionEle8{
  padding-top: 0;
  min-height: auto;
}
.fullpage-wrapper.flow-mode .sectionEle1{
  padding-top: 0.72rem;
  min-height: auto;
}
.sectionEle1 .section-content,
.sectionEle2 .section-content,
.sectionEle3 .section-content,
.sectionEle4 .section-content,
.sectionEle5 .section-content,
.sectionEle6 .section-content,
.sectionEle7 .section-content,
.sectionEle8 .section-content{
  height: 100%;
  justify-content: center;
}
.bgFFFFFF{
  background: #ffffff;
}
/*公共css结束*/

/* ===== Responsive ===== */
@media (max-width: 1439px) {
  .container {
    width: 100%;
    padding: 0 0.4rem;
  }
}
@media (max-width: 1023px) {
  .container {
    padding: 0 0.24rem;
  }
  .hero-title { font-size: 0.4rem; }
  .section-title { font-size: 0.32rem; }
  /*.nav-links { display: none; }*/
}
@media (max-width: 767px) {
  .hero-title { font-size: 0.32rem; }
  .section-title { font-size: 0.26rem; }
  .stat-number { font-size: 0.36rem; }
  .feature-card { padding: 0.28rem 0.2rem; }
}