.bem-search {
  width: 100%;
  background: #e6e6e6;
  position: relative;
  overflow: hidden;
  text-align: center; }
  .bem-search__ornament {
    width: 720px;
    position: absolute;
    top: -562px;
    left: 0px;
    z-index: 1; }
  .bem-search__searchBox {
    width: 250px;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 24px 12px; }
    .bem-search__searchBox__freewords {
      color: #fff;
      position: absolute;
      top: -16px;
      left: -16px;
      background: linear-gradient(-55deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, #111b3f 30%, #111b3f 100%);
      font-size: 14px;
      font-weight: bold;
      padding: 10px 88px 10px 16px; }
    .bem-search__searchBox__freewordsbox {
      width: 100%;
      position: relative;
      height: 36px; }
      .bem-search__searchBox__freewordsbox__text {
        width: 100%;
        background: #e6e6e6;
        border: none;
        box-shadow: none;
        line-height: 30px; }
      .bem-search__searchBox__freewordsbox__btn {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        border: none;
        background: none;
        color: #303030;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        padding: 0;
        cursor: pointer; }
        .bem-search__searchBox__freewordsbox__btn:hover {
          color: #111b3f; }
        .bem-search__searchBox__freewordsbox__btn i {
          width: 20px;
          height: 20px;
          line-height: 20px;
          text-align: center; }
    .bem-search__searchBox__title {
      width: 100%;
      text-align: center;
      font-weight: bold;
      font-size: 14px;
      position: relative;
      padding-left: 12px; }
      .bem-search__searchBox__title__img {
        width: 16px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 60px; }
    .bem-search__searchBox__ul {
      width: 100%; }
      .bem-search__searchBox__ul__li {
        width: 100%;
        margin-bottom: 8px; }
        .bem-search__searchBox__ul__li:last-of-type {
          margin-bottom: 0; }
        .bem-search__searchBox__ul__li__link {
          width: 100%;
          border: 1px solid #ccc;
          background: #fff;
          overflow: hidden;
          position: relative;
          border-radius: 4px;
          display: -webkit-flex;
          display: flex;
          padding: 8px 8px 8px 16px; }
          .bem-search__searchBox__ul__li__link::after {
            content: "";
            background: #111b3f;
            height: 10px;
            width: 6px;
            clip-path: polygon(0 0, 100% 50%, 0 100%);
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            left: 0; }
          .bem-search__searchBox__ul__li__link::before {
            position: absolute;
            top: -58px;
            left: 0;
            width: 157px;
            height: 166px;
            content: '';
            -webkit-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            -webkit-transform: translateX(-98%) translateY(-70%) rotate(120deg);
            transform: translateX(-98%) translateY(-70%) rotate(120deg);
            background: #82879b; }
          .bem-search__searchBox__ul__li__link:hover::before {
            -webkit-transform: translateX(-9%) translateY(-25%) rotate(120deg);
            transform: translateX(-9%) translateY(-25%) rotate(120deg); }
          .bem-search__searchBox__ul__li__link:hover::after {
            background: #fff; }
          .bem-search__searchBox__ul__li__link:hover .bem-search__searchBox__ul__li__link__title {
            color: #fff; }
          .bem-search__searchBox__ul__li__link--active::before {
            -webkit-transform: translateX(-9%) translateY(-25%) rotate(120deg);
            transform: translateX(-9%) translateY(-25%) rotate(120deg); }
          .bem-search__searchBox__ul__li__link--active::after {
            background: #fff; }
          .bem-search__searchBox__ul__li__link--active .bem-search__searchBox__ul__li__link__title {
            color: #fff; }
          .bem-search__searchBox__ul__li__link__title {
            width: 70%;
            font-size: 14px;
            font-weight: bold;
            position: relative;
            z-index: 2; }
          .bem-search__searchBox__ul__li__link__count {
            width: 30%;
            font-size: 12px;
            position: relative;
            z-index: 2;
            text-align: right; }
            .bem-search__searchBox__ul__li__link__count strong {
              font-size: 14px;
              font-weight: bold; }
  .bem-search__searchList {
    width: 950px;
    position: relative;
    z-index: 2;
    padding-left: 48px; }
    .bem-search__searchList__result {
      width: 100%;
      background: #111b3f;
      color: #fff;
      text-align: center;
      font-size: 16px;
      padding: 20px 8px; }
      .bem-search__searchList__result__title {
        width: 30%;
        text-align: center;
        line-height: 26px;
        font-size: 16px;
        font-weight: bold;
        position: relative; }
        .bem-search__searchList__result__title::before {
          content: "";
          width: 1px;
          height: 54px;
          background: #fff;
          transform: rotate(40deg);
          position: absolute;
          top: -25px;
          left: 40px; }
        .bem-search__searchList__result__title::after {
          content: "";
          width: 1px;
          height: 54px;
          background: #fff;
          transform: rotate(40deg);
          position: absolute;
          bottom: -25px;
          right: 40px; }
      .bem-search__searchList__result__text {
        width: 65%;
        text-align: center; }
        .bem-search__searchList__result__text strong {
          font-size: 26px;
          font-weight: bold; }
    .bem-search__searchList__article {
      width: 100%;
      background: #fff;
      padding: 24px;
      margin-bottom: 48px;
      box-shadow: 6px 6px 1px #ccc; }
      .bem-search__searchList__article__about {
        width: 60%;
        position: relative; }
        .bem-search__searchList__article__about__title {
          width: 100%;
          text-align: left;
          font-size: 20px;
          line-height: 28px;
          font-weight: bold;
          padding: 0 0 24px 88px;
          overflow: hidden;
          display: -webkit-box;
          text-overflow: ellipsis;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          height: 58px;
          margin-bottom: 22px; }
        .bem-search__searchList__article__about__img {
          width: 100%;
          height: 394px;
          object-fit: cover; }
        .bem-search__searchList__article__about__ornament {
          position: absolute;
          top: 20px;
          left: -48px;
          width: 120px; }
      .bem-search__searchList__article__detail {
        width: 40%;
        position: relative;
        padding-left: 16px; }
        .bem-search__searchList__article__detail__contact {
          position: absolute;
          top: -40px;
          right: 0;
          background: #111b3f;
          padding: 4px 16px;
          overflow: hidden; }
          .bem-search__searchList__article__detail__contact::after {
            content: "";
            background-color: #ccc;
            width: 16px;
            height: 40px;
            clip-path: polygon(0 0, 0% 50%, 100% 50%);
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            right: -16px; }
          .bem-search__searchList__article__detail__contact:hover::before {
            -webkit-transform: translateX(-9%) translateY(-25%) rotate(120deg);
            transform: translateX(-9%) translateY(-25%) rotate(120deg); }
          .bem-search__searchList__article__detail__contact::before {
            position: absolute;
            top: 0;
            left: 0px;
            width: 300px;
            height: 300px;
            content: '';
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
            -webkit-transform: translateX(-98%) translateY(-70%) rotate(120deg);
            transform: translateX(-98%) translateY(-70%) rotate(120deg);
            background: #82879b;
            z-index: 0; }
          .bem-search__searchList__article__detail__contact__text {
            color: #fff;
            font-size: 12px;
            padding-right: 16px;
            border-right: 1px solid #fff;
            text-align: left;
            line-height: 16px;
            position: relative;
            z-index: 1; }
          .bem-search__searchList__article__detail__contact__btn {
            color: #fff;
            font-size: 14px;
            line-height: 32px;
            padding-left: 16px;
            position: relative;
            z-index: 1; }
            .bem-search__searchList__article__detail__contact__btn i {
              color: #fff;
              float: inline-end;
              line-height: 32px;
              margin-left: 10px;
              font-size: 12px; }
        .bem-search__searchList__article__detail__detailbtn {
          background: #82879b;
          color: #fff;
          height: 40px;
          line-height: 40px;
          float: right;
          width: 137px;
          margin-top: 12px;
          position: relative;
          overflow: hidden; }
          .bem-search__searchList__article__detail__detailbtn:hover {
            color: #fff; }
            .bem-search__searchList__article__detail__detailbtn:hover::before {
              -webkit-transform: translateX(-9%) translateY(-25%) rotate(120deg);
              transform: translateX(-9%) translateY(-25%) rotate(120deg); }
          .bem-search__searchList__article__detail__detailbtn::before {
            position: absolute;
            top: 0;
            left: 0px;
            width: 300px;
            height: 300px;
            content: '';
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
            -webkit-transform: translateX(-98%) translateY(-70%) rotate(120deg);
            transform: translateX(-98%) translateY(-70%) rotate(120deg);
            background: #111b3f;
            z-index: 0; }
          .bem-search__searchList__article__detail__detailbtn span {
            position: relative;
            z-index: 2; }
          .bem-search__searchList__article__detail__detailbtn__figure {
            width: 40px;
            height: 40px;
            float: inline-end;
            background: #111b3f;
            position: relative; }
            .bem-search__searchList__article__detail__detailbtn__figure__img {
              width: 26px;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; }
        .bem-search__searchList__article__detail__text {
          width: 100%;
          font-size: 14px;
          line-height: 20px;
          margin-top: 26px;
          text-align: left;
          overflow: hidden;
          display: -webkit-box;
          text-overflow: ellipsis;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 6; }
        .bem-search__searchList__article__detail__table {
          width: 100%;
          margin-top: 32px;
          border-collapse: separate;
          border-spacing: 4px; }
          .bem-search__searchList__article__detail__table tbody {
            width: 100%; }
            .bem-search__searchList__article__detail__table tbody tr {
              width: 100%; }
              .bem-search__searchList__article__detail__table tbody tr th {
                width: 60px;
                background: #111b3f;
                color: #fff;
                font-size: 14px;
                padding: 4px 8px;
                text-align: center;
                vertical-align: middle; }
                .bem-search__searchList__article__detail__table tbody tr th.large {
                  height: 56px; }
              .bem-search__searchList__article__detail__table tbody tr td {
                background: #e6e6e6;
                text-align: left;
                vertical-align: middle;
                font-size: 14px;
                line-height: 24px;
                padding: 4px 8px; }
              .bem-search__searchList__article__detail__table tbody tr:nth-of-type(even) th {
                background: #82879b; }
              .bem-search__searchList__article__detail__table tbody tr:nth-of-type(even) td {
                background: #f5f5f5; }

/*# sourceMappingURL=d--searches--index.css.map */