/* 研发实力页面样式 */

/* 顶部横幅 */
.research-banner {
	position: relative;
	height: 400px;
	overflow: hidden;
}
.research-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.research-banner-content {
	position: absolute;
	top: 50%;
	left: 6%;
	transform: translateY(-50%);
	color: #ffffff;
	z-index: 2;
}
.research-banner-title {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 10px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.research-banner-subtitle {
	font-size: 16px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* 横幅产品图片 */
.banner-product-link {
    position: absolute;
    bottom: 20px;
    right: 6%;
    z-index: 3;
}

.banner-product-image {
    width: 200px !important;
    height: auto;
    /* border: 2px solid white;
    border-radius: 4px; */
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); */
    transition: transform 0.3s ease;
}

.banner-product-link:hover .banner-product-image {
    transform: scale(1.05);
}
/* 导航栏 */
.page-nav {
	background-color: #ffffff;
	border-bottom: 1px solid #eaeaea;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.nav-tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
}
.nav-tab {
	margin: 0;
}
.nav-tab a {
	display: block;
	padding: 25px 30px;
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	position: relative;
}
.nav-tab a:hover {
	color: #e60012;
}
.nav-tab.active a {
	color: #e60012;
	font-weight: bold;
}
.nav-tab.active a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #e60012;
}

/* 响应式导航栏 */
@media (max-width: 768px) {
.nav-tabs {
	flex-wrap: wrap;
	justify-content: flex-start;
}
.nav-tab a {
	padding: 10px 15px;
	font-size: 12px;
}
}
/* 金属成形技术创新引领者 */
.metal-forming-section {
	padding: 60px 6%;
	background-color: #f8f9fa;
}
.metal-forming-title {
	font-size: 32px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 20px;
	text-align: left;
}
.metal-forming-section p, .metal-forming-description {
	font-size: 16px;
	color: #666666;
	line-height: 2.2;
	text-align: left;/* max-width: 1000px; */
}
/* 统计数字版块 */
.stats-section {
	position: relative;
	margin: 40px 6%;
	border-radius: 10px;
	overflow: hidden;
	background-image: url('../img/1739174332.jpg');
	background-size: cover;
	background-position: center;
}
.stats-background {
	position: relative;
	height: 469px;
	display: flex;
	align-items: center;
}
.stats-background::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.stats-content {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	width: 100%;
	padding: 0 6%;
}
.stats-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.stat-item {
	flex: 1;
	text-align: center;
	color: #ffffff;
	position: relative;
}
.stat-item:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	height: 60%;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.3);
}
.stat-number {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 10px;
}
.stat-label {
	font-size: 14px;
	line-height: 1.4;
}

/* 响应式金属成形技术创新引领者 */
@media (max-width: 768px) {
.metal-forming-section {
	padding: 40px 6%;
}
.metal-forming-title {
	font-size: 24px;
}
.metal-forming-description {
	font-size: 14px;
	padding: 0 10px;
}
.stats-background {
	height: auto;
	padding: 40px 0;
}
.stats-content {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	padding: 0 6%;
}
.stat-item {
	padding: 20px 0;
}
.stat-item:not(:last-child)::after {
	display: none;
}
 .stat-item:not(:nth-child(2n))::after {
 display: none;
}
 .stat-item:not(:nth-last-child(-n+2))::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 20%;
 width: 60%;
 height: 1px;
 background-color: rgba(255, 255, 255, 0.3);
}
.stat-number {
	font-size: 28px;
}
}

/* 响应式正文内容 */
@media (max-width: 768px) {
.container-page {
	padding: 0 20px;
	margin: 0 6%;
}
.research-banner-content {
	left: 6%;
}
.research-banner-title {
	font-size: 28px;
}
.research-banner-subtitle {
	font-size: 14px;
	max-width: 90%;
}
.section-subtitle {
	padding: 0 20px;
}
}
/* 研发实力 */
.research-section {
	/* padding: 60px 0; */
	background-color: #f8f9fa;
}
.container-page {
	margin: 0 6%;
}
.container {
	/* max-width: 1200px; */
	margin: 0 auto;/* padding: 0 20px; */
}
.section-title {
	font-size: 28px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
	text-align: center;
}
.section-subtitle {
	font-size: 16px;
	color: #666666;
	margin-bottom: 40px;
	text-align: center;
	line-height: 1.6;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
/* 研发统计 */
.research-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 60px 0;
}
.stat-item {
	/* background-color: #ffffff; */
	padding: 40px 20px;
	/* border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
	text-align: center;
	transition: transform 0.3s ease;
}
.stat-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.stat-number {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}
.stat-label {
	font-size: 14px;
	color: #cfd4e0;
	line-height: 1.4;
}
/* AI+示范者 */
.ai-section {
	margin: 80px 0;
	padding: 60px 0;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* 软件著作权 */
.software-section {
	margin-top: 60px;
}
.software-title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	text-align: center;
}
.software-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.software-item {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}
.software-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.software-name {
	font-size: 14px;
	color: #333333;
	line-height: 1.4;
}

/* 响应式设计 */
@media (max-width: 768px) {
.research-banner {
	height: 300px;
}
.research-banner-title {
	font-size: 28px;
}
.research-stats {
	grid-template-columns: 1fr;
	gap: 20px;
}
.software-grid {
	grid-template-columns: 1fr;
	gap: 15px;
}
.stat-item {
	padding: 30px 15px;
}
.stat-number {
	font-size: 28px;
}
.section-title {
	font-size: 24px;
}
.section-subtitle {
	font-size: 14px;
}
}
 @media (min-width: 769px) and (max-width: 992px) {
.research-stats {
	grid-template-columns: repeat(2, 1fr);
}
.software-grid {
	grid-template-columns: repeat(2, 1fr);
}
}
/* 智能控制系统样式 */
.system-components, .control-parameters, .system-features {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 20px 0;
}
.system-components li, .control-parameters li, .system-features li {
	margin-bottom: 10px;
	line-height: 1.6;
	color: #666666;
}
.control-parameters li {
	list-style: disc;
	margin-left: 20px;
}
/* 系统图片展示 */
.system-images {
	margin: 40px 0;
}
.image-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-bottom: 40px;
}
.image-item {
	text-align: center;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}
.image-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.image-item img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	margin-bottom: 15px;
}
.image-caption {
	font-size: 14px;
	color: #666666;
	margin: 0;
}
.dcs-image {
	text-align: center;
	margin: 40px 0;
}
.dcs-image img {
	width: 100%;
	max-width: 800px;
	height: auto;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
}
/* 技术参数表格 */
.tech-params-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0 40px 0;
	font-size: 14px;
}
.tech-params-table th, .tech-params-table td {
	border: 1px solid #eaeaea;
	padding: 10px;
	text-align: center;
}
.tech-params-table th {
	background-color: #f8f9fa;
	font-weight: bold;
	color: #333333;
}
.tech-params-table tr:nth-child(even) {
	background-color: #f8f9fa;
}
.tech-params-table tr:hover {
	background-color: #f0f0f0;
}

/* 响应式技术参数表格 */
@media (max-width: 768px) {
.tech-params-table {
	font-size: 12px;
}
.tech-params-table th,  .tech-params-table td {
	padding: 8px;
}
.system-components,  .control-parameters,  .system-features {
	padding: 0 0 0 10px;
}
.system-components li,  .control-parameters li,  .system-features li {
	font-size: 14px;
}
/* 响应式图片展示 */
.image-grid {
	grid-template-columns: 1fr;
	gap: 20px;
}
.image-item {
	padding: 15px;
}
.dcs-image img {
	max-width: 100%;
}
}
/* 专业设计页面样式 */
.design-section {
	padding: 60px 6%;
	background-color: #f8f9fa;
}
/* 设计内容 */
.design-content {
	margin-bottom: 60px;
}
.design-header {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.design-icon {
	margin-right: 20px;
	animation: fadeIn 0.6s ease;
}
.design-title {
    font-size: 32px;
    font-weight: bold;
    color: #34619e;
    margin: 0 0 20px 0;
    text-align: center;
    animation: fadeIn 0.6s ease;
}

.design-description {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 30px;
    animation: fadeIn 0.8s ease;
}
/* 设计理念与指导方针 */
.design-principles {
    margin-bottom: 60px;
}

.principles-title {
    font-size: 24px;
    font-weight: bold;
    color: white;
    margin-bottom: 30px;
    animation: fadeIn 0.6s ease;
    background-color: #34619e;
    padding: 10px 30px;
    display: block;
}

/* 专业设计顶部部分 */
.design-header-section {
    margin-bottom: 60px;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header-left {
    flex: 1;
    display: flex;
    align-items: center;
}

.main-title {
    font-size: 48px;
    font-weight: bold;
    color: #34619e;
    margin: 0;
    line-height: 1.2;
}

.header-right {
    flex: 3;
    padding-left: 40px;
}

.subtitle {
    font-size: 18px;
    color: #34619e;
    margin: 0 0 20px 0;
    line-height: 1.9;
}

.description-text {
    font-size: 20px;
    color: #34619e;
    margin: 0;
    line-height: 1.9;
    text-align: justify;
}

/* 设计理念容器 */
.principles-container {
    /*display: flex;*/
    gap: 60px;
    align-items: flex-start;
}

/* 左侧流程图 */
.flow-chart {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.flow-step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
}

.flow-step .step-number {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: white;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    margin-bottom: 10px;
}

.flow-step .step-title {
    font-size: 13px;
    color: #333333;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
}

.flow-step .step-arrow {
    font-size: 20px;
    color: #333333;
    margin-top: 5px;
}

/* 步骤颜色 */
.step-1 .step-number {
    background-color: #ff9900;
}

.step-2 .step-number {
    background-color: #ff3300;
}

.step-3 .step-number {
    background-color: #9933cc;
}

.step-4 .step-number {
    background-color: #3399cc;
}

.step-5 .step-number {
    background-color: #33cc33;
}

.step-6 .step-number {
    background-color: #3366cc;
}

.step-7 .step-number {
    background-color: #ff6600;
}

/* 右侧内容 */
.design-right-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* 资质证书部分 */
.certificate-section {
    margin-bottom: 20px;
}

.certificate-image {
    width: 100%;
    height: 200px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #eaeaea;
}

.certificate-image::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 60px;
    height: 60px;
    border: 2px solid #ff0000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 团队部分 */
.team-section {
    margin-bottom: 20px;
}

.section-title {
    font-size: 16px;
    font-weight: bold;
    color: #34619e;
    margin: 0 0 15px 0;
    text-align: center;
}

.team-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.team-image {
    width: 100%;
    height: 120px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eaeaea;
}

/* 三维设计部分 */
.three-d-section {
    margin-bottom: 20px;
}

.design-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}

.design-images.two-columns {
    grid-template-columns: repeat(2, 1fr);
}

.design-image {
    width: 100%;
    height: 100px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eaeaea;
}

/* 三维设计展示 */
.three-d-designs {
    margin-bottom: 60px;
}

.designs-title {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 30px;
    animation: fadeIn 0.6s ease;
}

.designs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.design-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.design-image {
    width: 100%;
    height: 180px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
}

.design-item-title {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    margin: 0;
    text-align: center;
}
/* 设计能力 */
.design-capabilities {
	margin-bottom: 40px;
}
.capabilities-title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	animation: fadeIn 0.6s ease;
}
.design-capabilities ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.design-capabilities li {
	text-align: center;
	background-color: #ffffff;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	animation: fadeInUp 0.6s ease;
}
.design-capabilities li:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.capability-icon {
	margin-bottom: 20px;
	display: inline-block;
	transition: transform 0.3s ease;
}
.design-capabilities li:hover .capability-icon {
	transform: scale(1.1);
}
.capability-title {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 0;
}

/* 动画效果 */
@keyframes fadeIn {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @keyframes slideInLeft {
 from {
 opacity: 0;
 transform: translateX(-20px);
}
to {
	opacity: 1;
	transform: translateX(0);
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translateY(20px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}

/* 响应式设计 */
@media (max-width: 768px) {
.design-section {
	padding: 40px 6%;
}
.design-title {
	font-size: 24px;
}
.design-description {
	font-size: 14px;
}
.principles-grid {
	grid-template-columns: 1fr;
	gap: 20px;
}
.capabilities-grid {
	grid-template-columns: 1fr;
	gap: 20px;
}
.principle-item,  .capability-item {
	padding: 20px;
}
.principles-title,  .capabilities-title {
	font-size: 20px;
}
}
 @media (min-width: 769px) and (max-width: 992px) {
.principles-grid {
	grid-template-columns: 1fr;
	gap: 20px;
}
.capabilities-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
}
/* 专业制造部分 */
.manufacturing-content {
	margin-bottom: 60px;
}
.manufacturing-header {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.manufacturing-icon {
	margin-right: 20px;
	animation: fadeIn 0.6s ease;
}
.manufacturing-title {
	font-size: 28px;
	font-weight: bold;
	color: #333333;
	margin: 0;
	animation: slideInLeft 0.6s ease;
}
.manufacturing-description {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
	animation: fadeIn 0.8s ease;
}
/* 生产制造能力 */
.manufacturing-capabilities {
	margin-bottom: 60px;
}
.manufacturing-capabilities ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.manufacturing-capabilities li {
	display: flex;
	align-items: flex-start;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	animation: fadeInUp 0.6s ease;
}
.manufacturing-capabilities li:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.capability-content {
	flex: 1;
}
.capability-description {
	font-size: 14px;
	color: #666666;
	margin: 10px 0 0 0;
	line-height: 1.5;
}
/* 核心生产设备 */
.core-equipment {
	margin-bottom: 40px;
}
.equipment-title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	animation: fadeIn 0.6s ease;
}
.core-equipment ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.core-equipment li {
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	animation: fadeInUp 0.6s ease;
	overflow: hidden;
}
.core-equipment li:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.equipment-image {
	/*height: 180px;*/
	background-color: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #eaeaea;
}
.equipment-image img {
	max-width: 100%;
	height: auto;
}
.equipment-name {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 15px;
	text-align: center;
}
.equipment-spec {
	font-size: 12px;
	color: #666666;
	margin: 0 15px 15px 15px;
	text-align: center;
}

/* 响应式设计 */
@media (max-width: 768px) {
.manufacturing-title {
	font-size: 24px;
}
.manufacturing-description {
	font-size: 14px;
}
.manufacturing-capabilities ul {
	grid-template-columns: 1fr;
	gap: 20px;
}
.core-equipment ul {
	grid-template-columns: 1fr;
	gap: 20px;
}
.equipment-image {
	height: 150px;
}
.equipment-name {
	font-size: 13px;
}
.equipment-spec {
	font-size: 11px;
}
}
/* 专业检验和GMP验证 */
.inspection-content {
	margin-bottom: 60px;
}
.inspection-header {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.inspection-icon {
	margin-right: 20px;
	animation: fadeIn 0.6s ease;
}
.inspection-title {
	font-size: 28px;
	font-weight: bold;
	color: #333333;
	margin: 0;
	animation: slideInLeft 0.6s ease;
}
.inspection-description {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
	animation: fadeIn 0.8s ease;
}
/* 生产过程检验程序 - 流程图样式 */
.inspection-procedures {
	margin-bottom: 60px;
}
.procedures-title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	animation: fadeIn 0.6s ease;
}
.inspection-procedures ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
	gap: 15px;
}
 .inspection-procedures li:not(:has(.procedure-arrow)) {
 flex: 1;
 display: flex;
 flex-direction: column;
 align-items: center;
 background-color: #ffffff;
 padding: 20px 15px;
 border-radius: 8px;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 transition: all 0.3s ease;
 animation: fadeInUp 0.6s ease;
}
 .inspection-procedures li:not(:has(.procedure-arrow)):hover {
 transform: translateY(-5px);
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
 .inspection-procedures li:has(.procedure-arrow) {
 flex: none;
 display: flex;
 align-items: center;
 justify-content: center;
 background: none;
 padding: 0;
 border-radius: 0;
 box-shadow: none;
 transition: none;
}
.procedure-image {
	width: 100%;
	height: 100px;
	background-color: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	margin-bottom: 15px;
}
.procedure-text {
	font-size: 13px;
	color: #333333;
	text-align: center;
	margin: 0;
	line-height: 1.4;
}
.procedure-arrow {
	font-size: 24px;
	color: #e60012;
	flex-shrink: 0;
	animation: fadeIn 0.6s ease;
}
/* 专业检验设备 - 图片网格布局 */
.inspection-equipment {
	margin-bottom: 60px;
}
.inspection-equipment > .equipment-title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	animation: fadeIn 0.6s ease;
}
.inspection-equipment ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.inspection-equipment li {
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	animation: fadeInUp 0.6s ease;
	overflow: hidden;
}
.inspection-equipment li:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.inspection-equipment .equipment-image {
	height: 212px;
	background-color: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #eaeaea;
}
.inspection-equipment .equipment-name {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin: 15px;
	text-align: center;
	line-height: 1.4;
}
/* 设备调试交户总检 */
.final-inspection {
	margin-bottom: 40px;
}
.final-title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	animation: fadeIn 0.6s ease;
}
.final-inspection ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.final-inspection li {
	display: flex;
	align-items: flex-start;
	background-color: #ffffff;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	animation: fadeInUp 0.6s ease;
               margin-bottom:20px;
}
.final-inspection li:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.final-icon {
	margin-right: 12px;
	flex-shrink: 0;
	margin-top: 3px;
}
.final-content {
	flex: 1;
}
.final-description {
	font-size: 14px;
	color: #666666;
	margin: 0;
	line-height: 1.5;
}

/* 响应式设计 */
@media (max-width: 768px) {
.installation-title,  .inspection-title {
	font-size: 24px;
}
.installation-description,  .optimization-description,  .inspection-description {
	font-size: 14px;
}
.installation-requirements ul,  .final-inspection ul {
	grid-template-columns: 1fr;
	gap: 15px;
}
.installation-requirements li,  .final-inspection li {
	padding: 15px;
}
.requirements-title,  .procedures-title,  .final-title {
	font-size: 20px;
}
/* 流程图响应式 */
.inspection-procedures ul {
	flex-direction: column;
	gap: 10px;
}
 .inspection-procedures li:has(.procedure-arrow) {
 width: 100%;
 height: 40px;
}
.procedure-arrow {
	transform: rotate(90deg);
}
.inspection-equipment ul {
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}
.inspection-equipment .equipment-image {
	height: 100px;
}
.inspection-equipment .equipment-name {
	font-size: 11px;
}
}
 @media (min-width: 769px) and (max-width: 992px) {
.manufacturing-capabilities ul {
	grid-template-columns: 1fr;
	gap: 20px;
}
.core-equipment ul {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.installation-requirements ul,  .final-inspection ul {
	grid-template-columns: 1fr;
	gap: 20px;
}
/* 流程图响应式 */
.inspection-procedures ul {
	flex-wrap: wrap;
}
 .inspection-procedures li:not(:has(.procedure-arrow)) {
 flex-basis: calc(50% - 10px);
}
 .inspection-procedures li:has(.procedure-arrow) {
 display: none;
}
.inspection-equipment ul {
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}
.inspection-equipment .equipment-image {
	height: 120px;
}
.inspection-equipment .equipment-name {
	font-size: 12px;
}
}
/* 专业安装部分 */
.installation-content {
	margin-bottom: 60px;
}
.installation-header {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.installation-icon {
	margin-right: 20px;
	animation: fadeIn 0.6s ease;
}
.installation-title {
	font-size: 28px;
	font-weight: bold;
	color: #333333;
	margin: 0;
	animation: slideInLeft 0.6s ease;
}
.installation-description {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
	animation: fadeIn 0.8s ease;
}
/* 管道、阀门安装基本要求 */
.installation-requirements {
	margin-bottom: 60px;
}
.requirements-title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	animation: fadeIn 0.6s ease;
}
.installation-requirements ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.installation-requirements li {
	display: flex;
	align-items: flex-start;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	animation: fadeInUp 0.6s ease;
}
.installation-requirements li:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.requirement-icon {
	margin-right: 15px;
	flex-shrink: 0;
	margin-top: 5px;
}
.requirement-content {
	flex: 1;
}
.requirement-description {
	font-size: 14px;
	color: #666666;
	margin: 0;
	line-height: 1.5;
}
/* 安装优化说明 */
.installation-optimization {
	margin-bottom: 40px;
}
.optimization-description {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	animation: fadeIn 0.8s ease;
}

/* 响应式设计 */
@media (max-width: 768px) {
.installation-title {
	font-size: 24px;
}
.installation-description,  .optimization-description {
	font-size: 14px;
}
.installation-requirements ul {
	grid-template-columns: 1fr;
	gap: 20px;
}
.installation-requirements li {
	padding: 20px;
}
.requirements-title {
	font-size: 20px;
}

/* 专业设计页面响应式 */
.product-image {
	height: 200px;
}

.principles-container {
	flex-direction: column;
	gap: 30px;
}

.flow-step .step-number {
	width: 120px;
	height: 120px;
	font-size: 20px;
}

.flow-step .step-title {
	font-size: 13px;
}

.team-images {
	grid-template-columns: 1fr;
}

.team-image {
	height: 100px;
}

.designs-grid {
	grid-template-columns: 1fr;
	gap: 20px;
}

.design-image {
	height: 150px;
}

.designs-title {
	font-size: 20px;
}
}