.banner {
  position: relative; }
  .banner .left, .banner .right {
    width: 50%;
    height: 952px; }
  .banner .left {
    float: left;
    position: relative;
    background: linear-gradient(-23deg, #c24793 0%, #c24793 100%); }
    .banner .left .text {
      width: 500px;
      color: #fff;
      position: absolute;
      top: 50%;
      right: 11.8%;
      transform: translateY(-50%); }
      .banner .left .text h3 {
        font-size: 40px;
        font-family: Lato-Light;
        font-weight: 300;
        line-height: 50px;
        padding-bottom: 30px; }
      .banner .left .text p {
        font-size: 20px;
        font-family: Lato-Regular;
        font-weight: 300;
        line-height: 64px;
        margin-top: 20px;
        margin-bottom: 53px; }
      .banner .left .text a {
        display: block;
        color: #fff;
        font-size: 20px;
        border: 1px solid #fff;
        text-align: center;
        padding: 13px 0;
        width: 210px; }
  .banner .right {
    float: right; }
  .banner .mouse {
    position: absolute;
    bottom: 100px;
    left: 49.3%;
    z-index: 2; }
@keyframes bounce-down {
  25% {
    transform: translateY(-3px); }
  50% {
    transform: translateY(0); }
  75% {
    transform: translateY(3px); }
  100% {
    transform: translateY(0); } }
  .banner .animate-bounce-down {
    -webkit-animation: bounce-down 1s linear infinite;
    animation: bounce-down 1s linear infinite; }

.se2 {
  margin-top: 70px;
  margin-bottom: 70px; }
  .se2 .indexFace section {
    display: inline-block;
    vertical-align: top; }
  .se2 .indexFace .left, .se2 .indexFace .search-box {
    height: 515px; }
  .se2 .indexFace .left {
    width: 500px;
    margin-right: 10px;
    background: #f1f1f1; }
    .se2 .indexFace .left div {
      padding: 20px; }
    .se2 .indexFace .left .phone {
      display: none; }
    .se2 .indexFace .left iframe {
      width: 100%; }
  .se2 .indexFace .search-box {
    position: relative;
    width: 686px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    background: linear-gradient(45deg, #c24793, #c24793, #c24793); }
    .se2 .indexFace .search-box .text {
      position: absolute;
      top: 85px;
      left: 55px;
      width: 485px;
      z-index: 2; }
      .se2 .indexFace .search-box .text p.title {
        color: #fff;
        font-size: 30px;
        font-weight: 300;
        line-height: 38px;
        font-family: 'Lato-Light'; }
    .se2 .indexFace .search-box form {
      width: 418px;
      display: block;
      margin-top: 40px; }
      .se2 .indexFace .search-box form p {
        background: #fff;
        margin-bottom: 15px;
        height: 50px;
        line-height: 50px; }
        .se2 .indexFace .search-box form p input {
          display: inline-block;
          background: none;
          border: none;
          width: 90%;
          outline: none; }
        .se2 .indexFace .search-box form p span {
          display: inline-block;
          padding: 0;
          margin: 0; }
          .se2 .indexFace .search-box form p span svg {
            vertical-align: middle; }
      .se2 .indexFace .search-box form .sub {
        background: none;
        border: 1px solid #fff; }
        .se2 .indexFace .search-box form .sub button {
          background: none;
          border: none;
          display: inline-block;
          font-size: 20px;
          color: #fff;
          width: 100%; }
  .se2 .typeBox .type {
    width: 390px;
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    vertical-align: top; }
    .se2 .typeBox .type .text {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 35px;
      z-index: 2;
      height: 100%; }
      .se2 .typeBox .type .text .box {
        width: 100%;
        height: 100%;
        display: block; }
      .se2 .typeBox .type .text p {
        color: #c24793;
        font-size: 40px;
        font-weight: 300;
        font-family: 'Lato-Light'; }
        .se2 .typeBox .type .text p b {
          font-size: 24px;
          display: block;
          letter-spacing: 1px;
          font-weight: 600;
          font-family: 'Lato-Bold'; }
      .se2 .typeBox .type .text .more {
        opacity: 0; }
    .se2 .typeBox .type .hover {
      opacity: 0;
      transition: 0.3s;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .se2 .typeBox .type:hover {
      cursor: pointer; }
      .se2 .typeBox .type:hover .hover {
        opacity: 1; }
      .se2 .typeBox .type:hover .text p {
        color: #fff; }
      .se2 .typeBox .type:hover .text .more {
        position: absolute;
        bottom: 40px;
        color: #fff;
        font-size: 20px;
        opacity: 1;
        display: block;
        font-family: 'Lato-Light'; }
        .se2 .typeBox .type:hover .text .more span {
          border-bottom: 1px solid #fff;
          padding-bottom: 15px;
          margin-bottom: 15px;
          display: block;
          font-weight: 900;
          font-family: 'Lato-Bold'; }
  .se2 .typeBox .type:nth-child(3n) {
    margin-right: 0; }
  .se2 .typeBox .downBox .text {
    height: auto; }
  .se2 .typeBox .downBox .text a {
    color: #c24793; }
  .se2 .typeBox .downBox:hover .text a {
    color: #fff; }

@media screen and (max-width: 1680px) {
  .banner .right img {
    object-fit: cover;
    height: 100%;
    width: 100%; } }
@media screen and (max-width: 1400px) {
  .banner .left, .banner .right {
    height: 800px; }

  .se2 .indexFace .search-box {
    width: 655px; }

  .se2 .typeBox .type {
    width: 380px; } }
@media screen and (max-width: 1250px) {
  .se2 .indexFace {
    height: 525px; } }
@media screen and (max-width: 1200px) {
  .se2 .indexFace .search-box {
    width: 455px; }

  .se2 .indexFace .search-box .text {
    width: 90%; }
    .se2 .indexFace .search-box .text p.title {
      font-size: 24px; }

  .se2 .indexFace .search-box .text {
    width: 80%; }

  .se2 .indexFace .search-box form {
    width: auto; }

  .se2 .typeBox .type {
    width: 314px; }

  .banner .left .text {
    width: 70%; }
    .banner .left .text h3 {
      font-size: 28px; }

  .se2 .typeBox .type .text p {
    font-size: 24px; }
    .se2 .typeBox .type .text p b {
      font-size: 18px; } }
@media screen and (max-width: 999px) {
  .se2 .indexFace .search-box {
    width: 56%; }
    .se2 .indexFace .search-box .text {
      width: 90%;
      top: 20px;
      left: 20px; }
    .se2 .indexFace .search-box form {
      width: 100%; }

  .se2 .typeBox .type:hover .text .more span {
    margin-bottom: 5px;
    padding-top: 5px; }

  .banner .left, .banner .right {
    height: 515px; }

  .banner .left .text h3 {
    line-height: 26px;
    padding-bottom: 20px;
    font-size: 24px; }
  .banner .left .text p {
    line-height: 24px;
    margin-bottom: 30px; }

  .se2 .indexFace .search-box .text p.title {
    line-height: 30px;
    font-size: 20px; }

  .se2 .typeBox .type {
    width: 240px; }
    .se2 .typeBox .type .text {
      padding: 20px; } }
@media screen and (min-width: 768px) and (max-width: 999px) {
  .se2 .indexFace .search-box {
    width: 31%; }

  .se2 .indexFace .search-box form p input {
    width: 85%; } }
@media screen and (max-width: 767px) {
  .banner .left .text {
    width: 80%; }
    .banner .left .text a {
      font-size: 14px; }
  .banner .left {
    width: 100%;
    height: 250px; }
  .banner .right {
    width: 100%;
    height: 360px; }
  .banner .mouse {
    display: none; }

  .se2 {
    margin-top: 30px;
    margin-bottom: 30px; }
    .se2 .indexFace {
      height: 100%; }
      .se2 .indexFace .left, .se2 .indexFace .search-box {
        width: 100%; }
      .se2 .indexFace .search-box {
        height: 300px; }
      .se2 .indexFace .search-box .text p.title {
        font-size: 16px; }

  .se2 .indexFace .left div {
    padding: 10px;
    width: 100%; }
  .se2 .indexFace .left .pc {
    display: none; }
  .se2 .indexFace .left .phone {
    display: block; }
    .se2 .indexFace .left .phone ._2_qo img {
      width: 100%; }

  .se2 .typeBox .type {
    width: 48.5%;
    margin-right: 1%;
    margin-bottom: 1%; }
    .se2 .typeBox .type .text {
      padding: 10px; }
      .se2 .typeBox .type .text p {
        font-size: 16px; }
      .se2 .typeBox .type .text p b {
        font-size: 14px; }

  .se2 .typeBox .type:nth-child(2n) {
    margin-right: 0; }

  .se2 .typeBox .type:nth-child(3n) {
    margin-right: 1%; } }

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