.yzw-header {
      position: relative;
      min-width: 1180px;
      height: 400px;
      margin: 0 auto;
      background: #2c5fb8;
      color: #fff;
      text-align: center
    }

    .yzw-header .ewm-con {
      position: absolute;
      left: 50%;
      top: 165px;
      z-index: 300;
      margin-left: 640px;
      width: 46px;
      line-height: 17px
    }

    .yzw-header .item {
      position: relative;
      height: 55px;
      margin-bottom: 8px;
      background: #fff;
      box-shadow: 0 2px 6px 3px rgba(73,115,154,.15);
      border-radius: 2px;
      text-align: center;
      cursor: pointer
    }

    .yzw-header .item:hover .detail {
      display: block
    }

    .yzw-header .item:hover .iconfont {
      opacity: 1
    }

    .yzw-header .item .ewm {
      padding: 4px 0;
      line-height: 1
    }
    .yzw-header .item .ewm img {
      width: 24px;
      height: 27px;
    }

    .yzw-header .item .iconfont {
      font-size: 24px;
      color: #4e79ca;
      opacity: .59
    }

    .yzw-header .item .title {
      font-size: 12px;
      color: #6b6b6b
    }

    .yzw-header .detail {
      position: absolute;
      top: 0;
      left: -172px;
      display: none;
      width: 166px;
      height: 184px;
      background: #fff;
      cursor: default;
      font-size: 12px
    }

    .yzw-header .detail:hover {
      display: block
    }

    .yzw-header .detail img {
      display: block;
      width: 108px;
      margin: 7px auto 2px
    }

    .yzw-header .detail .text {
      padding: 0 10px;
      color: #333
    }

    .yzw-header .detail .text+.text {
      margin-top: 4px
    }

    .yzw-header h1 {
      padding-top: 50px;
      height: 67px;
      line-height: 67px;
      font-size: 48px;
      box-sizing: content-box
    }

    .yzw-header h1,.yzw-header h2 {
      font-weight: 700;
      color: #fff
    }

    .yzw-header h2 {
      height: 28px;
      line-height: 28px;
      margin-top: 52px;
      font-size: 20px
    }

    .yzw-header .sub-title {
      width: 888px;
      line-height: 30px;
      margin: 22px auto 0;
      font-size: 16px;
      color: #fff
    }
    .step-con {
      position: relative;
      width: 1000px;
      height: 150px;
      margin: -73px auto 34px;
      background: #fff;
      box-shadow: 0 2px 6px 3px rgba(73,115,154,.15);
      border-radius: 8px
    }

    .step-con ul {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding: 28px 39px 18px
    }

    .step-con li {
      position: relative;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      overflow: hidden
    }

    .step-con li:before {
      left: 50%;
      margin-left: 25px
    }

    .step-con li:after,.step-con li:before {
      content: " ";
      position: absolute;
      top: 24px;
      display: block;
      width: 50%;
      height: 4px;
      background: #dae7ff
    }

    .step-con li:after {
      right: 50%;
      margin-right: 25px
    }

    .step-con li:first-child:after,.step-con li:last-child:before {
      display: none
    }

    .step-con .index {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      margin: 0 auto;
      background: #4e79ca;
      border: 6px solid #dae7ff;
      border-radius: 50%;
      font-size: 18px;
      color: #fff
    }

    .step-con .title {
      margin: 8px 0 2px
    }

    .step-con .time,.step-con .title {
      height: 22px;
      line-height: 22px;
      font-size: 16px
    }

    .step-con .time {
      color: #9b9b9b
    }