/* line 1, ../sass/development_history.scss */
.main {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  margin-top: 225px; }
  /* line 9, ../sass/development_history.scss */
  .main .main_home {
    height: auto;
    width: 100%;
    position: relative; }
    /* line 13, ../sass/development_history.scss */
    .main .main_home h2 {
      font-size: 32px;
      letter-spacing: 1.33px;
      color: #004ca6;
      margin: 0 auto;
      text-align: center; }
    /* line 21, ../sass/development_history.scss */
    .main .main_home h1 {
      font-size: 64px;
      color: #333333;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 40px; }
    /* line 29, ../sass/development_history.scss */
    .main .main_home .about_nav {
      height: 115px;
      width: 100%;
      background-color: #f5f5f7; }
      /* line 34, ../sass/development_history.scss */
      .main .main_home .about_nav ul {
        height: 100%;
        width: 100%;
        padding-left: 236px; }
        /* line 42, ../sass/development_history.scss */
        .main .main_home .about_nav ul li {
          display: inline-block;
          margin-right: 90px; }
          /* line 45, ../sass/development_history.scss */
          .main .main_home .about_nav ul li span {
            color: #333333;
            font-size: 27px;
            letter-spacing: 1px;
            line-height: 115px;
            display: block;
            position: relative;
            transition: 0.5s ease-in-out; }
          /* line 57, ../sass/development_history.scss */
          .main .main_home .about_nav ul li span:before {
            position: absolute;
            width: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            content: "";
            height: 4px;
            background: #004ca6;
            transition: 0.5s ease-in-out; }
        /* line 70, ../sass/development_history.scss */
        .main .main_home .about_nav ul .nav-li.active a span,
        .main .main_home .about_nav ul .nav-li:hover a span {
          color: #004ca6; }
        /* line 75, ../sass/development_history.scss */
        .main .main_home .about_nav ul .nav-li.active a span:before,
        .main .main_home .about_nav ul .nav-li:hover a span:before {
          width: 100%;
          transition: 0.5s ease-in-out; }
    /* line 82, ../sass/development_history.scss */
    .main .main_home .history_list {
      height: 950px;
      width: 100%;
      position: relative;
      overflow: hidden; }
      /* line 88, ../sass/development_history.scss */
      .main .main_home .history_list img {
        height: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%); }
      /* line 95, ../sass/development_history.scss */
      .main .main_home .history_list .history_list_1 {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        transition: 0.5s ease-in-out; }
        /* line 104, ../sass/development_history.scss */
        .main .main_home .history_list .history_list_1 .history_log {
          height: 778px;
          width: 100%;
          position: absolute;
          top: 50%;
          transform: translate(0%, -50%);
          transition: 0.5s ease-in-out; }
          /* line 111, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log img {
            height: 100%;
            width: auto;
            position: static;
            transform: none; }
          /* line 124, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_1 {
            height: 130px;
            width: 205px;
            position: absolute;
            top: 0px;
            left: 210px;
            cursor: pointer; }
          /* line 132, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_2 {
            height: 130px;
            width: 235px;
            position: absolute;
            bottom: 45px;
            left: 522px;
            cursor: pointer; }
          /* line 140, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_3 {
            height: 100px;
            width: 125px;
            position: absolute;
            top: 60px;
            left: 900px;
            cursor: pointer; }
          /* line 148, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_4 {
            height: 130px;
            width: 137px;
            position: absolute;
            bottom: 120px;
            left: 1200px;
            cursor: pointer; }
          /* line 156, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_5 {
            height: 140px;
            width: 295px;
            position: absolute;
            top: -20px;
            left: 1430px;
            cursor: pointer; }
          /* line 164, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_6 {
            height: 130px;
            width: 205px;
            position: absolute;
            bottom: 25px;
            left: 1840px;
            cursor: pointer; }
          /* line 172, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_7 {
            height: 140px;
            width: 240px;
            position: absolute;
            top: 57px;
            left: 2170px;
            cursor: pointer; }
          /* line 180, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_8 {
            height: 130px;
            width: 280px;
            position: absolute;
            bottom: 25px;
            left: 2515px;
            cursor: pointer; }
          /* line 188, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_9 {
            height: 125px;
            width: 280px;
            position: absolute;
            top: -8px;
            left: 2820px;
            cursor: pointer; }
          /* line 196, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_10 {
            height: 130px;
            width: 320px;
            position: absolute;
            bottom: 120px;
            left: 3162px;
            cursor: pointer; }
          /* line 204, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_11 {
            height: 165px;
            width: 335px;
            position: absolute;
            top: 53px;
            left: 3520px;
            cursor: pointer; }
          /* line 212, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_12 {
            height: 160px;
            width: 280px;
            position: absolute;
            bottom: -8px;
            left: 3840px;
            cursor: pointer; }
          /* line 220, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_13 {
            height: 160px;
            width: 400px;
            position: absolute;
            top: -8px;
            left: 4150px;
            cursor: pointer; }
          /* line 228, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_14 {
            height: 156px;
            width: 387px;
            position: absolute;
            bottom: 90px;
            left: 4550px;
            cursor: pointer; }
          /* line 236, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_15 {
            height: 160px;
            width: 470px;
            position: absolute;
            top: -8px;
            left: 4890px;
            cursor: pointer; }
          /* line 244, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_16 {
            height: 130px;
            width: 280px;
            position: absolute;
            bottom: 25px;
            left: 5275px;
            cursor: pointer; }
          /* line 252, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .log_ck_17 {
            height: 125px;
            width: 270px;
            position: absolute;
            top: 60px;
            left: 5612px;
            cursor: pointer; }
          /* line 260, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_1 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 250px;
            left: 155px;
            cursor: pointer; }
          /* line 268, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_2 {
            height: 174px;
            width: 302px;
            position: absolute;
            bottom: 440px;
            left: 483px;
            cursor: pointer; }
          /* line 276, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_3 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 235px;
            left: 815px;
            cursor: pointer; }
          /* line 284, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_4 {
            height: 174px;
            width: 302px;
            position: absolute;
            bottom: 377px;
            left: 1117px;
            cursor: pointer; }
          /* line 292, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_5 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 263px;
            left: 1430px;
            cursor: pointer; }
          /* line 300, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_6 {
            height: 174px;
            width: 302px;
            position: absolute;
            bottom: 200px;
            left: 1784px;
            cursor: pointer; }
          /* line 308, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_7 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 235px;
            left: 2140px;
            cursor: pointer; }
          /* line 316, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_8 {
            height: 174px;
            width: 302px;
            position: absolute;
            bottom: 310px;
            left: 2505px;
            cursor: pointer; }
          /* line 324, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_9 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 385px;
            left: 2813px;
            cursor: pointer; }
          /* line 332, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_10 {
            height: 174px;
            width: 302px;
            position: absolute;
            bottom: 300px;
            left: 3165px;
            cursor: pointer; }
          /* line 340, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_11 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 365px;
            left: 3542px;
            cursor: pointer; }
          /* line 348, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_12 {
            height: 174px;
            width: 302px;
            position: absolute;
            bottom: 295px;
            left: 3832px;
            cursor: pointer; }
          /* line 356, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_13 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 200px;
            left: 4203px;
            cursor: pointer; }
          /* line 364, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_14 {
            height: 174px;
            width: 302px;
            position: absolute;
            bottom: 319px;
            left: 4590px;
            cursor: pointer; }
          /* line 372, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_15 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 290px;
            left: 4970px;
            cursor: pointer; }
          /* line 380, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_16 {
            height: 174px;
            width: 302px;
            position: absolute;
            bottom: 367px;
            left: 5255px;
            cursor: pointer; }
          /* line 388, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img_17 {
            height: 174px;
            width: 302px;
            position: absolute;
            top: 225px;
            left: 5595px;
            cursor: pointer; }
          /* line 396, ../sass/development_history.scss */
          .main .main_home .history_list .history_list_1 .history_log .history_img {
            display: none; }
    /* line 402, ../sass/development_history.scss */
    .main .main_home .bk_and {
      height: 96px;
      width: 96px;
      position: absolute;
      top: 46%;
      transform: translateY(100%);
      cursor: pointer; }
      /* line 409, ../sass/development_history.scss */
      .main .main_home .bk_and img {
        width: 100%; }
    /* line 413, ../sass/development_history.scss */
    .main .main_home .left {
      left: 96px; }
    /* line 416, ../sass/development_history.scss */
    .main .main_home .right {
      right: 96px; }

@media screen and (max-width: 1500px) {
  /* line 423, ../sass/development_history.scss */
  .main .main_home h2 {
    font-size: 30px; }

  /* line 426, ../sass/development_history.scss */
  .main .main_home h1 {
    font-size: 58px; }

  /* line 429, ../sass/development_history.scss */
  .main {
    margin-top: 160px; }

  /* line 432, ../sass/development_history.scss */
  .main .main_home .about_nav {
    height: 100px; }
    /* line 436, ../sass/development_history.scss */
    .main .main_home .about_nav ul li {
      margin-right: 70px; }
      /* line 438, ../sass/development_history.scss */
      .main .main_home .about_nav ul li span {
        line-height: 100px;
        font-size: 24px; } }
@media screen and (max-width: 1240px) {
  /* line 449, ../sass/development_history.scss */
  .main .main_home h2 {
    font-size: 28px; }

  /* line 452, ../sass/development_history.scss */
  .main .main_home h1 {
    font-size: 52px; }

  /* line 455, ../sass/development_history.scss */
  .main .main_home .about_nav {
    height: 90px; }
    /* line 457, ../sass/development_history.scss */
    .main .main_home .about_nav ul {
      padding-left: 100px; }
      /* line 459, ../sass/development_history.scss */
      .main .main_home .about_nav ul li {
        margin-right: 50px; }
        /* line 461, ../sass/development_history.scss */
        .main .main_home .about_nav ul li span {
          line-height: 90px;
          font-size: 19px; } }
@media screen and (max-width: 860px) {
  /* line 471, ../sass/development_history.scss */
  .main .main_home h2 {
    font-size: 26px; }

  /* line 474, ../sass/development_history.scss */
  .main .main_home h1 {
    font-size: 48px; }

  /* line 477, ../sass/development_history.scss */
  .main {
    margin-top: 150px; }

  /* line 480, ../sass/development_history.scss */
  .main .main_home .about_nav {
    height: 90px; }
    /* line 482, ../sass/development_history.scss */
    .main .main_home .about_nav ul {
      padding-left: 100px; }
      /* line 484, ../sass/development_history.scss */
      .main .main_home .about_nav ul li {
        margin-right: 50px; }
        /* line 486, ../sass/development_history.scss */
        .main .main_home .about_nav ul li span {
          line-height: 90px;
          font-size: 16px; } }

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