.sect2 {
  width: 100%;
  height: 500px; }

.sect3 {
  padding: 80px 0; }
  .sect3 .wrap {
    width: 84%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex; }
    .sect3 .wrap .item {
      flex: 1 0 0;
      border: 1px solid #D9D9D9;
      padding: 60px;
      border-right-width: 0;
      font-size: 18px;
      font-family: Source Han Sans CN, Source Han Sans CN-Regular;
      font-weight: 400;
      color: #333333;
      cursor: pointer;
      transition: all .3s linear; }
      .sect3 .wrap .item img {
        width: 60px;
        height: 60px; }
      .sect3 .wrap .item .tit {
        font-size: 26px;
        font-family: Source Han Sans CN, Source Han Sans CN-Light;
        font-weight: 300;
        margin: 30px 0; }
      .sect3 .wrap .item:last-child {
        border-right-width: 1px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .sect3 .wrap .item:last-child .qr-box {
          text-align: center;
          font-size: 14px;
          font-family: Source Han Sans CN, Source Han Sans CN-Regular;
          font-weight: 400;
          color: #646464; }
          .sect3 .wrap .item:last-child .qr-box img {
            width: 168px;
            height: 168px;
            margin-bottom: 10px; }
      .sect3 .wrap .item:hover {
        color: #CC1138; }
        .sect3 .wrap .item:hover .icon {
          animation: iconRotate 1s linear; }

@keyframes iconRotate {
  0% {
    rotate: 0deg; }
  25% {
    rotate: -45deg; }
  50% {
    rotate: 0deg; }
  75% {
    rotate: 45deg; }
  100% {
    rotate: 0deg; } }

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