* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", "PingFang SC", Arial, sans-serif;
        }

        /* 核心颜色变量 */
        :root {
            --primary-color: #0f4c81;
            --secondary-color: #ff7f24;
            --text-color: #333;
            --light-color: #f8f9fa;
            --white-color: #fff;
            --gray-color: #666;
        }

        /* 通用样式 */
        body { color: var(--text-color); line-height: 1.8; background: var(--light-color); }
        a { text-decoration: none; color: inherit; transition: color 0.3s; }
     
        .btn:hover { background: #e67018; transform: translateY(-2px); }
        .section-title {
            text-align: center; margin-bottom: 50px; font-size: 36px;
            color: var(--primary-color); font-weight: 700; position: relative;
        }
        .section-title::after {
            content: ""; display: block; width: 80px; height: 3px;
            background: var(--secondary-color); margin: 15px auto 0;
        }
        section { padding: 80px 0; }

        /* 头部样式 */
        header {
            background: var(--white-color); box-shadow: 0 2px 15px rgba(0,0,0,0.1);
            position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
        }
        .header-content { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; }
        .logo { font-size: 22px; font-weight: 700; color: var(--primary-color); line-height: 1.2; }
        .logo span { color: var(--secondary-color); display: block; font-size: 14px; font-weight: 500; margin-top: 5px; }
        .nav-list { display: flex; list-style: none; }
        .nav-list li { margin-left: 35px; }
        .nav-list a { font-size: 16px; color: var(--text-color); font-weight: 500; }
        .mobile-menu { display: none; font-size: 28px; cursor: pointer; color: var(--primary-color); }

        /* 英雄区样式 */
        .hero {
            background: linear-gradient(rgba(15, 76, 129, 0.85), rgba(15, 76, 129, 0.85)),
                        url("https://images.unsplash.com/photo-1502462100655-9f92336b1782?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80") no-repeat center/cover;
            height: 100vh; display: flex; align-items: center; color: var(--white-color);
            text-align: center; position: relative; margin-top: 70px;
        }
        .hero-content { position: relative; z-index: 1; }
        .hero h1 { font-size: 52px; margin-bottom: 25px; line-height: 1.2; font-weight: 700; }
        .hero p { font-size: 22px; margin-bottom: 35px; max-width: 850px; margin: 0 auto 35px; opacity: 0.95; }
        .slogan { font-size: 20px; margin-bottom: 20px; font-style: italic; font-weight: 500; }

        /* 核心业务区样式 */
        .services { background: var(--white-color); }
        .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
        .service-card {
            background: var(--white-color); padding: 35px 30px; border-radius: 8px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s;
            border: 1px solid #e9ecef;
        }
        .service-card:hover { transform: translateY(-8px); box-shadow: 0 10px 30px rgba(0,0,0,0.12); }
        .service-card i { font-size: 45px; color: var(--primary-color); margin-bottom: 25px; }
        .service-card h3 { font-size: 22px; color: var(--primary-color); margin-bottom: 20px; font-weight: 600; }
        .service-card p { color: var(--gray-color); line-height: 1.7; margin-bottom: 25px; font-size: 15px; }
        .service-card .tag {
            display: inline-block; padding: 6px 12px; background: var(--light-color);
            color: var(--primary-color); border-radius: 20px; font-size: 13px; font-weight: 500;
            margin-right: 8px; margin-bottom: 8px;
        }

        /* 服务优势区样式 */
        .advantages { background: var(--light-color); }
        .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }
        .advantage-item {
            background: var(--white-color); padding: 30px; border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05); display: flex; align-items: flex-start;
            transition: transform 0.3s;
        }
        .advantage-item:hover { transform: translateX(8px); }
        .advantage-item i { font-size: 35px; color: var(--secondary-color); margin-right: 20px; margin-top: 5px; }
        .advantage-item h4 { font-size: 19px; margin-bottom: 12px; color: var(--primary-color); font-weight: 600; }
        .advantage-item p { color: var(--gray-color); line-height: 1.7; font-size: 15px; }

        /* 关于我们样式 */
        .about { background: var(--white-color); }
        .about-content { display: flex; flex-wrap: wrap; gap: 50px; align-items: center; }
        .about-text { flex: 1 1 600px; }
        .about-text h3 { font-size: 28px; color: var(--primary-color); margin-bottom: 25px; font-weight: 600; }
        .about-text p { color: var(--gray-color); line-height: 1.8; margin-bottom: 20px; font-size: 16px; }
        .about-slogan {
            font-size: 22px; color: var(--secondary-color); font-weight: 600;
            margin: 30px 0; padding-left: 15px; border-left: 4px solid var(--primary-color);
        }
        .about-img { flex: 1 1 450px; text-align: center; }
        .about-img img { max-width: 100%; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
/* 联系方式样式 */
.contact {
	/* background: linear-gradient(135deg, rgba(0, 102, 179, 0.9), rgba(0, 153, 204, 0.85)), url(https://images.unsplash.com/photo-1589394815804-964ed0be2eb0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80); */
	color: #333;
}

.contact .section-title {
	/* color: #fff; */
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding: 30px;
	margin-bottom: 20px;
	
}

.contact .section-title::after {
	background: var(--secondary-color);
}

.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	align-items: center;
}

.contact-info h3 {
	font-size: 26px;
	margin-bottom: 25px;
}

.contact-info p {
	margin-bottom: 20px;
	font-size: 17px;
	display: flex;
	align-items: center;
}

.contact-info p i {
	margin-right: 15px;
	font-size: 22px;
	color: var(--secondary-color);
	width: 30px;
	text-align: center;
}

.contact-form {
	background: rgba(255, 255, 255, 0.1);
	
	border-radius: 8px;
	backdrop-filter: blur(5px);
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	padding: 15px 20px;
	margin-bottom: 20px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--text-color);
	font-size: 16px;
}

.contact-form textarea {
	height: 150px;
	resize: none;
}

.contact-form .btn {
	width: 100%;
	padding: 15px;
	font-size: 18px;
}