@media only screen and (max-width : 918px) {
	html {
		-webkit-text-size-adjust: none;
	}
	
	/* 顶部联系方式栏响应式 */
	.top-bar .container {
		flex-direction: column;
		gap: 8px;
		text-align: center;
	}
	
	.contact-info {
		flex-direction: column;
		gap: 8px;
	}
	
	/* 头部响应式 */
	.header .container {
		flex-direction: column;
		gap: 15px;
		padding: 15px;
	}
	
	.logo {
		font-size: 16px;
		text-align: center;
		line-height: 1.4;
	}
	
	/* 汉堡菜单按钮 */
	.mobile-menu-btn {
		display: block !important;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		height: 35px;
		background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
		border: none;
		border-radius: 6px;
		cursor: pointer;
		z-index: 1002;
		padding: 5px;
	}
	
	.mobile-menu-btn span {
		display: block;
		width: 30px;
		height: 3px;
		background: #fff;
		margin: 5px auto;
		transition: all 0.3s ease;
		border-radius: 2px;
	}
	
	/* 汉堡菜单激活状态 */
	.mobile-menu-btn.active span:nth-child(1) {
		transform: rotate(45deg) translate(6px, 6px);
	}
	
	.mobile-menu-btn.active span:nth-child(2) {
		opacity: 0;
	}
	
	.mobile-menu-btn.active span:nth-child(3) {
		transform: rotate(-45deg) translate(6px, -6px);
	}
	
	/* 导航栏响应式 */
	.navigation {
		display: none !important;
		flex-direction: column;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 4px 20px rgba(0,0,0,0.15);
		z-index: 1000;
	}
	
	.navigation.active {
		display: flex !important;
	}
	
	.navigation li {
		width: 100%;
		border-bottom: 1px solid #f0f4f8;
	}
	
	.navigation li a {
		padding: 15px 20px;
		text-align: left;
		border-radius: 0;
		display: block;
	}
	
	/* 调整header位置为relative以适应绝对定位的导航 */
	.header {
		position: relative;
	}
	
	/* 主内容区响应式 */
	.main {
		margin: 15px auto;
		padding: 20px;
	}
	
	.main h2 {
		font-size: 24px;
	}
	
	.main h3 {
		font-size: 20px;
	}
	
	.main h4 {
		font-size: 17px;
	}
	
	/* Banner响应式 */
	.banner {
		padding: 40px 0;
	}
	
	.banner h1 {
		font-size: 28px;
		margin-bottom: 15px;
	}
	
	.banner p {
		font-size: 14px;
		padding: 0 15px;
	}
	
	/* 网格布局响应式 */
	.services-grid,
	.features-grid,
	.stats-grid {
		grid-template-columns: 1fr !important;
		gap: 15px;
	}
	
	.contact-info-section {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	/* 时间线响应式 */
	.timeline {
		padding-left: 30px;
	}
	
	.timeline-item::before {
		left: -26px;
		width: 12px;
		height: 12px;
	}
	
	/* Footer响应式 */
	.footer .container {
		flex-direction: column;
		gap: 30px;
	}
	
	.footer-section {
		text-align: center;
	}
	
	.footer-section h4 {
		text-align: center;
	}
	
	.footer-section ul {
		text-align: center;
	}
}

@media screen and (max-width : 768px) {
	.container {
		padding: 0 15px;
	}
	
	.logo {
		font-size: 14px;
	}
	
	.banner h1 {
		font-size: 22px;
	}
	
	.banner p {
		font-size: 13px;
	}
	
	.main {
		padding: 15px;
	}
	
	.main h2 {
		font-size: 20px;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	
	.service-card,
	.feature-item,
	.stat-item,
	.contact-card {
		padding: 20px;
	}
	
	.stat-item .number {
		font-size: 32px;
	}
	
	.footer {
		padding: 30px 0 20px;
	}
	
	.footer-bottom p {
		font-size: 12px;
	}
}

@media screen and (max-width : 480px) {
	.top-bar {
		padding: 10px 0;
	}
	
	.contact-info .phone {
		font-size: 14px;
	}
	
	.logo {
		font-size: 12px;
		padding-right: 50px; /* 为汉堡菜单留出空间 */
	}
	
	.banner {
		padding: 30px 0;
	}
	
	.banner h1 {
		font-size: 18px;
	}
	
	.banner .btn {
		padding: 12px 30px;
		font-size: 14px;
	}
}