@charset "UTF-8";

.w1600 {

  width: 16rem;

  margin: 0 auto;

  position: relative;

  font-size: 0; }



@media (max-width: 1680px) {

  .w1600 {

    width: 90%; } }

@media (max-width: 800px) {

  .w1600 {

    width: 94%; } }

.w1400 {

  width: 14rem;

  margin: 0 auto;

  position: relative;

  font-size: 0; }



@media (max-width: 1420px) {

  .w1400 {

    width: 90%; } }

@media (max-width: 800px) {

  .w1400 {

    width: 94%; } }

.w1680 {

  width: 16.8rem;

  margin: 0 auto;

  position: relative;

  font-size: 0; }



@media (max-width: 1700px) {

  .w1680 {

    width: 90%; } }

@media (max-width: 800px) {

  .w1680 {

    width: 94%; } }

:root {

  --themes: #c30d23; }



@font-face {

  font-family: 'Bold';

  src: url("../font/MiSans-Bold.woff2"); }

@font-face {

  font-family: 'Light';

  src: url("../font/MiSans-Light.woff2"); }

@font-face {

  font-family: 'Medium';

  src: url("../font/MiSans-Medium.woff2"); }

@font-face {

  font-family: 'Normal';

  src: url("../font/MiSans-Normal.woff2"); }

html, body * {

  font-family: 'Normal'; }



header {

  width: 100%;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 50; }

  header .hop {

    width: 100%;

    display: flex;

    align-items: center;

    height: 1rem;

    justify-content: space-between; }

    header .hop .logo {

      width: 1.64rem;

      display: inline-block;

      vertical-align: middle; }

      header .hop .logo a, header .hop .logo img {

        width: 100%;

        display: block; }

    header .hop .rav {

      display: inline-block;

      vertical-align: middle;

      font-size: 0;

      width: auto; }

      header .hop .rav .stn {

        display: inline-block;

        vertical-align: middle;

        width: 0.22rem;

        margin-left: 0.24rem;
        cursor: pointer;

        position: relative; }

        header .hop .rav .stn a, header .hop .rav .stn img {

          width: 100%;

          display: block; }

        header .hop .rav .stn img:first-child {

          display: block; }

        header .hop .rav .stn img:last-child {

          display: none; }

        header .hop .rav .stn .codem {

          position: absolute;

          left: 50%;

          transform: translateX(-50%);

          top: calc(100% + 0.1rem);

          width: 1.4rem;

          padding: 0.05rem;

          border-radius: 5px;

          background-color: #fff;

          display: none; }

          header .hop .rav .stn .codem img {

            width: 100%;

            display: block; }

      header .hop .rav .stn:hover .codem {

        display: block; }



header.white .hop .rav .stn img:first-child {

  display: none; }

header.white .hop .rav .stn img:last-child {

  display: block; }



@media (max-width: 800px) {

  header {

    background-color: #fff; }

    header .hop .rav .stn {

      width: 18px; }

      header .hop .rav .stn img:first-child {

        display: none; }

      header .hop .rav .stn img:last-child {

        display: block; } }

.banner {

  width: 100%;

  position: relative;

  background-color: rgba(153, 153, 153, 0.7); }

  .banner .swiper-slide {

    width: 100%;

    position: relative; }

    .banner .swiper-slide .pcimgs {

      width: 100%;

      position: relative;

      overflow: hidden;

      display: block; }

      .banner .swiper-slide .pcimgs .img {

        width: 100%;

        height: 100vh; }

    .banner .swiper-slide .phimgs {

      width: 100%;

      position: relative;

      overflow: hidden;

      display: none; }

      .banner .swiper-slide .phimgs .img {

        width: 100%;

        padding-top: 65%; }

    .banner .swiper-slide .box {

      position: absolute;

      z-index: 4;

      top: 50%;

      transform: translateY(-50%);

      left: calc(210 / 1920 * 100%);

      width: 80%;

      max-width: 80%; }

      .banner .swiper-slide .box .bix {

        width: 100%;

        color: #fff;

        line-height: 1.2;

        font-family: 'Light';

        opacity: 0;

        transform: translate3d(0, 25%, 0);

        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }

        .banner .swiper-slide .box .bix p {

          color: #fff;

          line-height: 1.2;

          font-family: 'Light'; }

        .banner .swiper-slide .box .bix span {

          color: #fff;

          font-family: 'Bold'; }

      .banner .swiper-slide .box .bie {

        width: 100%;

        color: #fff;

        line-height: 1.6;

        margin-top: 0.4rem;

        opacity: 0;

        transform: translate3d(0, 25%, 0);

        transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }

        .banner .swiper-slide .box .bie p {

          color: #fff;

          line-height: 1.6; }

    .banner .swiper-slide .videoc {

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      display: block;

      z-index: 4;

      background-color: rgba(0, 0, 0, 0.3);

      opacity: 1;

      transition: all ease 0.5s;

      z-index: 5; }

      .banner .swiper-slide .videoc .vom {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 3; }

  .banner .swiper-slide-active .box .bix, .banner .swiper-slide-active .box .bie {

    opacity: 1;

    transform: translate3d(0, 0, 0); }

  .banner .swiper-pagination {

    bottom: 0.4rem; }

  .banner .swiper-pagination-bullet {

    background-color: rgba(255, 255, 255, 0.7);

    opacity: 1;

    margin: 0 0.2rem !important;

    width: 0.08rem;

    height: 0.08rem;

    border-radius: 50%;

    display: inline-block;

    vertical-align: middle; }

  .banner .swiper-pagination-bullet-active {

    background-color: #fff; }



@media (max-width: 800px) {

  .banner .swiper-slide .pcimgs {

    display: none; }

  .banner .swiper-slide .phimgs {

    display: block; } }

footer {

  width: 100%;

  background-color: #000; }

  footer .fob {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    padding: 0.3rem 0; }

    footer .fob .fm {

      display: inline-block;

      vertical-align: middle;

      width: auto;

      color: rgba(251, 251, 251, 0.56);

      line-height: 1.5; }

      footer .fob .fm a {

        display: inline-block;

        vertical-align: middle;

        color: rgba(251, 251, 251, 0.56);

        line-height: 1.5; }

      footer .fob .fm a:hover {

        color: #fff; }



.environment {

  padding-top: 0.5rem;

  width: 100%; }

  .environment .placenav {

    width: 100%;

    margin-bottom: 0.4rem; }

    .environment .placenav .swiper-wrapper.center {

      justify-content: center; }

    .environment .placenav .swiper-slide {

      width: auto;

      display: inline-block;

      vertical-align: middle;

      position: relative;

      cursor: pointer; }

      .environment .placenav .swiper-slide .em {

        width: 100%;

        text-align: center;

        color: #222;

        line-height: 1.5;

        z-index: 3;

        position: relative; }

      .environment .placenav .swiper-slide .lx {

        width: 100%;

        position: absolute;

        z-index: 1;

        background-color: var(--themes);

        height: 0.1rem;

        left: 50%;

        transform: translateX(-50%);

        bottom: 0;

        opacity: 0;

        transition: all ease 0.5s; }

    .environment .placenav .swiper-slide.on .lx {

      opacity: 1; }

    .environment .placenav .swiper-slide + .swiper-slide {

      margin-left: 0.5rem; }

  .environment .sconpem {

    width: 100%; }

    .environment .sconpem .scond {

      width: 100%;

      display: none; }

    .environment .sconpem .scond.on {

      display: block; }

  .environment .scenper {

    width: 100%;

    position: relative; }

    .environment .scenper .swiper-container {

      padding-bottom: 0.6rem; }

    .environment .scenper .swiper-slide {

      width: 100%;

      border-radius: 0.1rem;

      overflow: hidden;

      cursor: pointer; }

      .environment .scenper .swiper-slide .imgs {

        width: 100%;

        position: relative;

        overflow: hidden;

        opacity: 0.5;

        transition: all ease 0.5s; }

        .environment .scenper .swiper-slide .imgs .img {

          width: 100%;

          padding-top: 60%;

          transition: all ease 0.5s; }

    .environment .scenper .swiper-slide:hover .imgs .img {

      transform: scale(1.1); }

    .environment .scenper .swiper-slide-active .imgs {

      opacity: 1; }

    .environment .scenper .btn {

      position: absolute;

      z-index: 3;

      top: 45%;

      transform: translateY(-50%);

      cursor: pointer;

      width: 0.38rem;

      height: 0.38rem;

      background-color: #999999; }

      .environment .scenper .btn img {

        width: 100%;

        display: block; }

    .environment .scenper .btn:hover {

      background-color: var(--themes); }

    .environment .scenper .bl {

      left: calc(385 / 1920 * 100%); }

    .environment .scenper .br {

      right: calc(385 / 1920 * 100%); }

    .environment .scenper .swiper-pagination {

      left: calc(160 / 1920 * 100%);

      width: auto;

      color: #666;

      font-size: 0.14rem; }

    .environment .scenper .swiper-pagination-current {

      color: var(--themes);

      font-size: 0.24rem; }



@media (max-width: 800px) {

  .environment .scenper .bl {

    left: 5%; }

  .environment .scenper .br {

    right: 5%; }

  .environment .scenper .swiper-pagination {

    left: 5%;

    font-size: 12px; }

  .environment .scenper .swiper-container {

    padding-bottom: 0.8rem; }

  .environment .scenper .swiper-pagination-current {

    font-size: 16px; } }

.company {

  width: 100%;

  padding-top: 1.2rem; }

  .company .compers {

    width: 100%;

    border-top: solid 1px #d2d2d2;

    padding: 0.5rem 0.6rem; }

    .company .compers .swiper-slide {

      width: 100%;

      position: relative;

      overflow: hidden;

      filter: grayscale(100%);

      transition: all ease 0.5s;

      cursor: pointer; }

      .company .compers .swiper-slide a {

        width: 100%;

        display: block; }

      .company .compers .swiper-slide .img {

        width: 100%;

        padding-top: 31.46%;

        transition: all ease 0.5s; }

    .company .compers .swiper-slide:hover {

      filter: grayscale(0%); }

  .company .conemt {

    width: 100%;

    font-size: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .company .conemt .conl {

      display: inline-block;

      vertical-align: middle;

      width: calc(1080 / 1600 * 100%); }

      .company .conemt .conl .cit {

        width: 100%;

        color: #222;

        line-height: 1.2;

        margin-bottom: 0.35rem;

        font-family: 'Medium'; }

        .company .conemt .conl .cit p {

          color: #222;

          line-height: 1.2;

          font-family: 'Medium'; }

      .company .conemt .conl .cinps {

        width: 100%;

        color: #666;

        line-height: 1.75; }

        .company .conemt .conl .cinps p {

          color: #666;

          line-height: 1.75; }

    .company .conemt .conr {

      width: calc(260 / 1600 * 100%);

      display: inline-block;

      vertical-align: middle; }

      .company .conemt .conr .corlis {

        width: 100%; }

        .company .conemt .conr .corlis .corim {

          width: 100%;

          padding: 0.5rem 0;

          border-bottom: solid 1px #d2d2d2; }

          .company .conemt .conr .corlis .corim .cvs {

            width: 100%;

            color: #222;

            line-height: 1.5;

            margin-bottom: 0.06rem; }

          .company .conemt .conr .corlis .corim .xum {

            width: 100%;

            font-size: 0; }

            .company .conemt .conr .corlis .corim .xum .LineNum {

              display: inline-block;

              vertical-align: middle;

              color: var(--themes); }

        .company .conemt .conr .corlis .corim:first-child {

          padding-top: 0; }

        .company .conemt .conr .corlis .corim:last-child {

          border: none; }



.cultrues {

  width: 100%;
  padding-top: 0.5rem;
}

  .cultrues .cit {

    width: 100%;

    color: #222;

    line-height: 1.2;

    margin-bottom: 0.35rem;

    font-family: 'Medium'; }

    .cultrues .cit p {

      color: #222;

      line-height: 1.2;

      font-family: 'Medium'; }

  .cultrues .cultrue {

    width: 100%; }

    .cultrues .cultrue .culom {

      width: 100%; }

      .cultrues .cultrue .culom .cop {

        width: 100%;

        font-size: 0;

        margin-bottom: 0.15rem; }

        .cultrues .cultrue .culom .cop .cm {

          display: inline-block;

          vertical-align: middle;

          color: #222;

          line-height: 1.5;

          width: auto;

          font-family: 'Medium'; }

        .cultrues .cultrue .culom .cop .ic {

          display: inline-block;

          vertical-align: middle;

          margin-left: 0.1rem;

          width: 8px; }

          .cultrues .cultrue .culom .cop .ic img {

            width: 100%;

            display: block; }

      .cultrues .cultrue .culom .conlist {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        font-size: 0; }

        .cultrues .cultrue .culom .conlist .civem {

          width: 18%;

          display: inline-block;

          vertical-align: top;

          margin-right: 2.5%; }

          .cultrues .cultrue .culom .conlist .civem .vt {

            width: 100%;

            color: #222;

            line-height: 1.5;

            font-family: 'Medium';

            margin-bottom: 0.1rem; }

          .cultrues .cultrue .culom .conlist .civem .vm {

            width: 100%;

            color: #666;

            line-height: 1.5; }

            .cultrues .cultrue .culom .conlist .civem .vm p {

              color: #666;

              line-height: 1.5; }

        .cultrues .cultrue .culom .conlist .civem:nth-child(5n) {

          margin-right: 0; }

        .cultrues .cultrue .culom .conlist .civem.w100 {

          width: 100%;

          margin-right: 0; }

    .cultrues .cultrue .culom + .culom {

      margin-top: 0.45rem; }



.honors {

  width: 100%; }

  .honors .hoem {

    width: 100%;

    max-width: 7rem; }

    .honors .hoem .hit {

      width: 100%;

      color: #222;

      line-height: 1.5;

      margin-bottom: 0.3rem;

      font-family: 'Medium'; }

    .honors .hoem .hinp {

      width: 100%;

      color: #666;

      line-height: 1.75; }

      .honors .hoem .hinp p {

        color: #666;

        line-height: 1.75; }



.bussines {

  width: 100%; 
  padding-top: 0.5rem;
}

  .bussines .bop {

    width: 100%;

    font-size: 0;

    margin-bottom: 0.34rem; }

    .bussines .bop .be {

      display: inline-block;

      vertical-align: middle;

      color: #fff;

      line-height: 1.2;

      font-family: 'Medium'; }

    .bussines .bop .bx {

      display: inline-block;

      vertical-align: middle;

      margin-left: 0.1rem;

      color: #fff;

      line-height: 1.5;

      font-family: 'Medium'; }

  .bussines .binps {

    width: 100%;

    color: #fff;

    line-height: 1.75; }

    .bussines .binps p {

      color: #fff;

      line-height: 1.75; }



.strategy {

  width: 100%; }

  .strategy .strateg {

    width: 100%; }

    .strategy .strateg .stop {

      width: 100%;

      text-align: center;

      margin-bottom: 0.7rem; }

      .strategy .strateg .stop .sit {

        width: 100%;

        color: #222;

        line-height: 1.2;

        font-family: 'Medium'; }

      .strategy .strateg .stop .sie {

        width: 100%;

        color: #222;

        line-height: 1.5;

        font-family: 'Medium'; }

    .strategy .strateg .scoemd {

      width: 100%;

      font-size: 0;

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between; }

      .strategy .strateg .scoemd .seom {

        display: inline-block;

        vertical-align: top;

        width: calc(660 / 1400 * 100%); }

        .strategy .strateg .scoemd .seom .mie {

          width: 100%;

          background-color: var(--themes);

          text-align: center;

          color: #fff;

          line-height: 1.5;

          padding: 0.1rem; }

        .strategy .strateg .scoemd .seom .meon {

          width: 100%;

          padding: 0.2rem 0; }

          .strategy .strateg .scoemd .seom .meon .muel {

            width: 100%;

            padding: 0 0.1rem; }

            .strategy .strateg .scoemd .seom .meon .muel .mli {

              width: 100%;

              font-size: 0;

              display: flex;

              align-items: center; }

              .strategy .strateg .scoemd .seom .meon .muel .mli .mls {

                display: inline-block;

                vertical-align: middle;

                width: 5em;

                text-align: center; }

                .strategy .strateg .scoemd .seom .meon .muel .mli .mls .mc {

                  display: block;

                  margin: 0 auto 0.05rem;

                  width: 0.56rem;

                  height: 0.56rem;

                  border-radius: 50%;

                  border: solid 1px var(--themes); }

                  .strategy .strateg .scoemd .seom .meon .muel .mli .mls .mc img {

                    width: 100%;

                    display: block; }

                .strategy .strateg .scoemd .seom .meon .muel .mli .mls .mm {

                  width: 100%;

                  color: var(--themes);

                  line-height: 1.5; }

              .strategy .strateg .scoemd .seom .meon .muel .mli .lx {

                display: inline-block;

                vertical-align: middle;

                width: 1px;

                height: 0.8rem;

                margin: 0 0.3rem;

                background-color: var(--themes);

                opacity: 0.3; }

              .strategy .strateg .scoemd .seom .meon .muel .mli .xim {

                display: inline-block;

                vertical-align: middle;

                flex: 1;

                color: #222;

                line-height: 1.6; }

                .strategy .strateg .scoemd .seom .meon .muel .mli .xim p {

                  color: #222;

                  line-height: 1.6; }

            .strategy .strateg .scoemd .seom .meon .muel .mli + .mli {

              margin-top: 0.24rem; }

          .strategy .strateg .scoemd .seom .meon .peul {

            width: 100%;

            padding: 0.1rem 0; }

            .strategy .strateg .scoemd .seom .meon .peul .pli {

              width: 100%;

              font-size: 0; }

              .strategy .strateg .scoemd .seom .meon .peul .pli .pum {

                display: inline-block;

                vertical-align: top;

                width: 2em;

                height: 2em;

                background-color: var(--themes);

                color: #fff;

                line-height: 2;

                text-align: center;

                margin-right: 0.12rem; }

              .strategy .strateg .scoemd .seom .meon .peul .pli .cem {

                display: inline-block;

                vertical-align: top;

                width: calc(100% - 0.12rem - 2em);

                color: #222;

                line-height: 1.5;

                margin-top: 0.25em; }

            .strategy .strateg .scoemd .seom .meon .peul .pli + .pli {

              margin-top: 0.3rem; }



.cases {

  width: 100%; }

  .cases .civ {

    width: 100%;

    color: #222;

    line-height: 1.5;

    margin-bottom: 0.3rem;

    font-family: 'Medium'; }

  .cases .honopers {

    width: 100%;

    font-size: 0; }

    .cases .honopers .hogom {

      display: inline-block;

      vertical-align: top;

      width: calc(177 / 1600 * 100%);

      border-right: solid 1px #e5e5e5;

      border-bottom: solid 1px #e5e5e5;

      position: relative; }

      .cases .honopers .hogom .imgs {

        width: 100%;

        position: relative;

        overflow: hidden; }

        .cases .honopers .hogom .imgs .img {

          width: 100%;

          padding-top: 44.44%;

          transition: all ease 0.5s; }

      .cases .honopers .hogom:after {

        content: ' ';

        position: absolute;

        z-index: 2;

        width: 0.05rem;

        height: 0.05rem;

        background-color: var(--themes);

        transform: translate(50%, 50%);

        right: 0;

        bottom: 0; }

    .cases .honopers .hogom:nth-child(9n) {

      border-right: none; }

      .cases .honopers .hogom:nth-child(9n):after {

        display: none; }

    .cases .honopers .hogom:nth-last-child(1), .cases .honopers .hogom:nth-last-child(2), .cases .honopers .hogom:nth-last-child(3), .cases .honopers .hogom:nth-last-child(4), .cases .honopers .hogom:nth-last-child(5), .cases .honopers .hogom:nth-last-child(6), .cases .honopers .hogom:nth-last-child(7), .cases .honopers .hogom:nth-last-child(8), .cases .honopers .hogom:nth-last-child(9) {

      border-bottom: none; }

      .cases .honopers .hogom:nth-last-child(1):after, .cases .honopers .hogom:nth-last-child(2):after, .cases .honopers .hogom:nth-last-child(3):after, .cases .honopers .hogom:nth-last-child(4):after, .cases .honopers .hogom:nth-last-child(5):after, .cases .honopers .hogom:nth-last-child(6):after, .cases .honopers .hogom:nth-last-child(7):after, .cases .honopers .hogom:nth-last-child(8):after, .cases .honopers .hogom:nth-last-child(9):after {

        display: none; }

    .cases .honopers .hogom:hover .imgs .img {

      transform: scale(1.1); }

    .cases .honopers .hogom:nth-child(9n+1) {

      transition-delay: 0.1s; }

    .cases .honopers .hogom:nth-child(9n+2) {

      transition-delay: 0.2s; }

    .cases .honopers .hogom:nth-child(9n+3) {

      transition-delay: 0.3s; }

    .cases .honopers .hogom:nth-child(9n+4) {

      transition-delay: 0.4s; }

    .cases .honopers .hogom:nth-child(9n+5) {

      transition-delay: 0.5s; }

    .cases .honopers .hogom:nth-child(9n+6) {

      transition-delay: 0.6s; }

    .cases .honopers .hogom:nth-child(9n+7) {

      transition-delay: 0.7s; }

    .cases .honopers .hogom:nth-child(9n+8) {

      transition-delay: 0.8s; }

    .cases .honopers .hogom:nth-child(9n+9) {

      transition-delay: 0.9s; }

  .cases .awardlis {

    width: 100%;

    position: relative;

    height: 5rem; }

    .cases .awardlis .swiper-container {

      height: 100%; }

    .cases .awardlis:after {

      content: ' ';

      position: absolute;

      left: calc(0.07rem - 0.5px);

      height: 100%;

      width: 0;

      border-left: dashed 1px #dcdcdc;

      top: 0;

      bottom: 0; }

    .cases .awardlis .awli {

      width: 100%;

      display: block;

      font-size: 0;

      position: relative;

      z-index: 2;

      padding: 0.1rem 0; }

      .cases .awardlis .awli a {

        width: 100%;

        display: block;

        font-size: 0; }

      .cases .awardlis .awli .ic {

        display: inline-block;

        vertical-align: top;

        width: 0.14rem;

        height: 0.14rem;

        margin-right: 0.14rem;

        margin-top: calc(0.75em - 0.07rem); }

        .cases .awardlis .awli .ic img {

          width: 100%;

          display: block; }

        .cases .awardlis .awli .ic img:first-child {

          display: block; }

        .cases .awardlis .awli .ic img:last-child {

          display: none; }

      .cases .awardlis .awli .cms {

        display: inline-block;

        vertical-align: top;

        width: calc(100% - 0.28rem);

        line-height: 1.5;

        color: #222; }

    .cases .awardlis .awli:hover .ic img:first-child {

      display: none; }

    .cases .awardlis .awli:hover .ic img:last-child {

      display: block; }

    .cases .awardlis .awli:hover .cms {

      color: var(--themes); }



@media (max-width: 800px) {

  .cases .honopers .hogom {

    width: calc(500 / 1500 * 100%); }

  .cases .honopers .hogom:nth-child(3n) {

    border-right: none !important; }

    .cases .honopers .hogom:nth-child(3n):after {

      display: none !important; }

  .cases .honopers .hogom:nth-last-child(4), .cases .honopers .hogom:nth-last-child(5), .cases .honopers .hogom:nth-last-child(6), .cases .honopers .hogom:nth-last-child(7), .cases .honopers .hogom:nth-last-child(8), .cases .honopers .hogom:nth-last-child(9) {

    border-bottom: solid 1px #d2d2d2; }

    .cases .honopers .hogom:nth-last-child(4):after, .cases .honopers .hogom:nth-last-child(5):after, .cases .honopers .hogom:nth-last-child(6):after, .cases .honopers .hogom:nth-last-child(7):after, .cases .honopers .hogom:nth-last-child(8):after, .cases .honopers .hogom:nth-last-child(9):after {

      display: block; }

  .cases .honopers .hogom:nth-last-child(1), .cases .honopers .hogom:nth-last-child(2), .cases .honopers .hogom:nth-last-child(3) {

    border-bottom: none; }

    .cases .honopers .hogom:nth-last-child(1):after, .cases .honopers .hogom:nth-last-child(2):after, .cases .honopers .hogom:nth-last-child(3):after {

      display: none; } 
      .cases .awardlis .awli {
        height: auto; } 
    }

.charitable {

  width: 100%;

  padding-top: 0.8rem; }

  .charitable .charit {

    width: 100%; }

    .charitable .charit .ciar {

      width: 100%;

      color: #fff;

      line-height: 1.5;

      margin-bottom: 0.05rem;

      font-family: 'Medium'; }

    .charitable .charit .sim {

      width: 100%;

      color: #fff;

      line-height: 1.5; }

    .charitable .charit .yearlst {

      width: 100%;

      margin-top: 0.2rem;

      display: flex;

      flex-wrap: wrap; }

      .charitable .charit .yearlst .yeom {

        display: inline-block;

        vertical-align: top;

        width: calc(500 / 1500 * 100%);

        padding: 0.2rem 0;

        padding-right: calc(49 / 1600 * 100%);

        border-top: dashed 1px rgba(255, 255, 255, 0.14); }

        .charitable .charit .yearlst .yeom .yit {

          width: 100%;

          color: #fff;

          line-height: 1.5;

          margin-bottom: 0.08rem; }

        .charitable .charit .yearlst .yeom .yeul {

          width: 100%;

          font-size: 0; }

          .charitable .charit .yearlst .yeom .yeul .yli {

            width: 100%;

            font-size: 0; }

            .charitable .charit .yearlst .yeom .yeul .yli .yi {

              display: inline-block;

              width: 0.13rem;

              height: 0.13rem;

              margin-right: 0.08rem;

              margin-top: calc(0.75em - 0.065rem); }

              .charitable .charit .yearlst .yeom .yeul .yli .yi img {

                width: 100%;

                display: block; }

            .charitable .charit .yearlst .yeom .yeul .yli .ymm {

              width: 100%;

              color: #fff;

              line-height: 1.5; }

      .charitable .charit .yearlst .yeom:nth-child(3n) {

        margin-right: 0; }

      .charitable .charit .yearlst .yeom:nth-child(1), .charitable .charit .yearlst .yeom:nth-child(2), .charitable .charit .yearlst .yeom:nth-child(3) {

        border-top: none; }

        @media (max-width: 1640px) {
          .charitable .charit .yearlst .yeom{
            padding: 0.1rem 0;
            padding-right: calc(20 / 1600 * 100%);
          }
          .charitable .charit .yearlst .yeom .yit{
            font-size: 22px;
          }
          .charitable .charit .yearlst .yeom .yeul .yli .ymm{
            font-size: 15px;
          }
        }




.message {

  width: 100%; }

  .message .mesond {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between; }

    .message .mesond .mel {

      width: calc(645 / 1600 * 100%);

      display: flex;

      flex-wrap: wrap;

      align-content: center;

      background-color: #fff;

      padding: 0.35rem 0.4rem; }

      .message .mesond .mel .map {

        width: 100%;

        position: relative; }

        .message .mesond .mel .map img {

          width: 100%;

          display: block; }

        .message .mesond .mel .map .point {

          position: absolute;

          width: 1.1rem;

          height: 1.1rem;

          top: 54%;

          left: 56%;

          z-index: 2;

          transform: translate(-50%, -50%); }

        .message .mesond .mel .map .mk {

          /* 保证小盒子水平垂直居中 */

          position: absolute;

          left: 50%;

          top: 50%;

          left: 0;

          top: 0;

          width: 100%;

          height: 100%;

          border-radius: 50%;

          background-color: rgba(206, 36, 40, 0.7);

          transform-origin: center; }

        .message .mesond .mel .map .k1 {

          animation: k1s 5s linear infinite; }

        .message .mesond .mel .map .k2 {

          animation: k2s 5s linear infinite; }

        .message .mesond .mel .map .k3 {

          animation: k3s 5s linear infinite; }

        .message .mesond .mel .map .k4 {

          animation: k4s 5s linear infinite; }

        .message .mesond .mel .map .k5 {

          animation: k5s 5s linear infinite; }

@keyframes k1s {

  0% {

    transform: scale(0.4);

    opacity: 0.6; }

  60% {

    transform: scale(1);

    opacity: 0; }

  60.00001% {

    transform: scale(0);

    opacity: 1; }

  100% {

    transform: scale(0.4);

    opacity: 0.6; } }

@keyframes k2s {

  0% {

    transform: scale(0.5);

    opacity: 0.5; }

  50% {

    transform: scale(1);

    opacity: 0; }

  50.00001% {

    transform: scale(0);

    opacity: 1; }

  100% {

    transform: scale(0.5);

    opacity: 0.5; } }

@keyframes k3s {

  0% {

    transform: scale(0.6);

    opacity: 0.4; }

  40% {

    transform: scale(1);

    opacity: 0; }

  40.00001% {

    transform: scale(0);

    opacity: 1; }

  100% {

    transform: scale(0.6);

    opacity: 0.4; } }

@keyframes k4s {

  0% {

    transform: scale(0.7);

    opacity: 0.3; }

  30% {

    transform: scale(1);

    opacity: 0; }

  30.00001% {

    transform: scale(0);

    opacity: 1; }

  100% {

    transform: scale(0.7);

    opacity: 0.3; } }

@keyframes k5s {

  0% {

    transform: scale(0.8);

    opacity: 0.2; }

  20% {

    transform: scale(1);

    opacity: 0; }

  20.00001% {

    transform: scale(0);

    opacity: 1; }

  100% {

    transform: scale(0.8);

    opacity: 0.2; } }

      .message .mesond .mel .mit {

        width: 100%;

        margin: 0.18rem 0 0.12rem;

        color: #222;

        line-height: 1.5;

        font-family: 'Medium'; }

      .message .mesond .mel .meok {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        align-items: center; }

        .message .mesond .mel .meok .ek {

          flex: 1;

          padding-right: 0.12rem; }

          .message .mesond .mel .meok .ek .einp {

            width: 100%;

            color: #666;

            line-height: 1.6; }

            .message .mesond .mel .meok .ek .einp p {

              color: #666;

              line-height: 1.6; }

        .message .mesond .mel .meok .codem {

          display: inline-block;

          vertical-align: middle;

          width: auto; }

          .message .mesond .mel .meok .codem .cm {

            display: block;

            margin: 0 auto 0.1rem;

            width: 0.86rem; }

            .message .mesond .mel .meok .codem .cm img {

              width: 100%;

              display: block; }

          .message .mesond .mel .meok .codem .mx {

            width: 100%;

            color: #666;

            line-height: 1.5;

            text-align: center; }

    .message .mesond .mer {

      width: calc(910 / 1600 * 100%);

      display: flex;

      flex-wrap: wrap;

      align-content: center;

      background-color: rgba(255, 255, 255, 0.55);

      padding: 0.4rem; }

      .message .mesond .mer .form {

        width: 100%;

        display: block; }

      .message .mesond .mer .miv {

        width: 100%;

        color: #222;

        line-height: 1.3;

        margin-bottom: 0.2rem;

        font-family: 'Medium'; }

      .message .mesond .mer .row {

        width: 100%;

        font-size: 0; }

        .message .mesond .mer .row .input {

          display: inline-block;

          vertical-align: top;

          width: 32%;

          margin-right: 2%;

          margin-bottom: 0.2rem; }

          .message .mesond .mer .row .input .int {

            width: 100%;

            display: block;

            border: none;

            background-color: #fff;

            padding: 0 0.2rem;

            color: #333;

            line-height: 3;

            height: 3em; }

        .message .mesond .mer .row .input:nth-child(3n) {

          margin-right: 0; }

      .message .mesond .mer .text {

        width: 100%;

        margin-bottom: 0.2rem; }

        .message .mesond .mer .text textarea {

          width: 100%;

          display: block;

          background-color: #fff;

          border: none;

          padding: 0.14rem 0.2rem;

          color: #222;

          line-height: 1.5; }

      .message .mesond .mer .sub {

        width: 100%;

        font-size: 0; }

        .message .mesond .mer .sub .stn {

          display: inline-block;

          vertical-align: middle;

          background-color: var(--themes);

          color: #fff;

          line-height: 3;

          cursor: pointer;

          border: none;

          padding: 0 0.8rem; }



.rightnav {

  position: fixed;

  right: 0.2rem;

  top: 50%;

  transform: translateY(-50%);

  z-index: 5;

  display: none; }

  .rightnav .bg {

    position: absolute;

    z-index: 1;

    top: 0;

    height: calc(100% - 0.2rem);

    width: 100%;

    top: 0.1rem;

    overflow: hidden; }

    .rightnav .bg .img {

      width: 100%;

      height: 100%;

      display: block; }

      .rightnav .bg .img .ld {

        display: block;

        width: 0.05rem;

        height: 1px;

        background-color: #bfbfbf; }

      .rightnav .bg .img .ld + .ld {

        margin-top: 0.08rem; }

  .rightnav .riuls {

    width: 100%;

    position: relative;

    z-index: 3; }

    .rightnav .riuls .rli {

      width: 100%;

      display: block;

      position: relative;

      cursor: pointer;

      height: 0.2rem;

      display: flex;

      flex-wrap: wrap;

      align-items: center; }

      .rightnav .riuls .rli .lx {

        width: 0.24rem;

        height: 1px;

        background-color: #bfbfbf;

        display: block; }

      .rightnav .riuls .rli .ic {

        display: inline-block;

        vertical-align: middle;

        position: absolute;

        right: calc(100% + 0.1rem);

        top: 50%;

        transform: translateY(-50%);

        width: 0.2rem;

        height: 0.2rem; }

        .rightnav .riuls .rli .ic span {

          width: 0.08rem;

          height: 0.08rem;

          background-color: #bfbfbf;

          display: inline-block;

          vertical-align: middle;

          position: absolute;

          right: 0;

          top: 50%;

          transform: translateY(-50%);

          transition: all ease 0.5s;

          opacity: 1; }

        .rightnav .riuls .rli .ic img {

          position: absolute;

          right: 0;

          top: 50%;

          transform: translateY(-50%);

          transition: all ease 0.5s;

          width: 0.2rem;

          height: 0.2rem;

          display: block;

          opacity: 0; }

    .rightnav .riuls .rli + .rli {

      margin-top: 0.3rem; }

    .rightnav .riuls .rli.on .ic span {

      opacity: 0; }

    .rightnav .riuls .rli.on .ic img {

      opacity: 1; }

    .rightnav .riuls .rli.on .lx {

      background-color: var(--themes); }

    .rightnav .riuls .rli:hover .ic span {

      background-color: var(--themes); }

    .rightnav .riuls .rli:hover .lx {

      background-color: var(--themes); }


      .popx {
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 30;
        display: none;
        background-color: rgba(0, 0, 0, 0.7); }
        .popx .pox {
          position: absolute;
          z-index: 40;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          background-color: #fff;
          width: 90%;
          max-width: 380px;
          box-sizing: border-box;
          padding: 0.35rem;
          border: 1px solid #e1dbdc; }
        .popx .close {
          background-color: #fff;
          border-radius: 50%;
          padding: 0.1rem;
          border: solid 0.03rem var(--themes);
          cursor: pointer;
          position: absolute;
          right: 0;
          top: 0;
          transform: translate(50%, -50%);
          color: var(--themes);
          font-weight: bold;
          line-height: 1;
          text-align: center; }
        .popx form {
          width: 100%;
          display: block; }
        .popx .pit {
          width: 100%;
          color: var(--themes);
          font-weight: bold;
          line-height: 1.3;
          margin-bottom: 0.2rem; }
        .popx .input {
          width: 100%;
          margin-bottom: 0.2rem; }
          .popx .input input {
            width: 100%;
            display: block;
            padding: 0 0.15rem;
            color: #333;
            line-height: 3;
            background-color: #fff;
            border: 1px solid #e7e7e7; }
        .popx .text {
          width: 100%;
          margin-bottom: 0.2rem; }
          .popx .text .area {
            width: 100%;
            display: block;
            padding: 0.15rem;
            color: #333;
            line-height: 1.5;
            background-color: #fff;
            border: 1px solid #e7e7e7; }
        .popx .sub {
          width: 100%; }
          .popx .sub .stn {
            width: 100%;
            border: none;
            cursor: pointer;
            line-height: 3;
            text-align: center;
            color: #fff;
            background-color: var(--themes); }