/* Fonts */
/*通用*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#323232; position: relative;font-family: PingFangSC-Regular, sans-serif, "Arial"; min-width:1200px;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#6c6c6c;text-decoration:none;}
img{border:none; display: block;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}



/* 注塑机网关页面样式 - 严格按照设计图还原 */

/* Banner区域 */
.gateway-banner {
	position: relative;
	background: linear-gradient(135deg, #f0f7ff 0%, #e6f3ff 100%);
	min-height: 500px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.gateway-banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23017cc2" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
	opacity: 0.3;
}

.gateway-banner-content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 80px 0;
}

.gateway-banner-left {
	flex: 1;
	max-width: 600px;
}

.gateway-title {
	font-size: 48px;
	font-weight: 700;
	color: #017cc2;
	margin-bottom: 20px;
	line-height: 1.2;
}

.gateway-subtitle {
	font-size: 20px;
	color: #666;
	margin-bottom: 40px;
}

.gateway-features {
	display: flex;
	gap: 30px;
	margin-bottom: 40px;
}

.feature-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.feature-icon {
	font-size: 24px;
}

.feature-item span {
	font-size: 16px;
	color: #333;
	font-weight: 500;
}

.gateway-banner-right {
	flex: 1;
	max-width: 500px;
	text-align: center;
}

.gateway-product-image {
	margin-bottom: 30px;
}

.product-placeholder {
	background: #fff;
	border: 2px dashed #017cc2;
	border-radius: 8px;
	padding: 60px 40px;
	color: #017cc2;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

.partner-logos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.logo-item {
	width: 263px;
	height: 68px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding: 10px;
	font-size: 12px;
	color: #666;
	text-align: center;
	font-weight: 500;
}



/* 方案介绍区域 */
.solution-intro {
	
	padding-top: 60px;
	padding-bottom: 110px;
	background: #fff;
}

.solution-intro-content {
	max-width: 1200px;
	margin: 0 auto;
}

.solution-description {
	width:1393px;
	height: 94px;
	margin: 40px 0 60px;
	text-align: center;
}


.solution-description p {
	width: 1393px;
	font-size: 20px;
	line-height: 37px;
	color: #181819;
	text-align: left;
	text-indent: 2em;
	
	/* max-width: 800px;
	margin: 0 auto; */
}

.solution-diagram {
	/* background: #f8f9fa; */
	border-radius: 12px;
	text-align: center;
	margin-top: 84px;
}

.solution-diagram img {
	display: inline;
	max-height: 800px;
}

.diagram-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.diagram-left, .diagram-right {
	flex: 1;
	max-width: 300px;
}

.diagram-center {
	flex: 0 0 200px;
	text-align: center;
}

.workshop-section, .datacenter-section {
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.workshop-dashboard, .remote-monitoring {
	margin-bottom: 20px;
	padding: 15px;
	background: #f0f7ff;
	border-radius: 6px;
}

.workshop-dashboard h4, .remote-monitoring h4 {
	color: #017cc2;
	font-size: 16px;
	margin-bottom: 10px;
}

.dashboard-items, .monitoring-items {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dashboard-items span, .monitoring-items span {
	background: #017cc2;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
}

.workshop-host, .server-section {
	padding: 15px;
	background: #f8f9fa;
	border-radius: 6px;
}

.workshop-host h4, .server-section h4 {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}

.connected-devices, .server-systems {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.connected-devices span, .server-systems span {
	background: #666;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
}

.connection-lines {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.connection-line {
	background: #017cc2;
	color: #fff;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
}

.additional-connections {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.wifi-connection, .mobile-connection {
	background: #fff;
	border-radius: 6px;
	padding: 15px;
	text-align: center;
	flex: 1;
	margin: 0 10px;
}

.wifi-connection span, .mobile-connection span {
	color: #017cc2;
	font-weight: 500;
	font-size: 14px;
}

.connected-equipment {
	margin-top: 10px;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.connected-equipment span {
	background: #f0f7ff;
	color: #017cc2;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
}

/* 核心产品区域 */
.core-products {
	padding-top:99px ;
	padding-bottom:101px;
	background: #F3F6FA;
}

.core-products-content {
	width: 80vw;
	max-width: 1600px;
	margin: 0 auto;
}

.products-description{
	padding-top: 24px;
	font-size: 20px;
	line-height: 1.8;
	color: #181819;
}

.products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-top: 50px;
}

/* 轮播容器样式 */
.products-carousel-container, .solutions-carousel-container {
	position: relative;
	margin-top: 50px;
}

.products-carousel, .solutions-carousel {
	width: 100%;
	max-width: 1415px;
    /* height: 614px; */
    padding: 14px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.products-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
	gap: 27px;
	width: calc(21 * 330px + 20 * 27px); /* 21个卡片宽度 + 20个gap (7个原始 * 3组) */
	background-color: #F3F6FA;
}

.solutions-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
	gap: 40px;
	width: calc(18 * 440px + 17 * 40px); /* 18个卡片宽度 + 17个gap (6个原始 * 3组) */
	background-color: #fff;
}
.solution-intro-content-line{
	margin-top: 24px;
	position: relative;
	left: 47%;
	width: 82px;
	height: 6px;
	background: #017cc2;
	
}

/* 导航按钮样式 */
.carousel-nav-btn {
	font-size: 24px;
	/* color: #017cc2; */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 63px;
	height: 63px;
	background: rgba(255, 255, 255, 0.9);
	/* border: 2px solid #017cc2; */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	/* 防止双击选中文本 */
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.carousel-nav-btn:hover {
	background: #017cc2;
	color: white;
	transform: translateY(-50%) scale(1.1);
}

.carousel-prev {
	left: -5%;
}
.carousel-nav-btn .icon-prev{
	position: absolute;
	left: 10px;
}
.carousel-nav-btn .icon-next{
	position: absolute;
	left: 25px;
}

.carousel-next {
	right: -7.5%;
}

.carousel-nav-btn i {
	font-size: 24px;
	font-weight: bold;
	color: #017cc2;
	transition: color 0.3s ease;
}

.carousel-nav-btn:hover i {
	color: white;
}

/* SVG箭头样式 */
.carousel-arrow-svg {
	transition: all 0.3s ease;
}

.carousel-arrow-svg path {
	fill: black;
	transition: fill 0.3s ease;
}

.carousel-nav-btn:hover .carousel-arrow-svg path {
	fill: white;
}

/* 轮播点样式 */
.carousel-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ddd;
	cursor: pointer;
	transition: all 0.3s ease;
}

.dot.active {
	background: #017cc2;
	transform: scale(1.2);
}

.dot:hover {
	background: #017cc2;
	opacity: 0.7;
}

.product-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	border: 1px solid #f0f0f0;
	flex-direction: column;
	
	display: flex;
	/* margin-right: 27px; */
	
	width: 330px;
	height: 600px;
	
}

.product-card:hover {
	/* transform: translateY(-5px); */
	box-shadow:0 0 10px 5px rgba(0,124,194,0.3);
	
	/* border-color: #017cc2; */
}

.product-card img {
	transition: transform 0.3s ease;
}

.product-card:hover img {
	cursor: pointer;
	transform: scale(1.1);
}

.product-image {
	background: linear-gradient(135deg, #f0f7ff 0%, #e6f3ff 100%);
	/* padding: 48px 65px; */
	text-align: center;
	width: 330px;
	height: 330px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;

}

.product-image img {
	width: 100%;

	
}

.product-features-title {
    margin-top: 25px;
    margin-left: 50px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #333;
	width: 100%;
	height: 30px;
    /* text-align: center; */
}

.card-title{
	position: absolute;
	left: 0;
	top: 25px;
	font-size: 24px;
    font-weight: 700;
    color: #333;
    
	width:90%;
	height: 30px;
	text-align: center;
}



.product-placeholder {
	background: #fff;
	border: 2px dashed #017cc2;
	border-radius: 8px;
	padding: 30px 20px;
	color: #017cc2;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	max-width: 200px;
}

.product-features {
	position: relative;
	/* padding: 15px 20px; */
	/* padding-top: 28px;
	/* padding-left: 42px; */ 
	padding-left: 42px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: #fff;
	width: 330px;
	height: 270px;
}

.product-features p {
	position: relative;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	width: 211px;
}

.product-features h3 {
	font-size: 18px;
	font-weight: 700;
	color: #333;
	/* margin-bottom: 20px; */
	text-align: center;
}

.product-features p:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background: #017cc2;
	border-radius: 50%;
}

.product-btn {
	position: absolute;
	bottom: 20px;
	right: 60px;
	font-size: 16px;
	color: #53b4e0;
	/* font-weight: 700; */
}

.product-btn .text {
	margin-left: 6px;
	font-size: 17px;
	color: #0DA3D7;
	font-weight: 900;
}





.product-btn:hover {
	/* background: #0fa1d6; */
	/* transform: translateY(-2px); */
}


/* 应用方案区域 */
.app-solutions {
	padding: 80px 0;
	background: #fff;
}

.app-solutions-content {
	width: 80vw;
	max-width: 1600px;
	margin: 0 auto;
}

.solutions-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin-top: 50px;
}

.solution-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	transition: all 0.5s ease;
	border: 1px solid #f0f0f0;
	
	width: 440px;
	height: 450px;
}

.solution-card:hover {
	/* transform: translateY(-5px); */
	box-shadow:0 0 10px 5px rgba(0,124,194,0.3);
	/* border-color: #017cc2; */
}

.solution-card img {
	transition: transform 0.3s ease;
}

.solution-card:hover img {
	cursor: pointer;
	transform: scale(1.1);
}

.solution-bg {
	height: 200px;
	background: linear-gradient(135deg, #017cc2, #0fa1d6);
	display: flex;
	align-items: center;
	justify-content: center;
}
.solution-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.solution-placeholder {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 20px;
}

.solution-content {
	width: 440px;
	height: 260px;
	position: relative;
	/* padding: 30px; */
}

.solution-content .title {
	display: block;
	margin-top: 40px;
	width: 100%;
	/* background-color: #b32020; */
	text-align: center;
	font-size: 20px;
	color: #1D2129;
	margin-bottom: 43px;
	font-weight: 600;
	font-size: 24px;
	text-align: left;
	padding-left: 20px;
	/* text-indent: 2em;
	 */
}

.solution-content p {
	width: 90%;
	color: #1D2129;
	line-height: 1.6;
	margin-bottom: 20px;
	font-size: 16px;
	padding: 0 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	max-height: calc(1.4em * 3);
	
}

/* 最多3行文本溢出省略号 */
.text-ellipsis-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	max-height: calc(1.4em * 3);
}

.solution-btn {
    font-size: 16px;
    color: #53b4e0;
    position: absolute;
    bottom: 75px;
    right: 30px;
    /* font-weight: 700; */

}
.solution-btn .text {
	font-size: 17px;
	color: #0DA3D7;
	font-weight: 900;
}

.solution-btn:hover {
	/* background: #0fa1d6;
	transform: translateY(-2px); */
}

/* 应用案例区域 */
.app-cases {
	padding: 80px 0;
	background: #f2f7fa;
}

.app-cases-content {
	max-width: 1400px;
	margin: 0 auto;
}

.partner-logos-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 50px;
}

.partner-logos-grid .logo-item {
	width: 263px;
	height: 68px;
	padding: 2px 18px;
	background: #fff;
	border: 0px solid #e0e0e0;
	border-radius: 0px;
	padding: 0px;
	font-size: 14px;
	color: #666;
	text-align: center;
	font-weight: 500;
	transition: all 0.3s ease;
}

.partner-logos-grid .logo-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.partner-logos-grid .logo-item:hover {
	border-color: #017cc2;
	color: #017cc2;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(1,124,194,0.2);
}

/* 需求定制区域 */
.customization-request {
	padding: 80px 0;
	background: #fff;
}

.customization-content {
	max-width: 1200px;
	margin: 0 auto;
}

.contact-form {
	width: 990px;
	margin: 0 auto;
}

.contact-form form {
	background: #fff;
	border-radius: 0;
	padding: 40px;
	border: none;
	box-shadow: none;
}

.form-row {
	min-height: 69px;
	margin-top: 33px;
	display: flex;
	gap: 20px;
}

.form-input, .form-textarea {
	
	flex: 1;
	padding: 22px 50px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	font-size: 24px;
	background: #F3F6FA ;
	transition: border-color 0.3s ease;
	min-height: 69px;
	box-sizing: border-box;
}

/* Placeholder样式统一设置 */
.form-input::placeholder, .form-textarea::placeholder {
	font-size: 24px;
	color: #2A2A2A;
}

.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
	font-size: 24px;
	color: #2A2A2A;
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
	font-size: 24px;
	color: #2A2A2A;
}

.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
	font-size: 24px;
	color: #2A2A2A;
}

.form-input.full-width {
	width: 100%;
}

.form-input:focus, .form-textarea:focus {
	outline: none;
	border-color: #017cc2;
	background: #fff;
}

/* 聚焦时placeholder消失 */
.form-input:focus::placeholder, .form-textarea:focus::placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.form-input:focus::-webkit-input-placeholder, .form-textarea:focus::-webkit-input-placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.form-input:focus::-moz-placeholder, .form-textarea:focus::-moz-placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.form-input:focus:-ms-input-placeholder, .form-textarea:focus:-ms-input-placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.form-textarea {
	height: 100px;
	resize: vertical;
}

.verification-input {
	
	flex: 0 0 795px;
}

.verification-code {
	flex: 0 0 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.code-placeholder {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	/* padding: 12px 15px; */
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-align: center;
	width: 85px;
	height: 40px;
}

.submit-btn {
	background: #089ED3 ;
	color: #fff;
	border: none;
	padding: 15px 40px;
	border-radius: 0;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 200px;
	margin: 30px auto 0;
	display: block;
	height: 70px;
	border-radius: 10px;
}

.submit-btn:hover {
	background: #0fa1d6;
	transform: none;
	box-shadow: none;
}

.case-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #017cc2, #0fa1d6);
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

.case-item:hover::before {
	transform: scaleX(1);
}

.case-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0,111,190,0.15);
}

.case-image {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.case-image::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgba(1,124,194,0.1), rgba(15,161,214,0.1));
	opacity: 0;
	transition: opacity 0.3s ease;
}

.case-item:hover .case-image::after {
	opacity: 1;
}

.case-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.case-item:hover .case-image img {
	transform: scale(1.05);
}

.case-content {
	padding: 25px;
	position: relative;
}

.case-content h4 {
	font-size: 18px;
	color: #323232;
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 1.4;
	transition: color 0.3s ease;
}

.case-item:hover .case-content h4 {
	color: #017cc2;
}

.case-content p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 20px;
	font-size: 14px;
}

.case-tags {
	margin-top: 15px;
}

.case-tags span {
	display: inline-block;
	background: #f0f7ff;
	color: #017cc2;
	padding: 4px 12px;
	margin: 0 5px 5px 0;
	border-radius: 15px;
	font-size: 12px;
	border: 1px solid #e6f3ff;
	transition: all 0.3s ease;
}

.case-item:hover .case-tags span {
	background: #017cc2;
	color: #fff;
	border-color: #017cc2;
}

/* 响应式设计 */
@media (max-width: 1200px) {
	.category-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.cases-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.category-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.cases-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.category-item {
		padding: 30px 20px;
	}
	
	.case-content {
		padding: 20px;
	}
}

/* 选中部分的响应式样式 */

/* 超大屏幕优化 (1920px+) */
@media (min-width: 1920px) {
	.solution-intro-content,
	.core-products-content,
	.app-solutions-content,
	.app-cases-content,
	.customization-content {
		max-width: 1600px;
	}
	
	.solution-description {
		max-width: 1400px;
	}
	
	.products-carousel,
	.solutions-carousel {
		max-width: 1500px;
	}
	
	.contact-form {
		max-width: 1000px;
	}
}

/* 方案介绍区域响应式 */
@media (max-width: 1600px) {
	.solution-intro-content {
		max-width: 1400px;
		padding: 0 40px;
	}
	.product-tab-item,.scheme-tab-item{
		font-size: 14px !important;
	}
	.product-tabs, .scheme-tabs{
		top: -70px!important;
	}
	 .IndSolF p{
		height: 60px !important;
	}
	.solution-description {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto 60px;
	}
	
	.solution-description p {
		width: 100%;
		font-size: 18px;
		line-height: 1.6;
	}
	
	.solution-diagram {
		text-align: center;
		margin-top: 60px;
	}
}

@media (max-width: 1200px) {
	.solution-intro {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	
	.solution-intro-content {
		max-width: 1000px;
		padding: 0 30px;
	}
	
	.solution-description {
		width: 100%;
		max-width: 800px;
		margin: 30px auto 40px;
	}
	
	.solution-description p {
		font-size: 18px;
		line-height: 1.6;
	}
	
	.solution-diagram {
		text-align: center;
		margin-top: 50px;
	}
}

@media (max-width: 768px) {
	.solution-intro {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	
	.solution-description {
		width: 100%;
		max-width: 100%;
		margin: 20px 0 30px;
		padding: 0 20px;
	}
	
	.solution-description p {
		font-size: 16px;
		line-height: 1.5;
	}
	
	.solution-diagram {
		text-align: center;
		margin-top: 30px;
	}
	
	.solution-intro-content-line {
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (max-width: 480px) {
	.solution-description p {
		font-size: 14px;
		line-height: 1.4;
	}
	
	.solution-diagram {
		text-align: center;
		margin-top: 20px;
	}
}

/* 核心产品区域响应式 */
@media (max-width: 1600px) {
	.core-products-content {
		width: 85vw;
		max-width: 1400px;
		padding: 0 40px;
	}
	
	.products-carousel {
		width: 87%;
	
	}
	
	.products-track {
		gap: 20px;
		width: calc(21 * 300px + 20 * 20px); /* 21个卡片宽度 + 20个gap (7个原始 * 3组) */
	}
	
	.product-card {
		width: 300px;
		height: 550px;
	}
	
	.product-image {
		width: 300px;
		height: 300px;
	}
	
	.product-image img {
		width: 180px;
		height: 200px;
	}
	
	.product-features {
		width: 300px;
		height: 250px;
		padding-left: 35px;
	}
	
	.product-features p {
		font-size: 15px;
		width: 220px;
	}
	
	.carousel-prev {
		left: -4%;
	}
	
	.carousel-next {
		right: -4%;
	}
}

@media (max-width: 1200px) {
	.core-products {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.core-products-content {
		width: 90vw;
		max-width: 1000px;
		padding: 0 30px;
	}
	
	.products-description {
		font-size: 18px;
		padding-top: 20px;
	}
	
	.products-carousel {
		width: 100%;
		max-width: 1000px;
	}
	
	.products-track {
		width: calc(21 * 280px + 20 * 18px); /* 21个卡片宽度 + 20个gap (7个原始 * 3组) */
		gap: 18px;
	}
	
	.product-card {
		width: 280px;
		height: 520px;
	}
	
	.product-image {
		width: 280px;
		height: 280px;
	}
	
	.product-image img {
		width: 160px;
		height: 180px;
	}
	
	.product-features {
		width: 280px;
		height: 240px;
		padding-left: 30px;
	}
	
	.product-features-title {
		font-size: 20px;
		padding-left: 30px;
	}
	
	.product-features p {
		font-size: 14px;
		width: 200px;
	}
	
	.carousel-prev {
		left: -3%;
	}
	
	.carousel-next {
		right: -3%;
	}
}

@media (max-width: 768px) {
	.core-products {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.core-products-content {
		width: 95vw;
		padding: 0 20px;
	}
	
	.products-description {
		font-size: 16px;
		padding-top: 15px;
	}
	
	.products-carousel {
		width: 100%;
	}
	
	.products-track {
		width: calc(21 * 250px + 20 * 15px); /* 21个卡片宽度 + 20个gap (7个原始 * 3组) */
		gap: 15px;
	}
	
	.product-card {
		width: 250px;
		height: 480px;
	}
	
	.product-image {
		width: 250px;
		height: 250px;
	}
	
	.product-image img {
		width: 140px;
		height: 160px;
	}
	
	.product-features {
		width: 250px;
		height: 230px;
		padding-left: 25px;
	}
	
	.product-features-title {
		font-size: 18px;
		padding-left: 25px;
	}
	
	.product-features p {
		font-size: 13px;
		width: 180px;
	}
	
	.carousel-prev {
		left: -2%;
	}
	
	.carousel-next {
		right: -2%;
	}
	
	.carousel-nav-btn {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
}

@media (max-width: 480px) {
	.core-products {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.products-description {
		font-size: 14px;
		padding-top: 10px;
	}
	
	.products-track {
		width: calc(21 * 220px + 20 * 12px); /* 21个卡片宽度 + 20个gap (7个原始 * 3组) */
		gap: 12px;
	}
	
	.product-card {
		width: 220px;
		height: 420px;
	}
	
	.product-image {
		width: 220px;
		height: 220px;
	}
	
	.product-image img {
		width: 120px;
		height: 140px;
	}
	
	.product-features {
		width: 220px;
		height: 200px;
		padding-left: 20px;
	}
	
	.product-features-title {
		font-size: 16px;
		padding-left: 20px;
	}
	
	.product-features p {
		font-size: 12px;
		width: 160px;
	}
	
	.carousel-prev {
		left: -1%;
	}
	
	.carousel-next {
		right: -1%;
	}
	
	.carousel-nav-btn {
		width: 35px;
		height: 35px;
		font-size: 18px;
	}
}

/* 应用方案区域响应式 */
@media (max-width: 1600px) {
	.app-solutions-content {
		width: 85vw;
		max-width: 1400px;
		padding: 0 40px;
	}
	
	.solutions-carousel {
		width: 78%;
		max-width: 1300px;
	}
	
	.solutions-track {
		gap: 30px;
		width: calc(18 * 400px + 17 * 30px); /* 18个卡片宽度 + 17个gap (6个原始 * 3组) */
	}
	
	.solution-card {
		width: 400px;
		height: 420px;
	}
	
	.solution-content {
		width: 400px;
		height: 230px;
	}
	
	.solution-content .title {
		font-size: 22px;
		margin-bottom: 35px;
	}
	
	.solution-content p {
		font-size: 15px;
		line-height: 1.5;
	}
	
	.solution-btn {
		font-size: 15px;
		bottom: 65px;
		right: 25px;
	}
}

@media (max-width: 1200px) {
	.app-solutions {
		padding: 60px 0;
	}
	
	.app-solutions-content {
		width: 90vw;
		max-width: 1000px;
		padding: 0 30px;
	}
	
	.products-description {
		font-size: 18px;
		padding-top: 20px;
	}
	
	.solutions-carousel {
		width: 100%;
		max-width: 1000px;
	}
	
	.solutions-track {
		width: calc(18 * 380px + 17 * 25px); /* 18个卡片宽度 + 17个gap (6个原始 * 3组) */
		gap: 25px;
	}
	
	.solution-card {
		width: 380px;
		height: 400px;
	}
	
	.solution-content {
		width: 380px;
		height: 220px;
		padding: 25px;
	}
	
	.solution-content .title {
		font-size: 20px;
		margin-bottom: 30px;
	}
	
	.solution-content p {
		font-size: 14px;
		line-height: 1.4;
	}
	
	.solution-btn {
		font-size: 14px;
		bottom: 60px;
		right: 20px;
	}
}

@media (max-width: 768px) {
	.app-solutions {
		padding: 40px 0;
	}
	
	.app-solutions-content {
		width: 95vw;
		padding: 0 20px;
	}
	
	.products-description {
		font-size: 16px;
		padding-top: 15px;
	}
	
	.solutions-carousel {
		width: 100%;
	}
	
	.solutions-track {
		width: calc(18 * 320px + 17 * 20px); /* 18个卡片宽度 + 17个gap (6个原始 * 3组) */
		gap: 20px;
	}
	
	.solution-card {
		width: 320px;
		height: 360px;
	}
	
	.solution-bg {
		height: 160px;
	}
	
	.solution-content {
		padding: 20px;
	}
	
	.solution-content h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}
	
	.solution-content p {
		font-size: 12px;
		margin-bottom: 15px;
	}
	
	.solution-btn {
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	.app-solutions {
		padding: 30px 0;
	}
	
	.products-description {
		font-size: 14px;
		padding-top: 10px;
	}
	
	.solutions-track {
		width: calc(18 * 280px + 17 * 15px); /* 18个卡片宽度 + 17个gap (6个原始 * 3组) */
		gap: 15px;
	}
	
	.solution-card {
		width: 280px;
		height: 320px;
	}
	
	.solution-bg {
		height: 140px;
	}
	
	.solution-content {
		padding: 15px;
	}
	
	.solution-content h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	.solution-content p {
		font-size: 11px;
		margin-bottom: 12px;
	}
	
	.solution-btn {
		font-size: 11px;
	}
}

/* 应用案例区域响应式 */
@media (max-width: 1600px) {
	.app-cases-content {
		max-width: 1300px;
		padding: 0 40px;
	}
	
	.partner-logos-grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 18px;
		margin-top: 45px;
	}
	
	.partner-logos-grid .logo-item {
		width: 100%;
		height: 70px;
	}
}

@media (max-width: 1200px) {
	.app-cases {
		padding: 60px 0;
	}
	
	.app-cases-content {
		max-width: 1000px;
		padding: 0 30px;
	}
	
	.products-description {
		font-size: 18px;
		padding-top: 20px;
	}
	
	.partner-logos-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 15px;
		margin-top: 40px;
	}
	
	.partner-logos-grid .logo-item {
		width: 100%;
		height: 65px;
	}
}

@media (max-width: 768px) {
	.app-cases {
		padding: 40px 0;
	}
	
	.app-cases-content {
		max-width: 100%;
		padding: 0 20px;
	}
	
	.products-description {
		font-size: 16px;
		padding-top: 15px;
	}
	
	.partner-logos-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
		margin-top: 30px;
	}
	
	.partner-logos-grid .logo-item {
		height: 70%;
	}
}

@media (max-width: 480px) {
	.app-cases {
		padding: 30px 0;
	}
	
	.products-description {
		font-size: 14px;
		padding-top: 10px;
	}
	
	.partner-logos-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-top: 20px;
	}
	
	.partner-logos-grid .logo-item {
		height: 60%;
	}
}

/* 需求定制区域响应式 */
@media (max-width: 1600px) {
	.customization-content {
		max-width: 1200px;
		padding: 0 40px;
	}
	
	.contact-form {
		width: 100%;
		max-width: 900px;
	}
	
	.form-input, .form-textarea {
		font-size: 22px;
		padding: 18px 40px;
	}
	
	.form-input::placeholder, .form-textarea::placeholder {
		font-size: 22px;
	}
	
	.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
		font-size: 22px;
	}
	
	.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
		font-size: 22px;
	}
	
	.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
		font-size: 22px;
	}
	
	.verification-input {
		flex: 0 0 700px;
	}
	
	.verification-code {
		flex: 0 0 90px;
	}
	
	.code-placeholder {
		width: 80px;
		height: 45px;
		font-size: 16px;
	}
	
	.submit-btn {
		font-size: 16px;
		padding: 14px 38px;
		width: 190px;
		height: 65px;
	}
}

@media (max-width: 1200px) {
	.customization-request {
		padding: 60px 0;
	}
	
	.customization-content {
		max-width: 800px;
		padding: 0 30px;
	}
	
	.products-description {
		font-size: 18px;
		padding-top: 20px;
	}
	
	.contact-form {
		width: 100%;
		max-width: 700px;
	}
	
	.contact-form form {
		padding: 30px;
	}
	
	.form-input, .form-textarea {
		font-size: 20px;
		padding: 15px 30px;
	}
	
	.form-input::placeholder, .form-textarea::placeholder {
		font-size: 20px;
	}
	
	.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
		font-size: 20px;
	}
	
	.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
		font-size: 20px;
	}
	
	.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
		font-size: 20px;
	}
	
	.verification-input {
		flex: 0 0 600px;
	}
	
	.verification-code {
		flex: 0 0 85px;
	}
	
	.code-placeholder {
		width: 75px;
		height: 40px;
		font-size: 16px;
	}
	
	.submit-btn {
		font-size: 15px;
		padding: 12px 35px;
		width: 180px;
		height: 60px;
	}
}

@media (max-width: 768px) {
	.customization-request {
		padding: 40px 0;
	}
	
	.customization-content {
		max-width: 100%;
		padding: 0 20px;
	}
	
	.products-description {
		font-size: 16px;
		padding-top: 15px;
	}
	
	.contact-form form {
		padding: 25px;
	}
	
	.form-row {
		flex-direction: column;
		gap: 15px;
		margin-bottom: 15px;
	}
	
	.form-input, .form-textarea {
		font-size: 18px;
		padding: 10px 12px;
	}
	
	.form-input::placeholder, .form-textarea::placeholder {
		font-size: 18px;
	}
	
	.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
		font-size: 18px;
	}
	
	.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
		font-size: 18px;
	}
	
	.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
		font-size: 18px;
	}
	
	.verification-input {
		flex: 1;
	}
	
	.verification-code {
		flex: 0 0 80px;
	}
	
	.code-placeholder {
		font-size: 14px;
		padding: 10px 12px;
		min-width: 50px;
	}
	
	.submit-btn {
		font-size: 14px;
		padding: 12px 30px;
		width: 160px;
		margin: 20px auto 0;
	}
}

@media (max-width: 480px) {
	.customization-request {
		padding: 30px 0;
	}
	
	.products-description {
		font-size: 14px;
		padding-top: 10px;
	}
	
	.contact-form form {
		padding: 20px;
	}
	
	.form-input, .form-textarea {
		font-size: 16px;
		padding: 8px 10px;
	}
	
	.form-input::placeholder, .form-textarea::placeholder {
		font-size: 16px;
	}
	
	.form-input::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
		font-size: 16px;
	}
	
	.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
		font-size: 16px;
	}
	
	.form-input:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
		font-size: 16px;
	}
	
	.code-placeholder {
		font-size: 12px;
		padding: 8px 10px;
		min-width: 40px;
	}
	
	.submit-btn {
		font-size: 13px;
		padding: 10px 25px;
		width: 140px;
		margin: 15px auto 0;
	}
}

.NvaBG{
	background:#ffffff;
	position: absolute;
	top: 0;
	left: -15vw;
	width: 120vw;
	height:100%;
	z-index: -1;
	opacity: 0;
	transition: opacity 0.4s ease;
}

.NvaBG.show{
	opacity: 1;
}

.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.Huans {-webkit-box-sizing:border-box;box-sizing:border-box;}


/*header*/
.header{width:100%;background:#FFF; z-index:999; position:fixed; left:0;right:0; margin:0 auto; top:0; border-bottom:1px solid #dcdcdc; min-width:1200px;}
.hdlogo{display: block;}
.hdlogo img{width:100%;}
.Hdtop{width:100%}
.Hdtop img{display: block;}
.Hdtophon p{ color:#323232;}
.Hdtophon span{ color:#0072c1; display: block;}
.HdtopH{ color:#323232;}
.hdEN{ position:relative;}
.hdENa{color:#323232;}
.hdENa i{background-image: url("/images/icon/navJ.png"); background-position: center; background-repeat: no-repeat; background-size:100%; display: block;transition:0.5s;}
.hdEN .on i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);transition:0.5s;}
.NavEN{ position: absolute;left:50%;top:100%;transform: translate(-50%,0);background:#FFF;text-align: center; box-shadow:0 4px 10px rgba(0,0,0,0.1);display:none;}
.NavENa{color:#323232;display: block;text-align: center;}
.MenuA{color:#282828; position: relative;}
.MenuA:before{display:block;content:'';position: absolute; background:#017cc2; bottom:0; left:0;right:0; margin:0 auto; width:0; height:3px; border-radius:3px;transition:0.5s;}
.MenuA p{}
.MenuA i{background-image: url("http://www.wtblnet.com/images/icon/navJ.png"); background-position: center; background-repeat: no-repeat; background-size: contain; display: block;transition:0.5s;}
.Menu ul li .on,.Menu ul li .menuO,.Menu ul li .MenuA:hover{ color:#017cc2;}
.Menu ul li .on:before,.Menu ul li .menuO:before,.Menu ul li .MenuA:hover:before{width:90%;transition:0.5s;}
.Menu ul li .menuO i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.NavK{position:absolute;top:100%;background:rgba(255,255,255,0.95); display:none;box-shadow:0 2px 8px rgba(0,0,0,0.1); left:0; z-index:99; width:100vw;}
.NavK .ward{width:100%; max-width:1400px; margin:0 auto; position:relative;}
.NavH{font-weight:700;color:#323232;    position: relative;
    left: 15%;
    /* float: right; */}
.NavN{overflow: auto;}
.NavN::-webkit-scrollbar {width :2px;height:0;}
.NavN::-webkit-scrollbar-thumb{background:#0fa1d6;}
.NavN::-webkit-scrollbar-track{background:#eee;}
.NavKa{color:#232323;display: block;}
.NavN .NavNo{ background:#0fa1d6; color:#FFF; font-weight:700}
.NavD{background:#FFF;}
.NavDI{overflow: hidden;}
.NavDI img{width:100%; display: block;}
.NavDCh{color:#282828;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.NavDFp{color:#282828;position: relative;}
.NavDFp:before{display:block;content:'';position: absolute; width: 4px; height:4px; background:#017cc2;transform: translate(0,-50%);left:0;top:50%;}
.NavDFpa{color:#0fa1d6;}
.NavDFpa:hover{text-decoration:underline;}
.NavDa{color:#006fbe; display: inline-block;}
.NavDa:hover{text-decoration:underline;}
.searchB{background-color:#017cc2; background-image: url("/images/icon/search.png"); background-repeat: no-repeat; background-position: center; display: block;}
input.searchI::-webkit-input-placeholder{color: #fff;} 
input.searchI:-moz-placeholder{color: #fff;} 
input.searchI::-moz-placeholder{color: #fff;} 
input.searchI:-ms-input-placeholder {color: #fff;}
.searchK{ background:#5eaddc;position: absolute; display: none;}
.searcha{background-image: url("/images/icon/search.png"); background-position: center; background-repeat: no-repeat;display: block;}
.searchI{ width:100%; flex:1;color:#FFF; border:none; background:none;}
.ward{margin:0 auto;}
.webM{width:100%}
/*footer*/
footer { color:#FFF;background:#202020;}
.ftC{ background:#161616;}
.ftLog{ display: block;}
.ftPhoT img{display: block;}
.ftNM{color:#FFF;display: block;}
.ftNa{ color:#898989; display: block;}
.ftM{margin-left:auto;}
.ftMt{background:#292929;}
.ftMI{ overflow: hidden;}
.ftMI img{width:100%; display: block;}
.ftMt p{ text-align: center;}
.ftMa{color:#FFF; width:100%;text-align: center; background:#006fbe;display: block;}
.ftCN p img{display: block;}
.ftCN a{color:#FFF;}
.ftLog img{width:100%; display: block;}
.ftlin a{ color:#6e6e6e; display: block;}
/**/
.kef{position:fixed;z-index:99}
.kefa{background:#0088db; color:#FFF;align-content:center;}
.kefa img{display: block;}
.top{opacity: 0;}
.top.show{opacity: 1}
@media  screen and ( min-width:1680px){
/*header*/
.header{height:106px; }
.hdlogo{width:29%;}
.HdR{ padding-top:10px; height:96px;}
.Hdtop{ font-size:14px;height:44px;}
.Hdtop img{width:20px;}
.Hdtophon{ line-height:30px;}
.Hdtophon p{ margin-left: 5px;}
.Hdtophon span{ margin-left:5px;}
.HdtopH{margin-left: 40px;}
.HdtopH p{ margin-left: 5px;}
.hdEN{margin-left: 50px;}
.hdENa{height:30px;}
.hdENa p{line-height:20px;padding:0 5px;}
.hdENa i{width:8px; height: 8px;}
.NavEN{width:100px;}
.NavENa{line-height:30px; font-size:14px;}
.ward{width:1400px;}
.Menu{}
.Menu ul{}
.Menu ul li{ padding:0 45px;}
.MenuA{ line-height:52px;font-size:18px}
.MenuA p{}
.MenuA i{width:8px; height: 8px;}
.NavK{padding-top:30px; padding-left: 70px; padding-bottom: 60px; padding-right:60px; width:100vw; left:0;}
.NavH{ font-size:24px; font-weight:700; line-height:50px; height: 50px;}
.NavB{padding-top:25px;}
.NavN{ width: 215px; height:340px;}
.NavKa{ width:210px; /* height:36px; */ line-height:36px;padding:0 18px; font-size:14px; margin-bottom: 18px;}
.NavN .NavNo{font-size:15px;}
.NavD{width:1045px; height:340px;padding-top:10px; padding-bottom:10px; padding-left: 45px; padding-right:80px;}
.NavDI{ width:340px; height:320px;}
.NavDC{width:545px;}
.NavDCh{ font-size:16px;line-height:26px;height:78px}
.NavDF{padding-top:35px; width:450px;}
.NavDFp{width:140px;font-size: 15px; line-height:24px; margin-bottom: 10px; margin-right:10px;padding-left: 14px;}
.NavDa{ font-size: 14px;margin-top:30px;}
.searchB{width:40px;height:40px; background-size: 21px; margin-left:36px}
.searchK{width:400px;top:120px;right:86px; margin-left: 200px; padding:0 12px;}
.searchV{height: 54px;}
.searcha{width:40px; height: 40px;background-size: 21px;}
.searchI{ width:100%;font-size: 16px; line-height:30px;margin-left:6px;}
	
	
.webM{padding:0 85px;}
/*footer*/
.ftK{padding-top:70px; padding-bottom:20px;}
.ftPho{  width: 270px;}
.ftPhoT{}
.ftPhoT img{width:20px;margin-left: 6px; margin-right: 11px;}
.ftPhoT p{ font-size:18px; line-height:30px;}
.ftPhoH{ font-size:34px;  line-height:45px; margin-top: 16px;}
.ftPhoH p{}
.ftPhop{ font-size:16px; line-height:25px;margin-top: 30px;}
.ftN{margin-left:6%;}
.ftNH{ font-size:18px; line-height:30px;}
.ftNK{ padding-top: 15px;}
.ftNr{ padding-right:30px;}
.ftNM{ font-size:16px;line-height:36px;}
.ftNa{font-size:15px; line-height:36px;}
footer a:hover{text-decoration: underline; color:#FFF}
.ftM{width:310px;}
.ftMt{ padding:15px 15px 0; width:148px;}
.ftMI{ width: 118px; height:118px;}
.ftMt p{line-height:22px; font-size:14px; padding:10px 0;}
.ftMa{ font-size:16px;height: 50px; line-height:50px;border-radius:6px; margin-top: 25px;}
.ftlin{ font-size:12px; line-height:30px;padding-bottom:40px;}
.ftlin a{ margin-right:22px;}
.ftC{line-height:30px; padding-top:48px; padding-bottom:44px; }
.ftCN{font-size:14px; line-height:25px;}
.ftCN p img{width:20px;margin-right: 6px;}
.ftCN a:hover{text-decoration:underline;}
.ftLog{width:186px;}
/**/
.kef{ width:44px;bottom:20%;right:33px;}
.kefa{width:44px; height:44px;font-size:14px; line-height:18px;margin-bottom: 8px;}
.kefa img{width:20px}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
/*header*/
.header{height:92px; }
.hdlogo{width:29%;}
.HdR{ padding-top:6px; height:86px;}
.Hdtop{ font-size:13px;height:38px;}
.Hdtop img{width:20px;}
.Hdtophon{ line-height:30px;}
.Hdtophon p{ margin-left: 5px;}
.Hdtophon span{ margin-left:5px;}
.HdtopH{margin-left:32px;}
.HdtopH p{ margin-left: 5px;}
.hdEN{margin-left:40px;}
.hdENa{height:30px;}
.hdENa p{line-height:20px;padding:0 5px;}
.hdENa i{width:8px; height: 8px;}
.NavEN{width:100px;}
.NavENa{line-height:28px; font-size:13px;}
.ward{width:1280px;}
.Menu{}
.Menu ul{}
.Menu ul li{padding:0 33px;}
.MenuA{ line-height:48px;font-size:17px}
.MenuA p{}
.MenuA i{width:8px; height: 8px;}
.NavK{padding-top:25px; padding-left:55px; padding-bottom:45px; padding-right:45px; width:100vw; left:0;}
.NavH{ font-size:22px; font-weight:700; line-height:46px; height: 46px;}
.NavB{padding-top:20px;}
.NavN{ width: 200px; height:300px;}
.NavKa{ width:195px; /* height:34px; */line-height:34px;padding:0 16px; font-size:13px; margin-bottom:16px;}
.NavN .NavNo{font-size:14px;}
.NavD{width:980px; height:300px;padding-top:10px; padding-bottom:10px; padding-left: 45px; padding-right:80px;}
.NavDI{ width:299px; height:280px;}
.NavDC{width:530px;}
.NavDCh{ font-size:15px;line-height:24px;height:72px}
.NavDF{padding-top:28px; width:420px;}
.NavDFp{width:132px;font-size: 15px; line-height:24px; margin-bottom:8px; margin-right:8px;padding-left: 12px;}
.NavDa{ font-size: 13px;margin-top:25px;}
.searchB{width:36px;height:36px; background-size:20px; margin-left:33px;}
.searchK{width:360px;top:100px;right:32px; margin-left: 200px; padding:0 10px;}
.searchV{height:48px;}
.searcha{width:36px; height: 36px;background-size: 20px;}
.searchI{ width:100%;font-size: 15px; line-height:38px;margin-left:5px;}
	
	
	

.webM{padding:0 75px;}
/*footer*/
.ftK{padding-top:60px; padding-bottom:18px;}
.ftPho{ width: 240px;}
.ftPhoT{}
.ftPhoT img{width:20px;margin-left:4px; margin-right:10px;}
.ftPhoT p{ font-size:17px; line-height:28px;}
.ftPhoH{ font-size:30px;  line-height:38px; margin-top: 12px;}
.ftPhoH p{}
.ftPhop{ font-size:15px; line-height:24px;margin-top:26px;}
.ftN{margin-left:6%;}
.ftNH{ font-size:17px; line-height:28px;}
.ftNK{ padding-top: 13px;}
.ftNr{ padding-right:30px;}
.ftNM,.ftNa{ font-size:15px;line-height:32px;}
.ftK a:hover{text-decoration: underline;}
.ftM{width:270px;}
.ftMt{ padding:12px 12px 0; width:130px;}
.ftMI{ width:106px; height:106px;}
.ftMt p{line-height:22px; font-size:13px; padding:8px 0;}
.ftMa{ font-size:15px;height:46px; line-height:46px;border-radius:5px; margin-top: 20px;}
.ftlin{ font-size:12px; line-height:28px;padding-bottom:32px;}
.ftlin a{ margin-right:20px;}
.ftC{line-height:28px; padding-top:40px; padding-bottom:36px; }
.ftCN{font-size:13px; line-height:24px;}
.ftCN p img{width:18px;margin-right:5px;}
.ftCN a:hover{text-decoration:underline;}
.ftLog{width:170px;}
/**/
.kef{ width:40px;bottom:20%;right:28px;}
.kefa{width:40px; height:40px;font-size:13px; line-height:16px;margin-bottom:6px;}
.kefa img{width:20px}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
/*header*/
.header{height:80px; }
.hdlogo{width:29%;}
.HdR{ padding-top:5px; height:75px;}
.Hdtop{ font-size:12px;height:31px;}
.Hdtop img{width:20px;}
.Hdtophon{ line-height:27px;}
.Hdtophon p{ margin-left:4px;}
.Hdtophon span{ margin-left:4px;}
.HdtopH{margin-left:24px;}
.HdtopH p{ margin-left:4px;}
.hdEN{margin-left:40px;}
.hdENa{height:30px;}
.hdENa p{line-height:20px;padding:0 5px;}
.hdENa i{width:8px; height: 8px;}
.NavEN{width:100px;}
.NavENa{line-height:28px; font-size:13px;}
.ward{width:1080px;}
.Menu{}
.Menu ul{}
.Menu ul li{ padding:0 25px;}
.MenuA{ line-height:44px;font-size:16px}
.MenuA p{}
.MenuA i{width:8px; height: 8px;}
.NavK{padding-top:20px; padding-left:45px; padding-bottom:35px; padding-right:35px; width:100vw; left:0;}
.NavH{ font-size:20px; font-weight:700; line-height:38px; height: 38px;}
.NavB{padding-top:16px;}
.NavN{ width: 185px; height:260px;}
.NavKa{ width:180px; /* height:34px; */  line-height:34px;padding:0 14px; font-size:12px; margin-bottom:13px;}
.NavN .NavNo{font-size:13px;}
.NavD{width:755px; height:260px;padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:50px;}
.NavDI{ width:256px; height:240px;}
.NavDC{width:400px;}
.NavDCh{ font-size:14px;line-height:22px;height:66px}
.NavDF{padding-top:22px; width:390px;}
.NavDFp{width:124px;font-size: 14px; line-height:20px; margin-bottom:6px; margin-right:6px;padding-left: 12px;}
.NavDa{ font-size: 12px;margin-top:20px;}
.searchB{width:32px;height:32px; background-size:18px;}
.searchK{width:320px;top:90px;right:60px; margin-left: 200px; padding:0 8px;}
.searchV{height:44px;}
.searcha{width:32px; height: 32px;background-size: 18px; margin-left:25px;}
.searchI{ width:100%;font-size: 14px; line-height:34px;margin-left:5px;}
	

	
.webM{padding:0 60px;}
/*footer*/
.ftK{padding-top:45px; padding-bottom:28px;}
.ftPho{ width: 205px;}
.ftPhoT{}
.ftPhoT img{width:18px;margin-left:2px; margin-right:8px;}
.ftPhoT p{ font-size:16px; line-height:26px;}
.ftPhoH{ font-size:26px;  line-height:32px; margin-top: 10px;}
.ftPhoH p{}
.ftPhop{ font-size:14px; line-height:22px;margin-top:20px;}
.ftN{margin-left:5%;}
.ftNH{ font-size:16px; line-height:26px;}
.ftNK{ padding-top: 10px;}
.ftNr{ padding-right:30px;}
.ftNM,.ftNa{ font-size:14px;line-height:30px;}
.ftK a:hover{text-decoration: underline;}
.ftlin{ font-size:12px; line-height:26px;padding-bottom:20px;}
.ftlin a{ margin-right:10px;}
.ftM{width:230px;}
.ftMt{ padding:10px 10px 0; width:110px;}
.ftMI{ width:90px; height:90px;}
.ftMt p{line-height:22px; font-size:12px; padding:6px 0;}
.ftMa{ font-size:14px;height:40px; line-height:40px;border-radius:4px; margin-top:15px;}
.ftC{line-height:22px; padding-top:32px; padding-bottom:30px; }
.ftCN{font-size:12px; line-height:22px;}
.ftCN p img{width:16px;margin-right:5px;}
.ftCN a:hover{text-decoration:underline;}
.ftLog{width:160px;}
/**/
.kef{ width:36px;bottom:20%;right:18px;}
.kefa{width:36px; height:36px;font-size:12px; line-height:15px;margin-bottom:5px;}
.kefa img{width:18px}
}
@media only screen and (max-width:1279px){
/*header*/
.header{height:70px;}
.hdlogo{width:29%;}
.HdR{ padding-top:2px; height:68px;}
.Hdtop{ font-size:12px;height:28px;}
.Hdtop img{width:20px;}
.Hdtophon{ line-height:24px;}
.Hdtophon p{ margin-left:3px;}
.Hdtophon span{ margin-left:3px;}
.HdtopH{margin-left:22px;}
.HdtopH p{ margin-left:3px;}
.hdEN{margin-left:30px;}
.hdENa{height:28px;}
.hdENa p{line-height:20px;padding:0 5px;}
.hdENa i{width:8px; height: 8px;}
.NavEN{width:100px;}
.NavENa{line-height:26px; font-size:12px;}
.ward{width:1000px;}
.Menu{}
.Menu ul{}
.Menu ul li{padding:0 25px;}
.MenuA{ line-height:40px;font-size:15px}
.MenuA p{}
.MenuA i{width:8px; height: 8px;}
.NavK{padding-top:18px; padding-left:35px; padding-bottom:30px; padding-right:30px; width:100vw; left:0;}
.NavH{ font-size:18px; font-weight:700; line-height:34px; height: 34px;}
.NavB{padding-top:13px;}
.NavN{ width: 170px; height:240px;}
.NavKa{ width:165px; /* height:32px; */ line-height:32px;padding:0 13px; font-size:12px; margin-bottom:9px;}
.NavD{width:755px; height:240px;padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:40px;}
.NavDI{ width:235px; height:220px;}
.NavDC{width:450px;}
.NavDCh{ font-size:13px;line-height:22px;height:66px}
.NavDF{padding-top:18px; width:375px;}
.NavDFp{width:120px;font-size: 13px; line-height:20px; margin-bottom:5px; margin-right:5px;padding-left: 10px;}
.NavDa{ font-size: 12px;margin-top:18px;}
.searchB{width:28px;height:28px; background-size:16px; margin-right: 20px}
.searchK{width:280px;top:80px;right:40px;padding:0 5px;}
.searchV{height:40px;}
.searcha{width:28px; height:28px;background-size:16px;}
.searchI{ width:100%;font-size: 13px; line-height:32px;margin-left:5px;}

.webM{padding:0 40px;}
/*footer*/
.ftK{padding-top:38px; padding-bottom:15px;}
.ftPho{ width: 205px;}
.ftPhoT{}
.ftPhoT img{width:16px;margin-left:0; margin-right:6px;}
.ftPhoT p{ font-size:15px; line-height:25px;}
.ftPhoH{ font-size:24px;  line-height:28px; margin-top:8px;}
.ftPhoH p{}
.ftPhop{ font-size:12px; line-height:20px;margin-top:18px;}
.ftN{margin-left:5%;}
.ftNH{ font-size:15px; line-height:24px;}
.ftNK{ padding-top:8px;}
.ftNr{ padding-right:30px;}
.ftNM,.ftNa{ font-size:12px;line-height:27px;}
.ftK a:hover{text-decoration: underline;}
.ftM{width:210px;}
.ftMt{ padding:6px 6px 0; width:100px;}
.ftMI{ width:88px; height:88px;}
.ftMt p{line-height:20px; font-size:12px; padding:6px 0;}
.ftMa{ font-size:13px;height:36px; line-height:36px;border-radius:4px; margin-top:12px;}
.ftlin{ font-size:12px; line-height:26px;padding-bottom:20px;}
.ftlin a{ margin-right:15px;}
.ftC{line-height:20px; padding-top:26px; padding-bottom:22px; }
.ftCN{font-size:12px; line-height:22px;}
.ftCN p img{width:15px;margin-right:5px;}
.ftCN a:hover{text-decoration:underline;}
.ftLog{width:150px;}
/**/
.kef{ width:32px;bottom:16%;right:6px;}
.kefa{width:32px; height:32px;font-size:12px; line-height:15px;margin-bottom:4px;}
.kefa img{width:16px}
}



.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}
.IndSupA{ width:100%;transition:0.5s;}
.IndSupA:hover{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}





/* 横向tabs样式 */
.product-tabs ,.scheme-tabs{
    position: absolute;
    left: 0;
    top: -80px;
        display: flex;
        /* border-bottom: 2px solid #e0e0e0; */
        margin-bottom: 20px;
        background: #ffffff00;
		min-width: 120%;
		max-width: 120%;
    }

	.product-tabs:after ,.scheme-tabs:after{
		content: '';
		position: absolute;
		bottom: 3px;
		left: -50%;
		width: 200%;
		height: 1px;
		background: #dcdcdc;
	}
    
    .product-tab-item ,.scheme-tab-item{
		font-size: 18px;
        padding: 12px 24px;
        cursor: pointer;
        color: #666;
        /* font-weight: 500; */
        transition: all 0.3s ease;
        position: relative;
        background: #f8f9fa00;
        margin-right: 2px;
        border-radius: 4px 4px 0 0;
    }
    
    .product-tab-item:hover ,.scheme-tab-item:hover{
        color: #017cc2;
        background: #e8f4fd;
    }
    
    .product-tab-item.active ,.scheme-tab-item.active{
        color: #017cc2;
        background: #ffffff00;
        font-weight: 700;
        position: relative;
    }
    
    .product-tab-item.active:before ,.scheme-tab-item.active:before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background: #017cc2;
        transition: width 0.4s ease-in-out;
        animation: expandBar 0.4s ease-in-out forwards;
    }
    
    @keyframes expandBar {
        0% {
            width: 0;
        }
        100% {
            width: 90%;
        }
    }
    
    /* 内容切换动画效果 */
    .NavN {
        transition: all 0.3s ease;
    }
    
    .NavD {
        transition: all 0.3s ease;
    }
    
    .NavKa {
        transition: all 0.2s ease;
    }
    
    .NavDFp {
        transition: all 0.2s ease;
    }
    
    /* 悬停显示效果 */
    .NavK {
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    
    
    /* 内容淡入效果 */
    .content-fade-in {
        animation: fadeIn 0.4s ease-in-out;
    }
    
    @keyframes fadeIn {
        0% {
            opacity: 0;
            transform: translateY(10px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* 产品tabs内容切换时的过渡效果 */
    .product-tab-content {
        transition: all 0.3s ease;
    }
    
    .product-tab-content.changing {
        opacity: 0.7;
        transform: scale(0.98);
    }


		.NavK-BG{
			transition: all 0.3s ease;
			position: absolute;
			left: 0;
			width: 100vw;
			height: 500px;
			background-color: #006fbe;
		}




/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transform: translate(-50%,-50%);left:50%;top:50%;

transition:0.5s;
*/