﻿.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
	z-index:1
}
.slick-list:focus {
	outline:none
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-track {
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.slick-track {
	position:relative;
	left:0;
	top:0;
	display:block
}
.slick-track:before,.slick-track:after {
	content:"";
	display:table
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	float:left;
	height:100%;
	min-height:1px;
	display:none
}
[dir="rtl"] .slick-slide {
	float:right
}
.slick-slide img {
	/*cursor: pointer!important;*/
	display:block;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-prev,.slick-next {
	z-index:20;
	position:absolute;
	display:block;
	height:25px;
	width:25px;
	line-height:0;
	font-size:0;
	cursor:pointer;
	background:transparent;
	color:transparent;
	top:50%;
	margin-top:-30px;
	padding:0;
	border:none;
	outline:none;
	z-index:3
}
.slick-prev {
	left:30px;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

.slick-next {
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

.slick-prev:hover,.slick-next:hover{
	border-color: #e88607;
}

[dir="rtl"] .slick-prev {
	left:auto;
	right:30px
}
.slick-next {
	right:30px
}
[dir="rtl"] .slick-next {
	left:30px;
	right:auto
}
.slick-dots {
	position:absolute;
	bottom:20px;
	height:auto;
	list-style:none;
	display:block;
	text-align:center;
	padding:0;
	width:100%;
	line-height:0;
	z-index:2
}
.slick-dots li {
	position:relative;
	display:inline-block;
	margin:0 3px;
	padding:0;
	cursor:pointer
}
@media (max-width: 1024px) {
  .slick-dots li {
    display:none;
  }
}
.slick-dots li button {
	border:0;
	display:block;
	height:10px;
	width:10px;
	padding:0;
	margin:0;
	outline:none;
	line-height:0;
	font-size:0;
	cursor:pointer;
	background:#525249;
	border-radius:10px
}
.slick-dots li.slick-active button {
	background:#e88607;
}

header .top .container .caidan .memu{
 color:#666666;
}
header .top .container .caidan .memu:hover{
 color:#0657b2;
}


.home_case {
  padding: 40px 0 60px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .home_case {
    padding: 40px 0 90px;
  }
}
@media (max-width: 767px) {
  .home_case {
    padding: 40px 0 45px;
  }
}
.home_case .title {
  font-size: 34px;
  text-transform: uppercase;
  display: block;
  height: 46px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  font-family: arial;
  line-height: 46px;
}
.home_case .text {
  display: table;
  max-width: 100%;
  overflow: hidden;
  font-size: 20px;
  text-transform: uppercase;
  height: 28px;
  margin: 6px auto;
  line-height: 28px;
}
.home_case .text small {
  float: left;
  width: 17px;
  display: block;
  height: 1px;
  margin: 15px 0 0;
  background: #333333;
}
.home_case .text span {
  background: none;
  padding: 0 10px;
  float: left;
  display: block;
  color: #333333;
}
.home_case .homecase {
  margin: 10px auto 0;
}
@media (max-width: 1200px) {
  .home_case .homecase {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .home_case .homecase {
    display: none;
  }
}
.home_case .homecase .home_case_nr {
  margin: 0 5px;
}
.home_case .homecase .home_case_nr:hover .text1 a {
  color: #0657b2;
}
.home_case .homecase .home_case_nr .pic {
  width: 100%;
  position: relative;
}
.home_case .homecase .home_case_nr .pic:after {
  content: "";
  display: block;
  padding-bottom: 72%;
}
.home_case .homecase .home_case_nr .text1 {
  width: 100%;
  height: 38px;
  font-size: 16px;
  color: #000;
  font-weight:600;
  text-align: center;
  overflow: hidden;
  line-height: 38px;
  margin-top:20px;
}
.home_case .homecase .home_case_nr .text1 a {
  color: #000;
}
.home_case .homecase .slick-prev,
.home_case .homecase .slick-next {
  width: 28px;
  height: 44px;
  top: 45%;
  border: none;
}
.home_case .homecase .slick-prev {
  left: -40px;
  background: url("../img/left.png") no-repeat;
}
.home_case .homecase .slick-next {
  right: -40px;
  background: url("../img/right.png") no-repeat;
}
.home_case .homecase .slick-dots li button {
  width: 6px;
  height: 6px;
  background: #999999;
  border-radius: 0;
}
.home_case .homecase .slick-dots {
  bottom: -30px;
  right: 10px;
}
.home_case .homecase .slick-dots li.slick-active button {
  background: #0657b2;
  color: #fff;
}
.home_case .homecase1 {
  margin: 30px auto 0;
}
@media (max-width: 1200px) {
  .home_case .homecase1 {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .home_case .homecase1 {
    display: none;
  }
}
.home_case .homecase1 .home_case_nr {
  margin: 0 5px;
}
.home_case .homecase1 .home_case_nr:hover .text1 a {
  color: #0657b2;
}
.home_case .homecase1 .home_case_nr .pic {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
.home_case .homecase1 .home_case_nr .pic:after {
  content: "";
  display: block;
  padding-bottom: 72%;
}
.home_case .homecase1 .home_case_nr .text1 {
  width: 70%;
  margin: 0 auto;
  height: 38px;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
  line-height: 38px;
}
.home_case .homecase1 .home_case_nr .text1 a {
  color: #666666;
}
.home_case .homecase1 .slick-prev,
.home_case .homecase1 .slick-next {
  width: 28px;
  height: 44px;
  top: 45%;
  border: none;
}
.home_case .homecase1 .slick-prev {
  left: 0;
  background: url("../img/left.png") no-repeat;
}
.home_case .homecase1 .slick-next {
  right: 0;
  background: url("../img/right.png") no-repeat;
}
.home_case .homecase1 .slick-dots li button {
  width: 6px;
  height: 6px;
  background: #999999;
  border-radius: 0;
}
.home_case .homecase1 .slick-dots {
  bottom: 0;
  right: 10px;
}
.home_case .homecase1 .slick-dots li.slick-active button {
  background: #0657b2;
  color: #fff;
}
/*公司产品展示*/

  .top-bar {
            background: #2c3e50;
            color: #fff;
            padding: 12px 40px;
            font-size: 14px;
        }

        .top-bar a {
            color: #fff;
            text-decoration: none;
            margin-right: 25px;
        }

        .product-container {
            max-width: 65%;
            margin: 30px auto;
            background: #fff;
            border-radius: 8px;
           /* box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);*/
            overflow: hidden;
        }

        .breadcrumb {
            padding: 20px 30px 0 30px;
            font-size: 13px;
            color: #999;
        }

        .breadcrumb a {
            color: #666;
            text-decoration: none;
        }

        .product-content {
            padding: 20px 30px 40px 30px;
        }

        .product-header {
            margin-bottom: 30px;
        }

        .product-title {
            font-size: 24px;
            font-weight: 600;
            color: #333;
            margin-bottom: 12px;
        }

        .product-subtitle {
            color: #333;
            font-size: 15px;
            line-height: 1.6;
            border-bottom: 1px solid #eee;
            padding-bottom: 15px;
        }

        .product-main {
            display: flex;
            gap: 45px;
            flex-wrap: wrap;
            margin-bottom: 50px;
        }

        .product-gallery {
            flex: 1.2;
			width:60%;
            min-width: 320px;
        }

        .magnifier-wrapper {
            position: relative;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            background: #fafafa;
            margin-bottom: 18px;
            cursor: crosshair;
            overflow: visible;
        }

        .main-image-container {
            position: relative;
            width: 100%;
            overflow: hidden;
            border-radius: 8px;
        }

        .main-img {
            width: 100%;
            display: block;
        }

        .magnifier-lens {
            position: absolute;
            width: 150px;
            height: 150px;
            border: 2px solid #fff;
            border-radius: 8px;
            background-color: rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.6);
            cursor: crosshair;
            pointer-events: none;
            z-index: 10;
            opacity: 0;
            transition: opacity 0.15s;
        }

        .magnifier-result {
            position: absolute;
            top: 0;
            left: 100%;
            margin-left: 20px;
            width: 455px;
            height: 480px;
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            background-repeat: no-repeat;
            z-index: 100;
            opacity: 0;
            transition: opacity 0.15s;
            pointer-events: none;
            border: 1px solid #ddd;
            background-color: #fff;
        }

        .magnifier-wrapper:hover .magnifier-lens {
            opacity: 1;
        }
        .magnifier-wrapper:hover .magnifier-result {
            opacity: 1;
        }

        /* 缩略图区域 - 带左右箭头 */
        .thumb-section {
            position: relative;
            margin-top: 10px;
        }

        .thumb-container {
            overflow: hidden;
            position: relative;
        }

        .thumb-list {
            display: flex;
            gap: 12px;
            transition: transform 0.3s ease;
            width: 100%;
        }

        .thumb-item {
            flex-shrink: 0;
            width: 80px;
            height: 80px;
            border: 1px solid #ddd;
            border-radius: 5px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.2s;
            background: #fff;
        }

        .thumb-item.active {
            border-color: #13a444;
            box-shadow: 0 0 0 1px rgba(0, 102, 179, 0.2);
        }

        .thumb-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 左右箭头按钮 */
        .thumb-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 30px;
            height: 30px;
            background: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            transition: all 0.2s;
        }

        .thumb-arrow:hover {
            background: rgba(0, 0, 0, 0.8);
        }

        .thumb-arrow-left {
            left: -30px;
        }

        .thumb-arrow-right {
            right: -30px;
        }

        .thumb-arrow.disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }

        .product-info {
            flex: 1;
			width:40%;
            min-width: 280px;
        }

        .info-table {
            width: 100%;
            border-collapse: collapse;
            background: #f9f9f9;
            border-radius: 8px;
            overflow: hidden;
        }

        .info-table tr {
            border-bottom: 1px solid #e8e8e8;
        }

        .info-table td {
            padding: 12px 15px;
            font-size: 14px;
        }

        .info-table td:first-child {
            font-weight: 600;
            width: 110px;
            background-color: #f0f0f0;
        }

        .info-table td:last-child {
            color: #555;
        }

        .product-detail-section {
            border-top: 1px solid #eee;
            padding-top: 35px;
            margin-top: 10px;
        }

        .detail-tabs {
            display: flex;
            gap: 15px;
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 25px;
        }

        .tabl-btn {
            background: none;
            border: none;
            padding: 15px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            color: #666;
            position: relative;
			border-radius: 5px;
            letter-spacing: 0.5px;

        }

        .tabl-btn.active {
            color: #0060bf;
        }

        .tabl-btn.active:after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            height: 2px;
            background: #13a444;
        }

        .tabl-content {
            display: none;
            line-height: 1.8;
            font-size: 15px;
            color: #555;
        }

        .tabl-content.active {
            display: block;
			text-indent:34px;
			line-height:32px;
        }
		
	   .tabl-btn:hover {
            background: rgba(19, 164, 68, 0.8);
            color: #fff;
            box-shadow:  rgba(30, 111, 92, 0.8);
            transform: translateY(-2px);
        }


        .feature-list {
            list-style: none;
            padding-left: 0;
        }

        .feature-list li {
            padding: 2px 0 2px 20px;
            position: relative;
        }

        .feature-list li:before {
            content: "♥";
            color: #0066b3;
            font-weight: bold;
            font-size: 14px;
            position: absolute;
            left: 0;
        }
      .feature-list h1{font-size:15px; text-align:left; color: #333;  line-height:30px;  text-indent:40px; margin-top:10px; margin-bottom:10px;padding: 2px 0 2px 20px;}
      .feature-list h2{font-size:18px; text-align: center; color: #0060bf;}
      .feature-list h3{font-size:15px; color: #fff; font-weight:700; }
      .feature-list h4{font-size:15px; text-align:left; color: #555;  line-height:30px;  text-indent:34px;}
      .feature-list h5{font-size:15px; text-align: left; color: #555; text-indent:2.2em;line-height:32px;}
      .feature-list h6{font-size:15px; text-align: left; color: #555;text-indent:2.2em;line-height:32px;}
      .feature-list span{ font-size:15px; text-align: left;}
      .feature-list p{text-align: center;padding-top:8px;  font-size: 15px;color:#B1AFAF; border-top: 1px solid #d9d9d9;}

        .param-table {
            width: 100%;
            border-collapse: collapse;
            margin: 15px 0;
        }

        .param-table td {
            border: 1px solid #e0e0e0;
            padding: 10px 12px;
            vertical-align: top;
        }
       .param-table tr:nth-child(1) td {
            color: #000;     
			font-size:14px;
            font-weight: 700;     
            background-color: #fff; 
        }

        .param-table td:first-child {
            background: #f5f5f5;
            font-weight: 600;
           
        }
		
		.tabl-content h2{font-size:15px; text-align:left; color: #333;  line-height:30px;  text-indent:44px; margin-top:30px;font-weight:600; margin-bottom:10px;}
		.tabl-content h3{font-size:18px; text-align:left; color: #0060bf;  line-height:30px;  text-indent:34px; margin-top:30px;font-weight:600; margin-bottom:10px;}
		.tabl-content h4{font-size:15px; text-align:left; color: #0060bf;  line-height:30px;  text-indent:34px; margin-top:30px;font-weight:600; margin-bottom:20px;}
        .tabl-content h5{font-size:15px; text-align: left; color: #999; text-indent:2.2em;line-height:32px;margin-top:30px; margin-bottom:30px;}
        .tabl-content h7{font-size:15px; text-align:left; color: #0060bf;  line-height:28px;  text-indent:64px; margin-left:30px;font-weight:600; margin-bottom:0px;}
        .related-products {
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid #eee;
        }

        .related-title {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 25px;
            padding-left: 10px;
            border-left: 4px solid #0066b3;
        }

        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
            gap: 25px;
        }

        .product-card {
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.3s ease;
            cursor: pointer;
            text-decoration: none;
            color: inherit;
            display: block;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        }

        .card-img {
            width: 100%;
            height: 160px;
            object-fit: cover;
            background: #f0f0f0;
        }

        .card-info {
            padding: 15px;
        }

        .card-title {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 6px;
        }

        .card-desc {
            font-size: 12px;
            color: #777;
            line-height: 1.4;
        }

        .footer {
            background: #0060bf;
            color: #aaa;
            
            padding: 20px;
            font-size: 12px;
            margin-top: 30px;
        }

        @media (max-width: 1000px) {
            .magnifier-result {
                display: none;
            }
        }

        @media (max-width: 768px) {
            .product-main {
                flex-direction: column;
                gap: 25px;
            }
            .product-content {
                padding: 20px;
            }
            .thumb-item {
                width: 65px;
                height: 65px;
            }
            .thumb-arrow {
                width: 25px;
                height: 25px;
                font-size: 14px;
            }
        }
		/* 表格容器，增加阴影与圆角，提升质感 */
        .table-wrapper {
            overflow-x: auto;
            border-radius: 8px;
            background: #fff;
            max-width: 600px;
            width: 100%;
			max-height: 615px;
			padding-right: 8px; 
        }
		.table-wrapper::-webkit-scrollbar  {  width: 6px;
        }
        .table-wrapper::-webkit-scrollbar-track  {  background: #f1f1f1;
    border-radius: 3px;
        }
       .table-wrapper::-webkit-scrollbar-thumb   {   background: #13a444;
    border-radius: 3px;
        }
		.table-wrapper::-webkit-scrollbar-thumb:hover    {   background: #13a444;
        }
		
        /* 表格基础样式 */
        .demo-table {
            width: 100%;
			max-width:600px;
            border-collapse: collapse;
            font-size: 1.4rem;
            background-color: #ffffff;
            transition: all 0.2s ease;
        }

        /* 单元格通用样式 */
        .demo-table th,
        .demo-table td {
            border: 1px solid #d6d6d6;
            padding: 14px 12px;
            text-align: center;
            vertical-align: middle;
        }

        /* 表头风格 - 第一行也是表头区域，但合并列后内容居中醒目 */
        .demo-table th {
            background-color: #0060bf;
            color: white;
            font-weight: 600;
            font-size: 1.05rem;
            letter-spacing: 0.5px;
        }

        /* 普通单元格样式，柔和背景交替提升可读性 */
        .demo-table td {
            background-color: #fff;  
            color: #1e2a3e; 
        }
		 .demo-table td:first-child {
             width:22%;  
        }

        /* 斑马纹效果让数据行更易区分 (第2行开始，排除合并的第一行) */
        .demo-table tr:nth-child(even) td {
            background-color: #fff;
        }
       .demo-table tr:nth-child(2) td {
            color: #000;      /* 深邃蓝色，清晰且专业，符合变色要求 */
			font-size:14px;
            font-weight: 700;     /* 加粗 */
            background-color: #fff; /* 可选微调背景让加粗文字更协调，但不影响主要需求，提升可读性 */
        }

        /* 鼠标悬停行高亮，交互友好 */
        .demo-table tr:hover td {
            background-color: rgba(19, 164, 68, 0.3);
            transition: 0.15s;
        }

        /* 针对合并单元格的特别微调：确保第一行合并后内容突出且无多余边框问题 */
        .demo-table th[colspan="7"] {
            text-align: center;
            background-color: #0060bf;
            font-size: 1.6rem;
            font-weight: 600;
            letter-spacing: 1px;
        }
		     .product-info h2{
          
		  margin-top:10px;
           
            font-size: 1.5rem;
			color:#333;
			line-height:28px;
            
			}

       .product-info h3{
          
		  margin-top:30px;
           
            font-size: 1.8rem;
            font-weight: 600;
			}

        /* 可选：为表格添加标题描述，提升可访问性 */
        .caption-note {
            text-align: center;
            margin-top: 16px;
            font-size: 0.85rem;
            color: #4a627a;
        }
		
		
		  /* 主容器：宽100%，高度300px，更有层次感和深邃光影 */
        .hero-banner {
            width: 100%;
            height: 280px;
            position: relative;
            overflow: hidden;
			margin-top:-30px;
			margin-bottom: 20px;
          }



        /* ----- 背景层 (高质量工业场景) ----- */
        .bg-image-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('../img/162.jpg');  /* 科技感/金属/液压风格，可根据需要更换实际胶管图片 */
			background-repeat: no-repeat;
			background-size: 100%;

        }



        /* ----- 半透明前层 (多层次渐变 + 半透明，制造景深感) ----- */
        .gradient-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background:  rgba(0, 96, 191, 0.7);
            z-index: 1;
           
            
        }

        /* 增加额外的光晕层，模拟顶部扫光，丰富层次 */
        .light-sweep {
            position: absolute;
            top: -20%;
            left: -20%;
            width: 140%;
            height: 140%;
            background: radial-gradient(circle at 30% 20%, rgba(255, 210, 110, 0.18), transparent 70%);
            z-index: 2;
            pointer-events: none;
            mix-blend-mode: overlay;
        }

        /* 主文案容器 (最上层) */
        .message-layer {
            position: relative;
            z-index: 4;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px 40px;
        }

        /* 核心卡片 —— 立体感 + 玻璃质感 + 层次阴影 */
        .commitment-core {
            max-width: 65%;
            width: 100%;
            background: linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.4) 100%);
            backdrop-filter: blur(12px);
            border-radius: 60px 0 60px 0;
            padding: 22px 38px;
            border: 1px solid rgba(255, 190, 80, 0.5);
           
            transition: all 0.3s ease;
            text-align: center;
            transform: translateY(0);
        }

        .hero-banner:hover .commitment-core {
            background: linear-gradient(135deg, rgba(0, 96, 191, 0.75), rgba(19, 164, 68, 0.82));
            border-color: rgba(255, 200, 100, 0.7);
            box-shadow: 0 28px 42px -14px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 200, 0.25);
            transform: translateY(-2px);
        }

        /* 承诺主文字 — 层次感明显，粗细对比，颜色透亮 */
        .hero-text {
            font-size: 1.6rem;
            font-weight: 600;
            line-height: 2;
            letter-spacing: 0.01em;
            color: #fff9ef;
            text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.6);
            display: inline-block;
            max-width: 100%;
        }

        /* 品牌承诺徽章 + 高光 */
        .badge-promise {
            display: inline-flex;
            align-items: baseline;
            background: linear-gradient(115deg, #FFE6B3, #FFBC6E);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-weight: 800;
            font-size: 2.4rem;
            letter-spacing: 1px;
            margin-right: 32px;
            text-shadow: 0 2px 5px rgba(0,0,0,0.2);
            position: relative;
        }

        .badge-promise::before {
            content: "★";
            font-size: 1.3rem;
            background: none;
            color: #FFC285;
            margin-right: 6px;
            text-shadow: 0 0 3px #ffa500;
        }

        /* 分割装饰，增加层次细节 */
        .divider-glow {
            display: inline-block;
            width: 78px;
            height: 3px;
            background: linear-gradient(90deg, #FFC285, #FFD966, #FFA559, transparent);
            border-radius: 4px;
            margin: 0 14px;
            vertical-align: middle;
            box-shadow: 0 0 4px #FFB347;
        }

        /* 中间重点文案可手动换行适应不同设备 */
        .break-mobile {
            display: inline;
        }

        /* 底部品质认证标 (增强专业层次感) */
        .cert-badge-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 16px;
            margin-top: 18px;
            padding-top: 8px;
            border-top: 1px dashed rgba(255, 190, 100, 0.4);
        }

        .cert-item {
            background: rgba(19, 164, 68, 0.75);
            backdrop-filter: blur(4px);
            padding: 5px 16px;
            border-radius: 60px;
            font-size: 1.4rem;
            font-weight: 600;
            color: #FFECCC;
            letter-spacing: 0.5px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border: 0.5px solid rgba(255, 185, 70, 0.5);
            transition: all 0.2s;
        }

        .cert-item:hover {
            background: rgba(0, 0, 0, 0.55);
            border-color: #FFB347;
            color: #FFF2DE;
            transform: translateY(-1px);
        }

        /* 左右装饰引号 + 工业元素，增加层次韵味 */
        .quote-left, .quote-right {
            font-size: 3rem;
            font-family: serif;
            position: absolute;
            opacity: 0.2;
            color: #FFD58C;
            text-shadow: 0 0 8px rgba(0,0,0,0.3);
            pointer-events: none;
            z-index: 5;
        }
        .quote-left {
            left: 20px;
            top: 15px;
        }
        .quote-right {
            right: 20px;
            bottom: 10px;
            transform: rotate(180deg);
        }

      

        /* 增强细节：底部悬浮科技光点 */
        .tech-glow {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, transparent, #ffb347, #ffd966, #ffb347, transparent);
            z-index: 5;
            opacity: 0.6;
            pointer-events: none;
        }

        /* 让文字内容中的关键术语稍微高亮（定制化、耐压、脉冲、密封） */
        .highlight-term {
            font-weight: 700;
            color: #FFDB9F;
            text-shadow: 0 0 4px rgba(255, 180, 50, 0.5);
            border-bottom: 1px dotted rgba(255, 190, 80, 0.6);
        }