.container {
  padding-bottom: 2.8645833333vw; }
  .container .sec1 {
    background: #F8FAFC;
    padding: 11.3541666667vw 22.03125vw 1.6145833333vw 20.8333333333vw; }
    .container .sec1 .back {
      width: 2.0833333333vw;
      height: 2.0833333333vw;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 600ms;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #E5E7EB; }
      .container .sec1 .back svg {
        display: block;
        width: 1.25vw;
        transition: all 600ms; }
      .container .sec1 .back:hover {
        background: #033491;
        border-color: transparent; }
        .container .sec1 .back:hover svg {
          filter: brightness(0) invert(1); }
    .container .sec1 .t {
      color: #033491;
      margin: 1.25vw 0 3.3854166667vw; }
    .container .sec1 .t_share {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .container .sec1 .t_share .time {
        color: #033491; }
      .container .sec1 .t_share .share {
        display: flex;
        gap: 0.46875vw;
        color: #6A7282;
        align-items: center; }
        .container .sec1 .t_share .share .icons {
          display: flex;
          gap: 0.3125vw; }
          .container .sec1 .t_share .share .icons a {
            display: block; }
            .container .sec1 .t_share .share .icons a img {
              width: 2.5vw;
              display: block;
              transition: all 600ms; }
            .container .sec1 .t_share .share .icons a:hover img {
              transform: scale(1.05); }
  .container .wrap {
    padding: 2.7083333333vw 22.03125vw 4.0104166667vw 20.8333333333vw; }
    .container .wrap .html {
      color: #6A7282;
      font-weight: 350;
      line-height: 1.5; }
    .container .wrap .pager {
      margin-top: 5.3125vw;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0.46875vw; }
      .container .wrap .pager a {
        display: flex;
        align-items: center;
        width: 8.4375vw;
        justify-content: center;
        gap: 0.4166666667vw;
        color: #033491;
        transition: all 600ms;
        font-weight: 700;
        position: relative;
        padding: 0.625vw 0;
        z-index: 2; }
        .container .wrap .pager a::before {
          content: '';
          display: block;
          position: absolute;
          inset: 0;
          background: #033491;
          z-index: -1;
          transform: skew(-20deg);
          opacity: 0;
          transition: all 600ms; }
        .container .wrap .pager a svg {
          display: block;
          width: 0.9375vw;
          height: auto;
          margin-top: 0.15625vw; }
          .container .wrap .pager a svg path {
            stroke: #033491;
            transition: all 600ms; }
        .container .wrap .pager a:hover {
          color: #fff; }
          .container .wrap .pager a:hover::before {
            opacity: 1; }
          .container .wrap .pager a:hover svg path {
            stroke: #fff; }
      .container .wrap .pager .prev::before {
        transform: skew(-20deg) translateX(0.5208333333vw); }
  .container .rec {
    padding: 0 8.3333333333vw; }
    .container .rec .t {
      text-align: center;
      margin-bottom: 4.4791666667vw; }
      .container .rec .t p {
        display: inline-block;
        color: #033491;
        font-weight: 700;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 0.8333333333vw;
        align-items: center; }
        .container .rec .t p::after {
          content: '';
          display: block;
          width: 4.1666666667vw;
          height: 0.2083333333vw;
          background: #033491;
          border-radius: 1.0416666667vw; }
    .container .rec .news .swiper1 {
      width: 100%;
      overflow: hidden; }
      .container .rec .news .swiper1 a {
        display: block; }
        .container .rec .news .swiper1 a .pic img {
          width: 100%;
          display: block;
          object-fit: cover;
          height: 16.09375vw; }
        .container .rec .news .swiper1 a .text {
          margin-top: 1.71875vw;
          color: #6A7282;
          line-height: 1.54; }
          .container .rec .news .swiper1 a .text .pt {
            font-weight: 700;
            transition: all 600ms; }
          .container .rec .news .swiper1 a .text .des {
            margin: 0.8333333333vw 0 0.4166666667vw; }
        .container .rec .news .swiper1 a:hover .text .pt {
          color: #033491; }

@media screen and (max-width: 768px) {
  .container {
    padding: 60px 0 40px; }
    .container .sec1 {
      padding: 30px 5%; }
      .container .sec1 .back {
        width: 30px;
        height: 30px; }
        .container .sec1 .back svg {
          width: 12px; }
      .container .sec1 .t {
        margin: 15px 0;
        font-size: 20px; }
      .container .sec1 .t_share .time {
        font-size: 14px; }
      .container .sec1 .t_share .share {
        gap: 8px; }
        .container .sec1 .t_share .share p {
          font-size: 14px; }
        .container .sec1 .t_share .share .icons {
          gap: 5px; }
          .container .sec1 .t_share .share .icons a img {
            width: 30px; }
    .container .wrap {
      padding: 30px 5%; }
      .container .wrap .html {
        font-size: 14px;
        line-height: 1.6; }
        .container .wrap .html img {
          margin: 10px 0; }
      .container .wrap .pager {
        margin-top: 20px;
        padding: 0 5%; }
        .container .wrap .pager a {
          width: 130px;
          padding: 10px 0;
          font-size: 14px; }
          .container .wrap .pager a svg {
            width: 14px;
            margin-top: 2px; }
    .container .rec {
      padding: 0 5%; }
      .container .rec .t {
        margin-bottom: 20px; }
        .container .rec .t p {
          font-size: 18px;
          gap: 10px; }
          .container .rec .t p::after {
            width: 60px;
            height: 3px;
            border-radius: 15px; }
      .container .rec .news .swiper1 a .pic img {
        height: 200px; }
      .container .rec .news .swiper1 a .text {
        margin-top: 15px; }
        .container .rec .news .swiper1 a .text .pt {
          font-size: 16px; }
        .container .rec .news .swiper1 a .text .des {
          margin: 10px 0 5px;
          font-size: 14px; } }

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