.swiper {
      width: 100%;
      overflow: hidden;
      margin: auto;
      height: 100%;
    }

    .mySwiper {
      background: url('../imgs/news/industry-button.png') 50% 50% no-repeat;
      background-size: cover;
      height: 28.44rem;
      position: relative;
    }

    .mySwiper .swiper-slide {
      background-size: cover;
      width: 100% !important;
      padding: 0 0.88rem;
      margin-top: 3.22rem;
    }

    .mySwiper .swiper-slide .location‌ {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      padding: 0 0.88rem;
      margin-top: 3.22rem;
    }

    .mySwiper .swiper-slide .location‌txt {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      display: flex;
      align-items: center;
    }

    .mySwiper .swiper-slide img {
      display: block;
      width: 100%;
      border-radius: 16px;
    }

    .mySwiper .swiper-pagination {
      text-align: left;
    }

    .mySwiper>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      width: 100%;
      left: 0.88rem;
    }

    .mySwiper .swiper-pagination-bullet {
      background: rgba(0, 0, 0, 0.5);
    }

    .mySwiper .swiper-pagination-bullet-active {
      background: #095FC1;
      width: 40px;
      border-radius: 4px;
    }

    .slide-right {
      width: 100%;
      margin-top: 1.11rem;
    }

    .slide-left img {
      width: 100%;
      height: 11.11rem;
    }

    .slide-right .tag {
      height: 1.4rem;
      background: rgba(9, 95, 193, 0.1);
      border-radius: 4px 4px 4px 4px;
      text-align: center;
      font-weight: 400;
      font-size: 0.66rem;
      color: #095FC1;
      line-height: 1.4rem;
      width: 4.2rem;
      display: block;
    }

    .slide-right .title {
      font-weight: 500;
      font-size: 0.88rem;
      color: #07021B;
      margin-top: 0.44rem;
    }

    .slide-right .subtitle {
      font-weight: 400;
      font-size: 16px;
      color: #505764;
      margin-top: 24px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    .slide-right .info {
      display: flex;
      gap: 32px;
      margin-top: 24px;
    }

    .slide-right .info .iconfont {
      font-size: 12px;
    }

    .slide-right .info .time {
      font-weight: 400;
      font-size: 12px;
      color: #505764;
      display: flex;
      align-items: center;
      gap: 3px;
    }

    .slide-right .info .view {
      font-weight: 400;
      font-size: 12px;
      color: #505764;
      display: flex;
      align-items: center;
      gap: 3px;
    }


    .news-container {
      background: #F7F8FB;
    }

    .news-container .tabs {
      background: #fff;
      display: flex;
      align-items: end;
      justify-content: center;
      height: 2.55rem;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    }

    .news-container .tabs .tab-item {
      font-weight: 400;
      font-size: 1rem;
      color: #505764;
      position: relative;
      cursor: pointer;
      width:50%;
      text-align: center;
    }

    .news-container .tabs .active {
      font-weight: 500;
      font-size: 1rem;
      color: #095FC1;
    }

    .news-container .tabs .tab-item::after {
      width: 2.22rem;
      content: "";
      display: block;
      border-bottom: 2px solid transparent;
      text-align: center;
      margin: 0 auto;
      margin-top: 0.44rem;
      border-radius: 2px;
    }

    .news-container .tabs .active::after {
      width: 2.22rem;
      content: "";
      display: block;
      border-bottom: 2px solid #095FC1;
      text-align: center;
      margin: 0 auto;
      margin-top: 0.44rem;
      border-radius: 2px;
    }

    .newsList {
      background: #F7F8FB;
      padding-bottom: 1.94rem;
    }
    .newsList-left-body{
      width:100%;
      padding: 0.66rem;
    }
    .newsList .news-item {
      width:100%;
      background: #FFFFFF;
      border-radius: 8px 8px 8px 8px;
      border: 1px solid #DCDFE6;
      padding: 0.66rem;
      margin-top: 0.66rem;
      display: block;
    }

    .newsList .news-item .news-item-img {
      width: 100%;
      height: 10.33rem;
    }

    .newsList .news-item .news-item-img img {
      width: 100%;
      height: 10.33rem;
      border-radius:8px;
    }

    .news-item-content {
      width: 100%;
    }

    .news-item-content .new-title {
      font-weight: 400;
      font-size: 0.88rem;
      color: #07021B;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      margin-top:0.66rem;
    }

    .news-item-content .news-desc {
      font-weight: 400;
      font-size: 0.66rem;
      color: #505764;
      margin-top: 0.44rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    .news-item-content .news-info {
      display: flex;
      justify-content: space-between;
      margin-top: 1.11rem;
    }

    .news-item-content .news-info .label {
      display: flex;
      gap: 35px;
    }

    .news-item-content .news-info .label .news-time {
      display: flex;
      align-items: center;
      gap: 3px;
      font-weight: 400;
      font-size: 12px;
      color: #505764;
    }

    .news-item-content .news-info .label .news-time .iconfont {
      font-size: 12px;
    }

    .news-item-content .news-info .label .news-view {
      display: flex;
      align-items: center;
      gap: 3px;
      font-weight: 400;
      font-size: 12px;
      color: #505764;
    }

    .news-item-content .news-info .label .news-view .iconfont {
      font-size: 12px;
    }

    .badge {
      width: 3.55rem;
      height: 1.33rem;
      background: rgba(9, 95, 193, 0.1);
      border-radius: 4px 4px 4px 4px;
      text-align: center;
      line-height: 1rem;
      font-weight: 400;
      font-size: 0.66rem;
      color: #095FC1;
    }
    /* 查看更多按钮样式 */
    .load-more-btn {
      color: #095FC1;
      padding: 0.75rem 2rem;
      border-radius: 0.5rem;
      font-size: 0.88rem;
      cursor: pointer;
      transition: all 0.3s ease;
      display: block;
      margin: 0 auto;
      text-align: center;
    }
    .load-more-btn:hover {
      color: #095fc1;
    }
    .load-more-btn:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }

    .newsList-right {
      background: #FFFFFF;
      border-radius: 8px 8px 8px 8px;
      border: 1px solid #DCDFE6;
      padding: 0.66rem;
      margin:1.66rem 0.88rem;
    }

    .newsList-right .item {
      display: flex;
      align-items: center;
      gap: 0.44rem;
    }
    .newsList-right .item .item-img img{
      width:6.66rem;
      height:4.66rem;
    }

    .newsList-right .title {
      display: flex;
      gap: 3px;
      font-weight: 500;
      font-size: 18px;
      color: #000000;
    }

    .newsList-right .item-img {
      margin-top: 0.88rem;
      position: relative;
      border-radius: 8px;
    }
    .newsList-right .item-img img {
      border-radius: 8px;
    }

    .newsList-right .item-img .label {
      position: absolute;
      width: 1.33rem;
      height: 1.33rem;
      background: #095FC1;
      border-radius: 8px 0px 8px 0px;
      left: 0px;
      top: 0px;
      text-align: center;
      font-weight: 400;
      font-size: 12px;
      color: #FFFFFF;
      line-height: 1.33rem;
    }

    .newsList-right .item .title {
      font-weight: 500;
      font-size: 14px;
      color: #07021B;
      margin-top: 16px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    .newsList-right .info {
      display: flex;
      justify-content: space-between;
      margin-top: 16px;
    }

    .newsList-right .info .time {
      display: flex;
      align-items: center;
      gap: 3px;
      font-weight: 400;
      font-size: 12px;
      color: #505764;
      width:85px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .newsList-right .info .time .iconfont {
      font-size: 12px;
    }

    .newsList-right .info .view {
      display: flex;
      align-items: center;
      gap: 3px;
      font-weight: 400;
      font-size: 12px;
      color: #505764;
    }

    .newsList-right .info .view .iconfont {
      font-size: 12px;
    }

    .newsList-right .list .list-item {
      display: flex;
      align-items: center;
      gap: 0.44rem;
    }

    .newsList-right .list .list-item .item-img {
      width:6.66rem;
      height:4.66rem;
    }

    .newsList-right .list .list-item .item-img img {
      width:6.66rem;
      height:4.66rem;
    }

    .newsList-right .list .list-item .list-item-content {
      width: 196px;
    }

    .newsList-right .list .list-item .list-item-content .title {
      font-weight: 500;
      font-size: 14px;
      color: #07021B;
      margin-top: 16px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    .newsList-right .list .list-item .list-item-content .info {
      margin-top: 26px;
    }
    .seagull-footer{
      margin-top:0px;
    }