.main {
  padding-top: .3636rem;
  padding-bottom: .9091rem;
  background-color: #EFF2F1FF;
}

.main .mxo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main .mxo .right-abuot-info {
  width: 100%;
  padding: .4545rem .9091rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main .mxo .right-abuot-info .head-info {
  margin-bottom: .3636rem;
}

.main .mxo .right-abuot-info .head-info .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.main .mxo .right-abuot-info .head-info .title-box h2 {
  margin-right: 10px;
  padding-bottom: 10px;
  font-size: 30px;
  font-weight: 700;
  position: relative;
}

.main .mxo .right-abuot-info .head-info p {
  font-size: 14px;
  color: #999;
}

.main .mxo .right-abuot-info .about-info-all {
  line-height: 24px;
  font-size: 16px;
  color: #222;
}

@media screen and (max-width: 1024px) {
  .main .mxo .right-abuot-info .head-info .title-box h2 {
    font-size: 28px;
  }
  .main .mxo .right-abuot-info {
    padding: 30px 60px;
  }
}

@media screen and (max-width: 767px) {
  .main .mxo .right-abuot-info {
    padding: 30px 28px;
  }
  .main .mxo .right-abuot-info .head-info .title-box h2 {
    font-size: 20px;
  }
  .main .mxo .right-abuot-info .head-info p {
    font-size: 12px;
  }
  .main .mxo .right-abuot-info .about-info-all {
    font-size: 14px;
  }
}