.banner {
  position: relative; }
  .banner::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ifb.png) no-repeat;
    background-size: cover; }
  .banner .bg {
    display: block;
    width: 100%;
    height: 39.375vw;
    object-fit: cover; }
  .banner .text {
    position: absolute;
    width: 100%;
    bottom: 6.1458333333vw;
    padding: 0 5.625vw;
    color: white;
    z-index: 5; }
    .banner .text .p1 {
      font-weight: 700;
      margin-bottom: 3.6458333333vw; }
    .banner .text .t_b {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .banner .text .t_b .lt {
        display: flex;
        gap: 3.125vw;
        line-height: 1.5; }
      .banner .text .t_b .share {
        display: flex;
        gap: 1.0416666667vw;
        line-height: 2; }
        .banner .text .t_b .share .icons {
          display: flex;
          gap: 0.8854166667vw; }
          .banner .text .t_b .share .icons a img {
            display: block;
            width: 1.875vw; }

.container {
  padding: 1.4583333333vw 11.3020833333vw 11.3541666667vw 11.3020833333vw; }
  .container .breadmenu {
    display: flex;
    align-items: center;
    gap: 0.3645833333vw;
    color: #999;
    line-height: 2.66; }
    .container .breadmenu img {
      display: block;
      width: 0.7291666667vw; }
    .container .breadmenu a {
      transition: all 600ms; }
      .container .breadmenu a:hover {
        color: #000; }
  .container .html {
    margin: 3.125vw 0 4.8958333333vw 0;
    line-height: 2; }
  .container .pager {
    display: flex;
    flex-direction: column;
    gap: 1.0416666667vw; }
    .container .pager a {
      display: flex;
      justify-content: space-between;
      padding: 2.2916666667vw 2.96875vw;
      background: #FAFAFA; }
      .container .pager a .lt {
        display: flex;
        gap: 4.7916666667vw;
        color: #999;
        transition: all 600ms; }
        .container .pager a .lt p {
          width: 26.0416666667vw;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .container .pager a svg {
        display: block;
        width: 1.3020833333vw;
        height: auto; }
      .container .pager a:hover .lt {
        color: #000; }

@media screen and (max-width: 768px) {
  .banner {
    margin-top: 60px; }
    .banner::after {
      background-size: auto 100%; }
    .banner .bg {
      height: 300px; }
    .banner .text {
      top: 50%;
      bottom: auto;
      transform: translateY(-50%);
      padding: 0 5%; }
      .banner .text .p1 {
        font-size: 20px;
        margin-bottom: 20px; }
      .banner .text .t_b {
        gap: 20px; }
        .banner .text .t_b .lt {
          flex-direction: column;
          gap: 10px;
          font-size: 14px; }
        .banner .text .t_b .share {
          flex-direction: column;
          gap: 10px;
          align-items: flex-start;
          font-size: 14px; }
          .banner .text .t_b .share .icons {
            gap: 15px; }
            .banner .text .t_b .share .icons a img {
              width: 28px; }

  .container {
    padding: 20px 5% 40px 5%; }
    .container .breadmenu {
      gap: 5px;
      font-size: 14px;
      line-height: 1.5; }
      .container .breadmenu img {
        width: 12px; }
    .container .html {
      margin: 20px 0 40px 0;
      line-height: 1.8;
      font-size: 14px; }
    .container .pager {
      gap: 15px; }
      .container .pager a {
        gap: 10px;
        padding: 20px; }
        .container .pager a .lt {
          gap: 10px;
          font-size: 14px;
          width: 80%; }
          .container .pager a .lt p {
            width: 100%;
            flex: 1; }
        .container .pager a svg {
          width: 20px; } }