* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Noto Serif SC', serif;
            background-color: #f8f5f0;
            color: #333;
            line-height: 1.6;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none" stroke="%23d9c7a7" stroke-width="0.5" opacity="0.2"/></svg>');
        }
         a {
                    text-decoration: none;
                    color: #5c3b1e;
                    transition: all 0.3s ease;
                }
                
                a:hover {
                    color: #8a5a2d;
                }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* 头部样式 */
        header {
            background-color: rgba(45, 36, 26, 0.95);
            padding: 15px 0;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
        }
        
        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo h1 {
            color: #e8d5b5;
            font-family: 'Ma Shan Zheng', cursive;
            font-size: 2.2rem;
            margin-left: 10px;
            letter-spacing: 3px;
        }
        
        .logo-icon {
            color: #c19e6b;
            font-size: 2.5rem;
        }
        .logo img{width:180px;height: 62px;}
        nav ul {
            display: flex;
            list-style: none;
        }
        
        nav ul li {
            margin-left: 30px;
        }
        
        nav ul li a {
            color: #e8d5b5;
            text-decoration: none;
            font-size: 1.1rem;
            transition: color 0.3s;
            padding: 8px 5px;
            border-bottom: 2px solid transparent;
        }
        
        nav ul li a:hover, 
        nav ul li a.active {
            color: #c19e6b;
            border-bottom: 2px solid #c19e6b;
        }
        
        /* 主视觉区 */
        .hero {
            height: 500px;
            background: linear-gradient(rgba(45, 36, 26, 0.7), rgba(45, 36, 26, 0.8)), url('../images/banner.png') no-repeat center center/cover;
            display: flex;
            align-items: center;
            text-align: center;
            color: #fff;
            margin-top: 90px;
        }
        
        .hero-content {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .hero h2 {
            font-size: 3.5rem;
            margin-bottom: 20px;
            font-family: 'Ma Shan Zheng', cursive;
            letter-spacing: 3px;
            color: #e8d5b5;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
        
        .hero p {
            font-size: 1.3rem;
            margin-bottom: 30px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
            color: #f0e6d3;
        }
        
        .divider {
            width: 100px;
            height: 3px;
            background: #c19e6b;
            margin: 30px auto;
        }
        
        /* 关于我们 */
        .about {
            padding: 100px 0;
            background-color: #fff;
        }
        
        .section-title {
            text-align: center;
            font-family: 'Ma Shan Zheng', cursive;
            font-size: 2.5rem;
            color: #2d241a;
            margin-bottom: 20px;
            position: relative;
        }
        
        .section-title:after {
            content: "";
            display: block;
            width: 80px;
            height: 3px;
            background: #c19e6b;
            margin: 15px auto;
        }
        
        .about-content {
            display: flex;
            align-items: center;
            margin-top: 50px;
        }
        
        .about-text {
            flex: 1;
            padding: 0 30px;
        }
        
        .about-text h3 {
            color: #2d241a;
            font-size: 1.8rem;
            margin-bottom: 20px;
        }
        
        .about-text p {
            margin-bottom: 20px;
            font-size: 1.1rem;
        }
        
        .about-image {
            flex: 1;
            border: 10px solid #e8d5b5;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            height: 400px;
            background: url('https://images.unsplash.com/photo-1581578021254-62e8a8c5e299?ixlib=rb-4.0.3') no-repeat center center/cover;
        }
        
        /* 信任板块 */
        .trust {
            padding: 100px 0;
            background-color: #f8f5f0;
        }
        
        .trust-reasons {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            margin-top: 50px;
        }
        
        .reason-card {
            background: #fff;
            border-radius: 5px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            padding: 40px 30px;
            text-align: center;
            flex: 1;
            min-width: 300px;
            max-width: 350px;
            transition: transform 0.3s, box-shadow 0.3s;
            border-top: 4px solid #c19e6b;
        }
        
        .reason-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .reason-icon {
            font-size: 3rem;
            color: #c19e6b;
            margin-bottom: 20px;
        }
        
        .reason-card h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: #2d241a;
        }
        
        /* 产品展示 */
        .products {
            padding: 100px 0;
            background: linear-gradient(to bottom, #f8f5f0, #fff);
        }
        
        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }
        
        .product-card {
            background: #fff;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s;
        }
        
        .product-card:hover {
            transform: translateY(-10px);
        }
        
        .product-img {
            height: 300px;overflow: hidden;width: 100%;
        }
        .product-img img{width:100%; height:100%;}
        .product-info {
            padding: 25px;
            text-align: center;
        }
        
        .product-info h3 {
            font-size: 1.6rem;
            color: #2d241a;
            margin-bottom: 10px;
        }
        
        .product-info p {
            color: #666;
            margin-bottom: 15px;
        }
        
        /* 新闻动态 */
        .news {
            padding: 100px 0;
            background-color: #f8f5f0;
        }
        
        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
            margin-top: 50px;
        }
        
        .news-card {
            background: #fff;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .news-content {
            padding: 25px;
        }
        
        .news-date {
            color: #c19e6b;
            font-size: 0.9rem;
            margin-bottom: 10px;
        }
        
        .news-content h3 {
            font-size: 1.4rem;
            margin-bottom: 15px;
            color: #2d241a;
        }
        .news-area{overflow: hidden;margin-top: 110px;}
		.main-sidebar{
		    background-color: #f9f5e9;
		    border-radius: 10px;
		    padding: 30px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		}
		
		.single-sidebar-widget h3{
		    font-size: 22px;
		    color: #5c3b1e;
		    margin-bottom: 20px;
		    padding-bottom: 15px;
		    border-bottom: 2px solid #e8dfd1;
		    position: relative;
		}
		.post-content{
		    margin-bottom: 12px;
		}
		.post-meta{margin-bottom: 10px;font-size: 12px;}
		.post-date{color: #666;font-size: 14px;}
			.post-date i{padding-right: 5px;}
		.post-content  h2{font-size: 26px;margin-top: 30px!important;}
		.post-content h5{    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #e8dfd1;
    transition: all 0.3s ease;}
	.post-content p{font-size: 14px;color: #444;}
        /* 底部 */
        footer {
            background-color: #2d241a;
            color: #e8d5b5;
            padding: 60px 0 30px;
        }
        
        .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 40px;
        }
        
        .footer-section {
            flex: 1;
            min-width: 300px;
            padding: 0 20px;
            margin-bottom: 30px;
        }
        
        .footer-section h3 {
            font-size: 1.4rem;
            margin-bottom: 20px;
            color: #c19e6b;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-section h3:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background: #c19e6b;
        }
        
        .contact-info p {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .contact-info i {
            margin-right: 10px;
            color: #c19e6b;
        }
        
        .copyright {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid #4a3c2c;
            font-size: 0.9rem;
            color: #a0937d;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .header-container {
                flex-direction: column;
            }
            
            nav ul {
                margin-top: 15px;
            }
            
            nav ul li {
                margin: 0 10px;
            }
            
            .about-content {
                flex-direction: column;
            }
            
            .about-text {
                margin-bottom: 30px;
            }
            
            .about-content {
                flex-direction: column;
            }
            
            .about-text {
                margin-bottom: 30px;
            }
            
            .timeline:before {
                left: 31px;
            }
            
            .timeline-item {
                width: 100%;
                padding-left: 70px;
                padding-right: 25px;
            }
            
            .timeline-item:nth-child(even) {
                left: 0;
            }
            
            .timeline-item:nth-child(odd) .timeline-content:after,
            .timeline-item:nth-child(even) .timeline-content:after {
                left: 18px;
            }
            .hero h2 {
                font-size: 2.5rem;
            }
        }
		/* 页面标题横幅 */
		.page-banner {
		    height: 356px;
		    background: linear-gradient(rgba(45, 36, 26, 0.7), rgba(45, 36, 26, 0.8)), url('../images/about-banner.png') no-repeat center center/cover;
		    display: flex;
		    align-items: center;
		    text-align: center;
		    color: #fff;
		    margin-top: 90px;
		}
		
		.page-banner-content {
		    max-width: 800px;
		    margin: 0 auto;
		    padding: 20px;
		}
		
		.page-banner h1 {
		    font-size: 3rem;
		    margin-bottom: 20px;
		    font-family: 'Ma Shan Zheng', cursive;
		    letter-spacing: 3px;
		    color: #e8d5b5;
		    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
		}
		
		.breadcrumb {
		    display: flex;
		    justify-content: center;
		    list-style: none;
		    font-size: 0.9rem;
		}
		
		.breadcrumb li {
		    margin: 0 10px;
		    position: relative;
		}
		
		.breadcrumb li:after {
		    content: ">";
		    position: absolute;
		    right: -15px;
		    color: #c19e6b;
		}
		
		.breadcrumb li:last-child:after {
		    display: none;
		}
		
		.breadcrumb a {
		    color: #f0e6d3;
		    text-decoration: none;
		    transition: color 0.3s;
		}
		
		.breadcrumb a:hover {
		    color: #c19e6b;
		}
		
		.breadcrumb .current {
		    color: #c19e6b;
		}
		
		.divider {
		    width: 100px;
		    height: 3px;
		    background: #c19e6b;
		    margin: 30px auto;
		}
		
		/* 关于我们内容 */
		.about-section {
		    padding: 100px 0;
		    background-color: #fff;
		}
		
		.section-title {
		    text-align: center;
		    font-family: 'Ma Shan Zheng', cursive;
		    font-size: 2.5rem;
		    color: #2d241a;
		    margin-bottom: 20px;
		    position: relative;
		}
		
		.section-title:after {
		    content: "";
		    display: block;
		    width: 80px;
		    height: 3px;
		    background: #c19e6b;
		    margin: 15px auto;
		}
		
		.about-content {
		    display: flex;
		    align-items: center;
		    margin-top: 50px;
		}
		
		.about-text {
		    flex: 1;
		    padding: 0 30px;
		}
		
		.about-text h3 {
		    color: #2d241a;
		    font-size: 1.8rem;
		    margin-bottom: 20px;
		}
		
		.about-text p {
		    margin-bottom: 20px;
		    font-size: 1.1rem;
		    line-height: 1.8;
		}
		
		.about-image {
		    flex: 1;
		    border: 10px solid #e8d5b5;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		    height: 400px;
		    background: url('./images/about-history.jpg') no-repeat center center/cover;
		}
		
		/* 发展历程 */
		.timeline-section {
		    padding: 100px 0;
		    background-color: #f8f5f0;
		}
		
		.timeline {
		    position: relative;
		    max-width: 1000px;
		    margin: 50px auto 0;
		}
		
		.timeline:before {
		    content: '';
		    position: absolute;
		    width: 3px;
		    background-color: #c19e6b;
		    top: 0;
		    bottom: 0;
		    left: 50%;
		    margin-left: -1.5px;
		}
		
		.timeline-item {
		    padding: 10px 40px;
		    position: relative;
		    width: 50%;
		    box-sizing: border-box;
		    margin-bottom: 30px;
		}
		
		.timeline-item:nth-child(odd) {
		    left: 0;
		}
		
		.timeline-item:nth-child(even) {
		    left: 50%;
		}
		
		.timeline-content {
		    padding: 30px;
		    background-color: #fff;
		    border-radius: 5px;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		    position: relative;
		}
		
		.timeline-content:after {
		    content: '';
		    position: absolute;
		    width: 20px;
		    height: 20px;
		    background-color: #fff;
		    border: 3px solid #c19e6b;
		    border-radius: 50%;
		    top: 30px;
		}
		
		.timeline-item:nth-child(odd) .timeline-content:after {
		    right: -43px;
		}
		
		.timeline-item:nth-child(even) .timeline-content:after {
		    left: -43px;
		}
		
		.timeline-year {
		    font-weight: bold;
		    font-size: 1.3rem;
		    color: #c19e6b;
		    margin-bottom: 10px;
		}
		
		.timeline-title {
		    font-size: 1.4rem;
		    margin-bottom: 15px;
		    color: #2d241a;
		}
		
		/* 生产基地 */
		.facility-section {
		    padding: 100px 0;
		    background-color: #fff;
		}
		
		.facility-slider {
		    margin-top: 50px;
		    position: relative;
		    height: 500px;
		    overflow: hidden;
		}
		
		.facility-slide {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    opacity: 0;
		    transition: opacity 1s ease-in-out;
		    background-size: cover;
		    background-position: center;
		}
		
		.facility-slide.active {
		    opacity: 1;
		}
		
		.facility-caption {
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    width: 100%;
		    background: rgba(45, 36, 26, 0.8);
		    color: #fff;
		    padding: 20px;
		}
		
		.facility-caption h3 {
		    font-size: 1.5rem;
		    margin-bottom: 10px;
		    color: #c19e6b;
		}
		/* 页面标题 */
		.advantage-header {
		    background: linear-gradient(rgba(92, 59, 30, 0.8), rgba(92, 59, 30, 0.8)), url('../images/advantagebanner.png');
		    background-size: cover;
		    background-position: center;
		    display: flex;
			height: 350px;
		        align-items: center;
		        text-align: center;
		        color: #fff;
		        margin-top: 100px;
		}
		
		.advantage-header-content {
		    max-width: 800px;
		    margin: 0 auto;
		    padding: 0 20px;
		}
		
		.advantage-header h1 {
		    font-size: 42px;
		    margin-bottom: 20px;
		    letter-spacing: 2px;
		    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
		}
		
		.advantage-header p {
		    font-size: 18px;
		    max-width: 700px;
		    margin: 0 auto 30px;
		    line-height: 1.8;
		}
		
		/* 信任建设部分 */
		.trust-section {
		    padding: 80px 0;
		    background-color: white;
		}
		
		.section-title {
		    text-align: center;
		    margin-bottom: 50px;
		}
		
		.section-title h2 {
		    font-size: 36px;
		    color: #5c3b1e;
		    position: relative;
		    display: inline-block;
		    padding-bottom: 15px;
		}
		
		.section-title h2:after {
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 3px;
		    background-color: #8a5a2d;
		    bottom: 0;
		    left: 50%;
		    transform: translateX(-50%);
		}
		
		.trust-grid {
		    display: grid;
		    grid-template-columns: repeat(2, 1fr);
		    gap: 40px;
		}
		
		.trust-card {
		    background-color: #f9f5e9;
		    border-radius: 10px;
		    overflow: hidden;
		    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
		    transition: all 0.3s ease;
		}
		
		.trust-card:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
		}
		
		.trust-image {
		    height: 250px;
		    overflow: hidden;
		}
		
		.trust-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		    transition: transform 0.5s ease;
		}
		
		.trust-card:hover .trust-image img {
		    transform: scale(1.05);
		}
		
		.trust-content {
		    padding: 30px;
		}
		
		.trust-content h3 {
		    font-size: 24px;
		    color: #5c3b1e;
		    margin-bottom: 15px;
		    position: relative;
		    padding-bottom: 15px;
		}
		
		.trust-content h3:after {
		    content: '';
		    position: absolute;
		    width: 40px;
		    height: 2px;
		    background-color: #8a5a2d;
		    bottom: 0;
		    left: 0;
		}
		
		.trust-content ul {
		    list-style-type: none;
		    margin-top: 20px;
		}
		
		.trust-content ul li {
		    position: relative;
		    padding-left: 30px;
		    margin-bottom: 15px;
		    font-size: 16px;
		    line-height: 1.7;
		}
		
		.trust-content ul li:before {
		    content: '\f00c';
		    font-family: 'Font Awesome 5 Free';
		    font-weight: 900;
		    position: absolute;
		    left: 0;
		    top: 2px;
		    color: #8a5a2d;
		    font-size: 18px;
		}
		
		/* 认证与荣誉 */
		.certificates {
		    padding: 80px 0;
		    background-color: #f5efe4;
		}
		
		.certificate-grid {
		    display: grid;
		    grid-template-columns: repeat(4, 1fr);
		    gap: 30px;
		    margin-top: 30px;
		}
		
		.certificate-item {
		    background-color: white;
		    border-radius: 10px;
		    padding: 25px;
		    text-align: center;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		    transition: all 0.3s ease;
		}
		
		.certificate-item:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
		}
		
		.certificate-icon {
		    font-size: 50px;
		    color: #8a5a2d;
		    margin-bottom: 20px;
		}
		
		.certificate-item h3 {
		    font-size: 18px;
		    color: #5c3b1e;
		    margin-bottom: 10px;
		}
		
		.certificate-item p {
		    font-size: 14px;
		    color: #666;
		}
		
		/* 客户评价 */
		.testimonials {
		    padding: 80px 0;
		    background-color: white;
		}
		
		.testimonial-container {
		    max-width: 800px;
		    margin: 0 auto;
		    position: relative;
		}
		
		.testimonial-slide {
		    background-color: #f9f5e9;
		    border-radius: 10px;
		    padding: 40px;
		    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
		    margin: 0 20px;
		}
		
		.testimonial-content {
		    font-size: 16px;
		    line-height: 1.8;
		    color: #555;
		    margin-bottom: 25px;
		    position: relative;
		}
		
		.testimonial-content:before {
		    content: '\f10d';
		    font-family: 'Font Awesome 5 Free';
		    font-weight: 900;
		    position: absolute;
		    top: -15px;
		    left: -20px;
		    font-size: 60px;
		    color: rgba(138, 90, 45, 0.1);
		    z-index: 0;
		}
		
		.testimonial-author {
		    display: flex;
		    align-items: center;
		}
		
		.author-avatar {
		    width: 60px;
		    height: 60px;
		    border-radius: 50%;
		    overflow: hidden;
		    margin-right: 15px;
		    border: 3px solid #8a5a2d;
		}
		
		.author-avatar img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		}
		
		.author-info h4 {
		    font-size: 18px;
		    color: #5c3b1e;
		    margin-bottom: 5px;
		}
		
		.author-info p {
		    font-size: 14px;
		    color: #8a5a2d;
		}
		/* 产品展示区 */
		.products-section {
		    padding: 80px 0;
		    background-color: white;
		}
		
		.product-grid {
		    display: grid;
		    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		    gap: 30px;
		}
		
		.product-card {
		    background-color: #f9f5e9;
		    border-radius: 10px;
		    overflow: hidden;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		    transition: all 0.3s ease;
		    position: relative;
		}
		
		.product-card:hover {
		    transform: translateY(-10px);
		    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
		}
		
		.product-badge {
		    position: absolute;
		    top: 15px;
		    left: 15px;
		    background-color: #8a5a2d;
		    color: white;
		    padding: 5px 15px;
		    border-radius: 30px;
		    font-size: 12px;
		    z-index: 2;
		}
		
		.product-image {
		    height: 250px;
		    overflow: hidden;
		    position: relative;
		}
		
		.product-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		    transition: transform 0.5s ease;
		}
		
		.product-card:hover .product-image img {
		    transform: scale(1.1);
		}
		
		.product-info {
		    padding: 25px;
		}
		
		.product-title {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    margin-bottom: 10px;
		}
		
		.product-title h3 {
		    font-size: 22px;
		    color: #5c3b1e;
		}
		
		.product-price {
		    font-size: 20px;
		    font-weight: bold;
		    color: #8a5a2d;
		}
		
		.product-description {
		    color: #666;
		    margin-bottom: 20px;
		    font-size: 15px;
		    line-height: 1.7;
		}
		
		.product-meta {
		    display: flex;
		    justify-content: space-between;
		    margin-top: 15px;
		    font-size: 14px;
		    color: #8a5a2d;
		}
		
		.product-meta span {
		    display: flex;
		    align-items: center;
		}
		
		.product-meta i {
		    margin-right: 5px;
		}
		
		.product-actions {
		    display: flex;
		    justify-content: space-between;
		    margin-top: 20px;
		}
		
		/* 产品特色区 */
		.features-section {
		    padding: 80px 0;
		    background-color: #f5efe4;
		}
		
		.features-grid {
		    display: grid;
		    grid-template-columns: repeat(3, 1fr);
		    gap: 30px;
		}
		
		.feature-card {
		    background-color: white;
		    border-radius: 10px;
		    padding: 40px 30px;
		    text-align: center;
		    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
		    transition: all 0.3s ease;
		}
		
		.feature-card:hover {
		    transform: translateY(-5px);
		    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
		}
		
		.feature-icon {
		    font-size: 50px;
		    color: #8a5a2d;
		    margin-bottom: 20px;
		}
		
		.feature-card h3 {
		    font-size: 22px;
		    color: #5c3b1e;
		    margin-bottom: 15px;
		}
		.product-header {
		    background: linear-gradient(rgba(92, 59, 30, 0.8), rgba(92, 59, 30, 0.8)), url('../images/product-banner.png') no-repeat center center/cover;
		   display: flex;
		   align-items: center;
		   text-align: center;
		   color: #fff;
		   margin-top: 90px;
		   height: 356px;
		}
		.product-header-content {
		    max-width: 800px;
		    margin: 0 auto;
		    padding: 0 20px;
		}
		
		.product-header h1 {
		    font-size: 42px;
		    margin-bottom: 20px;
		    letter-spacing: 2px;
		    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
		}
		
		.product-header p {
		    font-size: 18px;
		    max-width: 700px;
		    margin: 0 auto 30px;
		    line-height: 1.8;
		}
		/* 新闻页面标题 */
		.news-header {
		    background:linear-gradient(rgba(92, 59, 30, 0.6), rgba(92, 59, 30, 0.8)), url('../images/newsbanner.jpg') no-repeat center center/cover;
		    background-size: cover;
		    background-position: center;
		    height: 400px;
		    display: flex;
		    align-items: center;
		    text-align: center;
		    color: white;
		    margin-top: 90px;
		}
		
		.news-header-content {
		    max-width: 800px;
		    margin: 0 auto;
		    padding: 0 20px;
		}
		
		.news-header h1 {
		    font-size: 42px;
		    margin-bottom: 20px;
		    letter-spacing: 2px;
		    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
		}
		
		.news-header p {
		    font-size: 18px;
		    max-width: 700px;
		    margin: 0 auto 30px;
		    line-height: 1.8;
		}
		
		/* 新闻内容区 */
		.news-section {
		    padding: 80px 0;
		    background-color: white;
		}
		
		.news-container {
		    display: grid;
		    grid-template-columns: 1fr 300px;
		    gap: 40px;
		}
		
		/* 新闻列表 */
		.news-list {
		    display: grid;
		    gap: 40px;
		}
		
		.news-article {
		    display: grid;
		    grid-template-columns: 300px 1fr;
		    gap: 30px;
		    border-bottom: 1px solid #e8dfd1;
		    padding-bottom: 40px;
		}
		
		.news-image {
		    height: 200px;
		    border-radius: 10px;
		    overflow: hidden;
		    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
		}
		
		.news-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		    transition: transform 0.5s ease;
		}
		
		.news-article:hover .news-image img {
		    transform: scale(1.05);
		}
		
		.news-content {
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		}
		
		.news-date {
		    font-size: 14px;
		    color: #8a5a2d;
		    margin-bottom: 10px;
		    display: flex;
		    align-items: center;
		}
		
		.news-date i {
		    margin-right: 8px;
		}
		
		.news-content h3 {
		    font-size: 24px;
		    color: #5c3b1e;
		    margin-bottom: 15px;
		    line-height: 1.4;
		}
		
		.news-content p {
		    color: #666;
		    margin-bottom: 20px;
		    line-height: 1.8;
		}
		
		.read-more {
		    align-self: flex-start;
		    font-weight: 500;
		    position: relative;
		    padding-right: 20px;
		}
		
		.read-more:after {
		    content: '→';
		    position: absolute;
		    right: 0;
		    top: 0;
		    transition: all 0.3s ease;
		}
		
		.read-more:hover:after {
		    right: -5px;
		}
		
		/* 侧边栏 */
		.sidebar {
		    display: flex;
		    flex-direction: column;
		    gap: 40px;
		}
		
		.sidebar-widget {
		    background-color: #f9f5e9;
		    border-radius: 10px;
		    padding: 30px;
		    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
		}
		
		.widget-title {
		    font-size: 22px;
		    color: #5c3b1e;
		    margin-bottom: 20px;
		    padding-bottom: 15px;
		    border-bottom: 2px solid #e8dfd1;
		    position: relative;
		}
		
		.widget-title:after {
		    content: '';
		    position: absolute;
		    width: 40px;
		    height: 2px;
		    background-color: #8a5a2d;
		    bottom: -2px;
		    left: 0;
		}
		
		.category-list {
		    list-style: none;
		}
		
		.category-list li {
		    margin-bottom: 12px;
		}
		
		.category-list a {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    padding: 10px 0;
		    border-bottom: 1px dashed #e8dfd1;
		    transition: all 0.3s ease;
		}
		
		.category-list a:hover {
		    color: #8a5a2d;
		    padding-left: 5px;
		}
		
		.category-list span {
		    background-color: #8a5a2d;
		    color: white;
		    font-size: 12px;
		    padding: 2px 8px;
		    border-radius: 30px;
		}
		
		.recent-news {
		    display: grid;
		    gap: 20px;
		}
		
		.recent-item {
		    display: grid;
		    grid-template-columns: 80px 1fr;
		    gap: 15px;
		    align-items: center;
		}
		
		.recent-image {
		    width: 80px;
		    height: 80px;
		    border-radius: 8px;
		    overflow: hidden;
		}
		
		.recent-image img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		}
		
		.recent-content h4 {
		    font-size: 16px;
		    color: #5c3b1e;
		    margin-bottom: 5px;
		    line-height: 1.4;
		}
		
		.recent-date {
		    font-size: 12px;
		    color: #8a5a2d;
		}
		/* 联系我们内容 */
		.contact-section {
		    padding: 80px 0;
		    background-color: white;
		}
		
		.section-title {
		    text-align: center;
		    margin-bottom: 50px;
		}
		
		.section-title h2 {
		    font-size: 36px;
		    color: #5c3b1e;
		    position: relative;
		    display: inline-block;
		    padding-bottom: 15px;
		}
		
		.section-title h2:after {
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 3px;
		    background-color: #8a5a2d;
		    bottom: 0;
		    left: 50%;
		    transform: translateX(-50%);
		}
		
		.contact-container {
		    display: grid;
		    grid-template-columns: 1fr 1fr;
		    gap: 40px;
		}
		
		.contact-info1 {
		    background-color: #f9f5e9;
		    border-radius: 10px;
		    padding: 40px;
		    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
		}
		
		.contact-info1 h3 {
		    font-size: 24px;
		    color: #5c3b1e;
		    margin-bottom: 25px;
		    position: relative;
		    padding-bottom: 15px;
		}
		
		.contact-info1 h3:after {
		    content: '';
		    position: absolute;
		    width: 40px;
		    height: 2px;
		    background-color: #8a5a2d;
		    bottom: 0;
		    left: 0;
		}
		
		.info-item {
		    display: flex;
		    margin-bottom: 20px;
		}
		
		.info-icon {
		    width: 50px;
		    height: 50px;
		    background-color: #8a5a2d;
		    color: white;
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 20px;
		    margin-right: 15px;
		    flex-shrink: 0;
		}
		
		.info-content h4 {
		    font-size: 18px;
		    color: #5c3b1e;
		    margin-bottom: 5px;
		}
		
		.info-content p, .info-content a {
		    color: #666;
		    font-size: 16px;
		}
		
		.info-content a:hover {
		    color: #8a5a2d;
		}
		
		.business-hours {
		    margin-top: 30px;
		}
		
		.business-hours p {
		    display: flex;
		    justify-content: space-between;
		    margin-bottom: 10px;
		    padding-bottom: 10px;
		    border-bottom: 1px dashed #d9c7b1;
		}
		
		.business-hours p span:first-child {
		    font-weight: bold;
		    color: #5c3b1e;
		}
		
		.contact-form {
		    background-color: #f9f5e9;
		    border-radius: 10px;
		    padding: 40px;
		    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
		}
		
		.form-group {
		    margin-bottom: 25px;
		}
		
		.form-group label {
		    display: block;
		    margin-bottom: 8px;
		    color: #5c3b1e;
		    font-weight: 500;
		}
		
		.form-control {
		    width: 100%;
		    padding: 12px 15px;
		    border: 1px solid #d9c7b1;
		    border-radius: 5px;
		    font-size: 16px;
		    transition: all 0.3s ease;
		    background-color: white;
		}
		
		.form-control:focus {
		    border-color: #8a5a2d;
		    outline: none;
		    box-shadow: 0 0 0 3px rgba(138, 90, 45, 0.1);
		}
		
		textarea.form-control {
		    min-height: 150px;
		    resize: vertical;
		}
		
		.submit-btn {
		    background-color: #8a5a2d;
		    color: white;
		    border: none;
		    padding: 12px 30px;
		    font-size: 16px;
		    border-radius: 5px;
		    cursor: pointer;
		    transition: all 0.3s ease;
		    display: inline-block;
		}
		
		.submit-btn:hover {
		    background-color: #5c3b1e;
		}
		/* 页面标题 */
		.contact-banner {
		    background: linear-gradient(rgba(92, 59, 30, 0.8), rgba(92, 59, 30, 0.8)), url('../images/contactbanner.jpg');
		    background-size: cover;
		    background-position: center;
		    height: 350px;
		    display: flex;
		    align-items: center;
		    text-align: center;
		    color: white;
		    margin-top: 90px;
		}
		
		.contact-banner-content {
		    max-width: 800px;
		    margin: 0 auto;
		    padding: 0 20px;
		}
		
		.contact-banner h1 {
		    font-size: 42px;
		    margin-bottom: 20px;
		    letter-spacing: 2px;
		    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
		}
		
		.contact-banner p {
		    font-size: 18px;
		    max-width: 700px;
		    margin: 0 auto 30px;
		    line-height: 1.8;
		}
		
		
		/* 响应式设计 */
		@media (max-width: 992px) {
		    .contact-container {
		        grid-template-columns: 1fr;
		    }
		    
		    .footer-container {
		        grid-template-columns: repeat(2, 1fr);
		    }
		    
		    .map-container {
		        height: 400px;
		    }
		}
		
		@media (max-width: 768px) {
		    .header-container {
		        flex-direction: column;
		        padding: 20px 0;
		    }
		    
		    nav ul {
		        margin-top: 20px;
		        flex-wrap: wrap;
		        justify-content: center;
		    }
		    
		    nav ul li {
		        margin: 5px 10px;
		    }
		    
		    .footer-container {
		        grid-template-columns: 1fr;
		    }
		    
		    .map-container {
		        height: 300px;
		    }
		}