/* reset */
.ast-hfb-header .site-header-section>.ast-header-search, .ast-hfb-header .ast-header-search{margin-top: 3px;}
.wpcf7 form .wpcf7-response-output{margin-top: 0!important;}
form .text-right p{margin-bottom: 0!important;}
/* index */
.home-banners{max-height: 1200px; overflow: hidden; position: relative;
  .slick-arrow{position: absolute; z-index: 100; top: 50%; width: 61px; height: 61px; transform: translateY(-50%);background: url(../images/s8Arrow.png) 0 0 no-repeat;
    text-indent: -99999999px;}
  .slick-prev{left: 50px;}
  .slick-next{right: 50px; background-position: -61px 0;}
  .slick-prev:hover { background-position: 0 -61px; }
  .slick-next:hover{background-position: -61px -61px;}
  @media (max-width: 767px) {
    .slick-arrow{transform: scale(.7);}
    .slick-prev{left: 30px;}
    .slick-next{right: 30px;}
  }
  @media (max-width: 576px){
    .slick-prev{left: 10px;}
    .slick-next{right: 10px;}
  }
}
.home-banner{
  position: relative;
  .home-banenr-text{position: absolute; z-index: 111; top: 30%; left: 20%; color: #fff;
    & p{font-size: 42px; font-weight: bold; margin-bottom: 60px; text-shadow: 2px 3px 2px #333; max-width: 650px; line-height: 1.5;}
    & a{padding: 23px 40px;background: #74c447; color: #fff; font-size: 20px; }
  }
  & img{width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
  @media (max-width: 992px){
    .home-banenr-text{top: 25%;}
    & p{font-size: 32px!important;}
  }
  @media (max-width: 768px){
    .home-banenr-text{top: 18%;left: 15%; max-width: 450px;}
    & p{font-size: 28px!important;}
    & a{padding: 15px 20px!important;}
  }
  @media (max-width: 576px){
    & p{font-size: 22px!important;}
    & a{padding: 15px 20px!important; font-size: 14px!important;}
  }
}
.hp10s4Img img {
  width: 100%; /* 使图片宽度自适应容器 */
  height: 210px;
  object-fit: cover; /* 保持图片比例，裁剪填充容器 */
}
.hp10s4Title {
  line-height: 1.4; /* 设置适当的行高，增加可读性 */
  max-height: 2.8em; /* 限制最多显示两行，避免过多换行 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 使用省略号表示超出的文本 */
  white-space: normal; /* 允许标题换行 */
}

/* prod single */
.single-prod {
  .c1ProductTitle{font-size: 20px;}
  .pc3BannerHeading{color: #333;}
  .pc3BannerDetails p{
    color: #666;
    & a:hover{text-decoration: underline;}
  }
  .c1ProductText p{
    text-align: left;
    -webkit-line-clamp: none;
  }
}

/* other */
.flex-row{display: flex;}
.bannerWraper .bannerContent{margin-top: 3%;}
.pc3BannerHeading{margin-bottom: 20px; display: inline-block;}
.bannerImg img{max-height: 500px;}
.pc3Section1{
    h2{text-transform: uppercase;}
}
.pc3ProductSection .container .row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 30px; /* 设置列间距 */
}
.c1ProductBox {
  flex: 0 0 calc((100% - 90px) / 4); /* 大屏：一行4个 */
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  .c1ProductBtn{margin-top: auto;}
  @media (max-width: 1200px) {
    flex: 0 0 calc((100% - 60px) / 3); /* (3列-1)*gap = 2*30px = 60px */
  }
  
  @media (max-width: 768px) {
    .c1ProductTitle a{font-size: 18px;}
    .c1ProductContent{padding: 5px 15px;}
  }
}
.c1ProductTitle a{font-size: 20px;}
/* 小屏 (≤768px)：一行2个，并调整字体 */
@media (max-width: 768px) {
  .c1ProductBox {
    flex: 0 0 calc((100% - 30px) / 2); /* (2列-1)*gap = 1*30px */
  }
  .c1ProductTitle a{
    font-size: 18px;
  }
  .c1ProductContent {
    padding: 5px 15px;
  }
}
.c1ProductImg {
  overflow: hidden;
  & img {
        width: 100%;
        height: auto;
        display: block;
    }
}

.c1ProductContent {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.c1ProductText p{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.features{
  .items{
    flex-wrap: wrap;
    width: 100%;
  }
  .item{
    flex-grow: 5px;
    flex-shrink: 0;
    flex-basis: calc(100% / 5);
  }
  .pc3s7Img{max-width: 70px;border-radius:inherit;border: none;}
  .pc3s7Title{font-size: 18px;}
}

/* 屏幕小于 768px（md 以下）时，每行显示 3 个 */
@media (max-width: 959.98px) {
  .features{
    .item{
      flex: 0 0 33.33%;
      max-width: 33.33%;
      
    }
  }

}

/* 屏幕小于 768px（md 以下）时，每行显示 3 个 */
@media (max-width: 767px) {
  .features{
    .item{
      flex: 0 0 33.33%;
      max-width: 33.33%;
    }
  }
  .pc3Banner .bannerContent{margin: -192px 0 0 !important; }
  .pc3BannerHeading{font-size: 22px;}
  .pc3BannerDetails p{font-size: 16px;}

}

/* 屏幕小于 576px（sm 以下）时，每行显示 2 个 */
@media (max-width: 575px) {
  .pc3Banner .bannerContent{margin: 25px 0 -25px 0!important; }
  .features{
    .item{
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
}


/* FAQ 容器 */
.faq-section {
    max-width: 1200px;
    margin: 20px auto;
    font-family: sans-serif;
}

.faq-item {
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    border-color: #0051a3; /* 换成你公司品牌的主色调 */
}

/* 问题区域 */
.faq-question {
    padding: 15px 20px;
    background: #f9f9f9;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #333;
    position: relative;
}

/* 加号/减号 图标 */
.faq-icon {
    margin-right: 15px;
    width: 12px;
    height: 12px;
    position: relative;
}

.faq-icon::before, .faq-icon::after {
    content: "";
    position: absolute;
    background-color: #0051a3;
    transition: transform 0.3s ease;
}

/* 横线 */
.faq-icon::before {
    width: 12px;
    height: 2px;
    top: 5px;
    left: 0;
}

/* 竖线 (展开时消失) */
.faq-icon::after {
    width: 2px;
    height: 12px;
    top: 0;
    left: 5px;
}

/* 展开状态的图标变化 */
.faq-item.active .faq-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}

/* 回答区域 - 初始高度为0 */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background: #fff;
}

.faq-content {
    padding: 15px 20px 20px 47px; /* 47px 是为了对齐标题文字 */
    color: #666;
    line-height: 1.8;
    border-top: 1px solid #f0f0f0;
}

.faq-item.active .faq-answer {
    max-height: 1000px; /* 足够大的高度即可实现展开动画 */
}

    /* 视频容器设置 */
    .video-container {
        width: 100%;           /* 宽度随父元素自适应 */
        max-width: 1200px;     /* 最大不超过1200px */
        margin: 0 auto;        /* 居中显示 */
        aspect-ratio: 1200 / 640; /* 锁定您要求的比例 (约 1.875:1) */
        background-color: #000; /* 视频加载前的背景色 */
        overflow: hidden;      /* 隐藏溢出部分 */
        border-radius: 8px;    /* 圆角美化 */
        position: relative;    /* 方便定位 */
    }

    .video-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;     /* 关键：确保视频铺满容器，多余部分自动裁剪 */
        display: block;
    }