* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', 'Segoe UI', Arial, sans-serif;
        }
        
        :root {
            --primary-color: #2c3e50;
            --secondary-color: #3498db;
            --accent-color: #e74c3c;
            --light-gray: #f5f7fa;
            --dark-gray: #555656;/* #7f8c8d */
            --border-color: #e1e8ed;
            --success-color: #2ecc71;
			--bghover:#e8f4fc;
			--bghover1:#b9dbf9;
			--bghover2:#86c4f0;
        }
        .footer-bottom a{color: #7f8c8d;text-decoration: none;}
        html {
            scroll-behavior: smooth;
        }
		.container {
		    width: 100%;
		    max-width: 1200px;
		    margin: 0 auto;
		    padding: 0 15px;
		}
		
		/* ========== 自定义图标样式 ========== */
		.icon {
		    display: inline-block;
		    font-style: normal;
		    font-weight: normal;
		    line-height: 1;
		    vertical-align: middle;
		    margin-right: 5px;
		}
		.icon-phone::before { content: "📞"; }
		.icon-email::before { content: "✉️"; }
		.icon-map::before { content: "📍"; }
		.icon-clock::before { content: "🕒"; }
		.icon-search::before { content: "🔍"; }
		.icon-chevron-left::before { content: "◀"; }
		.icon-chevron-right::before { content: "▶"; }
		.icon-chart::before { content: "📈"; }
		.icon-news::before { content: "📰"; }
		.icon-factory::before { content: "🏭"; }
		.icon-question::before { content: "❓"; }
		.icon-link::before { content: "🔗"; }
		.icon-info::before { content: "ℹ️"; }
		.icon-product::before { content: "📦"; }
		.icon-eps::before { content: "🧱"; }
		.icon-grc::before { content: "🏛️"; } 
		
		/* 头部样式 */
		header {
		    background-color: white;
		    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
		    position: sticky;
		    top: 0;
		    z-index: 1000;
		}
		
		.header-top {
		    background-color: var(--primary-color);
		    color: white;
		    padding: 10px 0;
		    font-size: 14px;
		}
		
		.header-top .container {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}
		
		.contact-info span {
		    margin-right: 20px;
		}
		
		.logo-area {
		    padding: 20px 0;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		}
		
		.logo {
		    display: flex;
		    align-items: center;
		}
		
		.logo img {
		    height: 60px;
		    margin-right: 15px;
		}
		
		.logo h1 {
		    font-size: 28px;
		    color: var(--primary-color);
		    font-weight: 700;
		}
		
		.logo span {
		    color: var(--secondary-color);
		}
		
		/* 导航样式 */
		nav {
		    background-color: var(--primary-color);
		}
		
		.nav-container {
		    display: flex;
		    justify-content: space-between;
		}
		
		.nav-links {
		    display: flex;
		    list-style: none;
		}
		
		.nav-links li {
		    position: relative;
		}
		
		.nav-links a {
		    color: white;
		    text-decoration: none;
		    padding: 15px 25px;
		    display: block;
		    font-weight: 500;
		    transition: all 0.3s ease;
		    border-right: 1px solid rgba(255, 255, 255, 0.1);
		}
		
		.nav-links a:hover, .nav-links a.active {
		    background-color: var(--secondary-color);
		    color: white;
		}
		
		.search-box {
		    display: flex;
		    align-items: center;
		    padding: 0 15px;
		}
		
		.search-box input {
		    padding: 8px 15px;
		    border: none;
		    border-radius: 4px 0 0 4px;
		    width: 200px;
		    font-size: 14px;
		}
		
		.search-box button {
		    background-color: var(--secondary-color);
		    color: white;
		    border: none;
		    padding: 8px 15px;
		    border-radius: 0 4px 4px 0;
		    cursor: pointer;
		}
		/* footer star */
		footer {
		    background-color: #2c3e50;
		    color: #ecf0f1;
		    padding: 3rem 0 1.5rem;
		    margin-top: 3rem;
		}
		
		.footer-container {
		    max-width: 1200px;
		    margin: 0 auto;
		    padding: 0 20px;
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: space-between;
		}
		
		.footer-section {
		    flex: 1;
		    min-width: 250px;
		    margin-bottom: 1.5rem;
		    padding-right: 2rem;
		}
		
		.footer-section h3 {
		    color: #3498db;
		    font-size: 1.3rem;
		    margin-bottom: 1.2rem;
		    padding-bottom: 0.5rem;
		    border-bottom: 1px solid #34495e;
		}
		
		.footer-section p {
		    margin-bottom: 1rem;
		    color: #bdc3c7;
		}
		
		.footer-links {
		    list-style: none;
		}
		
		.footer-links li {
		    margin-bottom: 0.8rem;
		}
		
		.footer-links a {
		    color: #bdc3c7;
		    text-decoration: none;
		    transition: color 0.3s;
		}
		
		.footer-links a:hover {
		    color: #3498db;
		}
		
		.footer-bottom {
		    text-align: center;
		    padding-top: 1.5rem;
		    border-top: 1px solid #34495e;
		    color: #95a5a6;
		    font-size: 0.9rem;
		    width: 100%;
		}
		/* 响应式设计 */
		@media (max-width: 992px) {
			
		    .hero-section {
		        flex-direction: column;
		    }
		    
		    .nav-links {
		        flex-wrap: wrap;
		    }
		    
		    .nav-links a {
		        padding: 15px 20px;
		    }
		    
		    .industry-news-grid {
		        grid-template-columns: 1fr;
		    }
		}
		
		@media (max-width: 768px) {
			.nav-links li{flex-basis: calc(100% / 3 - 10px); /* 每行显示3个，减去边距10px */}
		    .logo-area {
		        flex-direction: column;
		        text-align: center;
		    }
		    
		    .logo {
		        margin-bottom: 15px;
		    }
		    
		    .nav-container {
		        flex-direction: column;
		    }
		    
		    .search-box {
		        justify-content: center;
		        padding: 15px 0;
		    }
		    
		    .search-box input {
		        width: 70%;
		    }
		    
		    .carousel {
		        height: 300px;
		    }
		    
		    .footer-content {
		        flex-direction: column;
		    }
		    
		    .footer-column {
		        padding-right: 0;
		    }
		}
		
		@media (max-width: 576px) {
		    .manufacturers-grid {
		        grid-template-columns: 1fr;
		    }
		    
		    .friendship-links-grid {
		        grid-template-columns: repeat(2, 1fr);
		    }
		    
		    .news-item {
		        flex-direction: column;
		    }
		    
		    .news-date {
		        text-align: left;
		        margin-top: 5px;
		    }
		    
		    .question-header {
		        flex-direction: column;
		        align-items: flex-start;
		    }
		    
		    .question-date {
		        margin-top: 5px;
		    }
		}