/* 顶部三栏模块 */
.top-features {display: grid;grid-template-columns: repeat(3, 1fr);}
.feature-card { padding: 40px 32px;color: #ffffff; display: flex;gap:16px;}
.feature-card.blue {background-color: #1a57bc;}
.feature-card.dark-1 {background-color: #2c2c2e;}
.feature-card.dark-2 {background-color: #3a3a3c;}
.feature-icon-wrap { flex-shrink:0;width:52px;height:52px;border:2px solid #fff; border-radius:50%; display:flex;align-items:center;justify-content:center;}
.feature-icon-wrap svg {width:24px;fill:#fff;}
.feature-content1 h3 {font-size:18px;margin-bottom:8px;font-weight:600; text-align:left}
.feature-content1 p {font-size:13px; line-height:1.5;opacity:0.9; text-align:left}

.product-section {display: grid;grid-template-columns: 1fr 1fr;min-height: 600px;}
.product-left { background:#ffffff; padding:60px 48px;position:relative; display:flex;flex-direction:column;justify-content:center;}
.product-left .sub-title {font-size:18px; color:#444; margin-bottom:12px;}
.product-left h2 {font-size:42px;font-weight:bold;color:#222;line-height:1.2;margin-bottom:20px; text-transform:uppercase}
.product-left .desc-text {font-size:16px;color:#777;line-height:2;max-width:90%;margin-bottom:28px;}
.btn-shop {width: fit-content; padding:12px 32px; background-color:#1a57bc;color:#fff; border:none;cursor:pointer; font-size:14px;}
.btn-shop:hover{ color:#fff;}
.product-right {background: #000;}
.product-right img {width:100%;height:100%;object-fit:cover;}
.four-feature-wrap {display: flex; width: 100%;height: 620px;overflow: hidden; background:url(/images/incp3.jpg) no-repeat center;}
.feature-item {flex: 1;height: 100%;position: relative;background-size: cover;background-position: center; display: flex;align-items: center;justify-content: center;transition: all 0.4s ease;cursor: pointer;
  border-right: 1px solid rgba(255,255,255,0.3);}
.feature-item:last-child {border-right: none;}
/* 默认第一个面板展开 */
.feature-item.default-active { flex: 1.6;}
.four-feature-wrap:hover .feature-item:not(.default-active) {flex: 0.8;}
.four-feature-wrap .feature-item:hover { flex: 1.6 !important;}
.four-feature-wrap .feature-item.default-active:hover { flex:1.6;}
/* 半透明蓝色遮罩 */
.feature-item::after {content: ''; position: absolute;left: 0;top: 0;width: 100%; height: 100%;background-color: rgba(26, 87, 188, 0);transition: background-color 0.4s ease;}
.feature-item.default-active::after,.feature-item:hover::after { background-color: rgba(26, 87, 188, 0.55);}
.feature-content { position: relative; z-index: 2;color: #ffffff;text-align: center; padding: 0 20px;}
.feature-content a{ color:#fff;}
.feature-content h2 {font-size:40px;margin-bottom: 24px; font-weight: bold;}
.divider-line,
.feature-desc,
.arrow-icon {opacity: 0;visibility: hidden;transition: opacity 0.35s ease, visibility 0.35s ease;}
.divider-line {width: 45px; height: 3px; background-color: #fff; margin: 0 auto 24px;}
.feature-desc {font-size: 18px;line-height: 1.8;}
.arrow-icon {margin-top:40px;font-size:48px;}

.feature-item.default-active .divider-line,
.feature-item.default-active .feature-desc,
.feature-item.default-active .arrow-icon,
.feature-item:hover .divider-line,
.feature-item:hover .feature-desc,
.feature-item:hover .arrow-icon {opacity: 1; visibility: visible;}
/*products*/
.product-category-section {padding: 60px 20px;max-width: 1600px;margin: 0 auto;}
.section-title {text-align: center;font-size: 40px;color: #333333;margin-bottom: 40px; font-weight:600}
/* tab导航栏 滑动门 */
.tab-nav-wrap {position: relative;display: flex;justify-content: center;border-bottom: 1px solid #999;margin-bottom: 40px;}
.tab-nav-item {padding: 16px 40px;font-size: 15px;color: #777;cursor: pointer;position: relative;transition: color 0.3s;}
.tab-nav-item::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width:1px;height:14px;background:#cccccc;}
.tab-nav-item:last-child::after {display:none;}
/* 滑动门下划线 */
.tab-slider-line {position:absolute;bottom:-1px;height:2px;background:#1a57bc;transition: left 0.35s ease, width 0.35s ease;z-index:2;}
.tab-nav-item.active {color:#1a57bc;}
.product-swiper {overflow:hidden;}
.product-swiper .swiper-slide {display:flex;flex-wrap:wrap;}
.product-card {width:25%;padding:16px;text-align:center;}
.product-card__img-wrap {background:#ffffff;padding:10px 10px;display:flex;align-items:center;justify-content:center;margin-bottom:5px;}
.product-card__img-wrap img {max-width:98%;object-fit:contain; border:1px solid #ddd}
.product-card__name {font-size:15px;color:#444;}
.btn-wrap {text-align:center;margin-top:48px;}
.btn-view-more {background-color:#1a57bc;color:#ffffff;border:none;padding:16px 52px;font-size:15px;font-weight:500;cursor:pointer;border-radius:2px;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(26, 87, 188, 0.22);}
.btn-view-more:hover {background-color:#14479c;box-shadow: 0 4px 14px rgba(26, 87, 188, 0.35);transform: translateY(-2px); color:#fff}
.btn-view-more:active {transform: translateY(0);box-shadow: 0 2px 6px rgba(26, 87, 188, 0.25);}
/* ad */
.about-top-banner {background-size: cover;background-position: center;background-image: url('/images/incp4.jpg');padding: 120px 20px;text-align: center;color: #ffffff;}
.about-top-banner h2 {font-size: 34px;text-transform: uppercase;margin-bottom:14px;}
.about-top-banner p {max-width: 850px;margin: 0 auto;font-size:13px;opacity:0.92;}
/* 每一块独立容器，不嵌套双层grid，严格控制顺序 */
.about-block {display: grid;grid-template-columns: 1fr 1fr;}
.about-block__img {min-height:550px;background-size: cover;background-position:center;}
.about-block__text {padding:48px 36px;display:flex;flex-direction:column;justify-content:center; background:#f7f7f7}

.about-block__text h3 {font-size:24px;margin-bottom:16px;font-weight:bold;}
.about-block__text p {font-size:15px;color:#555;margin-bottom:24px; line-height:30px;}
.btn-readmore {display:inline-block;background-color:#1a57bc;color:#fff;border:none;padding:9px 22px;font-size:13px;cursor:pointer;transition: all 0.3s ease;border-radius:2px;width: fit-content;}
.btn-readmore:hover {background:#14479c;box-shadow:0 3px 10px rgba(26, 87, 188,0.28);transform: translateY(-1px); color:#fff;}

/*industry*/
.industry-grid {width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px; max-width:1600px; margin:auto;}
.industry-item {position: relative;width: 100%;overflow: hidden;display: block;}
.industry-item img {width: 100%;height: 100%; object-fit: cover;display: block;transition: transform 0.3s ease;}
.industry-item:hover img { transform: scale(1.05);}
.industry-mask {position: absolute;left: 0;bottom: 0;width: 100%;padding: 16px 20px;background-color: rgba(0, 71, 189, 0.45);}
.industry-text {font-size: clamp(16px, 1.8vw, 22px);color: #ffffff;font-weight: 500;}
/* 响应式 */
@media(max-width:1199px){
	.product-card {width:33.333%;}
}


/* 响应式适配 */
@media(max-width:992px){
  .top-features {grid-template-columns: 1fr; }
  .product-section {grid-template-columns:1fr;}
  .product-machine-img {position:relative;transform:none;right:auto;top:auto;width:80%;margin:30px auto;}
  .product-left {padding:40px 24px; }
  .product-left h2 {font-size:32px;}

  .four-feature-wrap {flex-direction: column;height: auto;}
  .feature-item { min-height:320px;border-right:none;border-bottom:1px dashed rgba(255,255,255,0.35);}
  .four-feature-wrap:hover .feature-item:not(.default-active) {flex:1;}
  .four-feature-wrap .feature-item:hover { flex:1 !important; }
  .feature-item.default-active {flex:1; }
  .feature-content h2 { font-size:30px;}
  /*product*/
	.section-title {font-size:28px;}
	.tab-nav-item {padding:12px 18px;}
	.product-card {width:50%;}
	.product-card__img-wrap {height:240px;}
	.btn-view-more {padding:14px 36px;}
	.about-block {grid-template-columns:1fr;}
	/* 第2块 移动端：文字在上，图片在下 */
	.block-2 {}
	.about-block__img {min-height:260px;}
	.about-block__text {padding:32px 24px;}
	.about-top-banner h2 {font-size:26px;}
}
@media(max-width:480px){
	.product-card {width:100%;}
}