/* line 1, ../sass/tips.scss */
.main {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  margin-top: 225px; }
  /* line 9, ../sass/tips.scss */
  .main .main_home {
    height: auto;
    width: 100%; }
    /* line 13, ../sass/tips.scss */
    .main .main_home h2 {
      font-size: 32px;
      letter-spacing: 1.33px;
      color: #004ca6;
      margin: 0 auto;
      text-align: center; }
    /* line 22, ../sass/tips.scss */
    .main .main_home h1 {
      font-size: 64px;
      color: #333333;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 50px; }
    /* line 31, ../sass/tips.scss */
    .main .main_home .about_nav {
      height: 115px;
      width: 100%;
      background-color: #f5f5f7; }
      /* line 36, ../sass/tips.scss */
      .main .main_home .about_nav ul {
        height: 100%;
        width: 100%;
        padding-left: 236px; }
        /* line 41, ../sass/tips.scss */
        .main .main_home .about_nav ul li {
          display: inline-block;
          margin-right: 90px; }
          /* line 45, ../sass/tips.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 56, ../sass/tips.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/tips.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 76, ../sass/tips.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 84, ../sass/tips.scss */
    .main .main_home .tips_list {
      height: auto;
      width: 100%;
      position: relative; }
      /* line 89, ../sass/tips.scss */
      .main .main_home .tips_list .tips_list_back {
        height: auto;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        /* line 96, ../sass/tips.scss */
        .main .main_home .tips_list .tips_list_back img {
          width: 100%; }
      /* line 101, ../sass/tips.scss */
      .main .main_home .tips_list .tips {
        height: auto;
        width: 100%;
        position: relative;
        padding-top: 140px;
        padding-bottom: 140px; }
        /* line 108, ../sass/tips.scss */
        .main .main_home .tips_list .tips ul {
          height: auto;
          width: 1480px;
          margin: 0 auto;
          display: flex;
          flex-wrap: wrap;
          justify-content: left; }
          /* line 116, ../sass/tips.scss */
          .main .main_home .tips_list .tips ul li {
            height: auto;
            width: 440px;
            display: inline-block;
            margin-right: 75px;
            margin-bottom: 68px;
            padding-bottom: 30px;
            transition: all 0.5s ease-out; }
            /* line 125, ../sass/tips.scss */
            .main .main_home .tips_list .tips ul li .rtxt_logo {
              height: auto;
              width: 100%;
              overflow: hidden; }
              /* line 130, ../sass/tips.scss */
              .main .main_home .tips_list .tips ul li .rtxt_logo img {
                width: 100%;
                transition: all 1.2s ease-out; }
            /* line 136, ../sass/tips.scss */
            .main .main_home .tips_list .tips ul li .rtxt_text {
              height: 56px; }
            /* line 140, ../sass/tips.scss */
            .main .main_home .tips_list .tips ul li p {
              text-align: left;
              margin-top: 20px;
              font-size: 19px;
              line-height: 28px;
              padding: 0 10px;
              text-align: justify;
              transition: all 0.5s ease-out; }
            /* line 152, ../sass/tips.scss */
            .main .main_home .tips_list .tips ul li span {
              text-align: left;
              font-size: 21px;
              line-height: 42px;
              color: #6f7071;
              transition: all 0.5s ease-out; }
          /* line 161, ../sass/tips.scss */
          .main .main_home .tips_list .tips ul li:nth-of-type(3n + 0) {
            margin-right: 0px; }
          /* line 165, ../sass/tips.scss */
          .main .main_home .tips_list .tips ul li:hover {
            box-shadow: 0px 1px 19px 0px rgba(0, 0, 0, 0.18);
            background-color: white; }
            /* line 170, ../sass/tips.scss */
            .main .main_home .tips_list .tips ul li:hover .rtxt_logo img {
              transform: scale(1.2); }
        /* line 184, ../sass/tips.scss */
        .main .main_home .tips_list .tips .page_list {
          height: auto;
          display: flex;
          justify-content: center;
          padding-bottom: 130px; }
          /* line 191, ../sass/tips.scss */
          .main .main_home .tips_list .tips .page_list span {
            display: inline-block;
            height: 43px;
            width: 43px;
            background-color: #f5f5f7;
            text-align: center;
            margin-right: 18px; }
            /* line 199, ../sass/tips.scss */
            .main .main_home .tips_list .tips .page_list span a {
              display: inline-block;
              height: 43px;
              width: 100%;
              font-size: 25px;
              line-height: 43px;
              color: #666666; }
          /* line 209, ../sass/tips.scss */
          .main .main_home .tips_list .tips .page_list .current {
            background-color: #004ca6; }
            /* line 212, ../sass/tips.scss */
            .main .main_home .tips_list .tips .page_list .current a {
              color: white; }
          /* line 217, ../sass/tips.scss */
          .main .main_home .tips_list .tips .page_list span:hover {
            background-color: #004ca6; }
            /* line 220, ../sass/tips.scss */
            .main .main_home .tips_list .tips .page_list span:hover a {
              color: white; }

@media screen and (max-width: 1500px) {
  /* line 233, ../sass/tips.scss */
  .main .main_home .tips_list .tips ul {
    width: 1210px; }
    /* line 236, ../sass/tips.scss */
    .main .main_home .tips_list .tips ul li {
      width: 350px; }
      /* line 239, ../sass/tips.scss */
      .main .main_home .tips_list .tips ul li p {
        font-size: 18px;
        margin-top: 17px; }
      /* line 245, ../sass/tips.scss */
      .main .main_home .tips_list .tips ul li span {
        font-size: 19px; }

  /* line 251, ../sass/tips.scss */
  .main .main_home h2 {
    font-size: 30px; }

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

  /* line 259, ../sass/tips.scss */
  .main {
    margin-top: 200px; }

  /* line 263, ../sass/tips.scss */
  .main .main_home .about_nav {
    height: 100px; }
    /* line 269, ../sass/tips.scss */
    .main .main_home .about_nav ul li {
      margin-right: 70px; }
      /* line 272, ../sass/tips.scss */
      .main .main_home .about_nav ul li span {
        line-height: 100px;
        font-size: 24px; } }
@media screen and (max-width: 1240px) {
  /* line 282, ../sass/tips.scss */
  .main .main_home .tips_list .tips ul {
    width: 780px; }
    /* line 285, ../sass/tips.scss */
    .main .main_home .tips_list .tips ul li:nth-of-type(3n + 0) {
      margin-right: 75px; }
    /* line 289, ../sass/tips.scss */
    .main .main_home .tips_list .tips ul li:nth-of-type(2n + 0) {
      margin-right: 0px; }

  /* line 294, ../sass/tips.scss */
  .main .main_home h2 {
    font-size: 28px; }

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

  /* line 302, ../sass/tips.scss */
  .main .main_home .about_nav {
    height: 90px; }
    /* line 305, ../sass/tips.scss */
    .main .main_home .about_nav ul {
      padding-left: 100px; }
      /* line 308, ../sass/tips.scss */
      .main .main_home .about_nav ul li {
        margin-right: 50px; }
        /* line 311, ../sass/tips.scss */
        .main .main_home .about_nav ul li span {
          line-height: 90px; } }
@media screen and (max-width: 860px) {
  /* line 320, ../sass/tips.scss */
  .main .main_home .tips_list .tips {
    padding-top: 80px; }

  /* line 324, ../sass/tips.scss */
  .main .main_home .tips_list .tips ul {
    width: 650px; }
    /* line 327, ../sass/tips.scss */
    .main .main_home .tips_list .tips ul li {
      width: 300px;
      margin-right: 40px; }
      /* line 331, ../sass/tips.scss */
      .main .main_home .tips_list .tips ul li p {
        font-size: 15px;
        margin-top: 12px; }
    /* line 337, ../sass/tips.scss */
    .main .main_home .tips_list .tips ul li:nth-of-type(3n + 0) {
      margin-right: 40px; }
    /* line 341, ../sass/tips.scss */
    .main .main_home .tips_list .tips ul li:nth-of-type(2n + 0) {
      margin-right: 0px; }

  /* line 346, ../sass/tips.scss */
  .main .main_home h2 {
    font-size: 26px; }

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

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

  /* line 358, ../sass/tips.scss */
  .main .main_home .about_nav {
    height: 90px; }
    /* line 361, ../sass/tips.scss */
    .main .main_home .about_nav ul {
      padding-left: 100px; }
      /* line 364, ../sass/tips.scss */
      .main .main_home .about_nav ul li {
        margin-right: 50px; }
        /* line 367, ../sass/tips.scss */
        .main .main_home .about_nav ul li span {
          line-height: 90px; } }

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