@media screen and (max-width: 1200px) {
    main .public_tit {
      font-size: 4.75rem;
    }
    main .public_tit .tit_bj_iner {
      width: 100%;
      font-size: 1em;
      margin-bottom: .92em;
    }
    main .public_tit .fz_strip {
      width: 2.3em;
      height: .157em;
    }
    main .public_tit .tit_inner {
      width: 92%;
      margin-top: .81em;
    }
    main .public_tit .tit_inner .tit_left {
      width: 100%;
    }
    main .public_tit .tit_inner .tit_left div {
      width: 92%;
      font-size: .52em;
      line-height: 1.5em;
    }
    main .banners {
      margin-top: 3.87em;
      background-image: url(../images/about/banner_factory_facade_m.jpg);
      background-size: cover;
      font-size: 3rem;
    }
    main .banners p {
      width: 92%;
      font-size: 1.65em;
      line-height: 1.4em;
      margin: 26rem 0 22rem 0;
      word-break: break-word;
    }
    main .number_add {
      width: 100%;
      font-size: 2.75rem;
      padding-top: 2.9em;
    }
    main .number_add .cont_up {
      width: 92%;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      margin-top: 2.4em;
    }
    main .number_add .cont_up .cont_num {
      width: 100%;
    }
    main .number_add .cont_up .cont_num .imgs {
      height: 19.77em;
    }
    main .number_add .cont_up .cont_num ul li {
      padding-bottom: 2.313em;
      margin-top: 2.41em;
    }
    main .number_add .cont_up .cont_num ul li div {
      font-size: clamp(28px, 10.5vw, 58px);
      flex-shrink: 0;
      flex-wrap: nowrap;
      white-space: nowrap;
    }
    main .number_add .cont_up .cont_num ul li p {
      width: 62.17%;
      font-size: clamp(15px, 4.2vw, 22px);
      line-height: 1.4em;
      word-break: keep-all;
      text-align: right;
    }
    main .number_add .cont_up .cont_text {
      width: 100%;
      margin-top: 2em;
    }
    main .jhc_loop {
      font-size: 2.5rem;
      height: auto;
      flex-direction: column;
      align-items: flex-start;
      margin-top: 4.45em;
    }
    main .jhc_loop .swiper {
      width: 100%;
      height: auto;
      margin: 0;
    }
    main .jhc_loop .swiper .swiper-slide {
      width: 100%;
      height: 28.75em;
    }
    main .jhc_loop .swiper .swiper-slide div {
      width: 100%;
      height: 100%;
    }
    main .jhc_loop .swiper .swiper-slide div img {
      width: 100%;
      height: 100%;
      display: inline-block;
    }
    main .jhc_loop .swiper .page {
      bottom: .85em;
    }
    main .jhc_loop .swiper .page .swiper-pagination {
      position: static;
    }
    main .jhc_loop .swiper .page .swiper-pagination .swiper-pagination-bullet-active {
      background: #38be86;
    }
    main .jhc_loop section {
      width: 100%;
      height: auto;
      margin-top: -1px;
    }
    main .jhc_loop section div {
      width: 92%;
      margin-top: 9.25rem;
      margin-bottom: 6.9rem;
    }
    main .jhc_loop section div span {
      display: none;
    }
    main .jhc_loop section p {
      width: 92%;
    }
    main .jhc_loop section ul {
      width: 92%;
      position: static;
      margin: 4.957em auto 2.4em auto;
    }
    main .culture {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 4rem;
      padding-top: 2.18em;
    }
    main .culture .cultue_inn {
      width: 100%;
      position: relative;
      margin-top: 1.73em;
      margin-bottom: 3.75em;
    }
    main .culture .cultue_inn ul {
      display: none;
    }
    main .culture .cultue_inn .swiper {
      position: static;
      margin: auto;
      width: 100%;
      /* 第 46 轮：原 height: 12em 是硬高度，换成长文案（使命 53 字）后内容 833px 远超
         600px，文字被截断。改为按最高一页自适应，同时给分页圆点留出底部空间 */
      height: auto;
      min-height: 12em;
      padding-top: .31em;
      padding-bottom: 3.2em;
    }
    main .culture .cultue_inn .swiper .swiper-wrapper .swiper-slide {
      width: 92%;
      /* 第 46 轮：原 height: 10.56em 硬高度，改为 auto 让长文案撑开 */
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 .62em;
    }
    main .culture .cultue_inn .swiper .swiper-wrapper .swiper-slide .cultue_list {
      width: 87.17%;
      height: auto;
      display: flex;
      align-items: flex-start;
    }
    main .culture .cultue_inn .swiper .swiper-wrapper .swiper-slide .cultue_list .imgs {
      width: 23.44%;
    }
    main .culture .cultue_inn .swiper .swiper-wrapper .swiper-slide .cultue_list .imgs img {
      width: 63.94%;
    }
    main .culture .cultue_inn .swiper .swiper-wrapper .swiper-slide .cultue_list .cultur_inns {
      width: 87.17%;
    }
    main .culture .cultue_inn .swiper .swiper-wrapper .swiper-slide .cultue_list .cultur_inns p {
      font-size: 1.125em;
      margin-bottom: .69em;
    }
    main .culture .cultue_inn .swiper .swiper-wrapper .swiper-slide .cultue_list .cultur_inns span {
      font-size: .87em;
      padding-top: .96em;
    }
    main .culture .cultue_inn .swiper .page {
      position: absolute;
      top: auto;
      left: 0;
      right: 0;
      bottom: 1.5em;
      display: flex;
      margin: auto;
    }
    main .culture .cultue_inn .swiper .page .swiper-pagination {
      position: static;
    }
    main .culture .cultue_inn .swiper .page .swiper-pagination .swiper-pagination-bullet {
      width: .281em;
      height: .281em;
      background: #dcdcdc;
      opacity: 1;
    }
    main .culture .cultue_inn .swiper .page .swiper-pagination .swiper-pagination-bullet-active {
      background: #38be86;
    }
    main .history {
      font-size: 4rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-image: url(../images/about/abo4Bg.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding-top: 3.56em;
    }
    main .history i {
      font-size: 1.5em;
    }
    main .history .swiper1 {
      width: 92%;
    }
    main .history .swiper1 .swiper-slide p {
      margin-top: 25.8rem;
      font-size: 1em;
      margin-bottom: 3.81rem;
    }
    main .history .swiper1 .swiper-slide .fz_strip {
      font-size: 4.75rem;
      width: 1.65em;
      height: .157em;
    }
    main .history .swiper1 .swiper-slide span {
      font-size: 2.5em;
      margin-top: 0rem;
    }
    main .history .swiper1 .swiper-slide .years {
      font-size: 6.25em;
      top: 4.75rem;
    }
    main .history .swiper1 .page {
      position: absolute;
      top: auto;
      left: 0;
      right: 0;
      bottom: 2.2em;
      display: flex;
      justify-content: space-between;
      margin: auto;
      width: 100%;
    }
    main .history .swiper1 .page .swiper-button-prev,
    main .history .swiper1 .page .swiper-button-next {
      position: static;
      width: 1.03em;
      height: 2.09em;
      background-color: rgba(0, 0, 0, 0.48);
      background-image: url(../images/right_img01-2.png);
      background-size: 40%;
      background-position: center;
      background-repeat: no-repeat;
      margin: 0;
    }
    main .history .swiper1 .page .swiper-button-prev::after,
    main .history .swiper1 .page .swiper-button-next::after {
      content: "";
    }
    main .history .swiper1 .page .swiper-button-prev {
      transform: rotate(180deg);
    }
    main .history .swiper1 .page .swiper-pagination {
      position: static;
    }
    main .history .swiper1 .page .swiper-pagination .swiper-pagination-bullet {
      width: .45em;
      height: .45em;
      background: #ffffff;
      opacity: 1;
    }
    main .history .swiper2 {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 0;
      padding-bottom: 2.89em;
      margin-top: 2.17em;
    }
    main .history .swiper2::after {
      position: absolute;
      content: "";
      top: .25em;
      width: 120%;
      height: 2px;
      background-color: #ffffff;
      transform: rotate(0deg);
      transform-origin: right bottom;
    }
    main .history .swiper2 .swiper-wrapper {
      align-items: flex-end;
    }
    main .history .swiper2 .swiper-wrapper.active {
      width: 89.63%;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      position: relative;
    }
    main .history .swiper2 .swiper-slide {
      width: auto;
    }
    main .history .swiper2 .swiper-slide .year_old {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    main .history .swiper2 .swiper-slide .year_old div {
      width: .5em;
      height: .5em;
      background: #38be86;
      border-radius: 50%;
      position: relative;
      margin-bottom: .57em;
    }
    main .history .swiper2 .swiper-slide .year_old div::after {
      position: absolute;
      content: "";
      width: .06em;
      height: .62em;
      background-color: #38be86;
      top: .5em;
      left: 0;
      right: 0;
      margin: auto;
    }
    main .history .swiper2 .swiper-slide .year_old span {
      font-size: 1em;
    }
    main .history .swiper2 .swiper-slide .year_old:hover div {
      background: #38be86;
    }
    main .history .swiper2 .swiper-slide .year_old:hover div::after {
      background-color: #38be86;
    }
    main .history .swiper2 .swiper-slide .year_old:hover span {
      color: #ffffff;
    }
    main .history .swiper2 .swiper-slide-active .year_old div {
      background: #4271ee;
    }
    main .history .swiper2 .swiper-slide-active .year_old div::after {
      background-color: #4271ee;
    }
    main .history .swiper2 .swiper-slide-active .year_old span {
      color: #4271EE;
    }
    main .history .swiper2 .swiper-slide-active .year_old:hover div {
      background: #4271ee;
    }
    main .history .swiper2 .swiper-slide-active .year_old:hover div::after {
      background-color: #4271ee;
    }
    main .history .swiper2 .swiper-slide-active .year_old:hover span {
      color: #4271EE;
    }
    main .founder {
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      font-size: 3rem;
      position: relative;
      padding-top: 2.91em;
      /* 移动端 ::after 已隐藏，背景直接铺在区块上，底部留白按 1.6em（约 60px）收，不要跟着桌面 6.5em */
      padding-bottom: 1.6em;
      background: #f6f8fb;
    }
    main .founder::after {
      display: none;
    }
    main .founder .founder_ceo {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      width: 92%;
    }
    main .founder .founder_ceo .founder_img {
      width: 100%;
    }
    main .founder .founder_ceo .founder_img img {
      width: 100%;
      display: inline-block;
    }
    main .founder .founder_ceo .founder_inner {
      position: relative;
      top: 0;
      z-index: 40;
      margin-top: -2.75em;
    }
    main .founder .founder_ceo .founder_inner .founder_box {
      width: 100%;
      height: auto;
      margin-bottom: 4.5em;
      padding-bottom: 2.16em;
    }
    main .founder .founder_ceo .founder_inner .founder_box::before {
      content: "";
      position: absolute;
      width: 100%;
      height: .33em;
      left: 0;
      bottom: -.08em;
    }
    main .founder .founder_ceo .founder_inner .founder_box::after {
      width: 5.37em;
      height: 5.37em;
      left: 1.91em;
      z-index: 50;
    }
    main .founder .founder_ceo .founder_inner .founder_box div {
      width: 89.71%;
      font-size: 1em;
      margin-top: 5.58em;
      margin-bottom: 1.64em;
    }
    main .founder .founder_ceo .founder_inner .founder_box div span {
      font-size: 2em;
      margin-right: 2.93rem;
      margin-bottom: -.16em;
    }
    main .founder .founder_ceo .founder_inner .founder_box p {
      width: 89.71%;
    }
    main .founder .fonder_text {
      width: 92%;
      margin-top: 0;
      margin-bottom: 2.75em;
    }
    main .founder .fonder_text p {
      font-size: 1.25em;
      color: #000000;
      margin-bottom: 3rem;
    }
    main .founder .fonder_text span {
      width: 100%;
    }
    main .teams {
      font-size: 2.5rem;
      padding: 3.15em 0 5.021em 0;
    }
    main .teams .photo {
      width: 92%;
      justify-content: space-between;
      margin-top: 2.18em;
    }
    main .teams .photo img {
      display: inline-block;
      margin-left: 0;
    }
    main .teams .photo img:nth-child(1) {
      width: 100%;
      margin-bottom: 1.55em;
    }
    main .teams .photo img:nth-child(4) {
      width: 52.81%;
    }
    main .teams .photo img:nth-child(5) {
      width: 43.83%;
    }
    main .teams .photo span {
      width: 27.1%;
      height: 21.65em;
      margin-left: 0;
    }
    main .teams .photo .alone {
      position: static;
      top: 0;
      left: 0;
      width: 68.17%;
      height: 21.65em;
      overflow: hidden;
      border-radius: 2%;
      margin-bottom: 1.55em;
    }
    main .teams .photo .alone img {
      margin: 0;
    }
  }

/* ===== 第 71 轮：移动端字号基准 =====
   背景：本文件原来的 html,body{font-size:12.5px} 会把 media-public.css 的
   移动端根字号阶梯（1200→10px … 375→4px）覆盖掉，导致本页元素按 12.5px
   基准渲染，视觉上比首页/产品页大 3 倍以上（用户反馈「页面特别大」）。
   处理：① 删除 12.5px 覆盖，让根字号回归统一阶梯；② rem 尺寸随根字号
   等比缩小后，em 链条会掉到 4px 级别（字小到不可读），因此给内容区块
   补一层 12px 的 px 基准 —— 与产品页、案例页的做法一致（容器给 px 基准，
   内部 em 相对它计算）。 */
@media screen and (max-width: 1200px) {
  main > article,
  main > section,
  main article > section,
  main section > article {
    font-size: 12px;
  }
}
