body {
  background-color: #f3f5f7; }

.contactUs {
  width: 14rem;
  margin: 0 auto; }
  .contactUs .aboutUs .title {
    text-align: center;
    padding-top: 0.6rem; }
    .contactUs .aboutUs .title h3 {
      font-size: 0.4rem;
      line-height: 0.58rem;
      color: #aaaaaa; }
    .contactUs .aboutUs .title p {
      font-size: 0.16rem;
      line-height: 0.23rem;
      color: #777777; }
    .contactUs .aboutUs .title .c {
      margin-top: 0.05rem;
      margin-bottom: 0.4rem; }
      .contactUs .aboutUs .title .c span {
        font-size: 0.2rem;
        color: #e61d4c; }
  .contactUs .aboutUs .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0.4rem; }
    .contactUs .aboutUs .list .li {
      width: 4.5rem;
      height: 1.8rem;
      border-radius: 0.1rem;
      background-color: #fff;
      padding: 0.3rem 0.3rem 0;
      margin-bottom: 0.25rem;
      display: flex;
      box-shadow: 0 0 0rem 0rem rgba(0, 0, 0, 0.15);
      transition: 0.3s; }
      .contactUs .aboutUs .list .li .left {
        flex: 1; }
        .contactUs .aboutUs .list .li .left img {
          display: block;
          width: 0.48rem;
          height: 0.48rem;
          margin-bottom: 0.1rem; }
        .contactUs .aboutUs .list .li .left .img2 {
          display: none; }
        .contactUs .aboutUs .list .li .left p {
          font-size: 0.16rem;
          line-height: 0.23rem;
          color: #333;
          margin-bottom: 0.1rem; }
          .contactUs .aboutUs .list .li .left p:last-child {
            margin-bottom: 0; }
        .contactUs .aboutUs .list .li .left .font20 {
          font-size: 0.2rem;
          font-family: MiSans, MI Lan Pro, serif; }
      .contactUs .aboutUs .list .li .right img {
        width: 1.2rem;
        height: 1.2rem; }
      .contactUs .aboutUs .list .li:hover {
        box-shadow: 0 0 0.1rem 0.01rem rgba(0, 0, 0, 0.15);
        transition: 0.3s; }
        .contactUs .aboutUs .list .li:hover .left .img1 {
          display: none; }
        .contactUs .aboutUs .list .li:hover .left .img2 {
          display: block; }
  .contactUs .who {
    margin-top: 0.6rem;
    margin-bottom: 0.8rem; }
    .contactUs .who .title {
      font-size: 0.36rem;
      line-height: 0.58rem;
      font-weight: bold;
      color: #555;
      margin-bottom: 0.3rem;
      text-align: center; }
    .contactUs .who .main {
      display: flex;
      align-items: center;
      border-radius: 0.1rem;
      padding: 0.5rem;
      background-color: #fff; }
      .contactUs .who .main .left {
        margin-right: 1rem; }
        .contactUs .who .main .left p {
          font-size: 0.18rem;
          line-height: 0.3rem;
          color: #333;
          margin-bottom: 0.2rem; }
          .contactUs .who .main .left p:last-child {
            margin-bottom: 0; }
      .contactUs .who .main .right img {
        width: 2.95rem;
        height: 2.92rem; }
  .contactUs .recruit {
    margin-top: 0.6rem;
    margin-bottom: 0.8rem; }
    .contactUs .recruit .title {
      font-size: 0.36rem;
      line-height: 0.58rem;
      font-weight: bold;
      color: #555;
      margin-bottom: 0.3rem;
      text-align: center; }
    .contactUs .recruit .main {
      display: flex;
      align-items: center;
      border-radius: 0.1rem;
      padding: 0.5rem;
      background-color: #fff; }
      .contactUs .recruit .main .left {
        margin-right: 1rem; }
        .contactUs .recruit .main .left p {
          font-size: 0.18rem;
          line-height: 0.3rem;
          color: #333;
          margin-bottom: 0.2rem; }
          .contactUs .recruit .main .left p:last-child {
            margin-bottom: 0; }
        .contactUs .recruit .main .left .s1 {
          color: #e61d4c;
          font-size: 0.24rem;
          line-height: 0.3rem; }
        .contactUs .recruit .main .left .s2 {
          font-size: 0.16rem;
          line-height: 0.3rem;
          color: #777777; }
      .contactUs .recruit .main .right img {
        width: 2.49rem;
        height: 3.13rem;
        border-radius: 0.1rem; }
  .contactUs .position {
    margin-top: 0.6rem;
    margin-bottom: 0.8rem; }
    .contactUs .position .title {
      font-size: 0.36rem;
      line-height: 0.58rem;
      font-weight: bold;
      color: #555;
      margin-bottom: 0.3rem;
      text-align: center; }
    .contactUs .position .main {
      border-radius: 0.1rem;
      padding: 0.5rem;
      background-color: #fff; }
      .contactUs .position .main .map {
        height: 5rem; }