@media screen and (max-width: 767px) {

  /* 针对移动设备的样式 */
  body {
    background-color: lightblue;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  /* 针对平板电脑的样式 */
  body {
    background-color: lightgreen;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {

  /* 针对小屏幕桌面显示器的样式 */
  body {
    background-color: lightcoral;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {

  /* 针对13.3英寸笔记本的样式 */
  body {
    /* background-color: lightcoral; */
  }
  .morepageTwo{
    .morepageTwoHeader {
      p{
        font-size: 40px;
        span{
          font-size: 40px;
        }
      }
    }
  }
 
  .CarouselTwo {

    .p1 {
      width: 8px;
      position: absolute;
      bottom: -15px;
      left: 0;
      height: 400px;
      background-color: rgb(23, 141, 33);
    }

    .p2 {
      width: 8px;
      position: absolute;
      top: -15px;
      right: 0;
      height: 400px;
      background-color: rgb(23, 141, 33);
    }

    .CarouselTwoImage {
      /* padding: 0 60px; */

      h1 {
        font-size: 50px;
      }

      p {
        font-size: 20px;
      }
    }

    .CarouselTwoText {
      position: absolute;
      right: 310px;
      height: 100%;

      img {
        width: 400px;
        height: 500px;
        margin-top: 70px;
      }

      .green-overlayTwo {
        position: absolute;
        /* top: 0; */
        bottom: 0;
        left: 300px; 
        /* right: 0px; */
        width: 400px;
        height: 500px;
        /* background-image: url('../images/图层 6.png'); */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 1;
        z-index: 1;
      }
    }
  }

  .CarouselThree {
    position: relative;
    width: 100%;
    /* height: 1100px; */

    /* background-color: ; */
    .CarouselThreeTop {
      margin: 40px 120px 40px;
      width: 59%;
      height: 90px;
      background-image: url('../images/xinrui.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .CarouselThreeBottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 100px;

      .Carouselimg {
        width: 300px;
        height: 400px;
      }

      .center {
        text-align: center;
        margin-bottom: 10px;
      }

      .Carouseloverlay {
        padding-right: 50px;
        margin-top: -50px;
        img {
          display: inline-block;
          /* width: 100px;
            height: 50px; */
        }

        .hengxianBBov {
          font-family: 'OPPOSANS-L';
          font-size: 20px;
          margin: 0;
          margin: 20px;
          line-height: 50px;
          font-weight: bold;
        }

        .hengxiabottom {
          position: absolute;
          right: 50px;
          bottom: 5px;
          p {
            width: 150px;
            height: 40px;
            border-radius: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            font-weight: 600;
            margin-bottom: 20px;
            background: #100f0f;
          }
        }

      }

      .hengxiabottom {
        position: absolute;
        bottom: 50px;
        right: 50px;

      }
    }

    .hengxian {
      position: absolute;
      bottom: 15px;
      right: 0;
    }
  }

  .Carouselforth {
    .CarouselforthTitle {
      margin: 40px auto;
    }

  }

  .Carouselfivth {
    margin: 80px 0 80px;
    /* height: 900px; */
    width: 100%;
    display: inline-block;
    position: relative;
    background-image: url('../images/20250217174255.png');
    overflow: hidden;
    /* 防止内容溢出 */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    .Carouselfivthimg {
      display: flex;
      justify-content: space-around;
    .Carouselimg {
      position: absolute;
      left: -280px;
      z-index: 10;
      width: 400px;
      height: 474px;
      padding-top: 100px;
      img{
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .CarouselimgBoxs{
      width: 40%;
      border:0px solid #111111;
     }
      .CarouselfifthBox {
        position: relative;
        width: 60%;
        z-index: 9;
        height: 400px;
        background-color: #f1f1f1;

        /* text-align: center; */
        .CarouselfifthBoxOne {
          float: right;
          width: 100%;
          padding-left: 20%;
          padding-right:20px ;
          min-width: 640px;
        }

        .ObtainHonors {
          font-family: 'OPPOSANS-B';
          font-size: 40px;
          color: #100f0f;
          width: 100%;
          /* margin-top: 140px; */
        }

        .ObtainHonorsInfo {
          margin-top: 60px;
          font-family: 'OPPOSANS-M';
          font-size: 26px;
          color: #100f0f;
          width: 100%;
        }

        .horizontal-line-span {
          display: block;
          width: 100px;
          border-bottom: 4px solid black;
          /* 横杠的样式 */
          margin: 20px 0;
          /* 横杠的外边距 */
        }
      }
    }

  }

  .Carouselsix {
    width: 90%;
    /* height: 980px; */
    padding: 0 20px;
    margin: 0 auto 0px;
    /* display: flex;
    justify-content: center; */
    /* 水平居中 */
    align-items: center;

    .Carouscene {
      width: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: center;
    }

    .Carouselsixinfo {
      width: 100%;
      margin: 20px auto;
      text-align: center;

      p {
        margin: 0;
        font-family: 'OPPOSANS-L';
        font-size: 20px;
        color: #100f0f;

        &:nth-child(1) {
          margin-top: 20px;
        }
      }
    }

    .CarouselforthTitle {
      font-family: 'OPPOSANS-B';
      text-align: center;
      width: 100%;
      background-image: url('images/meiti8.png');
      overflow: hidden;
      /* 防止内容溢出 */
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin: 0;
      padding: 0px;
      color: black;
      font-size: 50px;
      padding-top: 30px;

      /* font-weight: bold; */
      p {
        height: auto;
        margin: 0;
      }

      span {
        color: rgb(23, 141, 33);
        font-family: 'OPPOSANS-B';
        font-size: 50px;
        /* font-weight: bold; */
      }
    }

    /* 垂直居中 */
    .CarouselsixBxox {
      width: 100%;
      height: 388px;
      background-image: url('./img/媒体服务块.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;

      /* img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    } */

    }

    .ball {
      height: 50px;
    }

    #lopp {
      width: 100%;
    }

    @keyframes animX {
      0% {
        left: 13% !important;
      }

      100% {
        left: 84% !important;
      }
    }

    @keyframes animY {
      0% {
        top: 6px !important;
      }

      100% {
        top: 303px !important;
      }
    }

    @keyframes scale {
      0% {
        transform: scale(0.6);
        z-index: 0;
      }

      50% {
        transform: scale(1);
        z-index: 3;
      }

      100% {
        transform: scale(0.8);
        z-index: 0;
      }
    }
  }
  footer{
    font-size: 20px;
    .footerinfo{
      font-size: 20px;
      margin-left: 15px;
      /* padding: 20px; */
    }
  }
}

/* @media screen and (min-width: 1441px) and (max-width: 1920px) { */

  /* 针对15.6英寸笔记本的样式 */
  /* body {
    background-color: lightcoral;
  }
} */

@media screen and (min-width: 1441px) {

  /* 针对21.5英寸台式显示器的样式，这里假设用户通常会将分辨率设置为全屏 */
  body {
    background-color: #fff;
  }
}
@media screen and (max-height: 780px){

  /* 针对小屏幕桌面显示器的样式 */
  body {
    /* background-color: lightcoral; */
  }
  .Carouselforth {
    .CarouselforthTitle {
        margin: 20px auto;
        font-size: 20px;
    }
    span{
      font-size: 20px !important;
    }
  }
  .Carouselfivth {
    .swiperimg {
      bottom: -30px;
    }
  }
  .CarouselTwo {
    & .CarouselTwoText {
        .green-overlayTwo {
          left: -155px;
        }
      }
    }
}