@media screen and (max-width: 1200px) {
    html,
    body {
      font-size: 12.5px;
    }
    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/background-img_12-2.jpg);
      background-size: cover;
      font-size: 3rem;
    }
    main .banners p {
      width: 92%;
      font-size: 2.5em;
      margin: 28.87rem 0 26.12rem 0;
    }
    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: 2.54em;
    }
    main .number_add .cont_up .cont_num ul li p {
      width: 62.17%;
      font-size: 1.09em;
    }
    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%;
      height: 12em;
      padding-top: .31em;
    }
    main .culture .cultue_inn .swiper .swiper-wrapper .swiper-slide {
      width: 92%;
      height: 10.56em;
      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;
      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;
    }
  }