.top {
  position: relative;
  width: 100%;
  min-height: 550px;
  box-sizing: border-box; }
  .top img {
    width: 100%; }
  .top .top-text {
    position: absolute;
    top: 100px;
    left: 200px;
    width: 500px;
    top: 20%;
    left: 16%; }
    .top .top-text .top-hd {
      font-size: 28px;
      font-weight: bold;
      color: #023093;
      margin-bottom: 20px;
      line-height: 30px; }
    .top .top-text .top-des {
      line-height: 28px;
      font-size: 16px;
      color: #023093; }
  .top .top-text {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
    margin: 0 auto; }
    .top .top-text .top-hd {
      font-size: 28px;
      font-weight: bold;
      color: #023093;
      margin-bottom: 20px;
      line-height: 30px; }
    .top .top-text .top-des {
      line-height: 28px;
      font-size: 16px;
      color: #023093; }

.development {
  width: 100%;
  margin-bottom: 100px;
  box-sizing: border-box; }
  .development .title {
    width: 160px;
    font-size: 32px;
    color: #000;
    font-weight: bold;
    margin-bottom: 40px;
    margin: 0 auto; }
    .development .title::after {
      left: -80px;
      right: -60px; }
  .development .system {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    background: url("../img/bgS/develop.png") no-repeat;
    background-size: contain; }
    .development .system .center {
      position: relative;
      height: 100%;
      margin: 0 auto; }
    .development .system .dialog {
      position: absolute;
      height: 270px;
      box-sizing: border-box;
      background: url("../img/bgS/develop22.png") no-repeat;
      background-size: 640px 270px; }
      .development .system .dialog .dialog-list .dialog-item {
        display: flex; }
        .development .system .dialog .dialog-list .dialog-item .icon {
          margin-right: 15px; }
          .development .system .dialog .dialog-list .dialog-item .icon img {
            width: 30px;
            height: 30px; }
        .development .system .dialog .dialog-list .dialog-item .text {
          font-size: 14px;
          color: #444;
          text-align: justify;
          line-height: 20px; }
  .development .item-img {
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box; }
    .development .item-img img {
      margin: 0 auto; }

@media screen and (min-width: 992px) {
  body {
    min-width: 1200px; }

  .index-top-img-min {
    display: none; }

  .top {
    margin-bottom: 80px; }

  .top-text {
    padding: 0 200px; }
    .top-text .top-des {
      width: 500px; }

  .development {
    min-height: 1200px; }

  .system {
    padding: 0 100px;
    height: 650px; }
    .system .center {
      width: 1000px; }
    .system .dialog {
      top: 150px;
      right: -50px;
      width: 640px;
      height: 270px;
      padding: 55px; }
      .system .dialog .dialog-list .dialog-item {
        margin-bottom: 20px; }
        .system .dialog .dialog-list .dialog-item:last-child {
          margin-bottom: 0; }

  .item-img {
    padding: 0 100px; }
    .item-img img {
      width: 100%; }

  .item-img-min {
    display: none; } }
@media screen and (max-width: 992px) {
  .index-top-img {
    display: none; }

  .index-top-img-min {
    display: flex;
    position: absolute; }

  .top {
    margin-bottom: 20px; }

  .top-text {
    padding: 0 20px; }
    .top-text .top-des {
      width: 100%; }

  .development {
    height: 2600px;
    overflow: hidden; }

  .system {
    padding: 0px;
    height: 350px; }
    .system .center {
      width: 100%;
      flex-direction: column; }
    .system .dialog {
      top: 30px;
      right: 0px;
      width: 100%;
      height: 270px;
      padding: 30px;
      flex-direction: column;
      z-index: 999; }
      .system .dialog .dialog-list .dialog-item {
        margin-bottom: 15px; }
        .system .dialog .dialog-list .dialog-item:last-child {
          margin-bottom: 40px; }

  .item-img {
    display: none; }

  .item-img-min {
    padding: 0 10px; }
    .item-img-min img {
      display: flex;
      position: relative;
      width: 1625px; }
    .item-img-min .item-img-min1 {
      left: -100px;
      top: -180px; }
    .item-img-min .item-img-min2 {
      left: -480px;
      top: -580px; }
    .item-img-min .item-img-min3 {
      left: -800px;
      top: -780px; }
    .item-img-min .item-img-min4 {
      left: -1060px;
      top: -1120px; } }

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