* {
	margin:0; padding:0; box-sizing:border-box;
	font-family:"Microsoft YaHei",sans-serif;
}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{width:1200px!important;margin:0 auto;}

/* ====================== 官方原版导航 ====================== */
.header{
	width:100%;
	background:#fff;
	border-bottom:1px solid #eee;
	position:relative;
}
.top-bar{
	height:40px;
	line-height:40px;
	background:#f5f5f5;
	font-size:14px;
	color:#666;
}
.top-bar .container{
	display:flex;
	justify-content:space-between;
}
.nav-wrap{
	padding:20px 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
}
.logo img{height:60px;}
.nav-menu{
	width:100%;
	background:#e60012;
	margin:0;
	padding:0;
}
.nav-menu > .container{
	display:flex;
	flex-wrap:wrap;
	gap:0;
	padding:0;
}
.nav-menu li{
	position:relative;
	line-height:40px;
	white-space:nowrap;
	display:inline-block;
}
.nav-menu li a{
	font-size:16px;
	color:#fff;
	font-weight:500;
	padding:0 25px;
}
.nav-menu li a:hover,
.nav-menu li a.active{
	color:#fff;
	background:rgba(255,255,255,0.2);
	display:inline-block;
	border-radius:3px;
}

/* Banner */
.banner{margin-top:0;height:550px;overflow:hidden;}
.banner-item{
	height:550px;
	background-size:cover;
	background-position:center;
	display:flex;
	align-items:center;
	color:#fff;
}
.banner-text{max-width:600px;}
.banner-text h2{font-size:48px;margin-bottom:20px;}
.banner-text p{font-size:18px;margin-bottom:30px;}
.btn{
	display:inline-block;
	padding:12px 30px;
	background:#e60012;
	color:#fff;
	border-radius:5px;
}

/* 通用标题 */
.section-title{
	text-align:center;
	margin:60px 0 40px;
}
.section-title h3{
	font-size:32px;
	color:#333;
	position:relative;
	padding-bottom:15px;
}
.section-title h3::after{
	content:"";
	width:80px;
	height:3px;
	background:#e60012;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

.more-link{
	text-align:center;
	margin-top:30px;
}

.more-link .more{
	display:inline-block;
	padding:12px 30px;
	background:#e60012;
	color:#fff;
	border-radius:5px;
	text-decoration:none;
	transition:background-color 0.3s;
}

.more-link .more:hover{
	background:#c70015;
}

/* 核心优势 */
.advantage{padding:60px 0;background:#fff;}
.advantage-list{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
	text-align:center;
}
.advantage-item{
	padding:30px 20px;
	border-radius:10px;
	background:#f8f9fa;
}
.advantage-item img{
	width:70px;
	height:70px;
	margin-bottom:20px;
}

/* 关于我们 */
.about{padding:60px 0;background:#f8f9fa;}
.about-content{
	display:flex;
	flex-wrap:wrap;
	gap:40px;
	align-items:center;
}
.about-img,.about-text{flex:1;min-width:300px;}
.about-img img{width:100%;border-radius:10px;}
.about-text p{
	font-size:16px;
	line-height:1.8;
	color:#666;
	margin-bottom:20px;
}

/* 产品 */
.product{padding:40px 0;}
.product-list{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
}
.product-item{
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 3px 10px rgba(0,0,0,0.1);
}
.product-item img{
	width:100%;
	height:220px;
	object-fit:cover;
}
.product-info{padding:20px;text-align:center;}
/* 产品滚动样式 */
.product-slider, .case-slider {
	display: none; /* 隐藏默认，插件加载后显示 */
}
.owl-carousel {
	display: block;
}
/* 案例 */
.case{padding:60px 0;background:#f8f9fa;}
.case-list{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
}
.case-item{
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 3px 10px rgba(0,0,0,0.1);
	background:#fff;
}
.case-item img{
	width:100%;
	height:240px;
	object-fit:cover;
}
.case-info{padding:20px;text-align:center;}

/* 新闻 */
.news{padding:40px 0;}
.news-list{margin:0 auto;}
.news-item{
	padding:20px;
	border-bottom:1px dashed #eee;
}
.news-info h4{
	font-size:18px;
	margin-bottom:10px;
	color:#333;
}
.news-info p{
	font-size:14px;
	color:#666;
	line-height:1.6;
	margin-bottom:0;
}

/* 底部 */
.footer{
	background:#222;
	color:#fff;
	padding:60px 0 20px;
	margin-top:40px;
}
.footer-content{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}
.footer-col h4{
	font-size:18px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:2px solid #e60012;
}
.copyright{
	text-align:center;
	padding-top:20px;
	border-top:1px solid #444;
	margin-top:30px;
}

/* 翻页样式 */
.page{
	text-align:center;
	margin:40px 0;
}
.pagination {
	display:inline-block;
	list-style:none;
	padding:0;
	margin:0;
}
.pagination li{
	display:inline-block;
	margin:0 5px;
	border:1px solid #ddd;
	border-radius:4px;
	overflow:hidden;
}
.pagination li a,
.pagination li span{
	display:inline-block;
	padding:0 12px;
	color:#333;
	text-decoration:none;
}
.pagination li.active span{
	background:#e60012;
	color:#fff;
}
.pagination li.disabled span{
	color:#ccc;
	cursor:not-allowed;
}
.pagination li a:hover{
	background:#f5f5f5;
}
.pagination li.active a:hover{
	background:#e60012;
	color:#fff;
}
.mobile-menu {
  display: none;
  font-size: 26px;
  cursor: pointer;
  line-height: 40px;
  position: absolute;
  top: 20px;
  right: 0;
}

/* 面包屑 */
.position{padding:15px 0;background:#f7f7f7;font-size:14px;color:#666;}

/* 内容布局 */
.main{padding:50px 0;display:flex;gap:30px;}
.left-menu{width:220px;background:#f9f9f9;border-radius:5px;overflow:hidden;}
.left-menu h3{background:#e60012;color:#fff;text-align:center;padding:18px 0;font-size:18px;}
.left-menu ul li a{display:block;padding:14px 20px;border-bottom:1px solid #eee;color:#444;}
.left-menu ul li a:hover,.left-menu ul li a.active{background:#fff;color:#e60012;padding-left:25px;}
.right-content{flex:1;line-height:2;color:#444;font-size:16px;}
.right-content img{max-width:100%;margin:20px 0;border-radius:5px;}
.right-content p{margin-bottom:18px;text-align:justify;}
.right-content h4{font-size:20px;color:#e60012;margin:30px 0 15px;}
.right-content .case-list .case-item a{display: block;}
.right-content .case-list .case-item .case-info{padding: 0;}
.right-content .case-list .case-item .case-info h4{margin-top: 15px;}
.right-content .case-list img{margin:0}

/* 留言表单样式 */
.messageForm{
	padding:30px;
	background:#fff;
	border-radius:8px;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.messageForm form p{
	margin-bottom:20px;
	display:flex;
	align-items:flex-start;
}
.messageForm form label{
	width:80px;
	font-size:16px;
	color:#333;
	font-weight:500;
	padding-top:8px;
}
.messageForm form .inptext{
	flex:1;
	padding:10px 15px;
	border:1px solid #ddd;
	border-radius:4px;
	font-size:14px;
	transition:border-color 0.3s;
}
.messageForm form .inptext:focus{
	outline:none;
	border-color:#e60012;
	box-shadow:0 0 0 2px rgba(230,0,18,0.1);
}
.messageForm form .textarea{
	flex:1;
	padding:10px 15px;
	border:1px solid #ddd;
	border-radius:4px;
	font-size:14px;
	resize:vertical;
	min-height:120px;
	transition:border-color 0.3s;
}
.messageForm form .textarea:focus{
	outline:none;
	border-color:#e60012;
	box-shadow:0 0 0 2px rgba(230,0,18,0.1);
}
.messageForm form .inpsub{
	background:#e60012;
	color:#fff;
	border:none;
	padding:12px 30px;
	border-radius:4px;
	font-size:16px;
	cursor:pointer;
	transition:background-color 0.3s;
	margin-left:80px;
}
.messageForm form .inpsub:hover{
	background:#c70015;
}
#verifyImg{
	margin-left:10px;
	vertical-align:middle;
	border-radius:4px;
	margin: 0;
}

/* 文章详情页样式 */
.news-detail{
	padding:20px;
	background:#fff;
	border-radius:8px;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.news-detail h4{
	font-size:24px;
	color:#333;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	text-align:center;
}
.news-detail p:first-of-type{
	font-size:14px;
	color:#999;
	text-align:center;
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:1px dashed #eee;
}
.news-detail p:not(:first-of-type){
	font-size:16px;
	line-height:1.8;
	color:#444;
	margin-bottom:18px;
	text-align:justify;
}
.news-detail img{
	max-width:100%;
	margin:20px auto;
	display:block;
	border-radius:5px;
}

/* 产品详情页样式 */
.product-detail{
	padding:20px;
	background:#fff;
	border-radius:8px;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.product-detail h4{
	font-size:20px;
	color:#e60012;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
.product-info{
	display:flex;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px dashed #eee;
}
.info-left{
	flex:1;
	padding-right:30px;
}
.info-left p{
	margin-bottom:10px;
	font-size:14px;
	color:#333;
}
.info-left strong{
	font-weight:600;
}
.info-right{
	flex:1;
}
.product-image{
	border:1px solid #ddd;
	padding:10px;
	background:#f9f9f9;
	display:inline-block;
}
.product-image img{
	width: 320px;
	height:auto;
}
.product-content h5{
	font-size:16px;
	color:#333;
	margin-bottom:15px;
	padding-bottom:8px;
	border-bottom:1px solid #eee;
}
.detail-content{
	font-size:14px;
	line-height:1.8;
	color:#444;
}
.detail-content img{
	width:60%;
	height:auto;
	margin:20px auto;
	display:block;
	border-radius:5px;
	box-shadow:0 2px 10px rgba(0,0,0,0.1);
}




/* 移动端 */
@media (max-width: 1200px){
	.mobile-menu {
		display: block !important;
	  }
	.container{width:95%;}
	.nav-menu{
	display:none;
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		background:#e60012;
		z-index:1000;
		padding:10px 0;
	}
	.nav-menu > .container{
		flex-direction:column;
	}
	.nav-menu li{
		display:block;
		width:100%;
		padding:0 20px;
	}
	.nav-menu.active{display:block;}
	.nav-menu li{
		line-height:40px;
		padding:0 20px;
		width:100%;
	}
	.advantage-list,.product-list,.case-list{grid-template-columns:repeat(2,1fr);}
	
	/* 移动端优化 */
	.banner{
		height:400px;
	}
	.banner-item{
		height:400px;
	}
	.banner-text h2{
		font-size:32px;
	}
	.banner-text p{
		font-size:16px;
	}
	
	.section-title h3{
		font-size:24px;
	}
	
	.about-content{
		flex-direction:column;
	}
	.about-img,.about-text{
		width:100%;
	}
	
	.news-item{
		padding:15px;
	}
	.news-info h4{
		font-size:16px;
	}
	
	.footer-content{
		grid-template-columns:1fr;
		gap:20px;
	}
	
	.main{
		flex-direction:column;
	}
	.left-menu{
		width:100%;
	}
}

/* 小屏幕手机 */
@media (max-width: 768px){
	.container{
		width: 95%!important;
	}
	.advantage-list,.product-list,.case-list{
		grid-template-columns:1fr;
	}
	
	.banner{
		height:200px;
	}
	.banner-item{
		height:200px;
	}
	.banner-text h2{
		font-size:24px;
	}
	
	.logo img{
		height:32px;
	}
	
	.nav-wrap{
		padding:10px 0;
	}
	
	.mobile-menu{
		font-size:20px;
		top:10px;
		right: 10px;
		z-index: 999;
	}
	.detail-content img{
		width: 100%;
	}
}