#aboutWrapper .aboutCommon {
  max-width: 1400px;
  margin: 0 auto; }

#aboutWrapper .wrapper .zl {
  line-height: 1;
  margin-top: 60px; }
  #aboutWrapper .wrapper .zl .li {
    font-size: 66px;
    color: #1683e8;
    margin-bottom: 20px; }
    #aboutWrapper .wrapper .zl .li span {
      font-size: 22px;
      margin-left: 20px;
      color: #242424;
      position: relative; }
      #aboutWrapper .wrapper .zl .li span.after::after {
        position: absolute;
        content: '+';
        font-size: 30px;
        color: #1683e9;
        left: -20px; }
      #aboutWrapper .wrapper .zl .li span.first {
        margin-left: 10px; }
  #aboutWrapper .wrapper .zl p {
    font-size: 18px;
    color: #3f3f3f;
    margin: 0; }
    #aboutWrapper .wrapper .zl p:nth-of-type(2) {
      font-size: 14px;
      margin-top: 12px; }

#aboutWrapper .wrapper .jieshao {
  font-size: 16px;
  color: #333;
  line-height: 38px;
  margin-top: 42px; }

#aboutWrapper .main {
  position: relative;
  margin-top: 40px;
  height: 660px;
  overflow: hidden; }
  #aboutWrapper .main img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  #aboutWrapper .main .content {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 10%;
    right: 10%;
    bottom: 0; }
    #aboutWrapper .main .content .row {
      height: 100%;
      line-height: 1; }
      #aboutWrapper .main .content .row div {
        position: relative;
        border-left: 2px solid #d0dbdf;
        color: #fff;
        height: 100%; }
        #aboutWrapper .main .content .row div h1, #aboutWrapper .main .content .row div p {
          padding: 0;
          margin: 0;
          padding-left: 20px; }
        #aboutWrapper .main .content .row div h1 {
          font-size: 24px; }
          #aboutWrapper .main .content .row div h1::after {
            position: absolute;
            content: '';
            height: 40px;
            width: 2px;
            background: #095ba7;
            left: -2px; }
        #aboutWrapper .main .content .row div p {
          font-size: 18px;
          margin-top: 10px;
          line-height: 30px; }
        #aboutWrapper .main .content .row div:nth-child(odd) {
          padding-top: 16%; }
        #aboutWrapper .main .content .row div:nth-child(even) {
          padding-top: 22%; }

@media (max-width: 1400px) {
  #aboutWrapper .aboutCommon {
    margin-left: 40px;
    margin-right: 40px; }
  #aboutWrapper .main {
    height: 400px; }
    #aboutWrapper .main .content .row div:nth-child(even) {
      padding-top: 10%; } }

@media (max-width: 766px) {
  #aboutWrapper .aboutCommon {
    margin-left: 20px;
    margin-right: 20px; }
  #aboutWrapper .zl {
    margin-top: 30px !important; }
    #aboutWrapper .zl .li {
      font-size: 34px !important; }
      #aboutWrapper .zl .li span {
        font-size: 18px !important; }
        #aboutWrapper .zl .li span.after::after {
          font-size: 24px !important; }
    #aboutWrapper .zl p {
      font-size: 16px !important; }
      #aboutWrapper .zl p:nth-of-type(2) {
        font-size: 16px !important; }
  #aboutWrapper .zl > div {
    margin-top: 20px; }
  #aboutWrapper .jieshao {
    margin-top: 30px !important; }
  #aboutWrapper .main .content {
    left: 0;
    right: 0; }
    #aboutWrapper .main .content .row div {
      border-left: none !important;
      height: auto; }
      #aboutWrapper .main .content .row div h1 {
        font-size: 20px; }
        #aboutWrapper .main .content .row div h1::after {
          display: none; }
      #aboutWrapper .main .content .row div p {
        font-size: 16px; }
  #aboutWrapper .aboutCommon {
    margin-top: 30px; } }

@media (min-width: 1400px) {
  #aboutWrapper .aboutCommon {
    max-width: 1400px; } }