* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  margin: 0; }

.banner {
  width: 100%;
  height: auto; }

.status {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 100px; }
  .status > h2 {
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    line-height: 36px;
    margin: 80px 0 70px 0;
    text-align: center; }
  .status ul {
    display: flex;
    justify-content: space-between; }
    .status ul > li {
      width: 374px;
      background: white;
      box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.07); }
      .status ul > li .status_li_t {
        width: 374px;
        height: 214px; }
        .status ul > li .status_li_t > img {
          width: 374px;
          height: 214px; }
      .status ul > li .status_li_c {
        margin: 29px 0 30px 0;
        padding-left: 56px; }
        .status ul > li .status_li_c > i {
          font-size: 16px;
          font-family: MicrosoftYaHei;
          font-weight: 400;
          color: #333333;
          line-height: 26px;
          display: block; }
      .status ul > li .status_li_b {
        width: 374px;
        height: 10px;
        background: #277fff;
        margin-bottom: 3px;
        opacity: 0; }
    .status ul > li:hover {
      box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, 0.15); }
      .status ul > li:hover .status_li_b {
        opacity: 1; }

.advantage {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #252c3e; }
  .advantage .advantage_n {
    width: 1200px;
    margin: 0 auto; }
    .advantage .advantage_n > h2 {
      font-size: 28px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: white;
      margin-bottom: 29px;
      text-align: center; }
    .advantage .advantage_n > h3 {
      font-size: 20px;
      font-family: MicrosoftYaHei;
      font-weight: 400;
      color: white;
      text-align: center;
      margin-bottom: 97px; }
    .advantage .advantage_n .advantage_n_b {
      width: 994px;
      margin: 96px 0 0 98px;
      position: relative; }
      .advantage .advantage_n .advantage_n_b > img {
        width: 428px;
        height: 428px;
        display: block;
        margin: 0 auto; }
      .advantage .advantage_n .advantage_n_b > li {
        width: 306px;
        position: absolute;
        z-index: 200; }
        .advantage .advantage_n .advantage_n_b > li > img {
          width: 21px;
          height: 18px;
          margin-right: 17px; }
        .advantage .advantage_n .advantage_n_b > li > i {
          font-size: 16px;
          font-family: MicrosoftYaHei;
          font-weight: bold;
          color: white;
          position: relative;
          top: 3px; }
        .advantage .advantage_n .advantage_n_b > li > p {
          font-size: 12px;
          font-family: MicrosoftYaHei;
          font-weight: 400;
          color: #7a849a;
          margin-top: 16px; }
      .advantage .advantage_n .advantage_n_b > li:nth-of-type(1) {
        top: 158px;
        left: 0; }
      .advantage .advantage_n .advantage_n_b > li:nth-of-type(2) {
        top: 342px;
        left: 108px; }
      .advantage .advantage_n .advantage_n_b > li:nth-of-type(3) {
        top: 0px;
        left: 350px; }
      .advantage .advantage_n .advantage_n_b > li:nth-of-type(4) {
        top: 158px;
        left: 686px; }
      .advantage .advantage_n .advantage_n_b > li:nth-of-type(5) {
        top: 340px;
        left: 650px; }

.support {
  width: 1200px;
  margin: 0 auto; }
  .support > h2 {
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    margin: 80px 0 29px 0;
    text-align: center; }
  .support > h3 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #999999;
    text-align: center; }
  .support .support_t {
    position: relative;
    margin-top: 120px;
    position: relative; }
    .support .support_t > li {
      position: absolute; }
      .support .support_t > li > i {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: #333333;
        display: block; }
        .support .support_t > li > i > i {
          width: 6px;
          height: 6px;
          background: #333333;
          border-radius: 50%;
          margin-right: 5px;
          display: inline-block;
          position: relative;
          top: -2px; }
    .support .support_t > li:nth-of-type(1) {
      width: 230px;
      left: 18px;
      top: 0; }
      .support .support_t > li:nth-of-type(1) > img {
        width: 230px;
        height: 186px; }
    .support .support_t > li:nth-of-type(2) {
      width: 268px;
      top: 169px;
      left: 322px; }
      .support .support_t > li:nth-of-type(2) > img {
        width: 259px;
        height: 196px; }
      .support .support_t > li:nth-of-type(2) > i {
        margin-left: 128px; }
    .support .support_t > li:nth-of-type(3) {
      width: 234px;
      top: 22px;
      left: 612px; }
      .support .support_t > li:nth-of-type(3) > img {
        width: 214px;
        height: 169px; }
      .support .support_t > li:nth-of-type(3) > i {
        margin-left: 94px; }
    .support .support_t > li:nth-of-type(4) {
      width: 265px;
      top: 232px;
      left: 919px; }
      .support .support_t > li:nth-of-type(4) > img {
        width: 225px;
        height: 152px; }
      .support .support_t > li:nth-of-type(4) > i {
        margin-left: 126px; }
    .support .support_t > img:nth-of-type(1) {
      position: absolute;
      width: 120px;
      height: 69px;
      top: 159px;
      left: 227px; }
    .support .support_t > img:nth-of-type(2) {
      position: absolute;
      width: 82px;
      height: 46px;
      top: 180px;
      left: 547px; }
    .support .support_t > img:nth-of-type(3) {
      position: absolute;
      width: 132px;
      height: 79px;
      top: 150px;
      left: 815px; }
    .support .support_t > i:nth-of-type(1) {
      font-size: 20px;
      font-family: MicrosoftYaHei-Bold;
      font-weight: bold;
      color: #333333;
      position: absolute;
      top: 150px;
      left: 300px; }
    .support .support_t > i:nth-of-type(2) {
      font-size: 20px;
      font-family: MicrosoftYaHei-Bold;
      font-weight: bold;
      color: #333333;
      position: absolute;
      top: 142px;
      left: 898px; }
  .support .support_b {
    display: flex;
    justify-content: space-between;
    margin-top: 632px;
    margin-bottom: 80px; }
    .support .support_b > li {
      width: 308px;
      height: 70px;
      font-size: 20px;
      font-family: MicrosoftYaHei;
      font-weight: 400;
      color: #666666;
      line-height: 70px;
      text-align: center;
      border: 1px dotted #5da5ff;
      background: rgba(93, 165, 255, 0.04); }

.framework {
  width: 100%;
  height: 844px;
  background: #f6f6f6; }
  .framework .framework_n {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden; }
    .framework .framework_n > h2 {
      font-size: 28px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: #333333;
      margin: 80px 0 29px 0;
      text-align: center; }
    .framework .framework_n > h3 {
      font-size: 20px;
      font-family: MicrosoftYaHei;
      font-weight: 400;
      color: #999999;
      margin-bottom: 70px;
      text-align: center; }
    .framework .framework_n > img {
      width: 100%;
      height: 537px; }

.introduce {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden; }
  .introduce > h2 {
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    margin: 80px 0 29px 0;
    text-align: center; }
  .introduce > h3 {
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #999999;
    margin-bottom: 70px;
    text-align: center; }
  .introduce > ul {
    display: flex;
    justify-content: space-between; }
    .introduce > ul > li {
      text-align: center;
      margin-bottom: 80px; }
      .introduce > ul > li .introduce_li_t {
        width: 52px;
        height: 36px;
        display: inline-block; }
      .introduce > ul > li > i:nth-of-type(1) {
        font-size: 16px;
        font-family: MicrosoftYaHei-Bold;
        font-weight: bold;
        color: #333333;
        display: block;
        margin: 30px 0 41px 0; }
      .introduce > ul > li > i:nth-of-type(2) {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: #999999; }
    .introduce > ul > li:nth-of-type(1) {
      width: 111px; }
    .introduce > ul > li:nth-of-type(2) {
      width: 192px; }
    .introduce > ul > li:nth-of-type(3) {
      width: 112px; }
    .introduce > ul > li:nth-of-type(4) {
      width: 128px; }
    .introduce > ul > li:nth-of-type(5) {
      width: 96px; }
    .introduce > ul > li:nth-of-type(6) {
      width: 128px; }

.latitude {
  width: 100%;
  height: 574px;
  background: url("../img/market_icon19.png") no-repeat;
  background-size: 100% 100%; }
  .latitude .latitude_n {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden; }
    .latitude .latitude_n > h2 {
      font-size: 28px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: white;
      margin-top: 80px;
      text-align: center; }
    .latitude .latitude_n .latitude_b {
      margin-top: 70px;
      display: flex;
      justify-content: space-between; }
      .latitude .latitude_n .latitude_b .latitude_b_l {
        width: 188px; }
        .latitude .latitude_n .latitude_b .latitude_b_l > li {
          width: 118px; }
          .latitude .latitude_n .latitude_b .latitude_b_l > li > i {
            font-size: 16px;
            font-family: MicrosoftYaHei;
            font-weight: bold;
            color: white;
            display: block;
            line-height: 38px; }
            .latitude .latitude_n .latitude_b .latitude_b_l > li > i > i {
              border: 2px solid #3366e6;
              border-radius: 50%;
              width: 14px;
              height: 14px;
              display: inline-block;
              margin-right: 10px; }
          .latitude .latitude_n .latitude_b .latitude_b_l > li > b {
            font-size: 14px;
            font-family: MicrosoftYaHei;
            font-weight: 400;
            color: #7a849a;
            margin-left: 24px;
            display: block;
            line-height: 26px; }
        .latitude .latitude_n .latitude_b .latitude_b_l > li:nth-of-type(1) {
          margin-left: 166px; }
        .latitude .latitude_n .latitude_b .latitude_b_l > li:nth-of-type(2) {
          margin-left: 98px;
          margin-top: 70px; }
      .latitude .latitude_n .latitude_b .latitude_b_c {
        width: 416px;
        height: 271px;
        margin-top: 34px; }
        .latitude .latitude_n .latitude_b .latitude_b_c > img {
          width: 416px;
          height: 271px; }
      .latitude .latitude_n .latitude_b .latitude_b_r {
        width: 280px; }
        .latitude .latitude_n .latitude_b .latitude_b_r > li {
          width: 165px; }
          .latitude .latitude_n .latitude_b .latitude_b_r > li > i {
            font-size: 16px;
            font-family: MicrosoftYaHei;
            font-weight: bold;
            color: white;
            display: block;
            line-height: 38px; }
            .latitude .latitude_n .latitude_b .latitude_b_r > li > i > i {
              border: 2px solid #3366e6;
              border-radius: 50%;
              width: 14px;
              height: 14px;
              display: inline-block;
              margin-right: 10px; }
          .latitude .latitude_n .latitude_b .latitude_b_r > li > b {
            font-size: 14px;
            font-family: MicrosoftYaHei;
            font-weight: 400;
            color: #7a849a;
            margin-left: 24px;
            display: block;
            line-height: 26px; }
        .latitude .latitude_n .latitude_b .latitude_b_r > li:nth-of-type(1) {
          margin-left: 24px; }
        .latitude .latitude_n .latitude_b .latitude_b_r > li:nth-of-type(2) {
          width: 280px;
          margin-left: 0px;
          margin-top: 90px; }

.case {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center; }
  .case > h2 {
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin: 80px 0 70px 0; }
  .case > img {
    width: 1056px;
    height: 594px;
    display: inline-block;
    margin-bottom: 80px; }

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