.banner {
  width: 100vw;
  height: 39.84vw; }
  .banner > img {
    width: 100%;
    height: 100%; }

.advBox {
  padding-top: 96px;
  padding-bottom: 110px;
  position: relative;
  z-index: 1; }
  .advBox > .background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
    .advBox > .background > img {
      width: 100%;
      height: 100%; }
  .advBox > .header {
    text-align: center; }
    .advBox > .header > .title {
      font-size: 36px; }
  .advBox > .section {
    width: 1200px;
    margin: 0 auto;
    margin-top: 63px; }
    .advBox > .section > .row {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: 29px; }
      .advBox > .section > .row:first-child {
        margin-top: 0; }
      .advBox > .section > .row > .item {
        width: 258px;
        height: 261px;
        position: relative;
        z-index: 1;
        border-radius: 3px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 20px;
        box-sizing: border-box;
        color: #fff; }
        .advBox > .section > .row > .item > .background {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: -1; }
          .advBox > .section > .row > .item > .background > img {
            width: 100%;
            height: 100%; }
        .advBox > .section > .row > .item > .iconfont {
          font-size: 56px; }
        .advBox > .section > .row > .item > .text {
          font-size: 18px;
          margin-top: 25px; }

.footer {
  width: 100vw;
  height: 73px;
  background-color: #1F53A1; }
  .footer > .section {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    color: #85AEEC;
    justify-content: space-between;
    position: relative; }
    .footer > .section > .contact {
      font-size: 24px; }
    .footer > .section > .info {
      display: flex;
      align-items: center; }
      .footer > .section > .info > .text {
        font-size: 16px;
        margin-left: 13px; }
    .footer > .section > .beianhao {
      position: absolute;
      right: -300px;
      width: 300px;
      text-align: center;
      color: #85AEEC; }

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