/* 大屏幕下导航栏样式（水平排列） */
@media screen and (min-width: 769px) {
  .news-div {
    width: 100vw;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: calc(40 / 1920 * 100vw);
  }

  .bounce-in-left {
    -webkit-animation: bounce-in-left 1.1s both;
    animation: bounce-in-left 1.1s both;
  }

  /* ----------------------------------------------
 * Generated by Animista on 2025-1-2 17:28:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

  /**
 * ----------------------------------------
 * animation bounce-in-left
 * ----------------------------------------
 */
  @-webkit-keyframes bounce-in-left {
    0% {
      -webkit-transform: translateX(-600px);
      transform: translateX(-600px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    38% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      opacity: 1;
    }

    55% {
      -webkit-transform: translateX(-68px);
      transform: translateX(-68px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    72% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    81% {
      -webkit-transform: translateX(-28px);
      transform: translateX(-28px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    90% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    95% {
      -webkit-transform: translateX(-8px);
      transform: translateX(-8px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
  }

  @keyframes bounce-in-left {
    0% {
      -webkit-transform: translateX(-600px);
      transform: translateX(-600px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }

    38% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      opacity: 1;
    }

    55% {
      -webkit-transform: translateX(-68px);
      transform: translateX(-68px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    72% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    81% {
      -webkit-transform: translateX(-28px);
      transform: translateX(-28px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    90% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    95% {
      -webkit-transform: translateX(-8px);
      transform: translateX(-8px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
  }

  .dis-grp {
    display: flex;
    width: calc(220 / 1920* 100vw);
    flex-direction: column;
    align-items: flex-start;
  }

  .zw {
    font-size: calc(50/1920*100vw);
    width: calc(200/1920*100vw);
    font-family: "Microsoft YaHei", sans-serif;

  }

  .yw {
    color: #767676;
    font-size: calc(20/1920*100vw);
    width: calc(200/1920*100vw);
    font-family: "Microsoft YaHei", sans-serif;
  }

  .dis-img {
    width: calc(145/1920*100vw);
    height: calc(10/1920*100vw);
    margin-top: calc(20/1920*100vw);
  }

  .new-div-top {
    display: flex;
    margin-top: calc(90 / 1920 * 100vw);
    align-items: flex-end;
  }

  .news-div-z-img {
    width: calc(960 / 1920 * 100vw);
    padding-left: calc(134.4 / 1920 * 100vw);
  }

  .news-img1 {
    margin-top: calc(50 / 1920 * 100vw);
    width: calc(198 / 1920 * 100vw);
  }

  .news-img31 {
    display: none;
  }

  .news-img6-div {
    position: relative;
    margin-left: calc(64 / 1920 * 100vw);
  }

  .nwws-img {
    width: calc(111 / 1920 * 100vw);
    height: calc(36 / 1920 * 100vw);
    margin-left: calc(40 / 1920 * 100vw);
    transition: transform 0.3s ease;
  }

  .nwws-img:hover {
    transform: scale(1.2);
  }

  .news-img6 {
    border-radius: 20px 20px 0 0;
    width: calc(690 / 1920 * 100vw);
    min-width: calc(550 / 1920 * 100vw);
    height: calc(410 / 1920 * 100vw);
    object-fit: cover;
  }

  .news-div-dis {
    display: none;
  }

  .news-item-dsp5 {
    display: none;
  }

  .img6-div-text {
    background-color: #db0a17;
    border-radius: 0px 0px calc(20/1920*100vw) calc(20/1920*100vw);
    margin-top: calc(-5/1920*100vw);
    /* position: absolute; */
    /* top: calc(410 / 1920* 100vw); */
    min-width: calc(500 / 1920* 100vw);
    width: calc(690 / 1920* 100vw);
    padding: calc(40 / 1920* 100vw);
    box-sizing: border-box;
  }

  .img6-div-text1 {
    font-size: calc(22 / 1920 * 100vw);
    color: white;
    font-weight: bold;
  }

  .img6-div-text2 {
    min-height: calc(100/1920*100vw);
    margin-top: calc(10 / 1920 * 100vw);
    color: rgba(255, 255, 255, 0.7);
    font-size: calc(20 / 1920 * 100vw);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 控制显示的行数为2行 */
    -webkit-box-orient: vertical;
    white-space: normal;
  }

  .img6-div-text-div {
    margin-top: calc(30 / 1920 * 100vw);
    display: flex;
    font-size: calc(22 / 1920 * 100vw);
    color: white;
    justify-content: space-between;
    align-items: center;
  }

  .img6-div-text-div>div>a {
    color: white;
    cursor: pointer;
  }

  .link {
    padding-left: calc(630 / 1920 * 100vw);
    height: calc(108 / 1920 * 100vw);
    display: flex !important;
    align-items: center;
  }

  .news-div-y-img,
  .link-news {
    border-radius: calc(30 / 1920 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: calc(30 / 1920 * 100vw);
    width: calc(170 / 1920 * 100vw);
    cursor: pointer;
    height: auto;
  }

  .link-news {
    color: #dc0a17;
    border: #dc0a17 solid 1px;
    height: calc(45 / 1920 * 100vw);
    font-size: calc(20 / 1920 * 100vw);
    transition: transform 0.3s ease;
  }

  .link-news:hover {
    transform: scale(1.2);
  }

  .active1 {
    color: white;
    background-color: #dc0a17;
  }

  .news-item1 {
    margin-top: calc(10 / 1920 * 100vw);
    padding: calc(20 / 1920 * 100vw) calc(40 / 1920 * 100vw);
    min-width: calc(550 / 1920 * 100vw);
    width: calc(768 / 1920 * 100vw);
    border-radius: calc(10 / 1920 * 100vw);
  }

  .news-item1:hover {
    background-color: #e6e6e6;
  }

  .news-item1:hover>.news-item-dsp {
    color: #d70b17;
    border-bottom: #d70b17 solid 1px;
  }

  .news-item1:hover>.news-item-text1 {
    color: #d70b17;
  }

  .news-item2 {
    margin-top: calc(10 / 1920 * 100vw);
    padding: calc(20 / 1920 * 100vw) calc(40 / 1920 * 100vw);
    min-width: calc(550 / 1920 * 100vw);
    width: calc(768 / 1920 * 100vw);
    border-radius: calc(10 / 1920 * 100vw);
  }

  .news-item2:hover {
    background-color: #e6e6e6;
  }

  .news-item2:hover>.news-item-dsp6 {
    /* color: #d70b17; */
    /* border-bottom: #d70b17 solid 1px; */
  }

  .news-item2:hover>.news-item-text1 {
    color: #d70b17;
  }

  .news-item-dsp {
    display: flex;
    color: #8c8c8c;
    border-bottom: rgb(199, 199, 199) solid 1px;
    align-items: flex-end;
    width: calc(200 / 1920 * 100vw);
  }

  .news-item-dsp6 {
    display: flex;
    color: #8c8c8c;
    align-items: flex-end;
    width: calc(200 / 1920 * 100vw);
    border-bottom: rgb(199, 199, 199) solid 1px;
  }

  .news-item-dsp1 {
    font-size: calc(40 / 1920 * 100vw);
    font-weight: bold;
  }

  .news-item-dsp2 {
    margin-left: calc(30 / 1920 * 100vw);
    font-size: calc(20 / 1920 * 100vw);
  }

  .news-item-text1 {
    font-weight: bold;
    font-size: calc(20 / 1920 * 100vw);
    margin-top: calc(10 / 1920 * 100vw);
    color: #8c8c8c;
  }

  .news-item-text1>p,
  .news-item-text1>div,
  .news-item-text1>span,
  .news-item-text2>p,
  .news-item-text2>div,
  .news-item-text2>span,
  .img6-div-text2>p,
  .img6-div-text2>div,
  .img6-div-text2>span {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-block-start: 0;
    margin-block-end: 0;
  }

  .news-item-text2 {
    height: calc(52 / 1920 * 100vw);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 控制显示的行数为2行 */
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #8c8c8c;
    font-size: calc(20 / 1920 * 100vw);
    margin-top: calc(10 / 1920 * 100vw);
  }

  .news-div-y-img {
    /* margin-top: calc(10 / 1920 * 100vw); */
    margin-left: calc(50/1920*100vw);
    width: calc(960 / 1920 * 100vw);
    height: calc(676 / 1920 * 100vw);
  }

  .news-div-y-img-div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
}

/* 小屏幕下导航栏样式（水平滑动） */
@media screen and (max-width: 768px) {

  .news-item-text1>p,
  .news-item-text1>div,
  .news-item-text1>span,
  .news-item-text2>p,
  .news-item-text2>div,
  .news-item-text2>span,
  .img6-div-text2>p,
  .img6-div-text2>div,
  .img6-div-text2>span {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-block-start: 0;
    margin-block-end: 0;
  }

  .pc {
    display: none !important;
  }

  .dis-grp {
    display: flex;
    width: calc(200 / 768* 100vw);
    flex-direction: column;
    align-items: center;
  }
  .ydlinks{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .news-div-y-img,
  .link-news {
    border-radius: calc(30 / 768 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: calc(30 / 768 * 100vw);
    width: calc(170 / 768 * 100vw);
    cursor: pointer;
    height: auto;
  }

  .link-news {
    color: #dc0a17;
    border: #dc0a17 solid 1px;
    height: calc(45 / 768 * 100vw);
    font-size: calc(20 / 768 * 100vw);
    transition: transform 0.3s ease;
  }

  .link-news:hover {
    transform: scale(1.2);
  }

  .active1 {
    color: white;
    background-color: #dc0a17;
  }
  .ydlik {
    display: flex !important;
    justify-content: space-evenly;
    width: 100vw;
    margin-top: calc(40 / 768* 100vw);
  }

  .zw {
    font-size: calc(46/768*100vw);
    font-family: "Microsoft YaHei", sans-serif;

  }

  .yw {
    color: #767676;
    font-size: calc(18/768*100vw);
    font-family: "Microsoft YaHei", sans-serif;
  }

  .dis-img {
    width: calc(145/768*100vw);
    height: calc(10/768*100vw);
    margin-top: calc(20/768*100vw);
  }

  .news-div {
    margin-top: calc(20 / 768 * 100vw);
    width: 100vw;
  }

  .img6-div-text-div>div>a {
    color: white;
    cursor: pointer;
  }

  .news-div-dis {
    display: none;
  }

  .new-div-top {
    display: flex;
    justify-content: center;
    margin-top: calc(80 / 768 * 100vw);
  }

  .news-div-z-img {
    width: 100vw;
  }

  .nwws-img {
    width: calc(111 / 768 * 100vw);
  }

  .news-img1 {
    display: none;
  }

  .news-img31 {
    margin-top: calc(50 / 768 * 100vw);
    width: calc(192 / 768 * 100vw);
  }

  .news-img6-div {
    /* height: calc(820 / 768 * 100vw); */
  }

  .news-img6 {
    height: calc(400 / 768 * 100vw);
    margin-top: calc(100 / 768 * 100vw);
    width: calc(720 / 768 * 100vw);
    margin-left: calc(20 / 768 * 100vw);
  }

  .img6-div-text {
    background-color: #db0a17;
    border-radius: 0px 0px calc(20 / 768* 100vw) calc(20 / 768* 100vw);
    margin-top: calc(-7 / 768* 100vw);
    /* position: absolute; */
    /* top: calc(410 / 1920* 100vw); */
    min-width: calc(500 / 1920* 100vw);
    width: calc(720 / 768* 100vw);
    padding: calc(20 / 768* 100vw);
    box-sizing: border-box;
    position: relative;
    /* bottom: calc(300 / 768* 100vw); */
    /* width: calc(670 / 768* 100vw); */
    margin-left: calc(19.5 / 768* 100vw);
  }

  .img6-div-text1 {
    font-size: calc(28 / 768 * 100vw);
    margin-bottom: calc(24 / 768 * 100vw);
    color: white;
    font-weight: bold;
  }

  .img6-div-text2 {
    min-height: calc(70/768*100vw);
    margin-top: calc(10 / 768 * 100vw);
    color: rgba(255, 255, 255, 0.7);
    font-size: calc(24 / 768 * 100vw);
  }

  .img6-div-text-div {
    margin-top: calc(30 / 768 * 100vw);
    display: flex;
    font-size: calc(22 / 768 * 100vw);
    color: white;
    justify-content: space-between;
    align-items: center;
  }

  .link {
    display: none;
  }

  .news-div-y-img.link-news {
    display: flex;
  }

  .news-div-y-img.active1 {
    color: white;
    background-color: red;
  }

  .news-item1 {
    padding: calc(12 / 768 * 100vw) calc(40 / 768 * 100vw);
    width: calc(680 / 768 * 100vw);
    border-radius: calc(10 / 768 * 100vw);
  }

  .news-item2 {
    padding: calc(12 / 768 * 100vw) calc(40 / 768 * 100vw);
    width: calc(680 / 768 * 100vw);
    border-radius: calc(10 / 768 * 100vw);
  }

  .news-item-dsp {
    display: flex;
    color: rgb(0, 0, 0);
    border-bottom: rgb(199, 199, 199) solid 1px;
    align-items: flex-end;
    width: calc(200 / 768 * 100vw);
  }

  .news-item-dsp5 {
    display: flex;
    color: rgb(255, 255, 255);
    border-bottom: rgb(255, 255, 255) solid 1px;
    align-items: flex-end;
    width: calc(200 / 768 * 100vw);
    margin-bottom: calc(10 / 768 * 100vw);
  }

  .news-item-dsp6 {
    display: flex;
    color: rgb(0, 0, 0);
    border-bottom: red solid 1px;
    align-items: flex-end;
    width: calc(200 / 768 * 100vw);
    border-bottom: rgb(199, 199, 199) solid 1px;
  }

  .news-item-dsp1 {
    font-size: calc(50 / 768 * 100vw);
  }

  .news-item-dsp2 {
    margin-left: calc(20 / 768 * 100vw);
    font-size: calc(25 / 768 * 100vw);
  }

  .news-item-text1 {
    font-weight: bold;
    font-size: calc(28 / 768 * 100vw);
    margin-top: calc(10 / 768 * 100vw);
    color: #000000;
  }

  .news-item-text2 {
    color: #8c8c8c;
    font-size: calc(24 / 768 * 100vw);
    margin-top: calc(10 / 768 * 100vw);
  }

  .news-div-y-img {
    margin-top: calc(10 / 768 * 100vw);
    width: 100vw;
  }

  .news-div-img {
    margin-top: calc(30 / 768 * 100vw);
    margin-left: calc(20 / 768 * 100vw);
  }
}<!--耗时1767344161.7182秒-->