.home {
  position: relative;
  width: 100%; }
  .home .section1 {
    position: relative;
    margin: 6.7708333333vw 29.4270833333vw 6.25vw 29.4270833333vw;
    display: flex;
    align-items: center;
    padding: 0.5208333333vw 0; }
    .home .section1 .icon svg {
      display: block;
      width: 3.2291666667vw; }
    .home .section1 input {
      color: #000;
      font-size: 2.0833333333vw;
      border: none;
      outline: none;
      line-height: 1.5;
      margin-left: 2.5vw; }
      .home .section1 input::placeholder {
        color: #666; }
    .home .section1 .btn {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
      .home .section1 .btn svg {
        width: 1.4583333333vw;
        display: block; }
    .home .section1::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 2px;
      width: 100%;
      background: linear-gradient(90deg, rgba(0, 59, 131, 0) -7.62%, #003B83 102.28%); }
  .home .section2 {
    margin: 0 9.375vw; }
    .home .section2 .t1 {
      color: #666;
      font-size: 1.25vw; }
    .home .section2 .types {
      display: flex;
      margin-top: 2.0833333333vw; }
      .home .section2 .types .item {
        color: #555;
        font-size: 0.7291666667vw;
        margin-right: 3.6458333333vw;
        border-bottom: 0.15625vw solid transparent;
        padding-bottom: 0.4166666667vw;
        cursor: pointer;
        transition: all 600ms; }
      .home .section2 .types .on {
        color: #003B83;
        border-color: #003B83; }
    .home .section2 .content .warp {
      display: none; }
      .home .section2 .content .warp .list {
        margin: 2.0833333333vw 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .home .section2 .content .warp .list a {
          border-bottom: 1px dashed #DDD;
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 45%;
          padding: 1.09375vw 0; }
          .home .section2 .content .warp .list a span {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #888;
            transition: all 600ms; }
          .home .section2 .content .warp .list a p {
            width: calc(98% - 6px);
            color: #666;
            font-size: 0.8333333333vw;
            transition: all 600ms; }
          .home .section2 .content .warp .list a:hover span {
            background: #003B83; }
          .home .section2 .content .warp .list a:hover p {
            color: #003B83; }
      .home .section2 .content .warp .more {
        width: 7.7083333333vw;
        height: 2.1875vw;
        background: url(/images/icon_border.png) no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background-size: 100% 100%;
        transition: all 600ms;
        margin: 4.1666666667vw auto;
        overflow: hidden;
        cursor: pointer; }
        .home .section2 .content .warp .more::before {
          background: url(/images/icon_bg.png) no-repeat;
          background-size: cover;
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          opacity: 0;
          transition: all 600ms; }
        .home .section2 .content .warp .more p {
          background: linear-gradient(134deg, #0579FF -2.75%, #36DBFF 108.94%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size: 1.0416666667vw;
          font-family: 'PINGFANGSC';
          transition: all 600ms;
          position: relative;
          z-index: 2; }
        .home .section2 .content .warp .more svg {
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 2.7604166667vw;
          display: block;
          transform: translateX(100%);
          transition: all 600ms;
          z-index: 2; }
        .home .section2 .content .warp .more:hover::before {
          opacity: 1; }
        .home .section2 .content .warp .more:hover p {
          color: white;
          background: transparent;
          -webkit-text-fill-color: white; }
        .home .section2 .content .warp .more:hover svg {
          transform: translateX(0); }
    .home .section2 .content .on {
      display: block; }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 60px; }
      .home .section1 {
        margin: 20px auto;
        width: 90%;
        padding: 10px 0; }
        .home .section1 .icon svg {
          width: 20px;
          height: auto; }
        .home .section1 input {
          margin-left: 15px;
          width: 100%;
          font-size: 20px; }
        .home .section1 .btn svg {
          width: 20px; }
      .home .section2 {
        margin: 0 5% 60px 5%; }
        .home .section2 .t1 {
          font-size: 18px; }
        .home .section2 .types {
          margin-top: 20px; }
          .home .section2 .types .item {
            margin-right: 20px;
            padding-bottom: 5px;
            font-size: 16px; }
        .home .section2 .content .warp .list {
          margin: 20px 0; }
          .home .section2 .content .warp .list a {
            width: 100%;
            margin-bottom: 10px; }
            .home .section2 .content .warp .list a p {
              font-size: 14px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
        .home .section2 .content .warp .more {
          width: 120px;
          height: 35px; }
          .home .section2 .content .warp .more svg {
            width: 55px; }
          .home .section2 .content .warp .more p {
            font-size: 16px; } }

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