body .home {
  background: url(../images/nbg.png) no-repeat;
  background-size: 100%; }
  body .home .container {
    padding: 14.8958333333vw 3.6458333333vw 5.3125vw 3.6458333333vw; }
    body .home .container .title {
      width: 61.5104166667vw;
      font-weight: 500;
      text-transform: capitalize; }
    body .home .container .dt {
      margin: 1.0416666667vw 0 3.75vw 0;
      display: flex;
      align-items: center;
      gap: 1.9791666667vw; }
      body .home .container .dt .tag {
        color: #FFF;
        min-width: 5.9895833333vw;
        text-align: center;
        padding: 0.5208333333vw 0;
        background: #2690C5;
        text-transform: uppercase; }
      body .home .container .dt .time {
        color: #999;
        line-height: 1.2;
        text-transform: capitalize; }
    body .home .container .content {
      margin-top: 3.75vw;
      display: flex;
      justify-content: space-between; }
      body .home .container .content .lbox {
        width: 62.9166666667vw; }
        body .home .container .content .lbox .html {
          font-size: 1.0416666667vw;
          line-height: 1.4; }
          body .home .container .content .lbox .html .h_2 {
            font-weight: 500;
            font-size: 1.25vw; }
        body .home .container .content .lbox .pager {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 4.1666666667vw; }
          body .home .container .content .lbox .pager .prev, body .home .container .content .lbox .pager .next {
            display: flex;
            align-items: center;
            width: 20.8333333333vw; }
            body .home .container .content .lbox .pager .prev img, body .home .container .content .lbox .pager .next img {
              width: 0.8333333333vw; }
            body .home .container .content .lbox .pager .prev p, body .home .container .content .lbox .pager .prev span, body .home .container .content .lbox .pager .next p, body .home .container .content .lbox .pager .next span {
              color: #000;
              opacity: 0.34;
              line-height: 1.5;
              transition: all 600ms; }
            body .home .container .content .lbox .pager .prev p, body .home .container .content .lbox .pager .next p {
              margin: 0 1.0416666667vw; }
            body .home .container .content .lbox .pager .prev span, body .home .container .content .lbox .pager .next span {
              max-width: 70%;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
            body .home .container .content .lbox .pager .prev:hover p, body .home .container .content .lbox .pager .prev:hover span, body .home .container .content .lbox .pager .next:hover p, body .home .container .content .lbox .pager .next:hover span {
              opacity: 1; }
          body .home .container .content .lbox .pager .next {
            justify-content: flex-end; }
          body .home .container .content .lbox .pager .back {
            line-height: 1.5;
            transition: all 600ms; }
            body .home .container .content .lbox .pager .back:hover {
              color: #2690C5; }
      body .home .container .content .rbox {
        width: 21.3541666667vw; }
        body .home .container .content .rbox .pt {
          text-transform: capitalize;
          font-weight: 500;
          margin-bottom: 3.125vw; }
        body .home .container .content .rbox .list a {
          display: block;
          width: 100%;
          border-radius: 2px;
          border: 1px solid #F7F7F7;
          background: #FFF;
          box-shadow: 0px 8px 25.1px 0px rgba(0, 0, 0, 0.05);
          padding: 1.3020833333vw; }
          body .home .container .content .rbox .list a:not(:last-child) {
            margin-bottom: 3.125vw; }
          body .home .container .content .rbox .list a .pic {
            overflow: hidden; }
            body .home .container .content .rbox .list a .pic img {
              width: 100%;
              height: 10.5208333333vw;
              display: block;
              object-fit: cover;
              transition: all 600ms; }
          body .home .container .content .rbox .list a .pt {
            margin: 0.6770833333vw 0 1.0416666667vw 0;
            line-height: 1.5;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            transition: all 600ms; }
          body .home .container .content .rbox .list a .tag {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            body .home .container .content .rbox .list a .tag .time {
              color: #999;
              line-height: 1.25; }
            body .home .container .content .rbox .list a .tag .more {
              display: flex;
              align-items: center;
              line-height: 1.11;
              transition: all 600ms; }
              body .home .container .content .rbox .list a .tag .more img {
                width: 0.78125vw;
                margin-left: 0.5208333333vw; }
          body .home .container .content .rbox .list a:hover .pic img {
            transform: scale(1.05); }
          body .home .container .content .rbox .list a:hover .pt {
            color: #2690C5; }
          body .home .container .content .rbox .list a:hover .tag .more {
            color: #2690C5; }
  @media screen and (max-width: 768px) {
    body .home {
      background-size: cover; }
      body .home .container {
        padding: 100px 5% 50px 5%; }
        body .home .container .title {
          width: 100%;
          font-size: 24px;
          line-height: 1.35; }
        body .home .container .dt {
          margin: 15px 0 40px 0;
          gap: 20px; }
          body .home .container .dt .tag {
            min-width: 80px;
            padding: 5px 0; }
        body .home .container .content {
          margin-top: 40px;
          flex-direction: column; }
          body .home .container .content .lbox {
            width: 100%; }
            body .home .container .content .lbox .html .h_2 {
              font-size: 18px; }
            body .home .container .content .lbox .pager {
              flex-direction: column;
              gap: 10px;
              padding-bottom: 30px; }
              body .home .container .content .lbox .pager .prev, body .home .container .content .lbox .pager .next {
                width: 100%; }
                body .home .container .content .lbox .pager .prev img, body .home .container .content .lbox .pager .next img {
                  width: 12px; }
                body .home .container .content .lbox .pager .prev p, body .home .container .content .lbox .pager .next p {
                  margin: 0 10px; }
              body .home .container .content .lbox .pager .back {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                text-align: center; }
          body .home .container .content .rbox {
            width: 100%;
            margin-top: 40px; }
            body .home .container .content .rbox .pt {
              margin-bottom: 20px;
              font-size: 18px; }
            body .home .container .content .rbox .list a {
              padding: 15px; }
              body .home .container .content .rbox .list a:not(:last-child) {
                margin-bottom: 30px; }
              body .home .container .content .rbox .list a .pic img {
                height: 176px; }
              body .home .container .content .rbox .list a .pt {
                margin: 10px 0 15px 0; }
              body .home .container .content .rbox .list a .tag .more img {
                width: 12px;
                margin-left: 5px; } }

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