/*header*/
@font-face {
  font-family: 'OPPOSANS-B';
  src: url('../font/OPPOSANS-B.TTF') format('woff');
  /* 所有现代浏览器 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'OPPOSANS-H';
  src: url('../font/OPPOSANS-H.TTF') format('woff');
  /* 所有现代浏览器 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'OPPOSANS-L';
  src: url('../font/OPPOSANS-L.TTF') format('woff');
  /* 所有现代浏览器 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'OPPOSANS-M';
  src: url('../font/OPPOSANS-M.TTF') format('woff');
  /* 所有现代浏览器 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'OPPOSANS-R';
  src: url('../font/OPPOSANS-R.TTF') format('woff');
  /* 所有现代浏览器 */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.header {
  position: sticky;
  /* top: 30px; */
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  /* padding: 0 30px; */
  z-index: 2024;
  min-width: 1200px;
  transition: all 0.4s ease;
  text-align: center;

  nav {
    background-color: #fff;
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 0 20px; */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .logoInfo {
    width: 100%;
    display: flex;
    /* line-height: 60px; */
    padding-left: 40px;

    img {
      height: 50px;
      width: 50px;
      margin-right: 10px;
    }

    p {
      margin: 0;

      &:nth-child(1) {
        font-size: 30px;
        /* font-weight: bold; */
        text-align: left;
        margin-bottom: 2px;
        font-family: 'OPPOSANS-M';
      }

      &:nth-child(2) {
        font-size: 16px;
        text-align: left;
        margin: 0;
        color: #646262;
        font-family: 'OPPOSANS-M';
      }



    }
  }

  ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    padding-right: 150px;

    li {
      margin: 0 25px;
      border: 0px solid #201e1e;

      a {
        display: block;
        border: 0px solid #201e1e;
        text-decoration: none;
        color: #100f0f;
        font-size: 24px;
        width: 150px;
        height: 85px;
        line-height: 85px;
        font-family: 'OPPOSANS-M';
        /* font-weight: bold; */
      }
    }
  }

  ul {

    .Clickcolor {

      border-bottom: 4px solid #46b455;

      a {
        color: #46b455 !important;
      }
    }
  }
}

@keyframes enter {

  /* 此时文字位于页面的最底部 
     文字被缩放为原本的0.1倍    
     文字为全透明状态
  */
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1500px, 0);
    animation-timing-function: linear;
  }

  /* 此时文字位于页面居中位置上方60px的位置 
     文字被缩放为原本的0.75倍    
     文字为半透明状态
  */
  50% {
    opacity: .5;
    transform: scale3d(0.75, 0.75, 0.75) translate3d(0, -60px, 0);
    animation-timing-function: linear;
  }

  /* 此时文字回归到正常位置 
     文字未被缩放   
     文字完全可见
  */
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    animation-timing-function: linear;
  }


}

@keyframes floatText {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0);
  }
}

.section.active .CarouselImage {

  .rotateText {

    animation: 2s linear 0s normal enter;
  }

  .rotateTexttext {
    /* display: inline-block; */
    font-family: 'OPPOSANS-B';
    animation: floatText 3s ease-in-out infinite;
  }
}

.CarouselImage {
  position: relative;
  width: 100%;
  /* height: 1080px; */

  .eagle-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
  }

  .green-bottom {
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    z-index: 99999;

    p {
      width: 20px;
      height: 20px;
      background-color: #b6bbb6;
      border-radius: 50%;
      margin: 0 5px;
      cursor: pointer;
      display: inline-block;

      &:nth-child(1) {
        margin-right: 40px;
      }

      &:hover {
        background-color: #fff
      }
    }

    .selected {
      cursor: pointer;
      background-color: #fff !important
    }
  }

  .green-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-40%, -50%);
    color: #fff;

    img {
      width: 800px;
    }

    h1 {
      font-family: 'OPPOSANS-B';
      font-size: 110px;
      font-weight: normal;
      margin: 0;
      width: 100%;
      text-align: center;
      /* opacity: 0; */
    }

    p {
      font-size: 30px;
      text-align: center;
      margin: 0;
    }
  }

  .green-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/20250214150313.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* opacity: 0.5; */
    /* 调整透明度，以便看到下面的鹰图片 */
    /* z-index: 1; */
    /* 确保绿色图片在鹰图片之上 */
  }
}

@keyframes slideIn {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.section.active .CarouselTwo .Carouselh1 {
  opacity: 1;
  transform: translateX(0);
}

.section.active .CarouselTwo p {
  opacity: 1;
  animation: slideIn 2s forwards;
}

.CarouselTwo {
  position: relative;
  width: 100%;
  /* height: 1300px; */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: linear-gradient(to bottom, #fff, #e7e7e7);

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

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

  .CarouselTwoImage {
    padding: 0 60px;

    h1 {
      font-family: 'OPPOSANS-M' !important;
      font-size: 120px;
      font-family: 'Courier New', Courier, monospace;
      color: black;
      /* font-weight: bold; */
      margin: 0;
      opacity: 0;
      transform: translateX(-100%);
      transition: transform 1s ease, opacity 1s ease;
    }

    p {
      font-family: 'OPPOSANS-L';
      font-size: 30px;
      text-align: center;
      color: rgb(23, 141, 33);
      margin: 0;
      font-weight: bold;
      opacity: 0;
    }
  }

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

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

    .green-overlayTwo {
      position: absolute;
      bottom: 40px;
      right: -126px;
      bottom: 160px;
      width: 400px;
      height: 560px;
      background-image: url('../images/mm20250319133434.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      opacity: 1;
      /* 调整透明度，以便看到下面的鹰图片 */
      z-index: 1;
      /* 确保绿色图片在鹰图片之上 */
    }
  }
}

@keyframes gradientAnimation {
  to {
    opacity: 1;
    /* 最终透明度为1 */
    transform: translateX(0);
    /* 最终位置在视窗内 */
  }
}

@keyframes fadeInLeftToRight {
  to {
    opacity: 1;
    /* 最终透明度为1 */
    transform: translateX(0);
    /* 最终位置在视窗内 */
  }
}

.section.active .CarouselThree .hengxiabottom {
  transform: translateX(-100%);
  /* 初始位置在视窗左侧之外 */
  animation: gradientAnimation 2s forwards;
  /* 应用动画，持续2秒，动画结束后保持最终状态 */
}

.section.active .CarouselThree .p1 {
  transform: translateX(-100%);
  /* 初始位置在视窗左侧之外 */
  animation: gradientAnimation 2s forwards;
  /* 应用动画，持续2秒，动画结束后保持最终状态 */
}

.section.active .CarouselThree .p2 {
  transform: translateX(100%);
  /* 初始位置在视窗右侧之外 */
  animation: fadeInLeftToRight 2s ease-in-out forwards;
  /* 应用动画，持续2秒，使用ease-in-out缓动函数，动画结束后保持最终状态 */
}

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

  /* background-color: ; */
  .CarouselThreeTop {
    margin: 50px 120px;
    width: 59%;
    height: 174px;
    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: 400px;
      height: 500px;
    }

    .Carouseloverlay {
      padding-right: 150px;
      margin-top: -190px;

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

      img {
        display: inline-block;
        /* width: 100px;
          height: 50px; */
      }

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

      .p1 {
        opacity: 0;
      }

      .p2 {
        opacity: 0;
      }

      .hengxiabottom {
        position: absolute;
        right: 150px;
        bottom: 15px;
        opacity: 0;
        /* 初始透明度为0 */

        p {
          width: 200px;
          height: 50px;
          border-radius: 40px;
          line-height: 50px;
          text-align: center;
          font-size: 20px;
          color: #fff;
          font-weight: 600;
          margin-bottom: 20px;
          background: #100f0f;

          a {
            color: #fff;
          }
        }
      }

    }

  }

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

@keyframes rotateVV {
  0% {
    transform: rotate(0);
  }

  20% {
    transform: rotate(-2deg);
  }

  60% {
    transform: rotate(0);
  }

  80% {
    transform: rotate(2deg);
  }

  100% {
    transform: rotate(0);
  }
}

.section.active1 .Carouselfivth .ObtainHonors {
  animation: rotateVV 0.3s ease infinite;
}

.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;
      bottom: 0;
      left: -600px;
      z-index: 10;
      width: 850px;
      height: 674px;
      padding-top: 100px;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .CarouselimgBoxs {
      width: 40%;
      border: 0px solid #111111;
    }

    .CarouselfifthBox {
      position: relative;
      width: 60%;
      border: 0px solid #111111;
      height: 700px;
      z-index: 9;
      background-color: #f1f1f1;

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

      .ObtainHonors {
        font-family: 'OPPOSANS-B';
        font-size: 100px;
        color: #100f0f;
        width: 100%;
        margin: 60px 0px 0px;
      }

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

        p {
          display: inline-block;
        }
      }

      .horizontal-line-span {
        display: block;
        width: 100px;
        border-bottom: 4px solid black;
        /* 横杠的样式 */
        margin: 20px 0;
        /* 横杠的外边距 */
      }
    }
  }
  .swiperimg{
    position: absolute;
    bottom:100px;
    z-index: 99;
    .swiper-container {
      width: 80%;
      /* height: 450px; */
    }
  
    .swiper-wrapper {}
  
    .swiper-slide {
      width: calc(100% / 3);
      border: 0px solid #fff;
      position: relative;
      transition-timing-function: linear;
      margin-right: 5px;
    }
  }
}

.section.active .Carouselsix .Carouselsixinfo {
  animation: 2s linear 0s normal enter;
}

.Carouselsix {
  width: 90%;
  padding: 0 50px;
  margin: 0 auto 50px;
  /* 水平居中 */
  align-items: center;

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

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

    p {
      margin: 0;
      font-family: 'OPPOSANS-M';
      font-size: 18px;
      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: 30px 0;
    /* padding: 20px; */
    color: black;
    font-size: 100px;
    padding-top: 30px;

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

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

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

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

  }

}

@keyframes typingWords {
  0% {
    width: 0;
  }
}

@keyframes cursor {
  50% {
    border-color: transparent;
  }
}

.section.active1 .Carouselforth .CarouselforthTitle {
  /* 本例12个文字(加标点符号)；有多少个文字，width就是多少个em */
  width: 8em;
  animation: typingWords 5s steps(12) infinite, cursor 0.5s steps(1) infinite;
  /* 要设置不允许换行，且溢出隐藏 */
  white-space: nowrap;
  overflow: hidden;
  /* 使用右边框作为打印的指针光标 */
  border-right: 1px solid #000;
}

.Carouselforth {

  h2 {
    font-family: -webkit-pictograph;
    font-size: 30px;
    font-style: italic;
    text-align: center;
  }

  .swiper-container {
    width: 100%;
    height: 450px;
    background-image: url('../images/发展历程背景图.jpg');
    /* overflow: hidden; */
    /* 防止内容溢出 */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #fff;
  }

  .swiper-wrapper {}

  .swiper-slide {
    width: calc(100% / 3);
    border: 1px solid #fff;
    position: relative;
    transition-timing-function: linear;
  }

  @media only screen and (max-width:1200px) {
    .swiper-slide {
      width: calc(100% / 3);
      position: relative;
    }
  }

  @media only screen and (max-width:980px) {
    .swiper-slide {
      width: 471px;
      position: relative;
    }
  }

  @media only screen and (max-height:480px) {
    .swiper-slide {
      width: 471px;
      position: relative;
      border: 1px solid red;
    }
  }

  .swiper-slide img {
    width: 100%;
    border-radius: 4px;
  }

  .swiper-slide .title {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      /* 半透明蓝色覆盖层 */
      opacity: 0.2;
      /* 默认隐藏 */
      transition: opacity 0.3s ease;
      /* 平滑过渡效果 */
    }

    .overlayImg {
      position: absolute;
      top: 0;
      left: 1%;
      width: 98%;
      height: 100%;
      background-image: url('./img/19.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      /* 半透明蓝色覆盖层 */
      opacity: 0;
      /* 默认隐藏 */
      transition: opacity 0.3s ease;
      /* 平滑过渡效果 */
    }

    /* 垂直居中 */
    .carouselExampleIndicators {
      font-family: 'OPPOSANS-B';
      font-size: 50px;
      font-weight: bold;
      color: #100f0f;
      z-index: 999 !important;
    }
  }

  .swiper-slide-active1 {
    .title {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;

      .overlay {
        opacity: 0.7;
        background-color: rgb(23, 141, 33);
      }

      .overlayImg {
        opacity: 0.8;
      }

      .carouselExampleIndicators {
        color: #fff;
        display: none;
      }
    }

  }

  /* .swiper-slide:hover ~ .swiper-slide-active {
      .overlay {
        opacity: 0.2;
        background-color: #fff;
      }
  
      .overlayImg {
        opacity: 0;
      }
  
      .carouselExampleIndicators {
        color: #100f0f;
        display: block;
      }
    
  } */
  .swiper-slide1:hover {

    .overlay {
      opacity: 0.7;
      background-color: rgb(23, 141, 33);
    }

    .overlayImg {
      opacity: 0.8;
    }

    .carouselExampleIndicators {
      color: #fff;
      display: none;
    }
  }

  .swiper-slide.attive {
    .overlay {
      opacity: 0.7;
      background-color: rgb(23, 141, 33);
    }

    .overlayImg {
      opacity: 0.8;
    }

    .carouselExampleIndicators {
      color: #fff;
      display: none;
    }
  }

  .swiper-slide-active1:hover {
    /* 
    .overlay {
      opacity: 0.2;
      background-color: #fff;
    }

    .overlayImg {
      opacity: 0;
    }

    .carouselExampleIndicators {
      color: #100f0f;
      display: block;
    } */
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 86px;
    height: 112px;
    background-size: 86px 112px;
    margin-top: -56px;
    outline: none;
  }

  .swiper-button-next {
    background-image: url(img/cursor-next.png);
  }

  .swiper-button-prev {
    background-image: url(img/cursor-prev.png);
  }

  .swiper-pagination-bullet {
    background: none;
    opacity: 1;
    margin: 0 6px !important;
    width: 9px;
    height: 9px;
    position: relative;
    outline: none;
    vertical-align: middle;
  }

  .swiper-pagination-bullet span {
    width: 3px;
    height: 3px;
    background: #CCC;
    display: block;
    border-radius: 50%;
    margin-top: 3px;
    margin-left: 3px;
  }

  .swiper-pagination-bullet i {
    background: #000;
    height: 1px;
    width: 20px;
    position: absolute;
    top: 4px;
    transform: scaleX(0);
    transform-origin: left;
    z-index: 3;
    transition-timing-function: linear;
  }

  .swiper-pagination-bullet-active span,
  .swiper-pagination-bullet:hover span {
    width: 9px;
    height: 9px;
    margin-top: 0;
    margin-left: 0;
    background: #000;
    position: relative;
    z-index: 1;
  }

  .swiper-pagination-bullet-active i {
    animation: middle 6s;
  }

  .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
    animation: first 6s;
  }

  .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
    animation: last 6s;
  }

  @keyframes first {
    0% {
      transform: scaleX(0.5);
      left: 0px;
    }

    /*091*/
    100% {
      transform: scaleX(1);
      left: 2px;
    }

    /*0915*/
  }

  @keyframes last {
    0% {
      transform: scaleX(0.7);
      left: -10px;
    }

    /*1090*/
    20% {
      transform: scaleX(0.3);
      left: 2px;
    }

    /*090*/
    100% {
      transform: scaleX(0.3);
      left: 0px;
    }

    /*090*/
  }

  @keyframes middle {
    0% {
      transform: scaleX(0.7);
      left: -10px;
    }

    /*1091*/
    20% {
      transform: scaleX(0.45);
      left: 2px;
    }

    /*092*/
    100% {
      transform: scaleX(1);
      left: 2px;
    }

    /*0913*/
  }

  .CarouselforthTitle {
    font-family: 'OPPOSANS-B';
    text-align: center;
    width: 100%;
    margin: 80px auto 80px;
    color: black;
    font-size: 100px;
    /* font-weight: bold; */
    white-space: nowrap;

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

.moreHader {
  position: relative;
  width: 100%;
  height: 300px;
  background-image: url('../images/moreh6 (1).png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.moreHaderNav {
  width: 70%;
  list-style: none;
  padding: 0;
  margin: 30px auto 0;
  display: flex;
  justify-content: space-between;

  li {
    flex: 1;
    text-align: center;
    /* padding: 20px; */
    font-size: 26px;
    font-family: 'OPPOSANS-M';
    cursor: pointer;
  }

  li.CLick a{
    color: #46b455;
    padding-bottom: 20px;
    /* text-decoration: underline; */
    border-bottom: 4px solid #46b455;
  }
}

.morepageMin {
  width: 100%;
  height: 812px;
  background-image: url('../images/more.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.morepageMinB {
  width: 100%;
  height: 1500px !important;
  /* height: 2657px;
  background-image: url('../images/moreh6 (2).png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto; */
}

.morepage {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: 'OPPOSANS-B';
  padding: 50px 80px 0;

  .team-section {

    margin-bottom: 20px;
  }

  .hx {
    width: 100px;
    height: 8px;
    background-color: #54c157;
    margin: 40px 0 20px;
  }

  .team-section h1 {
    margin-bottom: 20px;
    color: #383838;
    font-family: 'OPPOSANS-B';
    font-size: 46px;
  }

  .team-section p {
    font-family: 'OPPOSANS-R';
    font-size: 24px;
    color: #a1a1a1;

    span {
      color: #54c157;
    }

  }

  .team-section ul {
    margin: 10px 0;
    padding-left: 20px;
  }

  .team-section ul li {
    list-style-type: disc;
  }
}

.morepageThree {
  width: 100%;
  height: 100%;
  /* background-image: url('../images/more.jpg'); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.morepageTwo {
  width: 100%;
  height: 1440px;
  margin-top: 100px;

  background-image: url('../images/20250319105815.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  .swiper-container {
    margin: 150px auto;
  }

  .morepageTwoHeader {
    position: relative;
    width: 100%;

    p {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: black;
      font-size: 80px;
    }

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

  .CarouselforthTitle {
    position: relative;
    width: 500px;
    height: 40px;
    margin: 0 auto;
    font-family: 'OPPOSANS-B';
    text-align: center;
    background-image: url('../images/moreh6 (6).png');
    overflow: hidden;
    /* 防止内容溢出 */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;


  }

  .morepageTwoBottom {
    width: 100%;
    height: 300px;
    position: absolute;
    bottom: 140px;
    background-image: url('../images/moreh6 (2).png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .swiper-container {
    width: 100%;
    /* height: 450px; */
  }

  .swiper-wrapper {}

  .swiper-slide {
    width: calc(100% / 3);
    border: 0px solid #fff;
    position: relative;
    transition-timing-function: linear;
    margin-right: 5px;
    /* height: 400px; */
    /* img{
      width: 100%;
      height: 100%;
    } */
    
  }

}

.morecultureimg {
  position: absolute;

  img {
    width: 100%;
    height: 100%;
  }
}

.morecultureimgLeft {
  left: 0;
  bottom: 350px;
  width: 99px;
  height: 160px;
}

.morecultureimgRight {
  right: 0;
  top: -25px;
  width: 99px;
  height: 268px;
}

.moreculture {
  height: 100%;
  display: flex;
  justify-content: center;

  .morecultureLeft {
    width: 50%;
    display: flex;
    justify-content: center;
    padding-top: 100px;

    .morecultureMain {
      width: 643px;
      height: 218px;

      img {
        width: 100%;
        height: 100%;
      }
    }
  }

  .morecultureRight {
    width: 50%;
    padding: 50px;

    h1 {
      font-size: 32px;
      color: #737373;
      font-family: 'OPPOSANS-M';
    }

    p {
      font-size: 22px;
      color: #c3c3c3;
      font-family: 'OPPOSANS-R';
      margin-bottom: 50px;
    }
  }

  div {
    border: 0px solid #222
  }
}

.morepage.active {
  display: block;
  transform: translateX(0);

  .morecultureRight {

    h1 {
      transform: translateX(-100%);
      /* 初始位置在视窗左侧之外 */
      animation: gradientAnimation 1s forwards;
      /* animation: 2s linear 0s normal enter; */
    }

    p {
      transform: translateX(100%);
      /* 初始位置在视窗右侧之外 */
      animation: fadeInLeftToRight 1s ease-in-out forwards;
      /* animation: 2s linear 0s normal enter; */
      /* display: inline-block; */
      /* animation: floatText 3s ease-in-out infinite; */
    }
  }

  .team-section {

    h1 {
      transform: translateX(-100%);
      animation: gradientAnimation 1s forwards;
      /* animation: 2s linear 0s normal enter; */
    }

    p {
      transform: translateX(100%);
      /* 初始位置在视窗右侧之外 */
      animation: fadeInLeftToRight 1s ease-in-out forwards;
      /* animation: 2s linear 0s normal enter; */
      /* display: inline-block; */
      /* animation: floatText 3s ease-in-out infinite; */
    }
  }
}

.morepage.next {
  transform: translateX(100%);
}

.morepage.prev {
  transform: translateX(-100%);
}

.morepage.activenone {
  display: none;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 400px;
  background-image: url('../images/矩形 19.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  .footerinfo {
    position: absolute;
    border-top: 4px solid #fff;
    padding: 40px 0 0 0;
    margin-left: 50px;
    bottom: 20px;
    color: #fff;
    font-size: 32px;

    p {
      font-family: 'OPPOSANS-M';
      margin: 0;
      margin-bottom: 15px;
      position: relative;

    }

    p:before {
      content: '';
      height: 4px;
      background: rgb(38, 0, 255);
      /* 伪元素默认样式 display: inline;所以需要转成inline-block宽高才会生效 */
      display: inline-block;
      /* 通过定位使下划线在最低层 */
      position: absolute;
      bottom: -6px;
      width: 0;
      /* 加上一个过渡效果，使之丝滑一些 */
      transition: width 0.36s;
    }

    p:hover::before {
      /* 悬浮时候，让下划线伪元素宽度变成100%即可出现效果 */
      width: 100%;
    }

    .p1 {
      /* border-top:4px solid #fff; */
    }
  }

  div {
    img {
      width: 438px;
      padding-left: 80px;
    }
  }

  .footerimg {
    position: absolute;
    /* top: 30px; */
    right: 120px;
    bottom: 33px;
    width: 250px;
  }
}

iframe {
  width: 100%;
  /* height: 100%; */
  border: none !important;
  height: 100%;
}

/* .header.on{background-col.nav ul lior: #000;} */
.hdK {
  max-width: 1400px;
  width: 100%;
  min-width: 1200px;
  height: 78px;
  background-color: #fffffff0;
  margin: 0 auto;
  padding: 0 32px;
  border-radius: 10px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: space-between;
}

.logo {}

.menu {
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 24px;
  color: #000000;
  font-family: "Source Han Sans CN";
  transition: all 0.3s;
}

.menu.on,
.menu:hover {
  color: #fe1a17;
}

.nav {
  flex: 1;
  -webkit-flex: 1;
}

.nav ul li {
  margin: 0 5%;
}

.content {
  margin-top: -78px;
}

/*footer*/
.footer {
  background-color: #1c1818;
  color: #fff;
}

.ftK {
  min-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 30px 50px;
}

.ft-l {}

.ft-logo {}

.ft-logo img {
  width: 100%;
}

.ft-l p {
  line-height: 2;
}

.ft-l p a {
  color: inherit;
}

.ft-l p a:hover {
  text-decoration: underline;
}

.ft-c {
  border-left: 1px solid #d7d6d6;
  border-right: 1px solid #d7d6d6;
}

.ft-c h3 {
  font-weight: 600;
}

.ft-adress {}

.ft-adress p {}

.ft-r {
  margin-left: 50px;
}

.ft-r img {
  width: 100%;
  margin-top: 40px;
}

/* .hdK{max-width: 1560px;height: 70px;padding: 0 34px;border-radius: 10px;display: flex;justify-content: space-between;} */
.logo {
  width: 150px;
}

.nav ul {
  /* width: calc(100% - 160px); */
  display: flex;
  justify-content: flex-end;
}

/*footer*/
.footer {
  height: 100%;
}

.ftK {
  height: auto;
  width: 1260px;
  margin: auto;
}

.ft-l {
  width: 44%;
  padding-right: 25px;
}

.ft-logo {
  width: 160px;
}

.ft-l p {
  font-size: 12px;
  margin-top: 25px;
}

.ft-c {
  padding: 20px 25px;
  flex: 1;
  margin-top: 50px;
}

.ft-c h3 {
  font-size: 14px;
}

.ft-adress {
  margin-top: 8px;
}

.ft-adress p {
  font-size: 12px;
  padding: 2px 0;
}

.ft-r {
  width: 157px;
}

@media screen and (min-width: 1680px) {
  /*header*/
  /* .header{padding: 40px 0;} */
  /* .hdK{height: 90px;padding: 0 44px;border-radius: 10px;} */
  /* .logo{width: 150px;}
.menu{font-size: 22px;}
.nav ul li{margin: 0 63px;} */
  /*footer*/
  /* .footer{}
.ftK{height: 50vh;}
.ft-l{width: 41%;padding-right: 35px;}
.ft-logo{width: 180px;}
.ft-l p{font-size: 14px;margin-top: 30px;}
.ft-c{padding:20px 35px;width: 41%;margin-top: 60px;}
.ft-c h3{font-size: 18px;}
.ft-adress{margin-top: 10px;}
.ft-adress p{font-size: 14px;padding:2px 0;}
.ft-r{margin-top: 60px;width: 207px;} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /*header*/
  /* .header{padding: 30px 0;} */
  /* .hdK{max-width: 1560px;height: 85px;padding: 0 44px;border-radius: 10px;} */
  /* .logo{width: 150px;}
.menu{font-size: 20px;}
.nav ul li{margin: 0 53px;} */
  /*footer*/
  /* .footer{}
.ftK{height: 50vh;}
.ft-l{width: 41%;padding-right: 35px;}
.ft-logo{width: 170px;}
.ft-l p{font-size: 13px;margin-top: 30px;}
.ft-c{padding:20px 35px;width: 41%;margin-top: 60px;}
.ft-c h3{font-size: 16px;}
.ft-adress{margin-top: 10px;}
.ft-adress p{font-size: 13px;padding:2px 0;}
.ft-r{margin-top: 60px;width: 187px;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /*header*/
  /* .header{padding: 20px 0;} */
  /* .hdK{max-width: 1560px;height: 70px;padding: 0 34px;border-radius: 10px;} */
  /* .logo{width: 140px;}
.menu{font-size: 16px;}
.nav ul li{margin: 0 43px;} */
  /*footer*/
  /* .footer{}
.ftK{height: 50vh;}
.ft-l{width: 42%;padding-right: 25px;}
.ft-logo{width: 160px;}
.ft-l p{font-size: 12px;margin-top: 25px;}
.ft-c{padding: 20px 25px;width: 41%;margin-top: 50px;}
.ft-c h3{font-size: 14px;}
.ft-adress{margin-top: 8px;}
.ft-adress p{font-size: 12px;padding:2px 0;}
.ft-r{margin-top: 50px;width: 167px;} */
}

@media only screen and (max-width: 1279px) {
  /*header*/
  /* .header{padding: 20px 0;} */
  /* .hdK{max-width: 1560px;height: 70px;padding: 0 34px;border-radius: 10px;} */
  /* .logo{width: 140px;}
.menu{font-size: 16px;}
.nav ul li{margin: 0 43px;} */
  /*footer*/
  /* .footer{}
.ftK{height: 50vh;}
.ft-l{width: 44%;padding-right: 25px;}
.ft-logo{width: 160px;}
.ft-l p{font-size: 12px;margin-top: 25px;}
.ft-c{padding: 20px 25px;width: 39%;margin-top: 50px;}
.ft-c h3{font-size: 14px;}
.ft-adress{margin-top: 8px;}
.ft-adress p{font-size: 12px;padding:2px 0;}
.ft-r{margin-top: 50px;width: 157px;} */
}

/***********
棣栭〉
***********/
/*top banner*/
.IndBan {
  background-image: url(../images/banBg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  background-size: cover;
}

.IndBanT {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.IndBanEn {
  width: 100%;
}

.IndBanEn img {}

.IndBanCn {}

.IndBanCn img {}

.IndBanT h3 {
  color: #fff;
}

.IndBanT p {
  color: #fff;
}

.IndBanT {
  top: 28%;
}

.IndBanEn img {
  width: 84.2%;
}

.IndBanCn {
  margin-top: -100px;
}

.IndBanCn img {
  width: 63.6%;
}

.IndBanT h3 {
  font-size: 36px;
  margin-top: 50px;
}

.IndBanT p {
  font-size: 18px;
  margin-top: 120px;
}

@media screen and (min-width: 1680px) {
  /*top banner*/
  /* .IndBan{}
.IndBanT{top: 28%;}
.IndBanEn img{width: 84.2%;}
.IndBanCn{margin-top: -100px;}
.IndBanCn img{width: 63.6%;}
.IndBanT h3{font-size: 36px;margin-top: 50px;}
.IndBanT p{font-size: 18px;margin-top: 120px;} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /*top banner*/
  /* .IndBan{}
.IndBanT{top: 28%;}
.IndBanEn img{width: 84.2%;}
.IndBanCn{margin-top: -80px;}
.IndBanCn img{width: 63.6%;}
.IndBanT h3{font-size: 30px;margin-top: 40px;}
.IndBanT p{font-size: 16px;margin-top: 110px;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /*top banner*/
  /* .IndBan{}
.IndBanT{top: 28%;}
.IndBanEn img{width: 84.2%;}
.IndBanCn{margin-top: -80px;}
.IndBanCn img{width: 63.6%;}
.IndBanT h3{font-size: 28px;margin-top: 30px;}
.IndBanT p{font-size: 14px;margin-top: 100px;} */
}

@media only screen and (max-width: 1279px) {
  /*top banner*/
  /* .IndBan{}
.IndBanT{top: 28%;}
.IndBanEn img{width: 84.2%;}
.IndBanCn{margin-top: -80px;}
.IndBanCn img{width: 63.6%;}
.IndBanT h3{font-size: 28px;margin-top: 30px;}
.IndBanT p{font-size: 14px;margin-top: 100px;} */
}

/*鍏充簬浜ㄥ埄*/
.IndAbout {
  background-color: #faf8f8;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../images/IndAboutBg.jpg?123);
  background-size: cover;
}

.tit {
  color: #0c0c0c;
}

.tit h2 {
  font-weight: 600;
  letter-spacing: 2px;
}

.tit h3 {
  font-weight: 600;
}

.tit span {
  color: #ff2300;
}

.IndAboutT {}

.IndAboutT p {
  text-align: justify;
  line-height: 1.8;
}

.IndAboutV {
  overflow: hidden;
}

.IndAboutV video {
  width: 100%;
}

.IndAboutL {}

.IndAboutLI {
  text-align: center;
  cursor: pointer;
}

.IndAboutLI h3 {
  color: #ff2300;
  font-weight: 600;
  align-items: baseline;
  line-height: 1;
}

.IndAboutLI h3 span {}

.IndAboutLI p {
  color: #b2b2b2;
  font-weight: 600;
}

.IndAboutL .y-line {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/y-line.png);
  background-size: contain;
}

.IndAboutLI:hover p {
  color: #87451c;
}

.fp-section {
  display: flex;
  /* padding: 0 34px; */
}

/*鍏充簬浜ㄥ埄*/
.IndAbout {}

.tit h2 {
  font-size: 30px;
}

.tit h3 {
  font-size: 13px;
}

.IndAboutT {
  margin-top: 10px;
  width: 71%;
}

.IndAboutT p {
  font-size: 14px;
}

.IndAboutV {
  width: 270px;
  margin-top: 15px;
  border-radius: 10px;
}

.IndAboutL {
  margin-top: 15px;
}

.IndAboutLI {
  width: 26%;
}

.IndAboutLI h3 {
  font-size: 24px;
}

.IndAboutLI h3 span {
  font-size: 50px;
}

.IndAboutLI p {
  font-size: 14px;
  margin-top: 6px;
}

.IndAboutL .y-line {
  width: 3px;
  height: 97px;
}

.IndAbout .ward {
  width: 1200px;
  margin: auto;
  padding: 0 20px;
}

@media screen and (min-width: 1680px) {
  /*鍏充簬浜ㄥ埄*/
  /* .IndAbout{}
.IndAbout .ward{position: relative;top: 7%}
.tit h2{font-size: 32px;}
.tit h3{font-size: 16px;}
.IndAboutT{margin-top: 15px;width: 71%;}
.IndAboutT p{font-size: 18px;}
.IndAboutV{width: 320px;margin-top: 25px;border-radius: 10px;}

.IndAboutL{margin-top: 25px;}
.IndAboutLI{width: 26%;}
.IndAboutLI h3{font-size: 28px;}
.IndAboutLI h3 span{font-size: 50px;}
.IndAboutLI p{font-size: 16px;margin-top: 10px;}
.IndAboutL .y-line{width: 3px;height: 137px;} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /* .ward{width: 1200px;} */
  /*鍏充簬浜ㄥ埄*/
  /* .IndAbout{}
.IndAbout .ward{position: relative;top: 7%}
.tit h2{font-size: 26px;}
.tit h3{font-size: 14px;}
.IndAboutT{margin-top: 10px;width: 71%;}
.IndAboutT p{font-size: 14px;}
.IndAboutV{width: 270px;margin-top: 15px;border-radius: 10px;}

.IndAboutL{margin-top: 15px;}
.IndAboutLI{width: 26%;}
.IndAboutLI h3{font-size: 22px;}
.IndAboutLI h3 span{font-size: 42px;}
.IndAboutLI p{font-size: 14px;margin-top: 8px;}
.IndAboutL .y-line{width: 3px;height: 97px;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /* .ward{width: 1200px;} */
  /*鍏充簬浜ㄥ埄*/
  /* .IndAbout{}
.IndAbout .ward{position: relative;top: 7%}
.tit h2{font-size: 22px;}
.tit h3{font-size: 12px;}
.IndAboutT{margin-top: 8px;width: 71%;}
.IndAboutT p{font-size: 12px;}
.IndAboutV{width: 220px;margin-top: 12px;border-radius: 6px;}

.IndAboutL{margin-top: 12px;}
.IndAboutLI{width: 26%;}
.IndAboutLI h3{font-size: 18px;}
.IndAboutLI h3 span{font-size: 36px;}
.IndAboutLI p{font-size: 12px;margin-top: 6px;}
.IndAboutL .y-line{width: 3px;height: 67px;} */
}

@media only screen and (max-width: 1279px) {
  /* .ward{width: 1200px;} */
  /*鍏充簬浜ㄥ埄*/
  /* .IndAbout{}
.IndAbout .ward{position: relative;top: 7%}
.tit h2{font-size: 22px;}
.tit h3{font-size: 12px;}
.IndAboutT{margin-top: 8px;width: 71%;}
.IndAboutT p{font-size: 12px;}
.IndAboutV{width: 220px;margin-top: 12px;border-radius: 6px;}

.IndAboutL{margin-top: 12px;}
.IndAboutLI{width: 26%;}
.IndAboutLI h3{font-size: 18px;}
.IndAboutLI h3 span{font-size: 36px;}
.IndAboutLI p{font-size: 12px;margin-top: 6px;}
.IndAboutL .y-line{width: 3px;height: 67px;} */
}

@media screen and (min-width: 1921px) {
  /*鍏充簬浜ㄥ埄*/
  /* .IndAbout{}
.tit h2{font-size: 36px;}
.tit h3{font-size: 18px;}
.IndAboutT{margin-top: 20px;width: 71%;}
.IndAboutT p{font-size: 18px;}
.IndAboutV{width: 370px;margin-top: 30px;border-radius: 10px;}

.IndAboutL{margin-top: 30px;}
.IndAboutLI{width: 26%;}
.IndAboutLI h3{font-size: 30px;}
.IndAboutLI h3 span{font-size: 60px;}
.IndAboutLI p{font-size: 18px;margin-top: 10px;}
.IndAboutL .y-line{width: 3px;height: 147px;} */
}

/*鍙戝睍鍘嗙▼*/
.IndTime {
  background-color: #ededed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../images/time-bg.jpg);
}

.IndTimeW {
  padding-bottom: 100px;
}

.time-pic {
  background-position: center 50px;
}

.IndTimeW {
  width: 100%;
  margin: auto;
}

.IndTimeT {}

.IndTimeW .ward {
  width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.IndTimeT span {
  color: #ff2300;
  font-weight: 600;
}

.IndTimeBanW {
  width: 100%;
}

.IndTimeBan {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* .IndTimeBan .swiper-wrapper{align-items: flex-end;} */
.IndTimeBan .swiper-slide:nth-child(4) {}

.IndTimeBan .swiper-slide:nth-child(5) {}

.IndTimeBan .swiper-slide h3 {
  text-align: center;
  color: #fff;
  background-color: #fe0f0e;
  background-image: linear-gradient(to top, #fe0f0e, #ff5252);
}

.IndTimeBan .IndTimeBanT {}

.IndTimeBan .IndTimeBanT p {
  position: relative;
}

.IndTimeBan .IndTimeBanT p:before {
  content: "路";
  position: absolute;
  left: 0;
}

.IndTimeBan .IndTimeBanT p.red {
  color: #fe0f0e;
}

.IndTimeBan .IndTimeBanT p.red:before {
  color: #fe0f0e;
}

.IndTimeBan .swiper-slide {
  transition: all 0.3s ease;
  width: 12.5%;
}

.IndTimeBan .swiper-slide:hover {
  transform: scale(1.2);
}

.time-pic {
  width: 100%;
  background-image: url(../images/time-pic.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 40vh;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.IndTimeT {
  font-size: 28px;
  margin-top: 25px;
}

.IndTimeBan {
  padding: 40px 0 0;
}

.IndTimeBan .swiper-slide:nth-child(3),
.IndTimeBan .swiper-slide:nth-child(5) {
  padding-top: 50px;
}

.IndTimeBan .swiper-slide:nth-child(1) {
  padding-top: 160px;
}

.IndTimeBan .swiper-slide:nth-child(2) {
  padding-top: 100px;
}

.IndTimeBan .swiper-slide:nth-child(6) {
  padding-top: 70px;
}

.IndTimeBan .swiper-slide:nth-child(8) {
  padding-top: 40px;
}

/* .IndTimeBan .swiper-slide:nth-child(4){min-height: 221px;}
.IndTimeBan .swiper-slide:nth-child(5){min-height: 221px;padding-top: 50px;} */
.IndTimeBan .swiper-slide h3 {
  font-size: 18px;
  padding: 4px 8px;
  border-radius: 50px;
  max-width: 90%;
  margin: auto;
}

.IndTimeBan .IndTimeBanT {
  padding: 8px 8px 0;
}

.IndTimeBan .IndTimeBanT p {
  font-size: 14px;
  padding: 2px 0;
  padding-left: 8px;
}

.IndTimeBan .IndTimeBanT p:before {
  line-height: 22px;
}

.time-pic {
  height: 185px;
}

.authentication_Ban_text h3 {
  display: flex;
  align-items: center;
}

.authentication_Ban_text h3 img {
  width: 44px;
  margin-right: 6px;
}

@media screen and (min-width: 1680px) {
  /*鍙戝睍鍘嗙▼*/
  /* .IndTimeW{}
.IndTimeT{font-size: 30px;margin-top: 30px;}
.IndTimeBan{padding: 40px 40px 20px;}
.IndTimeBan .swiper-slide:nth-child(4){min-height: 321px;}
.IndTimeBan .swiper-slide:nth-child(5){min-height: 321px;padding-top: 50px;}
.IndTimeBan .swiper-slide h3{font-size: 20px;padding:5px 10px;border-radius: 50px;max-width: 90%;}
.IndTimeBan .IndTimeBanT{padding: 10px 10px 0;}
.IndTimeBan .IndTimeBanT p{font-size: 16px;padding: 3px 0;padding-left: 8px;}
.IndTimeBan .IndTimeBanT p:before{line-height: 24px;}
.time-pic{height: 215px;} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /*鍙戝睍鍘嗙▼*/
  /* .IndTimeW{}
.IndTimeT{font-size: 28px;margin-top: 25px;}
.IndTimeBan{padding: 40px 30px 20px;}
.IndTimeBan .swiper-slide:nth-child(4){min-height: 221px;}
.IndTimeBan .swiper-slide:nth-child(5){min-height: 221px;padding-top: 50px;}
.IndTimeBan .swiper-slide h3{font-size: 18px;padding: 4px 8px;border-radius: 50px;max-width: 90%;}
.IndTimeBan .IndTimeBanT{padding: 8px 8px 0;}
.IndTimeBan .IndTimeBanT p{font-size: 14px;padding: 2px 0;padding-left: 8px;}
.IndTimeBan .IndTimeBanT p:before{line-height: 22px;}
.time-pic{height: 185px;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /*鍙戝睍鍘嗙▼*/
  /* .IndTimeW{}
.IndTimeT{font-size: 24px;margin-top: 15px;}
.IndTimeBan{padding: 20px 25px 20px;}
.IndTimeBan .swiper-slide:nth-child(4){min-height: 191px;}
.IndTimeBan .swiper-slide:nth-child(5){min-height: 191px;padding-top: 40px;}
.IndTimeBan .swiper-slide h3{font-size: 16px;padding: 4px 8px;border-radius: 50px;max-width: 90%;}
.IndTimeBan .IndTimeBanT{padding: 8px 8px 0;}
.IndTimeBan .IndTimeBanT p{font-size: 12px;padding: 2px 0;padding-left: 8px;}
.IndTimeBan .IndTimeBanT p:before{line-height: 22px;}
.time-pic{height: 150px;} */
}

@media only screen and (max-width: 1279px) {
  /*鍙戝睍鍘嗙▼*/
  /* .IndTimeW{}
.IndTimeT{font-size: 24px;margin-top: 15px;}
.IndTimeBan{padding: 20px 25px 20px;}
.IndTimeBan .swiper-slide:nth-child(4){min-height: 191px;}
.IndTimeBan .swiper-slide:nth-child(5){min-height: 191px;padding-top: 40px;}
.IndTimeBan .swiper-slide h3{font-size: 16px;padding: 4px 8px;border-radius: 50px;max-width: 90%;}
.IndTimeBan .IndTimeBanT{padding: 8px 8px 0;}
.IndTimeBan .IndTimeBanT p{font-size: 12px;padding: 2px 0;padding-left: 8px;}
.IndTimeBan .IndTimeBanT p:before{line-height: 22px;}
.time-pic{height: 150px;} */
}

@media screen and (min-width: 1921px) {
  /*鍙戝睍鍘嗙▼*/
  /* .IndTimeW{}
.IndTimeT{font-size: 30px;margin-top: 30px;}
.IndTimeBan{padding: 40px 40px 20px;}
.IndTimeBan .swiper-slide:nth-child(4){min-height: 321px;}
.IndTimeBan .swiper-slide:nth-child(5){min-height: 321px;padding-top: 50px;}
.IndTimeBan .swiper-slide h3{font-size: 20px;padding:5px 10px;border-radius: 50px;max-width: 90%;}
.IndTimeBan .IndTimeBanT{padding: 10px 10px 0;}
.IndTimeBan .IndTimeBanT p{font-size: 16px;padding: 3px 0;padding-left: 8px;}
.IndTimeBan .IndTimeBanT p:before{line-height: 24px;}
.time-pic{height: 315px;} */
}

/*鏈嶅姟浼樺娍*/
.innerT {
  text-align: center;
}

.innerT p {
  line-height: 2;
}

.IndAdvantagePic {
  width: 100%;
  position: relative;
}

.IndAdvantagePic img {
  width: 100%;
}

.IndAdvantagePic .advantage_tips {
  position: absolute;
}

.IndAdvantagePic .icon-ani {
  display: block;
  color: #fff;
  background-color: #fe0f0e;
  background-image: linear-gradient(to top, #fe0f0e, #ff5252);
  text-align: center;
  font-weight: 600;
}

.IndAdvantagePic .icon-ani:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
}

.icon-ani {
  animation: icon-move 1.5s infinite;
}

.innerT {
  margin-top: 50px;
}

.innerT h3 {
  font-size: 32px;
}

.innerT p {
  font-size: 16px;
  margin-top: 20px;
}

.IndAdvantagePic {
  margin-top: 90px;
}

.IndAdvantagePic .advantage_tips_1 {
  top: 10px;
  left: 30%;
}

.IndAdvantagePic .advantage_tips_2 {
  top: 10px;
  right: 30%;
}

.IndAdvantagePic .advantage_tips_3 {
  top: 180px;
  left: 8%;
}

.IndAdvantagePic .advantage_tips_4 {
  top: 130px;
  right: 5%;
}

.IndAdvantagePic .advantage_tips_5 {
  bottom: 40px;
  left: 48%;
}

.IndAdvantagePic .icon-ani {
  font-size: 18px;
  padding: 12px 10px;
  text-align: center;
  min-width: 160px;
  border-radius: 4px;
}

.IndAdvantagePic .icon-ani:before {
  bottom: -14px;
  border-top: 14px solid #fe0f0e;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.innerT {
  margin-top: 50px;
}

.innerT h3 {
  font-size: 32px;
}

.innerT p {
  font-size: 16px;
  margin-top: 20px;
}

.IndAdvantage .IndAdvantageW {
  margin: auto;
}

.IndAdvantage .IndAdvantageW .ward {
  width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.IndAdvantagePic {
  margin-top: 90px;
}

.IndAdvantagePic .advantage_tips_1 {
  top: 10px;
  left: 30%;
}

.IndAdvantagePic .advantage_tips_2 {
  top: 10px;
  right: 30%;
}

.IndAdvantagePic .advantage_tips_3 {
  top: 180px;
  left: 8%;
}

.IndAdvantagePic .advantage_tips_4 {
  top: 130px;
  right: 5%;
}

.IndAdvantagePic .advantage_tips_5 {
  bottom: 40px;
  left: 48%;
}

.IndAdvantagePic .icon-ani {
  font-size: 18px;
  padding: 12px 10px;
  text-align: center;
  min-width: 160px;
  border-radius: 4px;
}

.IndAdvantagePic .icon-ani:before {
  bottom: -14px;
  border-top: 14px solid #fe0f0e;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

@keyframes icon-move {
  0% {
    top: 0;
  }

  50% {
    top: 50%;
    transform: translateY(-50%);
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes icon-move {
  0% {
    top: 0;
  }

  50% {
    top: 50%;
    transform: translateY(-50%);
  }

  100% {
    top: 0;
  }
}

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

  /*鏈嶅姟浼樺娍*/
  .IndAdvantage {}

  /* .IndAdvantage .ward{padding-top: 120px;} */
  /* .innerT{margin-top: 40px;}
.innerT h3{font-size: 32px;}
.innerT p{font-size: 16px;margin-top: 20px;}
.IndAdvantagePic{margin-top: 70px;}
.IndAdvantagePic .advantage_tips_1{top: 10px;left: 30%;}
.IndAdvantagePic .advantage_tips_2{top: 10px;right: 30%;}
.IndAdvantagePic .advantage_tips_3{top: 180px;left: 8%;}
.IndAdvantagePic .advantage_tips_4{top: 130px;right: 5%;}
.IndAdvantagePic .advantage_tips_5{bottom: 40px;left: 48%;}
.IndAdvantagePic .icon-ani{font-size: 18px;padding:12px 10px;text-align: center;min-width: 160px;border-radius: 4px;}
.IndAdvantagePic .icon-ani:before{bottom: -14px;border-top: 14px solid #fe0f0e;border-right: 8px solid transparent;border-left: 8px solid transparent;} */
}

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

  /*鏈嶅姟浼樺娍*/
  .IndAdvantage {}

  /* .IndAdvantage .ward{padding-top: 120px;} */
  /* .innerT{margin-top: 40px;}
.innerT h3{font-size: 30px;}
.innerT p{font-size: 14px;margin-top: 15px;}
.IndAdvantagePic{margin-top: 70px;}
.IndAdvantagePic .advantage_tips_1{top: 10px;left: 30%;}
.IndAdvantagePic .advantage_tips_2{top: 10px;right: 30%;}
.IndAdvantagePic .advantage_tips_3{top: 180px;left: 8%;}
.IndAdvantagePic .advantage_tips_4{top: 130px;right: 5%;}
.IndAdvantagePic .advantage_tips_5{bottom: 40px;left: 48%;}
.IndAdvantagePic .icon-ani{font-size: 16px;padding: 10px 10px;text-align: center;min-width: 150px;border-radius: 4px;}
.IndAdvantagePic .icon-ani:before{bottom: -12px;border-top: 12px solid #fe0f0e;border-right: 6px solid transparent;border-left: 6px solid transparent;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {

  /*鏈嶅姟浼樺娍*/
  .IndAdvantage {}

  /* .IndAdvantage .ward{padding-top: 100px;} */
  /* .innerT{margin-top: 25px;}
.innerT h3{font-size: 26px;}
.innerT p{font-size: 12px;margin-top: 12px;}
.IndAdvantagePic{margin-top: 40px;}
.IndAdvantagePic .advantage_tips_1{top: 10px;left: 30%;}
.IndAdvantagePic .advantage_tips_2{top: 10px;right: 30%;}
.IndAdvantagePic .advantage_tips_3{top: 180px;left: 8%;}
.IndAdvantagePic .advantage_tips_4{top: 130px;right: 5%;}
.IndAdvantagePic .advantage_tips_5{bottom: 40px;left: 48%;}
.IndAdvantagePic .icon-ani{font-size: 12px;padding: 9px 8px;text-align: center;min-width: 130px;border-radius: 4px;}
.IndAdvantagePic .icon-ani:before{bottom: -10px;border-top: 10px solid #fe0f0e;border-right: 6px solid transparent;border-left: 6px solid transparent;} */
}

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

  /*鏈嶅姟浼樺娍*/
  .IndAdvantage {}

  /* .IndAdvantage .ward{padding-top: 100px;} */
  /* .innerT{margin-top: 25px;}
.innerT h3{font-size: 26px;}
.innerT p{font-size: 12px;margin-top: 12px;}
.IndAdvantagePic{margin-top: 40px;}
.IndAdvantagePic .advantage_tips_1{top: 10px;left: 30%;}
.IndAdvantagePic .advantage_tips_2{top: 10px;right: 30%;}
.IndAdvantagePic .advantage_tips_3{top: 180px;left: 8%;}
.IndAdvantagePic .advantage_tips_4{top: 130px;right: 5%;}
.IndAdvantagePic .advantage_tips_5{bottom: 40px;left: 48%;}
.IndAdvantagePic .icon-ani{font-size: 12px;padding: 9px 8px;text-align: center;min-width: 130px;border-radius: 4px;}
.IndAdvantagePic .icon-ani:before{bottom: -10px;border-top: 10px solid #fe0f0e;border-right: 6px solid transparent;border-left: 6px solid transparent;} */
}

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

  /*鏈嶅姟浼樺娍*/
  .IndAdvantage {}

  /* .innerT{margin-top: 50px;}
.innerT h3{font-size: 32px;}
.innerT p{font-size: 16px;margin-top: 20px;}
.IndAdvantagePic{margin-top: 90px;}
.IndAdvantagePic .advantage_tips_1{top: 10px;left: 30%;}
.IndAdvantagePic .advantage_tips_2{top: 10px;right: 30%;}
.IndAdvantagePic .advantage_tips_3{top: 180px;left: 8%;}
.IndAdvantagePic .advantage_tips_4{top: 130px;right: 5%;}
.IndAdvantagePic .advantage_tips_5{bottom: 40px;left: 48%;}
.IndAdvantagePic .icon-ani{font-size: 18px;padding:12px 10px;text-align: center;min-width: 160px;border-radius: 4px;}
.IndAdvantagePic .icon-ani:before{bottom: -14px;border-top: 14px solid #fe0f0e;border-right: 8px solid transparent;border-left: 8px solid transparent;} */
}

/*娓犻亾瑕嗙洊*/
.IndCoverage {}

.IndCoverageW {
  margin: auto;
}

.IndCoverageC {
  position: relative;
  width: 100%;
}

.circle {
  margin: 0 auto;
  bottom: 0;
  width: 100%;
  min-width: 1200px;
  cursor: pointer;
  position: relative;
  z-index: -1;
}

.circle img {
  width: 100%;
}

.circle-nei {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}

.circle-nei h3 {
  position: absolute;
  font-weight: 600;
  color: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.borther {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#lopp {
  position: absolute;
  top: 0;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.ball {
  position: absolute;
  z-index: 4;
}

.ball img {
  height: 100%;
}

.IndCoverageW .ward {
  width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.ball {
  /*鍔ㄧ敾鎵ц涓€娆℃墍闇€鏃堕棿*/
  animation-duration: 20s, 20s, 20s;
  /*鍔ㄧ敾浠ヤ綍绉嶈繍琛岃建杩瑰畬鎴愪竴涓懆鏈 */
  animation-timing-function: cubic-bezier(0.36, 0, 0.64, 1);
  /*鍔ㄧ敾鎾斁娆℃暟,鏃犵嚎寰幆鎾斁*/
  animation-iteration-count: infinite;
  /*鏄惁杞祦鍙嶅悜鎾斁鍔ㄧ敾 alternate:姝ｅ悜鎾斁*/
  animation-direction: alternate;
  animation-name: animX, animY, scale;
}

/*.ball1{top: 0;left: 44%;}
.ball2{top: 138px;right: 25%}
.ball3{top: 266px;right: 10%;}
.ball4{top: 446px;right: 25%;}
.ball5{top: 446px;left: 25%;}
.ball6{top: 266px;left: 10%;}
.ball7{top: 138px;left: 25%}*/

.IndCoverage {}

.IndCoverageW .innerT {
  margin-top: 10px;
}

.IndCoverageW .innerT p {
  margin-top: 10px;
}

.IndCoverageC {
  padding-top: 50px;
}

.circle-nei {
  top: 13%;
}

.circle-nei img {
  width: 25.99%;
}

.circle-nei h3 {
  font-size: 50px;
  top: 45%;
  letter-spacing: 2px;
}

.borther {}

#lopp {
  width: 1500px;
  height: 400px;
}

.ball {
  height: 101px;
}

/*绗竴灞 */
@keyframes animX {
  0% {
    left: 12%;
  }

  100% {
    left: 80%;
  }
}

@keyframes animY {
  0% {
    top: 0;
  }

  100% {
    top: 400px;
  }
}

@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;
  }
}

@media screen and (min-width: 1680px) {
  /*娓犻亾瑕嗙洊*/
  /* .IndCoverage{}
.IndCoverageW{padding-top: 100px;height: 100%;}
.IndCoverageW .innerT{margin-top: 10px;}
.IndCoverageW .innerT p{margin-top: 10px;}
.IndCoverageC{padding-top: 50px;}
.circle-nei{top: 13%;}
.circle-nei img{width: 25.99%;}
.circle-nei h3{font-size: 50px;top: 45%;letter-spacing: 2px;}
.borther{}
#lopp {width: 1500px;height: 400px;}
.ball {height: 101px;} */
  /*绗竴灞 */
  /* @keyframes animX{
  0% {
    left: 12%;
  }
  100% {
    left: 80%;
  }
}
@keyframes animY{
  0% {
    top: 0;
  }
  100% {
    top: 400px;
  }
}
@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
  }
} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /*娓犻亾瑕嗙洊*/
  /* .IndCoverageW{padding-top: 100px;height: 100%;}
.IndCoverageW .innerT{margin-top: 10px;}
.IndCoverageW .innerT p{margin-top: 10px;}
.IndCoverageC{padding-top: 50px;}
.circle-nei{top: 13%;}
.circle-nei img{width: 25.99%;}
.circle-nei h3{font-size: 40px;top: 45%;letter-spacing: 2px;}
.borther{}
#lopp {width: 1500px;height: 350px;}
.ball {height: 101px;} */
  /*绗竴灞 */
  /* @keyframes animX{
  0% {
    left: 12%;
  }
  100% {
    left: 80%;
  }
}
@keyframes animY{
  0% {
    top: 0;
  }
  100% {
    top: 300px;
  }
}
@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
  }
} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /*娓犻亾瑕嗙洊*/
  /* .IndCoverageW{padding-top: 100px;height: 100%;}
.IndCoverageW .innerT{margin-top: 10px;}
.IndCoverageW .innerT p{margin-top: 10px;}
.IndCoverageC{padding-top: 40px;}
.circle-nei{top: 13%;}
.circle-nei img{width: 25.99%;}
.circle-nei h3{font-size: 32px;top: 45%;letter-spacing: 2px;}
.borther{}
#lopp {width: 1500px;height: 350px;}
.ball {height: 81px;} */
  /*绗竴灞 */
  /* @keyframes animX{
  0% {
    left: 12%;
  }
  100% {
    left: 80%;
  }
}
@keyframes animY{
  0% {
    top: 0;
  }
  100% {
    top: 250px;
  }
}
@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
  }
} */
}

@media only screen and (max-width: 1279px) {
  /*娓犻亾瑕嗙洊*/
  /* .IndCoverageW{padding-top: 100px;height: 100%;}
.IndCoverageW .innerT{margin-top: 10px;}
.IndCoverageW .innerT p{margin-top: 10px;}
.IndCoverageC{padding-top: 40px;}
.circle-nei{top: 13%;}
.circle-nei img{width: 25.99%;}
.circle-nei h3{font-size: 32px;top: 45%;letter-spacing: 2px;}
.borther{}
#lopp {width: 1500px;height: 350px;}
.ball {height: 81px;} */
  /*绗竴灞 */
  /* @keyframes animX{
  0% {
    left: 12%;
  }
  100% {
    left: 80%;
  }
}
@keyframes animY{
  0% {
    top: 0;
  }
  100% {
    top: 250px;
  }
}
@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
  }
} */
}

@media screen and (min-width: 1921px) {
  /*娓犻亾瑕嗙洊*/
  /* .IndCoverage{}
.IndCoverageW{padding-top: 50px;height: 100%;}
.IndCoverageW .innerT{margin-top: 10px;}
.IndCoverageW .innerT p{margin-top: 10px;}
.IndCoverageC{padding-top: 150px;}
.circle-nei{top: 19%;}
.circle-nei img{width: 31.99%;}
.circle-nei h3{font-size: 50px;top: 45%;letter-spacing: 2px;}
.borther{}
#lopp {width: 1500px;height: 500px;}
.ball {height: 121px;}*/
  /*绗竴灞 */
  /* @keyframes animX{
  0% {
    left: 12%;
  }
  100% {
    left: 80%;
  }
}
@keyframes animY{
  0% {
    top: 0;
  }
  100% {
    top: 500px;
  }
}
@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
  }
} */
}

/*鍚堜綔浼欎即*/
.IndPartner {}

.IndPartnerT {
  text-align: center;
}

.IndPartnerT h2 {
  width: 100%;
}

.IndPartnerT h2 img {
  width: 100%;
}

.IndPartnerT h3 {}

.IndPartnerT p {
  font-weight: 600;
}

.IndPartnerT p span {
  color: #fe1f1e;
}

.IndPartnerPic {
  margin-top: 50px;
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  width: 100%;
}

.IndPartnerBg {
  z-index: 0;
  position: absolute;
  transform-origin: center;
  vertical-align: middle;
}

.IndPartnerBg1 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.IndPartnerBg2 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.IndPartnerW {
  width: 100%;
  height: 100%;
}

.IndPartnerW .ward {
  width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.IndPartnerT {
  margin-top: 40px;
}

.IndPartnerT h3 {
  font-size: 28px;
  margin-top: -35px;
}

.IndPartnerT p {
  font-size: 28px;
  margin-top: 5px;
}

.IndPartnerPic {
  width: 100%;
  height: 300px;
  margin-top: 40px;
  perspective: 500px;
}

.IndPartnerBg {
  min-width: 1920px;
  height: 1664px;
  left: -22%;
  right: -22%;
  top: -50%;
  transform: rotateX(30deg);
}

.IndPartnerBg1 {
  height: 832px;
  animation: top_bg1 10s linear infinite;
}

.IndPartnerBg2 {
  height: 832px;
  animation: top_bg2 10s linear infinite;
}

@keyframes top_bg1 {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(-832px);
  }
}

@keyframes top_bg2 {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(-832px);
  }
}

@media screen and (min-width: 1680px) {
  /*鍚堜綔浼欎即*/
  /* .IndPartnerW{padding-top: 100px;height: 100%;}
.IndPartnerT{margin-top: 50px;}
.IndPartnerT h3{font-size: 30px;margin-top: -35px;}
.IndPartnerT p{font-size: 30px;margin-top: 10px;}
.IndPartnerPic {height: 350px;margin-top:50px;perspective: 500px;}
.IndPartnerBg {min-width: 1920px;height: 1664px; left: -22%;right: -22%;top: -50%;transform: rotateX(25deg);}
.IndPartnerBg1 {height: 832px;animation: top_bg1 20s linear infinite;}
.IndPartnerBg2 {height: 832px;animation: top_bg2 20s linear infinite;}
@keyframes top_bg1 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-732px)
  }
}

@keyframes top_bg2 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-732px)
  }
} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /*鍚堜綔浼欎即*/
  /* .IndPartnerW{padding-top: 100px;height: 100%;}
.IndPartnerT{margin-top: 40px;}
.IndPartnerT h3{font-size: 28px;margin-top: -35px;}
.IndPartnerT p{font-size: 28px;margin-top: 5px;}
.IndPartnerPic {height: 300px;margin-top: 40px;perspective: 500px;}
.IndPartnerBg {min-width: 1920px;height: 1664px; left: -22%;right: -22%;top: -50%;transform: rotateX(30deg);}
.IndPartnerBg1 {height: 832px;animation: top_bg1 10s linear infinite;}
.IndPartnerBg2 {height: 832px;animation: top_bg2 10s linear infinite;}
@keyframes top_bg1 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-832px)
  }
}

@keyframes top_bg2 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-832px)
  }
} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /*鍚堜綔浼欎即*/
  /* .IndPartnerW{padding-top: 80px;height: 100%;}
.IndPartnerT{margin-top: 40px;}
.IndPartnerT h3{font-size: 26px;margin-top: -35px;}
.IndPartnerT p{font-size: 26px;margin-top: 6px;}
.IndPartnerPic {height: 220px;margin-top: 30px;perspective: 500px;}
.IndPartnerBg {height: 1664px; left: -22%;right: -22%;top: -50%;transform: rotateX(30deg);}
.IndPartnerBg1 {height: 832px;animation: top_bg1 10s linear infinite;}
.IndPartnerBg2 {height: 832px;animation: top_bg2 10s linear infinite;}
@keyframes top_bg1 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-832px)
  }
}

@keyframes top_bg2 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-832px)
  }
} */
}

@media only screen and (max-width: 1279px) {
  /*鍚堜綔浼欎即*/
  /* .IndPartnerW{padding-top: 80px;height: 100%;}
.IndPartnerT{margin-top: 40px;}
.IndPartnerT h3{font-size: 26px;margin-top: -35px;}
.IndPartnerT p{font-size: 26px;margin-top: 6px;}
.IndPartnerPic {height: 220px;margin-top: 30px;perspective: 500px;}
.IndPartnerBg {height: 1664px; left: -22%;right: -22%;top: -50%;transform: rotateX(30deg);}
.IndPartnerBg1 {height: 832px;animation: top_bg1 10s linear infinite;}
.IndPartnerBg2 {height: 832px;animation: top_bg2 10s linear infinite;}
@keyframes top_bg1 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-832px)
  }
}

@keyframes top_bg2 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-832px)
  }
} */
}

@media screen and (min-width: 1921px) {
  /*鍚堜綔浼欎即*/
  /* .IndPartnerW{padding: 60px 0;height: 100%;}
.IndPartnerT{margin-top: 80px;}
.IndPartnerT h3{font-size: 30px;margin-top: -35px;}
.IndPartnerT p{font-size: 30px;margin-top: 10px;}
.IndPartnerPic {height: 400px;margin-top:50px;perspective: 500px;}
.IndPartnerBg {min-width: 1920px;height: 1664px; left: -22%;right: -22%;top: -50%;transform: rotateX(20deg);}
.IndPartnerBg1 {height: 832px;animation: top_bg1 20s linear infinite;}
.IndPartnerBg2 {height: 832px;animation: top_bg2 20s linear infinite;}
@keyframes top_bg1 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-832px)
  }
}

@keyframes top_bg2 {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-832px)
  }
} */
}

/*鏈€鏂板姩鎬 */
.IndNews {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../images/IndNewsBg.jpg);
}

.IndPartnerW {
  margin: auto;
}

.IndNews .ward {
  width: 1200px;
  padding: 0 20px;
  margin: auto;
}

.IndNewsL {
  margin: 0 auto;
}

.IndNewsI {
  width: 990px;
  margin: auto;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.IndNewsI:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.IndNewsI a {
  background-color: #fff;
}

.IndNewsTime {}

.IndNewsTime h3 {
  font-weight: 600;
  letter-spacing: 1px;
}

.IndNewsTime span {
  display: inline-block;
  letter-spacing: 1px;
}

.IndNewsTime i {
  display: block;
  border-top: 2px solid #ff2300;
}

.IndNewsPic {
  overflow: hidden;
}

.IndNewsPic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.IndNewsText {
  flex: 1;
  -webkit-flex: 1;
}

.IndNewsText h3 {
  font-weight: 600;
  letter-spacing: 1px;
}

.IndNewsText p {
  color: #8b8b8b;
  line-height: 1.6;
  letter-spacing: 1px;
}

.IndNewsW {}

.IndNewsL {
  width: 1180px;
}

.IndNewsI {
  margin-top: 20px;
}

.IndNewsI a {
  padding: 10px;
}

.IndNewsTime {
  padding: 14px 14px 0;
  width: 15%;
}

.IndNewsTime h3 {
  font-size: 32px;
}

.IndNewsTime span {
  font-size: 20px;
  margin-top: 10px;
}

.IndNewsTime i {
  width: 50%;
  margin-top: 10px;
}

.IndNewsPic {
  width: 180px;
}

.IndNewsPic img {}

.IndNewsText {
  padding: 14px 16px 0;
}

.IndNewsText h3 {
  font-size: 24px;
}

.IndNewsText p {
  font-size: 18px;
  margin-top: 10px;
}

@media screen and (min-width: 1680px) {
  /*鏈€鏂板姩鎬 */
  /* .IndNews{}
.IndNews .ward{position: relative;top: 7%}
.IndNewsW{}
.IndNewsL{width: 1180px;}
.IndNewsI{margin-top: 20px;}
.IndNewsI a{padding:14px;}
.IndNewsTime{padding: 20px 20px 0;width: 15%;}
.IndNewsTime h3{font-size: 32px;}
.IndNewsTime span{font-size: 20px;margin-top: 20px;}
.IndNewsTime i{width: 50%;margin-top: 20px;}
.IndNewsPic{width: 220px;}
.IndNewsPic img{}
.IndNewsText{padding: 20px 100px 20px 50px;}
.IndNewsText h3{font-size: 24px;}
.IndNewsText p{font-size: 18px;margin-top: 10px;} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /*鏈€鏂板姩鎬 */
  /* .IndNews{}
.IndNews .ward{position: relative;top: 7%}
.IndNewsW{}
.IndNewsL{width: 1080px;}
.IndNewsI{margin-top: 15px;}
.IndNewsI a{padding:12px;}
.IndNewsTime{padding: 20px 20px 0;width: 15%;}
.IndNewsTime h3{font-size: 26px;}
.IndNewsTime span{font-size: 16px;margin-top: 15px;}
.IndNewsTime i{width: 50%;margin-top: 10px;}
.IndNewsPic{width: 170px;}
.IndNewsPic img{}
.IndNewsText{padding: 15px 100px 15px 50px;}
.IndNewsText h3{font-size: 20px;}
.IndNewsText p{font-size: 14px;margin-top: 10px;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /*鏈€鏂板姩鎬 */
  /* .IndNews{}
.IndNews .ward{position: relative;top: 7%}
.IndNewsW{}
.IndNewsL{width: 980px;}
.IndNewsI{margin-top: 12px;}
.IndNewsI a{padding:12px;}
.IndNewsTime{padding: 5px 15px 0;width: 15%;}
.IndNewsTime h3{font-size: 22px;}
.IndNewsTime span{font-size: 14px;margin-top: 10px;}
.IndNewsTime i{width: 50%;margin-top: 8px;}
.IndNewsPic{width: 140px;}
.IndNewsPic img{}
.IndNewsText{padding: 5px 100px 0 50px;}
.IndNewsText h3{font-size: 18px;}
.IndNewsText p{font-size: 14px;margin-top: 5px;line-height: 1.5;} */
}

@media only screen and (max-width: 1279px) {
  /*鏈€鏂板姩鎬 */
  /* .IndNews{}
.IndNews .ward{position: relative;top: 7%}
.IndNewsW{}
.IndNewsL{width: 980px;}
.IndNewsI{margin-top: 12px;}
.IndNewsI a{padding:12px;}
.IndNewsTime{padding: 5px 15px 0;width: 15%;}
.IndNewsTime h3{font-size: 22px;}
.IndNewsTime span{font-size: 14px;margin-top: 10px;}
.IndNewsTime i{width: 50%;margin-top: 8px;}
.IndNewsPic{width: 140px;}
.IndNewsPic img{}
.IndNewsText{padding: 5px 100px 0 50px;}
.IndNewsText h3{font-size: 18px;}
.IndNewsText p{font-size: 14px;margin-top: 5px;line-height: 1.5;} */
}

@media screen and (min-width: 1921px) {
  /*鏈€鏂板姩鎬 */
  /* .IndNews{}
.IndNewsW{}
.IndNewsL{width: 1180px;}
.IndNewsI{margin-top: 20px;}
.IndNewsI a{padding:14px;}
.IndNewsTime{padding: 30px 20px 0;width: 15%;}
.IndNewsTime h3{font-size: 32px;}
.IndNewsTime span{font-size: 20px;margin-top: 20px;}
.IndNewsTime i{width: 50%;margin-top: 20px;}
.IndNewsPic{width: 290px;height: 210px;}
.IndNewsPic img{}
.IndNewsText{padding: 20px 100px 20px 50px;}
.IndNewsText h3{font-size: 24px;}
.IndNewsText p{font-size: 18px;margin-top: 10px;} */
}

/*浼佷笟鏂囧寲*/
.IndCulture {}

.IndCulture .ward {
  width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.IndCultureL {
  width: 100%;
  padding: 0 18px;
}

.IndCultureI {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

.IndCultureI:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  transition: all 0.5s;
}

.IndCultureIW {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}

.IndCultureIW h3 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
}

.IndCultureIW h3 span {
  color: #ff2300;
}

.IndCultureIW h4 {
  font-weight: 600;
  color: #fff;
}

.IndCultureIW h4 span {
  color: #ff2300;
}

.IndCultureIW i {
  display: block;
  border-top: 3px solid #ff2300;
}

.IndCultureIW p {
  color: #fff;
  line-height: 2;
}

.IndCultureI:hover:before {
  width: 100%;
  height: 100%;
}

.IndVision {}

.IndVisionW {
  flex-direction: column;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  width: 100%;
}

.IndVisionW .tit h2,
.IndVisionW .tit h3,
.IndVisionW .tit p {
  color: #fff;
}

.IndVisionW .tit i {
  display: block;
  border-top: 3px solid #ff2300;
  margin: 15px auto 0;
}

.IndVisionW .tit p {
  line-height: 2;
}

.IndCultureW {
  width: 100%;
  height: 100%;
}

/* .IndCultureL{padding: 24px 18px 0;} */
.IndCultureI {
  height: 67vh;
  width: 24.8%;
}

.IndCultureIW {
  top: 90px;
  padding: 0 30px;
}

.IndCultureIW h3 {
  font-size: 24px;
}

.IndCultureIW h4 {
  font-size: 14px;
  margin-top: 10px;
}

.IndCultureIW i {
  width: 100px;
  border-top: 3px solid #ff2300;
  margin: 20px auto 0;
}

.IndCultureIW p {
  font-size: 14px;
  margin-top: 30px;
}

.IndVision {
  padding: 0 18px 18px;
  height: 100%;
}

.IndVisionW {
  height: 100%;
  padding-top: 50px;
}

.IndVisionW .tit i {
  width: 180px;
  border-top: 3px solid #ff2300;
  margin: 15px auto 0;
}

.IndVisionW .tit p {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}

@media screen and (min-width: 1680px) {
  /*浼佷笟鏂囧寲*/
  /* .IndCultureW{padding: 165px 0 20px;height: 100%}
.IndCultureL{padding: 24px 18px 0;}
.IndCultureI{height: 69vh;width: 24.8%;}
.IndCultureIW{top: 90px;padding: 0 30px;}
.IndCultureIW h3{font-size: 24px;}
.IndCultureIW h4{font-size: 14px;margin-top: 10px;}
.IndCultureIW i{width: 100px;border-top: 3px solid #ff2300;margin: 20px auto 0;}
.IndCultureIW p{font-size: 16px;margin-top: 30px;}

.IndVision{padding: 18px;height: 50vh}
.IndVisionW{height: 100%;}
.IndVisionW .tit i{width: 200px;border-top: 3px solid #ff2300;margin: 15px auto 0;}
.IndVisionW .tit p{font-size: 18px;line-height: 2;margin-top: 20px;} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /*浼佷笟鏂囧寲*/
  /* .IndCultureW{padding: 140px 0 20px;height: 100%}
.IndCultureL{padding: 24px 18px 0;}
.IndCultureI{height: 67vh;width: 24.8%;}
.IndCultureIW{top: 90px;padding: 0 30px;}
.IndCultureIW h3{font-size: 24px;}
.IndCultureIW h4{font-size: 14px;margin-top: 10px;}
.IndCultureIW i{width: 100px;border-top: 3px solid #ff2300;margin: 20px auto 0;}
.IndCultureIW p{font-size: 14px;margin-top: 30px;}

.IndVision{padding: 18px;height: 50vh}
.IndVisionW{height: 100%;padding-top: 50px;}
.IndVisionW .tit i{width: 180px;border-top: 3px solid #ff2300;margin: 15px auto 0;}
.IndVisionW .tit p{font-size: 16px;line-height: 2;margin-top: 20px;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /*浼佷笟鏂囧寲*/
  /* .IndCultureW{padding: 105px 0 20px;height: 100%}
.IndCultureL{padding: 24px 18px 0;}
.IndCultureI{height: 67vh;width: 24.8%;}
.IndCultureIW{top: 90px;padding: 0 30px;}
.IndCultureIW h3{font-size: 24px;}
.IndCultureIW h4{font-size: 14px;margin-top: 10px;}
.IndCultureIW i{width: 100px;border-top: 3px solid #ff2300;margin: 20px auto 0;}
.IndCultureIW p{font-size: 14px;margin-top: 30px;}

.IndVision{padding: 18px;height: 50vh}
.IndVisionW{height: 100%;padding-top: 50px;}
.IndVisionW .tit i{width: 180px;border-top: 3px solid #ff2300;margin: 15px auto 0;}
.IndVisionW .tit p{font-size: 14px;line-height: 2;margin-top: 20px;} */
}

@media only screen and (max-width: 1279px) {
  /*浼佷笟鏂囧寲*/
  /* .IndCultureW{padding: 105px 0 20px;height: 100%}
.IndCultureL{padding: 24px 18px 0;}
.IndCultureI{height: 67vh;width: 24.8%;}
.IndCultureIW{top: 90px;padding: 0 30px;}
.IndCultureIW h3{font-size: 24px;}
.IndCultureIW h4{font-size: 14px;margin-top: 10px;}
.IndCultureIW i{width: 100px;border-top: 3px solid #ff2300;margin: 20px auto 0;}
.IndCultureIW p{font-size: 14px;margin-top: 30px;}

.IndVision{padding: 18px;height: 50vh}
.IndVisionW{height: 100%;padding-top: 50px;}
.IndVisionW .tit i{width: 180px;border-top: 3px solid #ff2300;margin: 15px auto 0;}
.IndVisionW .tit p{font-size: 14px;line-height: 2;margin-top: 20px;} */
}

@media screen and (min-width: 1921px) {
  /*浼佷笟鏂囧寲*/
  /* .IndCultureW{padding: 100px 0 20px;height: 100%}
.IndCultureL{padding: 24px 18px 0;}
.IndCultureI{height: 75vh;width: 24.8%;}
.IndCultureIW{top: 90px;padding: 0 30px;}
.IndCultureIW h3{font-size: 24px;}
.IndCultureIW h4{font-size: 14px;margin-top: 10px;}
.IndCultureIW i{width: 100px;border-top: 3px solid #ff2300;margin: 20px auto 0;}
.IndCultureIW p{font-size: 14px;margin-top: 30px;}

.IndVision{padding: 18px;height: 50vh}
.IndVisionW{height: 100%;}
.IndVisionW .tit i{width: 200px;border-top: 3px solid #ff2300;margin: 15px auto 0;}
.IndVisionW .tit p{font-size: 18px;line-height: 2;margin-top: 20px;} */
}

/***********
娓犻亾璁よ瘉
***********/
.authenticationB {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-image: url(../images/authenticationBg.jpg);
}

.authenticationB .swiper-container-3d .swiper-slide-shadow-left,
.authenticationB .swiper-container-3d .swiper-slide-shadow-right {
  background: transparent;
}

.authentication_t {
  text-align: center;
  color: #fff;
}

.authentication_t h2 {
  font-weight: 600;
  letter-spacing: 2px;
}

.authentication_t p {}

.authentication_Ban_w {
  position: relative;
}

.authentication_Ban {
  position: relative;
  overflow: hidden;
}

.authentication_Ban_text {
  background-color: #fff;
}

.authentication_Ban_text h3 {
  font-weight: 600;
}

.authentication_Ban_text p {
  line-height: 1.8;
  text-align: justify;
}

.authentication_Ban_pic {}

/* .authentication_Ban_pic img{max-width: none;} */
.authentication_Ban_next img,
.authentication_Ban_prev img {
  width: 28px;
}

.authentication_Ban_prev,
.authentication_Ban_next {
  border: 2px solid #fff;
}

.authentication_Ban_prev:hover,
.authentication_Ban_next:hover {
  opacity: 0.8;
}

.authentication_Ban_prev:after,
.authentication_Ban_next:after {
  display: none;
}

.authentication_Ban_page {}

.authentication_Ban_page .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.5;
}

.authentication_Ban_page .swiper-pagination-bullet-active {
  opacity: 1;
}

.authenticationB {
  padding-top: 170px;
}

.authentication_t h2 {
  font-size: 36px;
}

.authentication_t p {
  font-size: 20px;
}

.authentication_Ban {
  padding: 100px 0;
}

.authentication_Ban_text {
  padding: 30px 30px 40px;
}

.authentication_Ban_text h3 {
  font-size: 30px;
}

.authentication_Ban_text p {
  font-size: 20px;
  margin-top: 10px;
  min-height: 202px;
}

.authentication_Ban_pic {
  margin-top: 40px;
}

.authentication_Ban_pic img {
  width: 108%;
}

.authentication_Ban_next {
  right: 18.7%;
}

.authentication_Ban_prev {
  left: 18.7%;
}

.authentication_Ban_prev,
.authentication_Ban_next {
  width: 60px;
  height: 60px;
}

.authentication_Ban_prev:after,
.authentication_Ban_next:after {
  font-size: 20px;
}

.authentication_Ban_page {
  bottom: 50px !important;
}

.authentication_Ban_page .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}

@media screen and (min-width: 1680px) {
  /* .authenticationB{padding-top: 100px;}
.authentication_t h2{font-size: 36px;}
.authentication_t p{font-size: 20px;}
.authentication_Ban{padding:100px 0;}
.authentication_Ban_text{padding: 30px 30px 40px;}
.authentication_Ban_text h3{font-size: 30px;}
.authentication_Ban_text p{font-size: 20px;margin-top: 10px;min-height: 202px;}
.authentication_Ban_pic{margin-top: 50px;}
.authentication_Ban_pic img{width: 108%;}
.authentication_Ban_next{right: 18.7%;}
.authentication_Ban_prev{left: 20.5%;}
.authentication_Ban_prev,.authentication_Ban_next{width: 60px;height: 60px;}
.authentication_Ban_prev:after,.authentication_Ban_next:after{font-size: 20px;}
.authentication_Ban_page{bottom: 40px!important;}
.authentication_Ban_page .swiper-pagination-bullet{width: 20px;height: 20px;margin: 0 5px;} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /* .authenticationB{padding-top: 90px;}
.authentication_t h2{font-size: 34px;}
.authentication_t p{font-size: 18px;}
.authentication_Ban{padding: 90px 0;}
.authentication_Ban_text{padding: 30px 30px 40px;}
.authentication_Ban_text h3{font-size: 28px;}
.authentication_Ban_text p{font-size: 18px;margin-top: 10px;min-height: 195px;}
.authentication_Ban_pic{margin-top: 40px;}
.authentication_Ban_pic img{width: 108%;}
.authentication_Ban_next{right: 17.7%;}
.authentication_Ban_prev{left: 19.5%;}
.authentication_Ban_prev,.authentication_Ban_next{width: 50px;height: 50px;}
.authentication_Ban_prev:after,.authentication_Ban_next:after{font-size: 18px;}
.authentication_Ban_page{bottom: 40px!important;}
.authentication_Ban_page .swiper-pagination-bullet{width: 18px;height: 18px;margin: 0 5px;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /* .authenticationB{padding-top: 80px;}
.authentication_t h2{font-size: 32px;}
.authentication_t p{font-size: 16px;}
.authentication_Ban{padding: 80px 0;}
.authentication_Ban_text{padding: 30px 30px 40px;}
.authentication_Ban_text h3{font-size: 26px;}
.authentication_Ban_text p{font-size: 16px;margin-top: 10px;min-height: 173px;}
.authentication_Ban_pic{margin-top: 30px;}
.authentication_Ban_pic img{width: 108%;}
.authentication_Ban_next{right: 15.7%;}
.authentication_Ban_prev{left: 17.5%;}
.authentication_Ban_prev,.authentication_Ban_next{width: 50px;height: 50px;}
.authentication_Ban_prev:after,.authentication_Ban_next:after{font-size: 18px;}
.authentication_Ban_page{bottom: 40px!important;}
.authentication_Ban_page .swiper-pagination-bullet{width: 18px;height: 18px;margin: 0 5px;} */
}

@media only screen and (max-width: 1279px) {
  /* .authenticationB{padding-top: 80px;}
.authentication_t h2{font-size: 32px;}
.authentication_t p{font-size: 16px;}
.authentication_Ban{padding: 80px 0;}
.authentication_Ban_text{padding: 30px 30px 40px;}
.authentication_Ban_text h3{font-size: 26px;}
.authentication_Ban_text p{font-size: 16px;margin-top: 10px;min-height: 173px;}
.authentication_Ban_pic{margin-top: 30px;}
.authentication_Ban_pic img{width: 108%;}
.authentication_Ban_next{right: 15.7%;}
.authentication_Ban_prev{left: 17.5%;}
.authentication_Ban_prev,.authentication_Ban_next{width: 50px;height: 50px;}
.authentication_Ban_prev:after,.authentication_Ban_next:after{font-size: 18px;}
.authentication_Ban_page{bottom: 40px!important;}
.authentication_Ban_page .swiper-pagination-bullet{width: 18px;height: 18px;margin: 0 5px;} */
}

/***********
浜у搧涓庢湇鍔 
***********/
.Products_Services_t {
  text-align: center;
}

.Products_Services_t h2 {
  font-weight: 600;
  letter-spacing: 2px;
}

.ServicesBanW {
  position: relative;
}

.ServicesBan {
  position: relative;
  overflow: hidden;
}

.slider_circle_pic {
  position: relative;
  border: 2px solid #fff;
}

.slider_circle_pic img {
  width: 100%;
}

.slider_circle_pic h3 {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  text-shadow: 0 3px 5px #000;
  letter-spacing: 2px;
  transition: all 0.5s;
}

.slider_circle_text p {
  line-height: 2;
  text-align: justify;
}

.ServicesBan_next,
.ServicesBan_prev {
  border-radius: 50%;
}

.Services-pic {
  margin-top: -30px;
}

.ServicesBanW {
  margin: -14% auto 0;
  width: 1200px;
}

.ServicesBan {
  width: 850px;
}

.Products_Services_w {
  padding: 70px 0 180px;
}

.Products_Services_t h2 {
  font-size: 32px;
}

.Products_Services_t p {
  font-size: 22px;
}

.slider_circle_pic h3 {
  font-size: 50px;
}

.slider_circle_text {
  margin-top: 30px;
}

.slider_circle_text p {
  font-size: 18px;
}

.ServicesBan_next,
.ServicesBan_prev {
  width: 70px;
  height: 70px;
  border: 2px solid #dadada;
}

.ServicesBan_next:after,
.ServicesBan_prev:after {
  font-size: 30px;
}

@media screen and (min-width: 1680px) {
  /* .Services-pic{margin-top: -30px;}
.ServicesBanW{margin: -300px auto 0;width: 1200px;}
.ServicesBan{width: 850px;}
.Products_Services_w{padding: 100px 0 200px;}
.Products_Services_t h2{font-size: 32px;}
.Products_Services_t p{font-size: 22px;}
.slider_circle_pic h3{font-size: 50px;}
.slider_circle_text{margin-top: 30px;}
.slider_circle_text p{font-size: 18px;}
.ServicesBan_next,.ServicesBan_prev{width: 70px;height: 70px;border:2px solid #dadada;}
.ServicesBan_next:after,.ServicesBan_prev:after{font-size: 30px;} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /* .Services-pic{margin-top: -30px;}
.ServicesBanW{margin: -230px auto 0;width: 1050px;}
.ServicesBan{width: 800px;}
.Products_Services_w{padding: 60px 0 180px;}
.Products_Services_t h2{font-size: 30px;}
.Products_Services_t p{font-size: 20px;}
.slider_circle_pic h3{font-size: 40px;}
.slider_circle_text{margin-top: 25px;}
.slider_circle_text p{font-size: 16px;}
.ServicesBan_next,.ServicesBan_prev{width: 65px;height: 65px;border:2px solid #dadada;}
.ServicesBan_next:after,.ServicesBan_prev:after{font-size: 28px;} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /* .Services-pic{margin-top: -30px;}
.ServicesBanW{margin: -200px auto 0;width: 1000px;}
.ServicesBan{width: 750px;}
.Products_Services_w{padding: 50px 0 160px;}
.Products_Services_t h2{font-size: 28px;}
.Products_Services_t p{font-size: 18px;}
.slider_circle_pic h3{font-size: 38px;}
.slider_circle_text{margin-top: 20px;}
.slider_circle_text p{font-size: 14px;}
.ServicesBan_next,.ServicesBan_prev{width: 60px;height: 60px;border:2px solid #dadada;}
.ServicesBan_next:after,.ServicesBan_prev:after{font-size: 26px;} */
}

@media only screen and (max-width: 1279px) {
  /* .Services-pic{margin-top: -30px;}
.ServicesBanW{margin: -200px auto 0;width: 1000px;}
.ServicesBan{width: 750px;}
.Products_Services_w{padding: 50px 0 160px;}
.Products_Services_t h2{font-size: 28px;}
.Products_Services_t p{font-size: 18px;}
.slider_circle_pic h3{font-size: 38px;}
.slider_circle_text{margin-top: 20px;}
.slider_circle_text p{font-size: 14px;}
.ServicesBan_next,.ServicesBan_prev{width: 60px;height: 60px;border:2px solid #dadada;}
.ServicesBan_next:after,.ServicesBan_prev:after{font-size: 26px;} */
}

/***********
杩囧線妗堜緥
***********/
.caseBan {
  width: 100%;
  padding-top: 140px;
  background: #000;
}

.caseBan img {
  width: 100%;
}

.case-item {
  position: relative;
}

.case-item .flex {
  flex-wrap: nowrap;
  justify-content: space-between;
}

.case-item-t h2 {
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 2px;
}

.case-item-t h2 span {
  display: inline-block;
  line-height: 1;
}

.case-item1 .case-item-t h2 span {
  background-color: #fff312;
}

.case-item-t .tips {
  color: #fff;
  letter-spacing: 2px;
}

.case-item-t .tips span {
  background-color: #ff1b1b;
}

.case-item-t p {
  letter-spacing: 2px;
}

.case-item-t p span {
  color: #ff1b1b;
}

/* .case-item-pic{position: absolute;} */
/* .case-item1 .case-item-pic{right: 0;} */
.case-item-pic img {
  width: 100%;
}

.case-item-desc {
  width: 100%;
}

.case-item-desc p {
  color: #7a7a7a;
  line-height: 2;
  text-align: justify;
}

.case-item2 .case-item-t {
  text-align: right;
}

.case-item2 .case-item-t h2 i {
  color: #00f3dc;
  font-style: normal;
}

.case-item2 .case-item-t h2 span {
  background-color: #00f3dc;
}

/* .case-item2 .case-item-pic{left: 0;} */
/* .case-item2 .case-item-desc p{text-align: center;} */

.case-item3 .case-item-t h2 span {
  background-color: #2be980;
}

.case-item4 .case-item-t h2 span {
  background-color: #ff7f28;
}

/* .case-item4 .case-item-pic{top: 0;} */

.case-item5 .case-item-t h2 span {
  background-color: #e30906;
}

/* .case-item5 .case-item-pic{top: 0;} */

.case-item6 .case-item-t {
  text-align: right;
}

.case-item6 .case-item-t h2 span {
  background-color: #3266ff;
}

.case_con {
  width: 1200px;
  margin: auto;
  padding: 0 20px 80px;
}

.case-item {
  padding: 60px 0 20px;
}

.case-item-t {
  width: 50%;
}

.case-item-t h2 {
  font-size: 68px;
}

.case-item-t h2 span {
  padding: 5px 5px 10px;
}

.case-item-t h2 strong {
  transform: translateX(40px);
  display: inline-block;
}

.case-item-t .tips {
  font-size: 26px;
  margin-top: 25px;
  font-weight: 500;
}

.case-item-t .tips span {
  padding: 0 5px;
}

.case-item-t p {
  font-size: 24px;
  margin-top: 8px;
}

.case-item1 .case-item-pic {
  width: 43%;
  margin-top: -10px;
}

.case-item-desc {
  margin-top: -20px;
}

.case-item-desc p {
  font-size: 16px;
}

.case-item3 .case-item-t h2 strong {
  transform: translateX(-40px);
  display: inline-block;
}

.case-item4 {
  margin-top: 50px;
}

/* .case-item4 .case-item-pic{width: 56%;top: 0;} */

/* .case-item5 .case-item-pic{width: 47%;top: 0;} */
.case-item5 .case-item-t h2 strong {
  transform: translateX(-40px);
  display: inline-block;
}

/* .case-item6 .case-item-pic{top: 40px;width: 58%}  */
@media screen and (min-width: 1680px) {
  /* .case_con{padding-bottom: 100px;}
.case-item{padding: 80px 0 40px;}
.case-item-t{width: 59%;}
.case-item-t h2{font-size: 100px;}
.case-item-t h2 span{padding: 5px 5px 10px;}
.case-item-t h2 strong{transform: translateX(50px);display: inline-block;}
.case-item-t .tips{font-size: 38px;margin-top: 50px;}
.case-item-t .tips span{padding:0 5px}
.case-item-t p{font-size: 34px;margin-top: 25px;}
.case-item1 .case-item-pic{top: 120px;width: 57%}
.case-item-desc{margin-top: 60px;}
.case-item-desc p{font-size: 20px;}

.case-item2 .case-item-pic{top: 50px;width: 49%}

.case-item3 .case-item-pic{top: 60px;width: 53%}
.case-item3 .case-item-t h2 strong{transform: translateX(-50px);display: inline-block;}

.case-item4{margin-top: 50px}
.case-item4 .case-item-pic{width: 56%;top: 0;}

.case-item5{margin-top: 50px}
.case-item5 .case-item-pic{width: 47%;top: 0}
.case-item5 .case-item-t h2 strong{transform: translateX(-50px);display: inline-block;}

.case-item6 .case-item-pic{top: 40px;width: 58%} */
}

@media screen and (max-width: 1679px) and (min-width: 1440px) {
  /* .case_con{padding-bottom: 90px;}
.case-item{padding: 70px 0 30px;}
.case-item-t{width: 64%;}
.case-item-t h2{font-size: 90px;}
.case-item-t h2 span{padding: 5px 5px 10px;}
.case-item-t h2 strong{transform: translateX(50px);display: inline-block;}
.case-item-t .tips{font-size: 32px;margin-top: 40px;}
.case-item-t .tips span{padding:0 5px}
.case-item-t p{font-size: 30px;margin-top: 20px;}
.case-item1 .case-item-pic{top: 100px;width: 57%}
.case-item-desc{margin-top: 50px;}
.case-item-desc p{font-size: 18px;}

.case-item2 .case-item-pic{top: 50px;width: 49%}

.case-item3 .case-item-pic{top: 60px;width: 53%}
.case-item3 .case-item-t h2 strong{transform: translateX(-50px);display: inline-block;}

.case-item4{margin-top: 50px}
.case-item4 .case-item-pic{width: 56%;top: 0;}

.case-item5{margin-top: 50px}
.case-item5 .case-item-pic{width: 47%;top: 0;}
.case-item5 .case-item-t h2 strong{transform: translateX(-50px);display: inline-block;}

.case-item6 .case-item-pic{top: 40px;width: 58%} */
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
  /* .case_con{padding-bottom: 80px;}
.case-item{padding: 60px 0 20px;}
.case-item-t{width: 64%;}
.case-item-t h2{font-size: 80px;}
.case-item-t h2 span{padding: 5px 5px 10px;}
.case-item-t h2 strong{transform: translateX(40px);display: inline-block;}
.case-item-t .tips{font-size: 28px;margin-top: 35px;}
.case-item-t .tips span{padding:0 5px}
.case-item-t p{font-size: 26px;margin-top: 15px;}
.case-item1 .case-item-pic{top: 60px;width: 57%}
.case-item-desc{margin-top: 40px;}
.case-item-desc p{font-size: 16px;}

.case-item2 .case-item-pic{top: 50px;width: 49%}

.case-item3 .case-item-pic{top: 60px;width: 53%}
.case-item3 .case-item-t h2 strong{transform: translateX(-40px);display: inline-block;}

.case-item4{margin-top: 50px}
.case-item4 .case-item-pic{width: 56%;top: 0;}

.case-item5{margin-top: 50px}
.case-item5 .case-item-pic{width: 47%;top: 0;}
.case-item5 .case-item-t h2 strong{transform: translateX(-40px);display: inline-block;}

.case-item6 .case-item-pic{top: 40px;width: 58%} */
}

@media only screen and (max-width: 1279px) {
  /* .case_con{padding-bottom: 80px;}
.case-item{padding: 60px 0 20px;}
.case-item-t{width: 64%;}
.case-item-t h2{font-size: 80px;}
.case-item-t h2 span{padding: 5px 5px 10px;}
.case-item-t h2 strong{transform: translateX(40px);display: inline-block;}
.case-item-t .tips{font-size: 28px;margin-top: 35px;}
.case-item-t .tips span{padding:0 5px}
.case-item-t p{font-size: 26px;margin-top: 15px;}
.case-item1 .case-item-pic{top: 60px;width: 57%}
.case-item-desc{margin-top: 40px;}
.case-item-desc p{font-size: 16px;}

.case-item2 .case-item-pic{top: 50px;width: 49%}

.case-item3 .case-item-pic{top: 60px;width: 53%}
.case-item3 .case-item-t h2 strong{transform: translateX(-40px);display: inline-block;}

.case-item4{margin-top: 50px}
.case-item4 .case-item-pic{width: 56%;top: 0;}

.case-item5{margin-top: 50px}
.case-item5 .case-item-pic{width: 47%;top: 0;}
.case-item5 .case-item-t h2 strong{transform: translateX(-40px);display: inline-block;}

.case-item6 .case-item-pic{top: 40px;width: 58%} */
}