/* =====内页内容===== */
.nyMain {margin: 3rem 0;}
.nyMain .box {display: flex; justify-content: space-between; align-items: flex-start;}
.nyMain .box .navle {width: 21%; position: sticky; top: .8rem;}
.nyMain .box .navle .leTop {background: #fff;  z-index: 1;}
.nyMain .navle .tle {background: #333; text-align: center; padding: 1rem 0;border-bottom: solid 6px #fff;}
.nyMain .navle .tle h3 {color: #ffffff; font-size:24px;}
.nyMain .navle .tle i {display: inline-block;width: 2rem;height: 4px; background: #fff;}
.nyMain .navle .tle2 {margin-top: .3rem;}
.nyMain .conre {width: 76%;margin-left: .45rem;}

/* ========== 内页一级导航 ========== */
.navOne > li {
  margin-bottom: 3px;
  cursor: pointer;
  list-style: none;
}

.navOne > li h4 {
  background: #db251c;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  transition: .5s;
  cursor: pointer;
  margin: 0;
}

.navOne > li h4 a {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding:20px 30px;
  display: block;
  flex: 1;                      /* 让 a 占满剩余空间 */
  text-decoration: none;
}

/* 一级菜单右侧箭头 jt6.png */
.navOne > li h4 i.arrow {
  width: 20px;
  height: 20px;
  background: url(../image/jt6.png) no-repeat center;
  background-size: 100%;
  transition: .5s;
  margin-right: 10px;
  flex-shrink: 0;
}

.navOne > li:hover h4 i.arrow { transform: rotate(90deg); }

.navOne > li h4.active a { color: #fff; }
.navOne > li h4.active i.arrow { transform: rotate(90deg); }

.navOne > li h4.active {
  background: #db251c;
  color: #fff;
  font-weight: bold;
}

/* ========== 内页二级导航 ========== */
/* 默认展开；只有加上 .collapsed 才隐藏 */
.navTwo {
  border: 1px solid #eee;
  border-top: 0;
  display: block;
  margin: 0;
  padding: 0;
}

.navTwo.collapsed {
  display: none;                 /* ← 关键：真正控制收起 */
}

.navTwo > li {
  border-top: 1px solid #eee;
  list-style: none;
}

.navTwo > li h4 {
  margin: 0;
  background: transparent;
  font-weight: normal;
}

/* 关键：让 a 撑满整行 + flex 两端对齐，jt7.png 稳定居右 */
.navTwo > li h4 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px;
  color: #333;
  font-size: var(--font16);
  text-decoration: none;
  font-weight: normal;
}

/* 用伪元素承载 jt7.png，彻底避免被文字遮住 */
.navTwo > li h4 a::after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  background: url(../image/jt7.png) no-repeat center;
  background-size: 100%;
  flex-shrink: 0;
  margin-left: auto;             /* 推到最右侧 */
}

/* 二级菜单高亮态：红底白字 */
.navTwo > li h4.active {
  background: #666;
}
.navTwo > li h4.active a {
  color: #fff;
  font-weight: normal;
}
.navTwo > li h4.active a::after {
  filter: brightness(0) invert(1);  /* 让图标变白，与文字同色 */
}

.navTwo .on {
  background: #db251c;
  color: #fff;
  font-weight: bold;
}

/* 推荐产品 */
.picMarquee {margin-top: 1rem;}
.picMarquee .bd li {margin-top: 1rem; border: 1px solid #dddddd; box-sizing: border-box;}
.picMarquee .bd li .imgBox {overflow: hidden;}
.picMarquee .bd li .imgBox img {max-width: 100%; transition: .5s;}
.picMarquee .bd li span {text-align: center;background: #f9f9f9; padding: 1.12rem 1.1rem; box-sizing: border-box;width: 100%; display: block; color:#333;}
.picMarquee .bd li:hover .imgBox img {transform: scale(1.05);}

/* 服务热线 */
.serveHot {background: url(../image/tel-bj.jpg) no-repeat center; background-size: cover; min-height: 2.5rem; height:130px; margin-top: 10px;}
.serveHot {display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box;text-align: center;}
.serveHot em {display: block;font-family: var(--font17);color: #fff;    margin-bottom: 10px;}
.serveHot b a {color: #ffffff;font-size: 1.5rem;font-family: Arial, Arial-Bold;font-weight: 700;}

/* 右侧内容 */
/* 面包屑 */
.mbx {display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #eee; padding-bottom: .2rem;}
.mbx .onAdd span {color: #db251c; font-weight: 700;margin-left: 10px;}
.mbx dl {display: flex; align-items: center; color:#000;}
.mbx dl a{color:#000;}
.mbx dl dd a {color: #666;}
.mbx dl dd a:hover {color: #db251c;}

/* 产品列表 */
.proList {margin-top: 2rem;}
.proList ul {display: grid; grid-template-columns: repeat(3,1fr);gap: 1rem;}
.proList ul li {position: relative;box-shadow: 1px 1px 10px rgba(0,0,0,0.03);}
.proList ul li::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px;background: #c90008;}
.proList ul li .imgBox {overflow: hidden; position: relative; border: 1px solid #eee; border-bottom: 0;}
.proList ul li .imgBox img {width: 100%; transition: .5s;}
.proList ul li .imgBox i { min-width: 40px; min-height: 40px; width: .6rem;height: .6rem;border-radius: 4px; background: #1a1a1a;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 1;opacity: 0;    transition: all 0.4s; transition-delay: 0.2s;}
.proList ul li:hover .imgBox i {transform: translate(-50%,-50%) scale(1);opacity: 1;}
.proList ul li:hover .imgBox::before {transform: translate(-50%,-50%) scale(1); opacity: 0.8;}
.proList ul li .con {border: 1px solid #eee; padding: 1.25rem; box-sizing: border-box; text-align: center;}
.proList ul li h5 {color: #333333; font-size: 18px; margin-bottom: .2rem; font-weight: bold;}
.proList ul li p {font-size: var(--font15);color: #666666;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.proList ul li:hover .imgBox img {transform: scale(1.05);}
.proList ul li:hover h5 {color: #c90008;}

/* ===== 手机端 / 小屏幕端（两列排布）适配 ===== */
@media screen and (min-width: 200px) and (max-width: 1028px) {
  /* 卡片数为奇数时，两列的最后一行会空出一格：让最后一张卡片横向铺满整行，填满空位 */
  .proList ul li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  /* 分页组件保持单行显示，所有按钮不换行，并按可用宽度自适应收缩 */
  .proList .fy {
    flex-wrap: nowrap;
    padding: 1.5rem 0;
  }
  .proList .fy a {
    width: auto;
    min-width: 26px;
    height: 30px;
    margin: 2px;
    padding: 0 6px;
    flex: 0 1 auto;
    font-size: 13px;
  }
  .proList .fy a:first-child,
  .proList .fy a:last-child {
    min-width: 52px;
  }
}

/* 产品详情 */
.proDate {margin-top: .3rem;}
.proDate .dateTop {display: flex; justify-content: space-between; align-items: flex-start;}
.dateTop .topLe {width: 45%; border: 1px solid #dddddd; box-sizing: border-box; }
.dateTop .topRe {width: 50%;}
.proDateSwiper .swiper-slide img {text-align: center; display: block; margin: auto; width: 100%;min-height: 3.7rem; object-fit: cover;}
.proDateSwiper .swiper-pagination {text-align: right; padding-right: .2rem; box-sizing: border-box; color: #fff;}
.proDateSwiper .swjt img {filter: brightness(100); -webkit-filter:brightness(100);}
.proDateSwiper .swiper-button-prev {transform: rotate(180deg);}
.dateTop .topRe .tle {margin-top: .4rem;}
.dateTop .topRe .tle h3 {font-size: var(--font24);color: #333333;border-bottom: 1px solid #DDDDDD; padding-bottom: .2rem;}
.dateTop .topRe .tetx {margin-top: .2rem;}
.dateTop .topRe .tetx p {color: #333;font-size: 16px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;line-height:30px}
.dateTop .topRe .info {margin-top:.6rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.dateTop .topRe .info .more a {padding:12px 24px; background: #c90008; font-size: 16px; color: #fff;}
.proDate .dateBox > div {margin-top: 3rem;}

.dateBox .dateCon1 .title{font-size: 26px;font-weight: bold;text-align: center;padding-bottom: 3rem;}
.dateBox .dateCon1 video{max-height:60vh;border: solid 2px #f5f5f5;}

.proDate .dateBox img {max-width: 100%;}
.proDate .dateBox .conTle {padding-bottom: .2rem; border-bottom: 1px solid #DDDDDD; margin-bottom: 1.8rem; position: relative;}
.proDate .dateBox .conTle::after {content: ""; position: absolute; bottom: -2px; left: 0;background: #c90008; height: 3px;width: 8rem;}
.proDate .dateBox .conTle h4 {font-size: 2rem;}
.proDate .dateBox .conTle span {font-size: var(--font16);color: #666;font-family: Arial, Arial-Regular; text-transform: uppercase;}

.dateCon5 ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .2rem; margin-top: .5rem;}
.dateCon5 ul li {background: #fff;  box-shadow: 0px 0px .28rem 0px rgba(150, 150, 150, 0.11);padding: .25rem; text-align: center; transition: .5s;}
.dateCon5 li h4 {font-size: var(--font20); color: #333; margin: .15rem 0; font-weight: 700;}
.dateCon5 li p {color: #666; line-height: 25px;}
.dateCon5 li:hover {transform: translateY(-5px);}

.dateCon5-1 ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; margin-top: .5rem;}
.dateCon5-1 li {background: #f9f9f9; padding: .3rem .2rem; box-sizing: border-box; display: flex; align-items: center;}
.dateCon5-1 li .icBox {width: 1.2rem; height: 1.2rem; border-radius: 50%; overflow-x: hidden; margin-right: .2rem; flex-shrink: 0;}
.dateCon5-1 li .icBox img {height: 100%; width: 100%; object-fit: cover;}
.dateCon5-1 li .num {font-size: 0.64rem; color: #707070; line-height: 1; opacity: .05; font-weight: 700;}
.dateCon5-1 li span {color: #333; display: block; margin-top: .1rem;font-size: 18px;}
.dateCon5-2 .conBox {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.dateCon5-2 .conBox .le {width: 54%;}
.dateCon5-2 .conBox .re {width: 44%; overflow: hidden; border-radius: 10px;}
.dateCon5-2 .conBox .re img {width: 100%;}
.dateCon5-2 .conBox p {color: #333; font-size: var(--font15); text-indent: var(--font30); line-height: 30px;}

.dateConSwiper .swiper-slide {border: 1px solid #dddddd;}
.dateConSwiper .swiper-slide::after {content: ""; position: absolute; bottom: 0; left: 0;background: #c90008; height: 3px; width: 100%;}
.dateConSwiper .imgBox {overflow: hidden;}
.dateConSwiper .imgBox img {width: 100%; transition: .5s;}
.dateConSwiper .swiper-slide span {text-align: center;padding: .2rem .1rem; box-sizing: border-box; display: block; transition: .5s;}
.dateConSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.dateConSwiper .swiper-slide:hover span {background: #c90008; color: #fff;}
.dateBox .swiperBox {position: relative;}
.dateBox .swiperBox .swjt {right: -4%; }
.dateBox .swiperBox .swiper-button-prev.swjt {left: -4%; right:auto; transform: rotate(180deg);}

/* 电话 */
.heTel {display: flex; align-items: center;}
.heTel .icBox { display: flex; align-items: center; justify-content: center;margin-right: 1rem; width: 38px;height: 38px; border-radius: 50%;border: 0.01rem solid rgba(66, 66, 66,.26)}
.heTel .icBox img {max-width: 43%;}
.heTel .con em {font-size: var(--font15);color: #777777;}
.heTel .con b {font-weight: bold; display: block;font-size: var(--font29); font-family: Arial, Arial-Regular;color: #c90008;}

/* 产品详情页 start */
.product_details {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    background: #f8f8f8;
    padding: 4rem 0;
}
.product_details .product_details_content {
     width: 92%;
     max-width: 1600px;
     margin: 0 auto;
}
.product_details *, .product_details *::before, .product_details *::after {
    box-sizing: border-box;
}

/* ---------------- 主体两栏 ---------------- */
.product_details .hero {
    display: flex;
    gap: 48px;
    margin-top: 46px;
    justify-content: start;
    align-items: flex-start;
}
.product_details .hero-left {
    flex: 1 1 50%;
    min-width: 0;
}

/* 右侧容器：相对定位，为缩略图提供定位基准 */
.product_details .hero-right {
    flex: 1 1 50%;
    min-width: 0;
    position: relative;
    /* 右侧留出 110px 缩略图 + 20px 间距的空间 */
    padding-right: 130px; 
}

/* 主图外层容器 */
.product_details .product-main-wrap {
    position: relative;
    width: 100%;
    min-width: 0;
}

/* 主图显示区域：用比例撑开整体高度 */
.product_details .product-visual {
    position: relative;
    width: 100%;
    aspect-ratio: 387 / 320; 
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
}

/* 左右箭头：相对主图垂直居中 */
.product_details .slide-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.product_details .slide-arrow:hover {
    background: #d92b2b;
    border-color: #d92b2b;
}
.product_details .slide-arrow:hover svg {
    stroke: #fff;
}
.product_details .slide-arrow svg {
    stroke: #333;
    stroke-width: 2;
    fill: none;
    transition: stroke .2s;
}
.product_details .prev-arrow {
    left: 12px;
}
.product_details .next-arrow {
    right: 12px;
}

/* 核心修改：右侧缩略图容器 */
.product_details .product-thumbs {
    position: absolute;
    top: 0;
    bottom: 0; /* 高度严格等于父级高度（由主图撑开） */
    right: 0;
    width: 110px; /* 固定宽度 */
    display: flex;
    flex-direction: column;
    gap: 21px;
    overflow-y: auto; /* 内容超出高度，出现滚动条 */
    overflow-x: hidden;
    padding-right: 4px; /* 给滚动条留出视觉空间 */
    
}

/* 美化滚动条 */
.product_details .product-thumbs::-webkit-scrollbar {
    width: 4px;
}
.product_details .product-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.product_details .product-thumbs::-webkit-scrollbar-track {
    background: transparent;
}

/* 缩略图单项：固定高度，禁止挤压 */
.product_details .thumb-item {
    width: 100%;
    height: 90px; /* 固定高度，解决大小不一的问题 */
    flex-shrink: 0; /* 禁止高度被压缩 */
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    transition: border-color .2s;
    background: #fff;
}
.product_details .thumb-item.active {
    border-color: #d92b2b;
}
.product_details .thumb-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain; /* 图片完整显示不裁剪 */
    padding: 2px;
}

/* 主图轮播基本状态 */
.product_details .slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(.97);
    transition: opacity .4s ease, transform .4s ease;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_details .slide.active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}
.product_details .slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain; 
}

/* ---------------- 文字区 ---------------- */
.product_details .hero-title {
    margin: 0 0 26px;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #333;
    word-break: break-word;
}
.product_details .desc {
    margin: 0;
    max-width: 660px;
    font-size: 16px;
    line-height: 2.05;
    color: #666;
}
.product_details .actions {
    display: flex;
    gap: 18px;
    margin-top: 60px;
}
.product_details .btn {
    min-width: 207px;
    padding: 15px 28px;
    border: 0;
    border-radius: 999px;
    background: #d92b2b;
    color: #fff;
    font-size: 15px;
    font-family: inherit;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease;
    text-align: center;
}
.product_details .btn:hover {
    background: #b81e1e;
}

/* ================= 响应式 ================= */
@media (max-width: 1100px) {
    .product_details .hero { gap: 32px; }
    .product_details .hero-title { font-size: 38px; }
}

@media (max-width: 900px) {
    /* 平板/手机：上下堆叠 */
    .product_details .hero {
        flex-direction: column;
        align-items: stretch;
        gap: 40px;
        margin-top: 32px;
    }
    .product_details .hero-left,
    .product_details .hero-right {
        flex: 0 0 auto;
        width: 100%;
    }
    .product_details .hero-title {
        font-size: 34px;
        margin-bottom: 20px;
    }
    
    /* 移动端：取消右侧留白，缩略图改为横向滚动 */
    .product_details .hero-right {
        padding-right: 0;
    }
    .product_details .product-thumbs {
        position: static; /* 取消绝对定位 */
        width: 100%;
        height: auto;
        max-height: none;
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: auto; /* 横向滚动 */
        padding-bottom: 6px;
        margin-top: 20px;
    }
    .product_details .product-thumbs::-webkit-scrollbar {
        height: 4px;
    }
    .product_details .thumb-item {
        width: 80px; /* 横向固定宽度 */
        height: 60px;
    }
}

@media (max-width: 640px) {
    .product_details .hero-title {
        font-size: 28px;
        letter-spacing: 0;
        margin-bottom: 16px;
    }
    .product_details .desc {
        font-size: 14px;
        line-height: 1.95;
    }
    .product_details .actions {
        margin-top: 32px;
        gap: 12px;
    }
    .product_details .btn {
        padding: 13px 22px;
        font-size: 14px;
        min-width: auto;
    }
}

/*获取报价弹框*/
.quote-modal{
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    padding: 24px 16px;
    box-sizing: border-box;
}
.quote-modal.is-open{
    display: flex;
    align-items: center;
    justify-content: center;
}
.quote-mask{
    position: absolute;
    inset: 0;
    background: rgba(12, 24, 40, .55);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    animation: quoteMaskIn .25s ease both;
}
.quote-dialog{
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 660px;
    max-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 50px 36px 46px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 64px rgba(8, 22, 44, .28);
    font-size: 14px;
    color: #222;
    animation: quoteDialogIn .3s cubic-bezier(.2, .8, .3, 1) both;
}
@keyframes quoteMaskIn{ from{opacity:0} to{opacity:1} }
@keyframes quoteDialogIn{
    from{ opacity: 0; transform: translateY(18px) scale(.98); }
    to{ opacity: 1; transform: none; }
}

.quote-close{
    position: absolute;
    top: 24px;
    right: 24px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: #f2f5f9;
    color: #667;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s, color .2s, transform .2s;
}
.quote-close:hover{ background: #e6ebf2; color: #db251c; transform: rotate(90deg); }

.quote-title{
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    color: #1a2b42;
    letter-spacing: .5px;
}
.quote-sub{
    margin: 0 0 22px;
    font-size: 16px;
    line-height: 1.6;
    color: #8a94a6;
}

.quote-form .form-row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 18px;
}
.form-item{
    position: relative;
    margin-bottom: 16px;
}
.form-item label{
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    color: #33415c;
}
.form-item label i{
    font-style: normal;
    color: #e53935;
    margin-left: 2px;
}
.form-item input,
.form-item textarea{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 14px;
    font-family: inherit;
    font-size: 14px;
    color: #222;
    background: #f7f9fc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.form-item textarea{
    min-height: 90px;
    resize: vertical;
    line-height: 1.6;
}
.form-item input:focus,
.form-item textarea:focus{
    outline: none;
    background: #fff;
    border-color: #db251c;
    box-shadow: 0 0 0 3px rgba(26, 109, 214, .12);
}
.form-item input::placeholder,
.form-item textarea::placeholder{ color: #b3bccb; }

.form-item.has-error input,
.form-item.has-error textarea{
    border-color: #e53935;
    background: #fff8f8;
}
.form-item .tip{
    display: none;
    margin-top: 5px;
    font-size: 12px;
    color: #e53935;
}
.form-item.has-error .tip{ display: block; }

.captcha-row{
    display: flex;
    align-items: center;
    gap: 10px;
}
.captcha-row img {
    height: 40px;
    border-radius: 4px;
}
.captcha-row input{ flex: 1 1 auto; min-width: 0; }
#captchaCanvas{
    flex: 0 0 auto;
    width: 108px;
    height: 42px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
}
.captcha-refresh{
    flex: 0 0 auto;
    padding: 0 2px;
    border: 0;
    background: none;
    color: #db251c;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}
.captcha-refresh:hover{ text-decoration: underline; }

.quote-submit{
    width: 100%;
    height: 48px;
    margin-top: 6px;
    border: 0;
    border-radius: 28px;
    background: linear-gradient(135deg, #db251c 0%, #db251c 100%);
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    letter-spacing: 2px;
    cursor: pointer;
    transition: filter .2s, transform .15s, box-shadow .2s;
}
.quote-submit:hover:not(:disabled){ filter: brightness(1.06); }
.quote-submit:active:not(:disabled){ transform: translateY(1px); }
.quote-submit:disabled{ opacity: .65; cursor: not-allowed; box-shadow: none; }

.quote-privacy{
    margin: 12px 0 0;
    font-size: 14px;
    color: #9aa3b2;
    text-align: center;
}

.quote-success{
    display: none;
    padding: 34px 0 26px;
    text-align: center;
}
.quote-success h4{
    margin: 14px 0 6px;
    font-size: 18px;
    color: #1a2b42;
}
.quote-success p{
    margin: 0;
    font-size: 13px;
    color: #8a94a6;
}

.form-card select,
.quote-form select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 40px 12px 14px;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.4;
    color: #333;
    background-color: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;

    /* 隐藏原生箭头，使用自定义箭头 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
}

.form-card select:hover,
.quote-form select:hover {
    border-color: #b9bfc9;
}

.form-card select:focus,
.quote-form select:focus {
    border-color: #d11222;
    box-shadow: 0 0 0 3px rgba(209, 18, 34, .12);
}

/* 未选择时占位文字为灰色 */
.form-card select:required:invalid,
.quote-form select:required:invalid {
    color: #9aa0a8;
}

.form-card select option,
.quote-form select option {
    color: #333;
}

/* 兼容 IE / 旧版 Edge 的箭头 */
.form-card select::-ms-expand,
.quote-form select::-ms-expand {
    display: none;
}

@media (max-width: 640px){
    .quote-dialog{ padding: 24px 20px 20px; }
    .quote-form .form-row{ grid-template-columns: 1fr; }
    .quote-title{ font-size: 19px; }
}

/*技术参数 start*/
.technical-content {
    width: 92%;
    max-width: 1600px;
    margin: 4rem auto;
}
.technical-content .pro_title {
    font-size: 38px;
    color: #333;
    line-height: 1.5;
    font-weight: bold;
    padding: 1rem 0;
}

.technical-content .firstRow {
    font-weight: bold;
}

 /* ===== 每个表格的滚动包裹层 ===== */
.technical-content .table-scroll-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 16px;
}

/* ===== 表格基础样式 ===== */
.technical-content .table-scroll-wrap table {
    width: 100% !important;
    min-width: 820px;
    border-collapse: collapse;
    table-layout: auto;
}

.technical-content .table-scroll-wrap th,
.technical-content .table-scroll-wrap td {
    border: 1px solid #d9d9d9;
    padding: 6px 8px;
    text-align: center;
    vertical-align: middle;
    word-break: break-word;
}

.technical-content .table-scroll-wrap table tr:first-child td,
.technical-content .table-scroll-wrap table tr:nth-child(2) td {
    font-weight: 700;
    color: #1a1a1a;
    background-color: #fffbfb;
}

.technical-content .table-scroll-wrap::-webkit-scrollbar {
    height: 8px;
}
.technical-content .table-scroll-wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.technical-content .table-scroll-wrap::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}
.technical-content .table-scroll-wrap::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
/*技术参数 end*/

/*更多产品 start*/
.more_container {
    max-width: 1600px;
    margin: 4rem auto;
    width: 92%;
}

/* --- 顶部标题及按钮区域 --- */
.more_container .header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.more_container .header-section h2 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    letter-spacing: 1px;
}

/* 顶部了解更多按钮样式 */
.more_container .btn-top-more {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #db251c; 
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px;
    border-radius: 50px; 
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.more_container .btn-top-more svg {
    width: 14px;
    height: 14px;
    margin-left: 8px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.3s ease;
}

.more_container .btn-top-more:hover {
    background-color: #af0800; 
}

.more_container .btn-top-more:hover svg {
    transform: translateX(4px); 
}

/* --- 下方产品卡片区域 --- */
.more_container .products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* 卡片基础样式 */
.more_container .product-more-card {
    position: relative;
    background-color: transparent;
    border-radius: 20px;
    padding: 40px 24px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid #0000001f;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.more_container .product-more-card::after {
    content: '';
    position: absolute;
    bottom: 0; 
    /*left: 12%;*/
    width: 80%; 
    height: 1px;
    background-color: #db251c;
    border-radius: 0 0 20px 20px;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.more_container .product-more-card h3 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 12px;
    font-weight: bold;
    transition: color 0.3s ease;
}

.more_container .product-more-card .subtitle {
    font-size: 16px;
    color: #999999;
    margin-bottom: 30px;
    line-height: 1.5;
}

.more_container .product-more-card .img-box {
    width: 100%;
    /*height: 220px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.more_container .product-more-card .img-box img {
    max-width: 90%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
}

/* 卡片底部了解更多链接 */
.more_container .product-more-card .link-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    font-size: 16px;
    text-decoration: none;
    transition: color 0.3s ease;
    position: relative;
    z-index: 2;
}

.more_container .product-more-card .link-more svg {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.more_container .product-more-card:hover {
    background-color: #ffffff;
    border: 1px solid #f0f0f0; /* 悬停时出现的边框 */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06); 
    transform: translateY(-8px); 
}


.more_container .product-more-card:hover::after {
    opacity: 0; 
}

.more_container .product-more-card:hover h3 {
    color: #db251c; 
}

.more_container .product-more-card:hover .link-more {
    color: #db251c; 
}

.more_container .product-more-card:hover .img-box img {
    transform: scale(1.05); 
}

/* --- 响应式布局 --- */
@media (max-width: 1024px) {
    .more_container .products-grid {
        grid-template-columns: repeat(2, 1fr); 
        gap: 20px;
    }
    .more_container .header-section h2 {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    
    .more_container .header-section {
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 30px;
    }
    .more_container .header-section h2 {
        font-size: 28px;
    }
    .more_container .products-grid {
        grid-template-columns: 1fr; 
        gap: 16px;
    }
   
    .more_container .product-more-card .img-box {
        height: 180px;
        margin-bottom: 20px;
    }
}
/*更多产品 end*/

/* 适用范围 start */
/* 适用范围基础样式 */
.product_detail_title {
  font-size: 30px;
  font-weight: bold;
  color: #222;
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
}
.product_detail_title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 120px;
  height: 4px;
  background-color: #dd2222;
}
.syfw_section {
    width: 92%;
    max-width: 1600px;
    margin: 4rem auto;
}
.syfw_section .section-title {
    text-align: left;
    color: var(--main2Color);
}
.syfw_section .section-desc {
    text-align: left;
}

/* 手风琴卡片外容器 */
.syfw_section .accordion-cards {
  width: 100%;
  max-width: 1600px;
  height: 600px;
  display: flex;
  flex-direction: row;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  gap: 15px; /* 卡片之间的间距 */
}

/* 单个卡片容器 */
.syfw_section .accordion-cards .accordion-card {
  position: relative;
  height: 100%;
  flex: 1; /* 默认状态下平分剩余空间 */
  overflow: hidden;
  cursor: pointer;
  transition: flex 0.4s ease;
  border-radius: 10px;
  /* 核心修复：开启硬件加速，解决部分浏览器圆角裁剪产生的黑色锯齿 */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  /* 修复 Safari 下 overflow: hidden 可能失效的 BUG */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* 卡片背景图片 */
.syfw_section .accordion-cards .accordion-card .card-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}
.syfw_section .accordion-cards .accordion-card:hover .card-bg-img {
  transform: scale(1.02);
}

/* 激活状态卡片展开 - 核心宽度设置 */
.syfw_section .accordion-cards .accordion-card.active {
  flex: 0 0 55%; /* 激活的卡片占据较大宽度 */
}

/* ================= 底部白色半透明遮罩 ================= */
.syfw_section .accordion-cards .card-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* 不铺满，只作为底部区域，高度由内容撑开 */
  padding: 20px 24px;
  background: rgba(255, 255, 255, 0.9); /* 白色半透明背景 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 2;
  
  /* 默认隐藏遮罩（非激活状态不显示文字面板） */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* 卡片激活时显示底部遮罩 */
.syfw_section .accordion-cards .accordion-card.active .card-mask {
  opacity: 1;
  visibility: visible;
}

/* 图标+标题行 */
.syfw_section .accordion-cards .card-icon-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
  color: #222222; /* 标题深色 */
}

/* 描述文本 */
.syfw_section .accordion-cards .card-desc {
  font-size: 16px;
  line-height: 1.6;
  color: #555555; /* 描述文字中灰色 */
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease;
}

/* 激活状态显示描述 */
.syfw_section .accordion-cards .accordion-card.active .card-desc {
  max-height: 140px;
  opacity: 1;
  margin-top: 8px;
}

/* ================= 响应式适配 ================= */

/* 平板适配 */
@media (max-width: 1024px) {
  .syfw_section .accordion-cards {
    height: 380px;
  }
  .syfw_section .accordion-cards .accordion-card.active {
    flex: 0 0 50%;
  }
  .syfw_section .accordion-cards .card-icon-title {
    font-size: 20px;
  }
  .syfw_section .accordion-cards .card-desc {
    font-size: 14px;
  }
}

/* 手机端垂直布局 */
@media (max-width: 640px) {
  .syfw_section .accordion-cards {
    flex-direction: column;
    height: auto;
    gap: 15px;
  }
  .syfw_section .accordion-cards .accordion-card {
    width: 100%;
    height: 240px;
    flex: none;
  }
  .syfw_section .accordion-cards .accordion-card.active {
    height: 280px;
    flex: none;
  }
  .syfw_section .accordion-cards .card-icon-title {
    font-size: 18px;
  }

  /* 手机端强制全部显示底部白色遮罩，取消收起 */
  .syfw_section .accordion-cards .card-mask {
    opacity: 1 !important;
    visibility: visible !important;
    padding: 16px 20px;
  }
  .syfw_section .accordion-cards .card-desc {
    max-height: none !important;
    opacity: 1 !important;
    margin-top: 6px !important;
    font-size: 13px;
    color: #555 !important;
  }
}
/* 适用范围 end */

/*产品说明 start*/
.cpsm_section {
    width: 92%;
    max-width: 1600px;
    margin: 0 auto;
}

/* 背景图与内容区域 */
.cpsm_section .main-content {
    background-image: url('../image/cpsh_bj.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    padding: 80px 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    /*height: 720px;*/
}

/* 卡片样式 */
.cpsm_section .card {
    background-color: rgba(248, 248, 248, 0.8);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 15px 25px;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
}

.cpsm_section .card:hover {
    background-color: rgba(248, 248, 248, 1);
    transform: scale(1.1);
    /*transform: translateX(5px);*/
}

/* 卡片图标区域*/
.cpsm_section .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

/* 图片图标样式 */
.cpsm_section .card-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain; /* 保持图片比例 */
    display: block;
}

/* 竖向分割线 */
.cpsm_section .card-divider {
    width: 1px;
    height: 34px;
    background-color: #656565;
    margin: 0 20px;
    flex-shrink: 0;
}

/* 卡片文字 */
.cpsm_section .card-text {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}

/* 响应式设计：针对手机及小屏幕设备 */
@media (max-width: 768px) {

    .cpsm_section .main-content {
        padding: 30px 20px;
        gap: 15px;
        height: auto;
    }

    .cpsm_section .card {
        padding: 15px 15px;
        align-items: flex-start; /* 文字多时顶部对齐 */
    }

    .cpsm_section .card-icon {
        width: 24px;
        height: 24px;
        margin-top: 2px;
    }

    .cpsm_section .card-icon img {
        width: 20px;
        height: 20px;
    }

    .cpsm_section .card-divider {
        margin: 0 12px;
        height: 20px;
        margin-top: 4px;
    }

    .cpsm_section .card-text {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .cpsm_section .card {
        padding: 12px 10px;
    }
    .cpsm_section .card-icon {
        width: 20px;
        height: 20px;
    }
    .cpsm_section .card-icon img {
        width: 18px;
        height: 18px;
    }
    .cpsm_section .card-divider {
        margin: 0 8px;
    }
    .cpsm_section .card-text {
        font-size: 12px;
    }
}
/*产品说明 end*/

/*产品特点 end*/
.cptd_section {
    max-width: 1600px;
    width: 92%;
    margin: 0 auto;
}

/* 卡片网格容器 */
.cptd_section .card-grid {
    display: grid;
    gap: 16px;
}

/* 卡片基础样式 */
.cptd_section .card {
    position: relative;
    /* border-radius: 8px; */
    overflow: hidden;
    background-color: #1a2a3a; /* 图片加载失败兜底色 */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: #fff;
    text-align: center;
    isolation: isolate; /* 创建独立堆叠上下文，避免层级问题 */
}

.cptd_section .card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;

    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);

    will-change: transform;
    backface-visibility: hidden;
    pointer-events: none;
}

/* 卡片深色遮罩层 */
.cptd_section .card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

/* 顶部彩色线条 */
.cptd_section .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #d92b2c;
    z-index: 3;
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
}

/* 卡片内容区域 */
.cptd_section .card-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* 标题样式 */
.cptd_section .card-title {
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    transition: margin-bottom 0.3s ease, transform 0.3s ease;
}

/* 简介内容（默认隐藏） */
.cptd_section .card-desc {
    font-size: 14px;
    line-height: 1.6;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(10px);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    transition: opacity 0.3s ease, max-height 0.4s ease, transform 0.3s ease, margin-top 0.3s ease;
}

/* ==================== 桌面端布局 ==================== */
@media (min-width: 992px) {
  .cptd_section .card-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 300px);
        gap: 16px;
    }

    .cptd_section .card-1 { grid-column: 1 / 2; grid-row: 1 / 2; }
    .cptd_section .card-2 { grid-column: 2 / 3; grid-row: 1 / 2; }

    .cptd_section .card-4 { grid-column: 1 / 3; grid-row: 2 / 3; }

    .cptd_section .card-3 { grid-column: 3 / 5; grid-row: 1 / 2; }

    .cptd_section .card-5 { grid-column: 3 / 4; grid-row: 2 / 3; }
    .cptd_section .card-6 { grid-column: 4 / 5; grid-row: 2 / 3; }
}

/* ==================== 平板端适配 ==================== */
@media (min-width: 768px) and (max-width: 991px) {
    .cptd_section .card-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 220px);
    }

    .cptd_section .card-4 { grid-column: 1 / 3; grid-row: 2 / 3; }
    .cptd_section .card-3 { grid-column: 1 / 3; grid-row: 3 / 4; }
}

/* ==================== 悬停效果：仅支持 hover 的设备 ==================== */
@media (hover: hover) {
    /* 背景平滑放大，推荐 1.08 ~ 1.12，不要太大，否则容易突兀 */
    .cptd_section .card:hover .card-bg {
        transform: scale(1.08);
    }

    .cptd_section .card:hover::after {
        background: rgba(0, 0, 0, 0.4);
    }

    .cptd_section .card:hover::before {
        transform: translateX(0);
    }

    .cptd_section .card:hover .card-title {
        margin-bottom: 12px;
        transform: translateY(-5px);
    }

    .cptd_section .card:hover .card-desc {
        opacity: 1;
        max-height: 200px;
        transform: translateY(-5px);
        margin-top: 0;
    }
}

/* ==================== 触屏设备适配 ==================== */
@media (hover: none) {
    .cptd_section .card::before {
        transform: translateX(0);
    }

    .cptd_section .card-desc {
        opacity: 1;
        max-height: 200px;
        transform: translateY(0);
        margin-top: 12px;
    }

    .cptd_section .card::after {
        background: rgba(0, 0, 0, 0.65);
    }
}

/* 小屏幕字体和间距微调 */
@media (max-width: 767px) {

    .cptd_section .card-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cptd_section .card {
        min-height: 200px;
        padding: 16px;
    }

    .cptd_section .card-title {
        font-size: 18px;
    }

    .cptd_section .card-desc {
        font-size: 13px;
    }
}
/*产品特点 end*/

/*相关资质 start*/
.xgzz_section {
    width: 92%;
    max-width: 1600px;
    margin: 0 auto;
}

/* 轮播容器 */
.xgzz_section .carousel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 45px; /* 为左右箭头留出空间 */
}

/* 左右箭头按钮 */
.xgzz_section .nav-btn {
    position: absolute;
    background: transparent;
    border: none;
    font-size: 40px;
    color: #888;
    cursor: pointer;
    user-select: none;
    transition: color 0.3s;
    z-index: 10;
    height: 100%;
    display: flex;
    align-items: center;
}

.xgzz_section .nav-btn:hover:not(:disabled) {
    color: #e60012;
}

.xgzz_section .nav-btn:disabled {
    color: #ddd;
    cursor: not-allowed;
}

.xgzz_section #prevBtn { left: 0; }
.xgzz_section #nextBtn { right: 0; }

/* 轮播视口 */
.xgzz_section .carousel-viewport {
    overflow: hidden;
    width: 100%;
    padding: 10px 0; /* 预留阴影空间 */
}

/* 轮播轨道 */
.xgzz_section .carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 20px; /* 卡片间距固定为20px */
}

/* 证书卡片样式 */
.xgzz_section .cert-card {
    /* PC大屏端默认显示 5 个。宽度公式：(100% - 4个间距 * 20px) / 5 = 20% - 16px */
    flex: 0 0 calc(20% - 16px); 
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1.414; /* A4 纸张比例 */
    border: 1px solid #eee;
    overflow: hidden;
    transition: box-shadow 0.3s;
}

.xgzz_section .cert-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* 图片自适应样式 */
.xgzz_section .cert-card a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: zoom-in;
    -webkit-tap-highlight-color: transparent; /* 去除手机端点击高亮 */
}

.xgzz_section .cert-card img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 保持图片比例完整显示，不裁剪 */
    display: block;
    padding: 5px; 
}

/* ================= 响应式设计 ================= */
/* 4 张卡片：中屏 (992px - 1200px) */
@media (max-width: 1200px) {
   .xgzz_section .cert-card { 
        flex: 0 0 calc(25% - 15px); /* (100% - 3*20px) / 4 = 25% - 15px */
    }
}

/* 3 张卡片：平板 (768px - 992px) */
@media (max-width: 992px) {
   .xgzz_section .cert-card { 
        flex: 0 0 calc(33.333% - 13.34px); /* (100% - 2*20px) / 3 */
    }
}

/* 2 张卡片：手机横屏/小屏平板 (480px - 768px) */
@media (max-width: 768px) {
    .section-title { font-size: 24px; }
    .xgzz_section .carousel-wrapper { padding: 0 30px; }
    .xgzz_section .nav-btn { font-size: 30px; }
    .xgzz_section .cert-card { 
        flex: 0 0 calc(50% - 10px); /* (100% - 1*20px) / 2 */
    }
}

/* 1 张卡片：手机竖屏 (<480px) */
@media (max-width: 480px) {
  .xgzz_section .carousel-wrapper { padding: 0 20px; }
  .xgzz_section .nav-btn { font-size: 24px; }
  .xgzz_section .cert-card { 
        flex: 0 0 100%; 
    }
}
/*相关资质 end*/

/*立即咨询 start*/
.form_section {
    background: #f4f4f4;
    padding: 1rem 0;
    margin: 4rem auto;
}

.form_section_content {
    max-width: 1600px;
    margin: 0 auto;
    width: 92%;
}

/* ================= 表单卡片容器 ================= */
.form_section .form-card {
    background-color: #ffffff;
    padding: 40px 50px;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    margin-bottom: 80px;
}

/* ================= 表单元素通用样式 ================= */
.form_section .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.form_section .form-group label {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 500;
}

.form_section .form-group input[type="text"],
.form_section .form-group input[type="tel"],
.form_section .form-group input[type="email"],
.form_section .form-group textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e0e4ea;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    outline: none;
    transition: all 0.3s ease;
}

.form_section .form-group input::placeholder,
.form_section .form-group textarea::placeholder {
    color: #a0a5b1;
}

.form_section .form-group input:focus,
.form_section .form-group textarea:focus {
    border-color: #d11222;
    box-shadow: 0 0 0 2px rgba(209, 18, 34, 0.1);
}

.form_section .form-group textarea {
    height: 140px;
    resize: vertical;
}

/* ================= 错误提示样式 ================= */
.form_section .form-group.has-error input,
.form_section .form-group.has-error textarea {
    border-color: #d11222;
}

.form_section .form-group.has-error .captcha-image {
    border-color: #d11222;
}

.form_section .tip {
    display: block;
    min-height: 18px;
    margin-top: 6px;
    color: #d11222;
    font-size: 12px;
    line-height: 1.4;
}

/* ================= 第一行：多列并排布局 ================= */
.form_section .form-row {
    display: flex;
    gap: 24px;
}

.form_section .form-row .form-group {
    flex: 1;
}

/* ================= 验证码区域与提交按钮 ================= */
.form_section .captcha-area {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 0;
}

.form_section .captcha-area input {
    flex: 1;
    max-width: 320px;
}

/* 验证码图片 */
.form_section .captcha-image {
    width: 110px;
    height: 48px;
    border: 1px solid #e0e4ea;
    border-radius: 4px;
    background-color: #fcfcfc;
    object-fit: cover;
    cursor: pointer;
    flex-shrink: 0;
}

/* 提交按钮 */
.form_section .submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #d11222;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 0 50px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex-shrink: 0;
}

.form_section .submit-btn:hover {
    background-color: #b50e1c;
}

.form_section .submit-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.form_section .submit-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    transform: rotate(45deg);
    margin-top: -2px;
}

/* ================= 响应式布局 ================= */
@media screen and (max-width: 768px) {

    .form_section .form-card {
        padding: 24px 20px;
        border-radius: 4px;
    }

    .form_section .form-row {
        flex-direction: column;
        gap: 0;
    }

    .form_section .form-group {
        margin-bottom: 20px;
    }

    .form_section .captcha-area {
        flex-wrap: wrap;
        gap: 12px;
    }

    .form_section .captcha-area input {
        max-width: 100%;
        width: 100%;
    }

    .form_section .captcha-image {
        width: 100px;
        height: 44px;
    }

    .form_section .submit-btn {
        flex: 1;
        height: 44px;
        padding: 0 10px;
    }
}
/*立即咨询 end*/

/* 产品详情页 end */