@font-face {
			font-family: 'timesnewerroman';
			src: url('../fonts/timesnewerroman-bold-2-webfont.woff2') format('woff2'),
			url('../fonts/timesnewerroman-bold-2-webfont.woff') format('woff'),
			url('../fonts/TimesNewerRoman-Bold-2.otf') format('opentype');
			font-weight: normal;
			font-style: normal;
			font-display: swap;
		}
        /* 全局样式重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			font-size:18px;
        }

        /* 颜色变量 */
        :root {
            --primary-green: #222f1d;
			--about-green: #295d34;
            --light-green: #E8F5E9;
            --dark-green: #1B5E20;
            --text-dark: #212121;
            --text-light: #757575;
            --white: #FFFFFF;
			--backg-green:#222f1d;
			--backg-btn:#334802;
			--title-h2:#a77500;
        }
		h2{
			font-family:'timesnewerroman';
		}
		a{
			text-decoration: none;
			color: inherit;
		}
        /* 导航栏 */
		.nav-z{
			position:absolute;
			width:100%;
		}
		.navbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  height: 110px;
  width:99%;
  margin:0 auto;
}
.logo {
  font-size: 22px;
  font-weight: bold;
  color: #2E7D32;
}
.logo2 img {
  font-size: 22px;
  font-weight: bold;
  color: #2E7D32;
  height:110px;
  margin-top:15px;
}
.navbar-z {
  position: relative;
  margin-right: 50px;  
}
.nav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 30px;
}
.nav-menu a {
  text-decoration: none;
  color: #efefef;
  padding-bottom: 4px;
  position: relative;
  font-size:1.2rem;
}
.nav-menu a:after {
	content: "";
	position: absolute;
	width:1px;
	height:2px;
	background:#eee;
	transform:translateX(15px);
}
.nav-menu a:last-child:after {
	display: none;
}
.nav-menu a.active,
.nav-menu a:hover {
  color: #fff;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 20px;
}
        .nav-buttons {
            display: flex;
            gap: 16px;
        }

        .btn {
            padding: 0.4rem 1rem;
            border-radius: 10px;
            text-decoration: none;
            transition: all 0.3s;
            font-size: 14px;
        }

        .btn-outline {
            border: 2px solid var(--white);
            color: var(--white);
        }

        .btn-outline:hover {
            background: var(--backg-btn);
            border: 2px solid var(--backg-btn);
            color: var(--white);
        }

        .btn-solid {
            background: var(--about-green);
            color: var(--white);
            border: 2px solid var(--about-green);
        }

        .btn-solid:hover {
            background: var(--about-green);
            border-color: var(--about-green);
        }
		.btn-solid-c {
            background: var(--about-green);
            color: var(--white);
            border: 2px solid var(--title-h2);
        }

        .btn-solid-c:hover {
            background: var(--about-green);
            border-color: var(--title-h2);
        }
        /* 首页大图区域 */
        .hero {
            height:100vh;
            background:linear-gradient(to right, rgb(0 0 0 / 60%), transparent 50%), url(../images/f274599b63af.jpg?v=26.3) center center / cover no-repeat;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
        }
		.hero .banner-con{
			text-align: left;
			width: 50%;
			position: absolute;
			left: 3%;
		}
        .hero h1 {
			font-family: 'timesnewerroman';
            font-size: 74px;
            margin-bottom: 16px;
            letter-spacing: 1px;
            text-shadow: 0 1px 4px rgba(0,0,0,0.2);
			width: 80%;
        }

        .hero p {
            font-size: 22px;
            margin-bottom: 40px;
            opacity: 0.95;
            text-shadow: 0 1px 3px rgba(0,0,0,0.2);
			width:80%;
        }
		.hero-buttons {
            display: flex;
            gap: 20px;
        }
        .hero-buttons1 {
            display: flex;
            gap: 20px;
			padding: 0 1rem 1rem;
        }
		.hero-buttons1 .btn-solid {
            background: var(--about-green);
            color: var(--white);
            border: 2px solid var(--about-green);
        }
		.hero-buttons2 .btn{
			    width: 200px;
				height: 40px;
				border-radius: 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 16px;
				margin-bottom: 1rem;
		}
        .hero-buttons1 .btn-solid:hover {
            background: var(--about-green);
            border-color: var(--about-green);
        }
		.hero-hx{
			width:550px;
			background:#aaa;
			height:2px;
		}
		.hero-bo ul{
			display:flex;
			gap:2rem;
			min-width:600px;
		}
		.hero-bo ul li{
			display:flex;
			align-items:center;
			padding-top:1rem;
		}
		.hero-bo ul li::before {
			border-radius: 50%;
			display: flex;
			color: #fff;
			height: 1rem;
			width: 1rem;
			background: var(--about-green);
			content: "✓";
			font-weight: 600;
			font-size: 0.7rem;
			align-items: center;
			justify-content: center;
			margin-right: 0.5rem;
		}
		.icon-arrow-right{
			margin-left:0.7rem;
		}
        /* 响应式适配手机 */
        @media (max-width: 768px) {
			.navbar{
				gap:15px;
			}
            .nav-menu {
               gap: 30px;
			   display: flex;
				justify-content: space-around;
            }
			.navbar-z{
				flex:1;
				position: relative;
				left: 0;
				transform: translateX(0);
			}
            .hero h1 {
                font-size: 32px;
            }

            .hero p {
                font-size: 16px;
            }

            .hero-buttons {
                flex-direction: column;
                gap: 12px;
            }
        }
		

        /* 关于我们 */
        .about {
            padding: 1rem 5%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: start;
			background:#dfdedc;
        }

        .about-img {
            background: #f5f5f5;
            border-radius: 10px;
            overflow: hidden;
            height: 545px;
            display: flex;
            align-items: center;
            justify-content: center;
			border:1px solid #aaa;
        }

        .about-img img {
            width: 100%;
            height: 100%;
        }

        .about h2 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: var(--about-green);
            position: relative;
        }
		.about .m-title{
			position: relative;
			color:var(--title-h2);
			font-weight:600;
			letter-spacing:0.1rem;
			font-size:1.2rem;
			margin:1.2rem 0;
		}
		.about-btn{
			display: flex;
			margin-top:25px;
		}
		.about-btn a{
			width: 200px;
    		height: 40px;
    		border-radius: 10px;
    		display: flex;
    		align-items: center;
    		justify-content: center;
    		font-size: 16px;
    		margin-bottom: 1rem;
			background: var(--about-green);
    		color: var(--white);
    		border: 2px solid var(--about-green);
		}
@media screen and (max-width:1499px){
        .about p {
            color: var(--text-dark);
            line-height: 1.6;
			margin-bottom: 1.3rem;
            font-size: 1rem;
			font-weight:700;
        }

        .about-features {
            list-style: none;
        }

        .about-features li {
            color: var(--text-dark);
            margin-bottom: 1rem;
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
}
@media screen and (min-width:1500px){
        .about p {
            color: #333;
            line-height: 1.6;
			margin-bottom: 1.3rem;
            font-size: 1rem;
			font-weight:700;
			color:var(--text-dark);
        }

        .about-features {
            list-style: none;
        }

        .about-features li {
            color: var(--about-green);
            margin-bottom: 1rem;
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
}
        .about-features li::before {
            border-radius: 50%;
			display: flex;
			color: #fff;
			height: 1rem;
			width: 1rem;
			background: var(--about-green);
			content: "✓";
			font-weight: 600;
			font-size:0.7rem;
			align-items: center;
			justify-content: center;
			margin-right:0.5rem;
        }

        /* 产品区 */
        .products {
            padding: 1rem 5%;
			background:#dfdedc;
        }
		.products .m-title{
			text-align: center;	
			position: relative;
    		color: var(--title-h2);
    		font-weight: 600;
    		letter-spacing: 0.1rem;
    		font-size: 1.2rem;
    		margin: 1.2rem 0;
		}
        .products h2 {
            font-size: 2.5rem;
            margin-bottom: 1.5rem;
            color: var(--about-green);
            position: relative;
			text-align: center;
        }
        .products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 2rem;
        }

        .product-card {
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s;
			border:1px solid #aaa;
        }

        .product-card:hover {
            transform: translateY(-5px);
        }

        .product-img {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fafafa;
        }
		.product-img img{
			width:100%;
		}
        .product-card h3 {
            padding: 1rem 1rem 0.5rem;
            font-size: 1.5rem;
            color: var(--about-green);
			font-family: 'timesnewerroman';
        }
        .product-card p {
            padding: 0 1rem 1rem;
            font-size: 0.9rem;
            color: var(--text-dark);
            line-height: 1.4;
			width:85%;
        }

       
        /* 为什么选择我们 */
        .why-choose {
            padding: 1rem 5%;
			background:#dfdedc;
        }
		.why-choose .m-title{
			color: var(--title-h2);
			text-align: center;	
			position: relative;
    		font-weight: 600;
    		letter-spacing: 0.1rem;
    		font-size: 1.2rem;
    		margin: 1.2rem 0;			
		}
        .why-choose h2 {
            font-size: 2.5rem;
            margin-bottom: 1.5rem;
            color: var(--about-green);
            position: relative;
			text-align: center;
        }
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 2rem;
        }

        .feature-card {
            text-align: center;
            padding: 1.5rem;
            border: 1px solid #aaa;
            border-radius: 0;
            transition: all 0.3s;
			border-radius: 10px;
			display: flex;
			flex-direction: column;
			align-items: center;
        }
		
        .feature-card:hover {
            transform: translateY(-5px);
        }
        .feature-card .iconfont {
            font-size: 4rem;
            color: var(--about-green);
            margin-bottom: 1rem;
        }

        .feature-card h3 {
            font-size: 1.5rem;
			padding: 1rem 1rem 0.5rem;
            color: var(--about-green);
			font-family:'timesnewerroman';
        }

        .feature-card p {
            font-size: 0.9rem;
            color: var(--text-dark);
            line-height: 1.4;
			max-width:200px;
        }

        /* 我们的故事 */
		.our-story{
			background:#dfdedc;
			padding:1rem 0 2rem;
		}
        .our-story-content {
            background:linear-gradient(to right, rgb(0 0 0 / 60%), transparent 60%), url(../images/b760-f6bd58dca28b.jpg) center/cover no-repeat;
			height:500px;
			width:90%;
			margin:0 auto;
            padding:5rem 5% 8rem;
            color: var(--white);
			border-radius:10px;
        }

        .our-story h2 {
            font-size: 1.5rem;
			color: var(--title-h2);
			position: relative;
        }
		.our-story h2::after {
            content: "";
            position: absolute;
            bottom: 50%;
			margin-left:1rem;
            width: 3rem;
            height: 2px;
            background: var(--title-h2);
        }
        .our-story h3 {
            font-size: 1.2rem;
			font-style: italic;
			font-family: 'timesnewerroman';
			margin: 1.2rem 0;
        }

        .our-story p {
            max-width: 18rem;
            font-size:0.9rem;
            line-height: 1.6;
			margin-bottom: 1.2rem;
        }

        /* 联系我们 */
        .contact {
            background: #243516;
            padding: 2.5rem 5%;
            color: var(--white);
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15rem;
        }
		.contact-left{
			padding-right:1em;
		}
		.contact-right{
			padding-left: 1em;
			margin-top:1rem;
		}
        .contact-left h2 {
            font-size: 2.5rem;
            margin-bottom: 2rem;
            text-transform: uppercase;
			color:var(--title-h2);
        }
		.contact-left h3{
			margin-bottom: 2rem;
		}
        .contact-left p {
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 1.5rem;
            opacity: 0.9;
        }

        .contact-btn-large {
            background: #1b5e20;
            color: #fff;
            padding: 0.6rem 1.2rem;
            text-decoration: none;
            font-size: 1rem;
            font-weight: 500;
            transition: background 0.3s;
            display: inline-block;
			border-radius: 10px;
			border:2px solid #1b5e20;
        }

        .contact-btn-large:hover {
            background: #fff;
			color:#1b5e20;
			border:2px solid #1b5e20;
        }

        .contact-right h3 {
            font-size: 1.1rem;
            margin-bottom: 1.5rem;
        }

        .contact-info {
            list-style: none;
            margin-bottom: 1.5rem;
        }

        .contact-info li {
            margin-bottom: 0.9rem;
            font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            opacity: 1;
			line-height:1.8;
        }
		.contact-info li img{
			width: 1.2em;
		}
        .social-links {
            display: flex;
            gap: 0.9rem;
        }
		.social-links a img{
			width:30px;
		}
        .social-links a {
            color: var(--white);
            font-size: 1.2rem;
            transition: color 0.3s;
        }

        .social-links a:hover {
            color: var(--about-green);
        }

        /* 页脚 */
        footer {
            background: var(--backg-green);
            padding: 1rem 5%;
            color: var(--white);
            text-align: center;
            font-size: 0.9rem;
            opacity: 0.8;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }

            .hero {
                height: 80vh;
                text-align: center;
                justify-content: center;
            }

            .hero-logo {
                display: none;
            }

            .about {
                grid-template-columns: 1fr;
            }

            .contact {
                grid-template-columns: 1fr;
				gap: 2rem;
            }
        }
		.icon-in,.icon-facebookfacebook11,.icon-birdxiaoniao{
			font-size:2rem;
			color:var(--title-h2);
		}
		.procont{
			margin:0;
		}