.elementor-5337 .elementor-element.elementor-element-095bef4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5337 .elementor-element.elementor-element-ba5238a > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-5337 .elementor-element.elementor-element-ba5238a{text-align:center;}.elementor-5337 .elementor-element.elementor-element-ba5238a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#6B686C;}.elementor-5337 .elementor-element.elementor-element-d771f43{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5337 .elementor-element.elementor-element-0e4069f{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5337 .elementor-element.elementor-element-7c896d8{text-align:center;}.elementor-5337 .elementor-element.elementor-element-7c896d8 .elementor-heading-title{color:#6B686C;}.elementor-5337 .elementor-element.elementor-element-029d80b{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5337 .elementor-element.elementor-element-4ab0874{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5337 .elementor-element.elementor-element-e14cfc5.elementor-element{--align-self:center;}.elementor-5337 .elementor-element.elementor-element-e14cfc5{text-align:center;}.elementor-5337 .elementor-element.elementor-element-e14cfc5 .elementor-heading-title{color:#6B686C;}.elementor-5337 .elementor-element.elementor-element-4aaaf6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5337 .elementor-element.elementor-element-4aaaf6a:not(.elementor-motion-effects-element-type-background), .elementor-5337 .elementor-element.elementor-element-4aaaf6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F1F0EE 0%, #F1F0EE 100%);}.elementor-5337 .elementor-element.elementor-element-d88fd3e > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5337 .elementor-element.elementor-element-d88fd3e{text-align:center;}.elementor-5337 .elementor-element.elementor-element-d88fd3e .elementor-heading-title{color:#6B686C;}.elementor-5337 .elementor-element.elementor-element-c774ab9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5337 .elementor-element.elementor-element-d9fb12e > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5337 .elementor-element.elementor-element-d9fb12e{text-align:center;}.elementor-5337 .elementor-element.elementor-element-d9fb12e .elementor-heading-title{color:#6B686C;}@media(max-width:1366px){.elementor-5337 .elementor-element.elementor-element-4ab0874{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-5337 .elementor-element.elementor-element-4ab0874{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5337 .elementor-element.elementor-element-4ab0874{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-9c7414b *//* 全局容器 */
.about-section {
  display: flex;
  flex-direction: row;
  background-color: #F1F0EE;
  width: 100%; /* 容器宽度设置为 100% */
  min-height: 100vh; /* 高度至少为 100vh，保证容器占满视口 */
  margin: 0; /* 移除默认间距 */
  padding: 0; /* 移除默认内边距 */
}

.about-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0;
  flex-wrap: wrap; /* 使内容可以换行 */
}

/* 文字部分 */
.about-text {
  flex: 1; /* 文字部分自适应 */
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* 文字垂直居中 */
  align-items: flex-start; /* 左对齐文字 */
  text-align: left; /* 文字左对齐 */
  color: #7A7A7A; /* 文字颜色 */
  background-color: #F1F0EE;
}

.about-title p {
  font-size: 28px; /* 调整字体大小稍微小一点 */
  font-weight: bold;
  white-space: nowrap; /* 确保标题不换行 */
  overflow: visible; /* 确保标题完整显示 */
  text-overflow: clip; /* 不应用省略号 */
  width: auto; /* 自适应宽度 */
  margin: 0; /* 取消默认间距 */
}

.about-text p {
  margin-bottom: 15px;
  width: 100%; /* 控制段落宽度 */
  max-width: 90%; /* 在平板和手机上，段落宽度不要过长 */
}

/* 图片部分 */
.about-image {
  flex: 1; /* 图片部分自适应 */
  display: flex;
  justify-content: center; /* 图片居中 */
  align-items: center;
}

.about-image img {
  width: 100%;
  height: auto; /* 图片高度自适应 */
  object-fit: cover; /* 保证图片不变形并填满容器 */
}

/* 响应式设计：平板和手机 */
@media (max-width: 768px) {
  .about-content {
    flex-direction: column; /* 在平板和手机上，文字和图片竖直排列 */
  }

  .about-text {
    width: 100%; /* 文字部分占 100% 宽度 */
    text-align: left; /* 文字左对齐 */
  }

  .about-image {
    width: 100%; /* 图片部分占 100% 宽度 */
  }

  .about-title p {
    font-size: 24px; /* 在手机和平板上，标题字体稍微小一点 */
  }

  .about-text p {
    max-width: 100%; /* 段落宽度最大为 100% */
  }
}
/* 文字部分段落间距 */
.about-text p {
  margin-bottom: 25px; /* 增加段落之间的间距 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ab0874 *//* ===== 自适应网格：电脑/平板四列，手机两列，图片自适应居中 ===== */
.elementor-5337 .elementor-element.elementor-element-4ab0874 {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 默认4列 */
  justify-items: center; /* 水平居中 */
  align-items: center;   /* 垂直居中 */
  gap: 10px;             /* 行列间距 */
}

/* 图片样式 */
.elementor-5337 .elementor-element.elementor-element-4ab0874 img {
  width: 100%;
  height: auto;
  object-fit: contain; /* 保持比例不裁剪 */
  display: block;
}

/* 图片容器内部文字或图像居中 */
.elementor-5337 .elementor-element.elementor-element-4ab0874 .elementor-image {
  text-align: center;
}

/* ===== 响应式：手机两列 ===== */
@media (max-width: 767px) {
  .elementor-5337 .elementor-element.elementor-element-4ab0874 {
    grid-template-columns: repeat(2, 1fr); /* 手机2列 */
  }
}/* End custom CSS */