/* 全局重置 */
* {margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",SimHei,sans-serif;}
ul,ol {list-style:none;}
a {text-decoration:none;color:#333;transition:0.3s;}
img {max-width:100%;vertical-align:middle;}
body {color:#333;background:#f9f9f9;line-height:1.7;}
.container {width:1200px;margin:0 auto;padding:0 15px;}

/* 头部导航 */
.header {background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:sticky;top:0;z-index:999;}
.header-top {background:#165b33;color:#fff;padding:8px 0;font-size:14px;}
.header-top .row {display:flex;justify-content:space-between;align-items:center;}
.header-top .tel span {margin-left:20px;}
.nav-wrap {display:flex;justify-content:space-between;align-items:center;padding:15px 0;}
.logo img {height:60px;}
.nav-list {display:flex;gap:35px;}
.nav-list li a {font-size:16px;font-weight:500;padding:8px 0;position:relative;}
.nav-list li a.active {color:#165b33;}
.nav-list li a.active::after {content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#165b33;border-radius:3px;}
.nav-list li a:hover {color:#165b33;}

/* 轮播banner */
.banner {height:480px;overflow:hidden;position:relative;}
.banner-item {height:100%;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;}
.banner-text {padding-left:80px;max-width:600px;}
.banner-text h2 {font-size:46px;margin-bottom:15px;text-shadow:0 2px 6px #0004;}
.banner-text p {font-size:18px;margin-bottom:25px;line-height:1.8;}
.btn-green {display:inline-block;padding:12px 30px;background:#165b33;color:#fff;border-radius:4px;font-size:16px;}
.btn-green:hover {background:#0f4726;}

/* 通用板块标题 */
.section-title {text-align:center;margin:60px 0 40px;}
.section-title h3 {font-size:32px;color:#165b33;margin-bottom:10px;position:relative;display:inline-block;padding-bottom:12px;}
.section-title h3::after {content:"";width:60px;height:3px;background:#e6a23c;position:absolute;left:50%;transform:translateX(-50%);bottom:0;}
.section-title p {color:#666;font-size:15px;margin-top:8px;}

/* 首页关于简介 */
.about-home {display:flex;gap:50px;align-items:center;margin-bottom:80px;}
.about-img {width:50%;}
.about-text {width:50%;}
.about-text h4 {font-size:24px;color:#222;margin-bottom:18px;}
.about-text p {color:#555;margin-bottom:16px;text-indent:2em;}

/* 产品展示模块 */
.product-wrap {display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:80px;}
.product-item {background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,0.06);transition:0.3s;}
.product-item:hover {transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.product-img {height:220px;overflow:hidden;}
.product-img img {width:100%;height:100%;object-fit:cover;transition:0.5s;}
.product-item:hover .product-img img {transform:scale(1.08);}
.product-info {padding:18px;}
.product-info h5 {font-size:17px;margin-bottom:8px;color:#222;}
.product-info .desc {color:#777;font-size:14px;margin-bottom:12px;}
.product-info .tag {display:inline-block;padding:3px 10px;background:#f0f7f2;color:#165b33;font-size:13px;border-radius:2px;}

/* 基地溯源板块 */
.base-wrap {background:#f3f8f5;padding:70px 0;margin-bottom:80px;}
.base-list {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.base-item {background:#fff;padding:30px;border-radius:8px;text-align:center;}
.base-item i {font-size:42px;color:#165b33;margin-bottom:15px;}
.base-item h4 {font-size:20px;margin-bottom:10px;}
.base-item p {color:#666;font-size:14px;}

/* 新闻资讯 */
.news-wrap {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:80px;}
.news-item {background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.news-img {height:180px;overflow:hidden;}
.news-text {padding:20px;}
.news-date {color:#999;font-size:13px;margin-bottom:8px;}
.news-text h5 {font-size:17px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:46px;}
.news-text .intro {color:#777;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:42px;}

/* 招商合作板块 */
.cooperation {background:url(../images/bg-coop.jpg) no-repeat center/cover;padding:90px 0;color:#fff;text-align:center;margin-bottom:80px;}
.cooperation h3 {font-size:36px;margin-bottom:15px;}
.cooperation p {max-width:700px;margin:0 auto 30px;font-size:17px;opacity:0.95;}

/* 底部footer */
.footer {background:#0f3f24;color:#eee;padding:60px 0 30px;}
.footer-row {display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px;}
.footer-col h4 {font-size:18px;margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid #24613d;}
.footer-col ul li {margin-bottom:12px;}
.footer-col ul li a {color:#b8d9c7;}
.footer-col ul li a:hover {color:#fff;}
.footer-contact p {margin-bottom:12px;color:#b8d9c7;}
.copyright {text-align:center;padding-top:25px;border-top:1px solid #24613d;color:#9ac4ad;font-size:14px;}

/* 内页通用面包屑 */
.breadcrumb {background:#f3f8f5;padding:18px 0;font-size:15px;margin-bottom:40px;}
.breadcrumb a {color:#165b33;}
.breadcrumb span {margin:0 8px;color:#999;}

/* 内页主体容器 */
.page-box {background:#fff;padding:45px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.04);margin-bottom:80px;min-height:500px;}

/* 分页样式 */
.page-pagination {display:flex;justify-content:center;gap:8px;margin-top:50px;}
.page-pagination a {width:36px;height:36px;line-height:36px;text-align:center;border:1px solid #ddd;border-radius:2px;}
.page-pagination a.active {background:#165b33;color:#fff;border-color:#165b33;}

/* 响应式适配 */
@media(max-width:1200px){.container{width:100%;}}
@media(max-width:992px){
    .nav-list{gap:20px;}
    .product-wrap{grid-template-columns:repeat(2,1fr);}
    .news-wrap{grid-template-columns:repeat(2,1fr);}
    .footer-row{grid-template-columns:repeat(2,1fr);}
    .about-home{flex-direction:column;}
    .about-img,.about-text{width:100%;}
}
@media(max-width:768px){
    .nav-list{display:none;}
    .product-wrap,.news-wrap,.base-list{grid-template-columns:1fr;}
    .footer-row{grid-template-columns:1fr;}
    .banner{height:320px;}
    .banner-text h2{font-size:30px;}
}