.service-list {
  padding: 0;
  margin: 0; }
  .service-list li {
    list-style: none;
    margin-bottom: 0.24rem;
    margin-top: 1.2rem;
    display: flex;
    justify-content: space-between; }
    .service-list li .txt {
      width: calc(50% - 0.4rem);
      flex: 0 0 calc(50% - 0.4rem); }
      .service-list li .txt h2 {
        margin-bottom: 0.24rem;
        font-size: 0.48rem;
        font-weight: normal;
        font-family: HarmonyOS_Sans_SC_Medium; }
      .service-list li .txt p {
        font-size: 0.18rem;
        text-align: justify;
        margin-bottom: 0.3rem;
        }
    .service-list li .img {
      margin-left: 0.80rem;
      width: calc(50% - 0.4rem);
      flex: 0 0 calc(50% - 0.4rem); }
      .service-list li .img img {
        width: 100%; }
    .service-list li:nth-child(2n) {
      flex-direction: row-reverse; }
      .service-list li:nth-child(2n) h2 {
        text-align: right; }
      .service-list li:nth-child(2n) .img {
        margin-left: 0;
        margin-right: 0.80rem; }

@media (max-width: 991px) {
  .service-list li {
    flex-direction: column-reverse !important;
    margin-top: 0.32rem; }
    .service-list li .txt {
      width: 100%;
      flex: 0 0 100%; }
    .service-list li .img {
      width: 100%;
      flex: 0 0 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0.2rem; }
    .service-list li h2 {
      text-align: left !important;
      font-size: 0.32rem !important; }
    .service-list li p {
      font-size: 0.14rem !important; } }

/*# sourceMappingURL=service.css.map */