.product-container {
  height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-container .top {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.product-container .cont {
    position: relative;
    padding: 2vw 0.0vw 0vw;
    
}
.product-container .cont .wz {
  padding: 0vw 2% 1vw;
  width: 100%;
  box-sizing: border-box;
  /* border-right: 1px solid #e0e0e0; */
}

.product-container .cont .wz h2 {
  color: #d6000f;
  font-family: "Diodrum";
  font-weight: bold;
  margin-bottom: 10px;
}
.product-container .cont .wz h3{
  color: #333333;
  /* line-height: 34px; */
}
.product-container .cont .wz p {
  margin-top: 10px;
  color: #333333;
  font-size: 16x;
  line-height: 24px;
}
.product-container .top-img {
  /* width: 100%; */
  height: auto;
  max-height: 25vh;
  object-fit: contain;
}
.product-container .cont .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  /* bottom: -1.6vw; */
  background-color: #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.swiper-pagination{
 width: 100%;
  height: 4px;
  /* bottom: -1.6vw; */
  background-color: #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.swiper-pagination-progressbar {
  background-color: #bc2c2f;
  height: 100%;
  border-radius: 2px;
  width: 300px !important;
  position: absolute;
  left: 0;
  top: 0;
  transition: left 0.3s ease;
}

.product-container .cont .swiper-button-prev,
.product-container .cont .swiper-button-next {
  width: 60px;
  height: 60px;
  height: 60px;
}

.product-container .cont .swiper-button-prev {
  background: url(/assets/images/prev.png) no-repeat center;
  background-size: cover;
}

.product-container .cont .swiper-button-next {
  background: url(/assets/images/next.png) no-repeat center;
  background-size: cover;
}

.product-container .cont .swiper-button-next.swiper-button-disabled,
.product-container .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.product{
  padding: 0px 9.9vw 1.2vw;  
  background: url(/assets/images/productbg.jpg) center top / cover no-repeat;
}
.about-us{
  padding: 0px 9.9vw;  
  background-color: #fff;
}

#about-us .top {
    display: flex;
    justify-content: flex-start;
}
#about-us .top span {
    color: #BD2B2F;
    font-size: 20px;
    font-weight: bold;
    margin-top: 1vw;
}
#about-us .top h2{
    width: max-content;
    color: #333333;
    font-size: 32px;
    font-weight: bold;
    margin-right: 1vw;
    border-bottom: 6px solid #BD2B2F;
}

.wm-sxsx-cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wm-sxsx-cont .item h3,
.wm-sxsx-cont .item h2 {
  color: #222222;
  font-weight: normal;
}

.wm-sxsx-cont .item h3 {
  color: #d6000f;
}

.wm-sxsx-cont .item h4 {
  color: #333333;
}


.ny-wm-gywm {
  padding: 1vw 9.9vw 1.5vw;
  background: #f4f4f4;
}

.ny-wm-gywm ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ny-wm-gywm ul li {
  display: flex;

}
.ny-wm-gywm ul li img{
  margin-top: 10px;
  width:4vw;
  height: 4vw;
  object-fit: scale-down;
}


.ny-wm-gywm ul li .wz {
  margin-left: 1.2vw;
}

.ny-wm-gywm ul li .wz span {
  display: flex;
  justify-content: flex-start;
}

.ny-wm-gywm ul li .wz h2 {
  color: #222222;
  font-family: "Diodrum";
  font-size: 1.6vw;
}

.ny-wm-gywm ul li .wz h3 {
  color: #222222;
  font-family: "Diodrum";
  font-size: 1.9vw;
}

.ny-wm-gywm ul li .wz p {
  color: #666666;
  font-size: 0.83vw;
}
.wm-sxsx-bot ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* gap: 38px; */
}


.wm-sxsx-bot ul li img {
  max-width:4.5vw;
  max-height: 4.5vw;
}

.wm-sxsx-bot ul li h2 {
  color: #333333;
  /* font-size: 0.8vw; */
  line-height: 30px;
  text-align: center;
  margin-top: 10px;
}

.wm-sxsx-bot ul li p {
  color: #666666;
  /* font-size: 0.8vw; */
  line-height: 1.4em;
}
.strengths{
  padding: 0px 9.9vw 2vw;
}
.manageTeam{
  padding: 0 9.9vw 1vw;
}

@media screen and (min-width: 750px) {
     .hero-section {
  min-height: 100vh ;
}
}
@media screen and (max-width: 750px) {
  .product-container{
    height: auto !important;
  }
    .hero-section {
        height: 300px !important;
    }
    .wm-sxsx-cont{
        flex-direction: column;
    }
    .wm-sxsx-cont .item {
        width: 100%;
    }
   .wm-sxsx-bot ul{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2vw;
   }
   .ny-wm-gywm ul{
   flex-wrap: wrap;
   }
   .ny-wm-gywm ul li {
    width: 50%;
    margin-bottom: 6vw;
  }
  .ny-wm-gywm ul li img {
    max-width: 32px;
    max-height: 32px;
  }
  .ny-wm-gywm ul li .wz {
    margin-left: 2vw;
  }
  .ny-wm-gywm ul li .wz h2 {
    font-size: 4vw;
  }
  .ny-wm-gywm ul li .wz h3 {
    font-size: 3vw;
  }
  .ny-wm-gywm ul li .wz p {
    font-size: 2vw;
    text-align: center;
  }
  .product-container .cont .wz {
    border-right: 0;
    padding-right: 0;
  }
  .product-container .cont .swiper-pagination-progress {
    bottom: 0px;
  }
  .product-container .cont .swiper-button-prev,
.product-container .cont .swiper-button-next {
  width: 40px;
  height: 40px;
  
}
.product-container .cont h2 {
  font-size: 20px !important;
}
.product-container .cont p {
  font-size: 10px !important;
}
}
.coreStrengths-container{
  margin-top: 1.6vw;
}
.coreStrengths-container img{
  width: 300px;
  object-fit: scale-down;
}
  /* fullpage.js 样式调整 */
        @media screen and (min-width: 768px) {
            .section {
                height: 100vh !important;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
        }

        @media screen and (max-width: 767px) {
          .fp-tableCell{
            height: auto !important;
          }
            .section {
                height: auto !important;
                min-height: auto;
                padding-bottom: 20px;
            }
            
            #about-us {
                height: auto !important;
                min-height: auto;
                padding: 20px 0;
            }
            
            .about-us-content {
                overflow-y: visible;
                padding: 20px 0;
            }
        }

        .section {
            position: relative;
        }

        /* fullpage.js 导航点样式 */
        #fp-nav {
            z-index: 9999;
        }
        #fp-nav ul li a span {
            background: rgba(255, 255, 255, 0.5);
            height: 8px;
            width: 8px;
            margin: -4px 0 0 -4px;
        }
        #fp-nav ul li a.active span {
            background: #bc2c2f;
            height: 12px;
            width: 12px;
            margin: -6px 0 0 -6px;
        }
        #fp-nav ul li .fp-tooltip {
            color: #bc2c2f;
            font-size: 14px;
        }

        /* 确保 footer 在 fullpage 容器内正常显示 */
        #footer-container {
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
            height: auto !important;
        }

        .section.fp-auto-height {
            height: auto !important;
            min-height: auto !important;
        }

        /* 首页视频背景样式调整 */
        .hero-section video {
            object-fit: cover;
        }

        /* 团队 section 内容居中 */
        .manageTeam {
            justify-content: center;
        }
        .navActive {
            color: #bc2c2f !important;
            position: relative;
        }
        .navActive::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -8px;
            height: 2px;
            width: 100%;
            background-color: #bc2c2f;
        }
        
       
        .gapNone{
          margin-right: 20px;
        }
        .team-arrows button{
          background: transparent !important;
        }
        .team-prev{
          margin-right: 20px;
        }
        #logo{
          height:33px;
          object-fit: scale-down;
        }   
        #about-us .fp-tableCell{
          display: flex;
          position: relative;
          flex-direction: column;
        }
        #background_video{
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    height: 100%;
    width: 100%;
        }

        @media screen and (min-width: 751px) {
            .product-container .cont .swiper-slide:last-child .wz {
                border-right: none;
            }
        }