@charset "utf-8";

/* ========== 全局重置 ========== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, tr, th, td {
  margin: 0;
  padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ul, ul li, input, dl, dd { padding: 0; margin: 0; list-style-type: none; }
img, a img { border: 0; margin: 0; padding: 0; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; color: #4a4b4b; transition: all 0.5s; }
a:hover { text-decoration: none; color: #795a43; }
.clear { clear: both; background: none; border: 0; display: block; float: none; font-size: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.fl { float: left; }
.fr { float: right; }
* { font-family: "microsoft yahei", "Microsoft YaHei", sans-serif; margin: 0; padding: 0; border: 0; }
body { font-size: 14px; color: #5a5a5a; overflow-x: hidden; background: #f7f7f7; }

/* ========== 容器 ========== */
.main { max-width: 1200px; width: 100%; margin: 0 auto; position: relative; padding: 0 15px; box-sizing: border-box; }

/* ========== 顶部信息栏 ========== */
.topbox { width: 100%; background: #fff; }
.topbox .header { max-width: 1200px; width: 100%; margin: 0 auto; padding: 25px 15px; height: auto; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; }
.logo { display: flex; align-items: center; gap: 12px; }
.logo a { display: flex; align-items: center; gap: 10px; color: #262626; }
.logo svg { flex-shrink: 0; }
.logo .logotxt { display: flex; flex-direction: column; line-height: 1.3; }
.logo .logotxt .brand { font-size: 24px; font-weight: bold; color: #262626; }
.logo .logotxt .slogan { font-size: 12px; color: #795a43; letter-spacing: 3px; text-transform: uppercase; }
.topbox .tel { color: #3a3f47; font-size: 15px; padding-left: 37px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23795a43'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24 11.4 11.4 0 003.58.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.4 11.4 0 00.57 3.58 1 1 0 01-.25 1.01l-2.2 2.2z'/%3E%3C/svg%3E") left center no-repeat; line-height: 1; }
.topbox .tel span { display: block; font-family: "Georgia", serif; font-size: 28px; color: #795a43; }

/* ========== 导航栏 ========== */
.menubox { width: 100%; height: 60px; line-height: 60px; background: linear-gradient(180deg, #3a2f28 0%, #2d241e 100%); position: relative; z-index: 100; }
.menubox .navinner { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box; display: flex; align-items: center; }
.menubox .navlist { display: flex; list-style: none; flex: 1; justify-content: center; }
.menubox .navlist li { text-align: center; position: relative; }
.menubox .navlist li a { display: block; color: #fff; font-size: 15px; padding: 0 22px; height: 60px; white-space: nowrap; }
.menubox .navlist li a:hover { color: #ff9000; }
.menubox .navlist li a.active { color: #ff9000; }
.menubox .navlist li.ihome a { width: 48px; height: 60px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") center no-repeat; text-indent: -9999px; overflow: hidden; padding: 0; }
.menubox .navlist li .subnav { display: none; width: 150px; position: absolute; left: 50%; transform: translateX(-50%); top: 60px; padding: 5px 0 10px; background-color: #100c08; opacity: 0.95; z-index: 200; }
.menubox .navlist li:hover .subnav { display: block; }
.menubox .navlist li .subnav a { width: 100%; margin: 0 auto; line-height: 30px; height: 30px; font-size: 12px; padding: 0; text-align: center; }
.menubox .navlist li .subnav a:hover { background: #795a43; color: #fff; }
/* 移动端菜单按钮 */
.menu-toggle { display: none; cursor: pointer; padding: 10px; }
.menu-toggle span { display: block; width: 25px; height: 3px; background: #fff; margin: 5px 0; transition: all 0.3s; }

/* ========== Banner 轮播 ========== */
.banner-box { position: relative; display: block; width: 100%; height: 400px; overflow: hidden; }
.banner-box .banner-list { position: relative; width: 100%; height: 100%; }
.banner-box .banner-list .banner-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.banner-box .banner-list .banner-item.active { opacity: 1; z-index: 1; }
.banner-box .banner-list .banner-item a { display: block; width: 100%; height: 100%; }
.banner-box .banner-list .banner-item .banner-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; z-index: 2; }
.banner-box .banner-list .banner-item .banner-txt h2 { font-size: 42px; font-weight: bold; text-shadow: 0 2px 8px rgba(0,0,0,0.5); margin-bottom: 10px; }
.banner-box .banner-list .banner-item .banner-txt p { font-size: 18px; text-shadow: 0 1px 4px rgba(0,0,0,0.5); }
.banner-box .banner-list .banner-item::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.banner-box .banner-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; gap: 8px; }
.banner-box .banner-dots span { width: 12px; height: 12px; border-radius: 50%; background: #333; cursor: pointer; display: inline-block; }
.banner-box .banner-dots span.active { background: #795a43; }
.banner-box .banner-prev, .banner-box .banner-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 40px; height: 60px; background: rgba(0,0,0,0.4); color: #fff; font-size: 24px; line-height: 60px; text-align: center; cursor: pointer; transition: all 0.3s; display: none; }
.banner-box:hover .banner-prev, .banner-box:hover .banner-next { display: block; }
.banner-box .banner-prev { left: 0; border-radius: 0 4px 4px 0; }
.banner-box .banner-next { right: 0; border-radius: 4px 0 0 4px; }
.banner-box .banner-prev:hover, .banner-box .banner-next:hover { background: rgba(121,90,67,0.8); }

/* ========== 公告+搜索栏 ========== */
.notice-bar { float: left; width: 100%; border-bottom: 1px solid #e4e4e4; height: 70px; background: #fff; box-shadow: 0 3px 3px #e4e4e4; }
.notice-bar .notice-l { float: left; width: 55%; line-height: 70px; display: flex; align-items: center; }
.notice-bar .notice-l b { background: #795a43; color: #fff; padding: 4px 16px; border-radius: 3px; margin-right: 15px; font-size: 13px; flex-shrink: 0; }
.notice-bar .notice-l .marquee-wrap { flex: 1; overflow: hidden; }
.notice-bar .notice-l .marquee-wrap span { white-space: nowrap; display: inline-block; animation: marquee 15s linear infinite; }
@keyframes marquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
.notice-bar .search-box { float: right; width: 40%; max-width: 400px; height: 70px; display: flex; align-items: center; }
.notice-bar .search-box .seatxt { height: 40px; flex: 1; padding: 0 15px; border: 1px solid #ebebeb; outline: none; color: #5a5a5a; font-size: 14px; }
.notice-bar .search-box .seabtn { height: 40px; width: 60px; border: 0; background: #795a43; color: #fff; cursor: pointer; font-size: 14px; transition: all 0.3s; }
.notice-bar .search-box .seabtn:hover { background: #5a3d2a; }

/* ========== 区块标题 ========== */
.sec-title { text-align: center; width: 100%; padding: 40px 0 30px; }
.sec-title a { display: block; }
.sec-title a span { font-size: 26px; color: #262626; display: block; line-height: 1.2; }
.sec-title a font { display: block; font-size: 16px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; color: #795a43; line-height: 1.5; }
.sec-title.light * { color: #fff; }

/* ========== 关于我们 ========== */
.about-sec { background: #fff; border: 1px solid #ebebeb; }
.about-sec .main { display: flex; padding: 0; max-width: 1200px; }
.about-sec .aboutimg { flex: 0 0 395px; height: 430px; overflow: hidden; }
.about-sec .aboutimg img { width: 100%; height: 100%; object-fit: cover; }
.about-sec .aboutcon { flex: 1; padding: 0 36px; position: relative; display: flex; flex-direction: column; }
.about-sec .aboutcon .about-t { padding-top: 40px; height: 60px; border-bottom: 1px solid #dbdbdb; width: 100%; margin-bottom: 15px; }
.about-sec .aboutcon .about-t a { color: #262626; font-size: 28px; line-height: 1; }
.about-sec .aboutcon .about-t font { display: block; text-transform: uppercase; line-height: 1.5; font-size: 15px; font-family: "Times New Roman", serif; color: #795a43; }
.about-sec .aboutcon p { line-height: 30px; flex: 1; overflow: hidden; color: #5a5a5a; }
.about-sec .aboutcon .aboutico { position: absolute; right: 0; top: 0; width: 60px; height: 89px; }
.about-sec .aboutcon .aboutlink { display: inline-block; border: 1px solid #dfdfdf; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #5a5a5a; margin-bottom: 30px; transition: all 0.3s; }
.about-sec .aboutcon .aboutlink:hover { color: #fff; background: #795a43; border-color: #795a43; }

/* ========== 新闻动态 ========== */
.news-sec { padding: 30px 0 50px; float: left; width: 100%; background: #faf8f6; }
.news-sec .news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.news-sec .news-card { background: #fff; padding: 12px; border: 1px solid #dfd2cf; display: flex; gap: 15px; transition: all 0.3s; }
.news-sec .news-card:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.1); transform: translateY(-2px); }
.news-sec .news-card .news-img { flex: 0 0 169px; height: 127px; overflow: hidden; }
.news-sec .news-card .news-img img { width: 100%; height: 100%; object-fit: cover; }
.news-sec .news-card .news-info { flex: 1; display: flex; flex-direction: column; }
.news-sec .news-card .news-info .news-time { display: inline-block; width: 133px; text-align: center; height: 20px; line-height: 20px; background: #795a43; color: #fff; font-size: 12px; margin-bottom: 8px; }
.news-sec .news-card .news-info .news-tt { color: #383737; font-size: 17px; line-height: 28px; margin-bottom: 6px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-sec .news-card .news-info .news-desc { color: #c2a684; font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-sec .more-link { text-align: center; margin-top: 30px; }
.news-sec .more-link a { display: inline-block; border: 1px solid #795a43; color: #795a43; padding: 8px 30px; transition: all 0.3s; }
.news-sec .more-link a:hover { background: #795a43; color: #fff; }

/* ========== 产品分类标签 ========== */
.procat-sec { text-align: center; padding: 20px 0; position: relative; z-index: 2; }
.procat-sec .procat-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; }
.procat-sec .procat-list .procat-item { border: 1px solid #382e25; padding: 6px 24px; transition: all 0.3s; }
.procat-sec .procat-list .procat-item a { color: #262626; font-size: 15px; display: block; }
.procat-sec .procat-list .procat-item:hover { background: #795a43; }
.procat-sec .procat-list .procat-item:hover a { color: #fff; }

/* ========== 产品中心 ========== */
.product-sec { padding: 30px 0 50px; float: left; width: 100%; }
.product-sec .product-main { display: flex; gap: 20px; }
.product-sec .product-slider { flex: 0 0 432px; height: 426px; position: relative; overflow: hidden; background: #f7f7f7; }
.product-sec .product-slider .pslide-list { position: relative; width: 100%; height: 100%; }
.product-sec .product-slider .pslide-list .pslide-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.6s; background-size: cover; background-position: center; }
.product-sec .product-slider .pslide-list .pslide-item.active { opacity: 1; }
.product-sec .product-slider .pslide-list .pslide-item a { display: block; width: 100%; height: 100%; }
.product-sec .product-slider .pslide-dots { position: absolute; bottom: 10px; right: 10px; display: flex; gap: 4px; z-index: 5; }
.product-sec .product-slider .pslide-dots span { width: 12px; height: 12px; background: #fff; cursor: pointer; }
.product-sec .product-slider .pslide-dots span.active { background: #795a43; }
.product-sec .product-slider .pslide-nav { position: absolute; bottom: 8px; right: 80px; display: flex; gap: 5px; z-index: 5; }
.product-sec .product-slider .pslide-nav a { width: 30px; height: 30px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; line-height: 30px; cursor: pointer; font-size: 16px; }
.product-sec .product-slider .pslide-nav a:hover { background: #795a43; }
.product-sec .product-grid { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.product-sec .product-grid .pro-card { position: relative; height: 209px; overflow: hidden; }
.product-sec .product-grid .pro-card .pro-bg { width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.4s; }
.product-sec .product-grid .pro-card:hover .pro-bg { transform: scale(1.05); }
.product-sec .product-grid .pro-card .pro-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(45,36,30,0.85); display: flex; flex-direction: column; justify-content: center; padding: 20px; box-sizing: border-box; opacity: 0; transition: opacity 0.3s; }
.product-sec .product-grid .pro-card:hover .pro-overlay { opacity: 1; }
.product-sec .product-grid .pro-card .pro-overlay p { font-size: 18px; color: #fff; margin-bottom: 10px; font-weight: bold; }
.product-sec .product-grid .pro-card .pro-overlay .pro-desc { font-size: 13px; color: #ccc; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.product-sec .product-grid .pro-card .pro-overlay span { color: #ff9000; font-size: 13px; margin-top: 8px; }

/* ========== 行业资讯 ========== */
.indnews-sec { padding: 30px 0; }
.indnews-sec .indnews-wrap { background: #fff; border: 1px solid #ebebeb; display: flex; }
.indnews-sec .indnews-left { flex: 1; padding: 30px; }
.indnews-sec .indnews-left .indnews-tt { padding-top: 10px; border-bottom: 1px solid #dbdbdb; height: 55px; margin-bottom: 20px; }
.indnews-sec .indnews-left .indnews-tt a { color: #262626; font-size: 26px; }
.indnews-sec .indnews-left .indnews-tt font { display: block; font-size: 15px; font-family: "Times New Roman", serif; color: #795a43; text-transform: uppercase; }
.indnews-sec .indnews-left .indnews-list .indnews-item { padding: 8px 0; border-bottom: 1px dashed #e0e0e0; cursor: pointer; }
.indnews-sec .indnews-left .indnews-list .indnews-item .indnews-qt { font-size: 16px; color: #262626; line-height: 30px; }
.indnews-sec .indnews-left .indnews-list .indnews-item .indnews-qt:hover { color: #795a43; }
.indnews-sec .indnews-left .indnews-list .indnews-item .indnews-ans { background: #f3f3f3; line-height: 24px; padding: 10px 15px; display: none; font-size: 13px; color: #666; margin-top: 5px; }
.indnews-sec .indnews-left .indnews-list .indnews-item.open .indnews-ans { display: block; }
.indnews-sec .indnews-left .indnews-list .indnews-item.open .indnews-qt { color: #795a43; }
.indnews-sec .indnews-right { flex: 0 0 395px; height: 430px; overflow: hidden; }
.indnews-sec .indnews-right img { width: 100%; height: 100%; object-fit: cover; }

/* ========== 成功案例 / 合作伙伴 ========== */
.case-sec { padding: 30px 0 50px; float: left; width: 100%; background: #faf8f6; }
.case-sec .case-carousel { position: relative; overflow: hidden; padding: 0 40px; }
.case-sec .case-carousel .case-track { display: flex; transition: transform 0.5s; gap: 15px; }
.case-sec .case-carousel .case-card { flex: 0 0 calc(25% - 12px); min-width: 220px; background: #fff; overflow: hidden; transition: all 0.3s; }
.case-sec .case-carousel .case-card:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.case-sec .case-carousel .case-card img { width: 100%; height: 180px; object-fit: cover; }
.case-sec .case-carousel .case-card .case-info { padding: 15px; }
.case-sec .case-carousel .case-card .case-info h3 { font-size: 16px; color: #383737; margin-bottom: 8px; }
.case-sec .case-carousel .case-card .case-info p { font-size: 13px; color: #787878; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.case-sec .case-carousel .case-prev, .case-sec .case-carousel .case-next { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; background: #795a43; color: #fff; text-align: center; line-height: 34px; cursor: pointer; z-index: 5; font-size: 18px; transition: all 0.3s; }
.case-sec .case-carousel .case-prev { left: 0; }
.case-sec .case-carousel .case-next { right: 0; }
.case-sec .case-carousel .case-prev:hover, .case-sec .case-carousel .case-next:hover { background: #333; }

/* ========== 页脚 ========== */
.footer { width: 100%; clear: both; background: #2d2f32; color: #c2c2c2; }
.footer .friend-links { float: left; width: 100%; border-top: 1px solid #e5e5e5; background: #fff; padding: 20px 0; margin-bottom: 50px; }
.footer .friend-links .main { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.footer .friend-links span { color: #7d7d7d; font-size: 15px; flex-shrink: 0; }
.footer .friend-links a { color: #7d7d7d; font-size: 14px; padding: 0 15px; border-right: 1px solid #ddd; line-height: 1; }
.footer .friend-links a:last-child { border-right: none; }
.footer .footer-main { display: flex; gap: 40px; padding-bottom: 40px; max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.footer .footer-main .foot-col { flex: 1; min-width: 0; }
.footer .footer-main .foot-col h4 { color: #fff; font-size: 18px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #795a43; display: inline-block; }
.footer .footer-main .foot-col p, .footer .footer-main .foot-col a { color: #c2c2c2; font-size: 13px; line-height: 28px; display: block; }
.footer .footer-main .foot-col a:hover { color: #ff9000; }
.footer .footer-main .foot-col .foot-tel { font: 700 36px/50px "Times New Roman", Times, serif; color: #fff; }
.footer .footer-main .foot-col .foot-addr { padding-left: 25px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23795a43'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") left center no-repeat; margin: 8px 0; }
.footer .footer-main .foot-col .foot-qr { text-align: center; }
.footer .footer-main .foot-col .foot-qr img { width: 120px; height: 120px; background: #fff; padding: 5px; }
.footer .footer-main .foot-col .foot-qr p { margin-top: 8px; font-size: 12px; }
.footer .footer-bottom { text-align: center; padding: 15px; border-top: 1px solid #46484b; font-size: 12px; line-height: 24px; max-width: 1200px; margin: 0 auto; }
.footer .footer-bottom a { color: #c2c2c2; }
.footer .footer-bottom a:hover { color: #ff9000; }

/* ========== 内页 Banner ========== */
.n-banner { width: 100%; height: 280px; background-size: cover; background-position: center; position: relative; display: flex; align-items: center; justify-content: center; }
.n-banner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); }
.n-banner .n-banner-txt { position: relative; z-index: 1; text-align: center; color: #fff; }
.n-banner .n-banner-txt h1 { font-size: 36px; font-weight: bold; margin-bottom: 8px; }
.n-banner .n-banner-txt p { font-size: 15px; opacity: 0.85; }

/* ========== 面包屑导航 ========== */
.ntit { background: #fff; border-bottom: 1px solid #ebebeb; }
.ntit .ntt { max-width: 1200px; margin: 0 auto; padding: 15px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; }
.ntit .ntt .page-tt h1 { font-size: 22px; color: #262626; }
.ntit .ntt .page-tt i { font-size: 12px; color: #795a43; font-family: "Times New Roman", serif; text-transform: uppercase; font-style: normal; }
.ntit .ntt .weiz { font-size: 13px; color: #575757; }
.ntit .ntt .weiz a { color: #575757; }
.ntit .ntt .weiz a:hover { color: #795a43; }
.ntit .ntt .weiz span { color: #795a43; }

/* ========== 内页内容区 ========== */
.page-content { max-width: 1200px; margin: 30px auto; padding: 0 15px; box-sizing: border-box; display: flex; gap: 30px; }

/* 侧边栏 */
.sidebar { flex: 0 0 240px; }
.sidebar .side-nav { background: #fff; border: 1px solid #ebebeb; }
.sidebar .side-nav .side-tt { padding: 25px 20px 15px; font-size: 22px; color: #262626; text-align: center; border-bottom: 1px solid #dbdbdb; margin: 0 20px; }
.sidebar .side-nav .side-list { padding: 15px 20px; }
.sidebar .side-nav .side-list li { border-bottom: 1px dashed #d5d5d5; }
.sidebar .side-nav .side-list li a { display: block; padding: 12px 10px; color: #262626; font-size: 15px; transition: all 0.3s; }
.sidebar .side-nav .side-list li a:hover, .sidebar .side-nav .side-list li a.active { color: #795a43; }
.sidebar .side-contact { background: #f7f7f7; margin-top: 20px; padding: 20px; text-align: center; }
.sidebar .side-contact .side-tel { font-size: 22px; color: #795a43; font-family: "Impact", sans-serif; margin: 10px 0; }
.sidebar .side-contact p { font-size: 13px; color: #666; line-height: 24px; }

/* 右侧内容 */
.content-r { flex: 1; min-width: 0; background: #fff; border: 1px solid #ebebeb; padding: 30px; }

/* ========== 产品列表 ========== */
.prod-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.prod-list .prod-item { text-align: center; border: 1px solid #f0f0f0; padding: 15px; transition: all 0.3s; }
.prod-list .prod-item:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.1); transform: translateY(-3px); }
.prod-list .prod-item .prod-img { height: 180px; overflow: hidden; margin-bottom: 12px; position: relative; }
.prod-list .prod-item .prod-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.prod-list .prod-item:hover .prod-img img { transform: scale(1.05); }
.prod-list .prod-item .prod-img .prod-zoom { position: absolute; left: 50%; top: -100%; transform: translate(-50%, -50%); width: 50px; height: 50px; background: rgba(121,90,67,0.8); border-radius: 50%; transition: top 0.3s; display: flex; align-items: center; justify-content: center; }
.prod-list .prod-item .prod-img .prod-zoom::after { content: '+'; color: #fff; font-size: 24px; }
.prod-list .prod-item:hover .prod-img .prod-zoom { top: 50%; }
.prod-list .prod-item .prod-name { font-size: 16px; color: #262626; line-height: 30px; }

/* ========== 产品详情 ========== */
.prod-detail .prod-dtop { display: flex; gap: 30px; margin-bottom: 30px; }
.prod-detail .prod-dtop .prod-dimg { flex: 0 0 400px; height: 350px; overflow: hidden; }
.prod-detail .prod-dtop .prod-dimg img { width: 100%; height: 100%; object-fit: cover; }
.prod-detail .prod-dtop .prod-dinfo { flex: 1; }
.prod-detail .prod-dtop .prod-dinfo h1 { font-size: 24px; color: #262626; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #795a43; }
.prod-detail .prod-dtop .prod-dinfo .prod-ddesc { font-size: 14px; color: #666; line-height: 28px; margin-bottom: 20px; }
.prod-detail .prod-dtop .prod-dinfo .prod-params { width: 100%; border-collapse: collapse; }
.prod-detail .prod-dtop .prod-dinfo .prod-params td { padding: 10px 15px; border: 1px solid #ebebeb; font-size: 14px; }
.prod-detail .prod-dtop .prod-dinfo .prod-params td:first-child { background: #f7f7f7; font-weight: bold; width: 30%; color: #262626; }
.prod-detail .prod-features { margin-bottom: 30px; }
.prod-detail .prod-features h3 { font-size: 20px; color: #262626; margin-bottom: 15px; }
.prod-detail .prod-features .feat-list { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.prod-detail .prod-features .feat-list .feat-item { display: flex; align-items: flex-start; gap: 10px; padding: 15px; background: #faf8f6; }
.prod-detail .prod-features .feat-list .feat-item .feat-icon { flex-shrink: 0; width: 40px; height: 40px; background: #795a43; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; }
.prod-detail .prod-features .feat-list .feat-item .feat-txt h4 { font-size: 15px; color: #262626; margin-bottom: 4px; }
.prod-detail .prod-features .feat-list .feat-item .feat-txt p { font-size: 13px; color: #666; line-height: 20px; }
.prod-detail .prod-related { }
.prod-detail .prod-related h3 { font-size: 20px; color: #262626; margin-bottom: 15px; }
.prod-detail .prod-related .related-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.prod-detail .prod-related .related-list .related-item { text-align: center; }
.prod-detail .prod-related .related-list .related-item img { width: 100%; height: 140px; object-fit: cover; margin-bottom: 8px; }
.prod-detail .prod-related .related-list .related-item a { font-size: 14px; color: #262626; }
.prod-detail .prod-related .related-list .related-item a:hover { color: #795a43; }

/* ========== 新闻列表 ========== */
.news-list .news-item { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px dashed #ddd; }
.news-list .news-item:last-child { border-bottom: none; }
.news-list .news-item .news-thumb { flex: 0 0 200px; height: 140px; overflow: hidden; }
.news-list .news-item .news-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.news-list .news-item:hover .news-thumb img { transform: scale(1.05); }
.news-list .news-item .news-txt { flex: 1; }
.news-list .news-item .news-txt h3 { font-size: 18px; margin-bottom: 8px; }
.news-list .news-item .news-txt h3 a { color: #262626; }
.news-list .news-item .news-txt h3 a:hover { color: #795a43; }
.news-list .news-item .news-txt .news-meta { font-size: 12px; color: #999; margin-bottom: 8px; }
.news-list .news-item .news-txt .news-summary { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* ========== 新闻详情 ========== */
.news-detail .view-title { font-size: 22px; color: #262626; text-align: center; padding: 10px 0; }
.news-detail .view-date { text-align: center; font-size: 12px; color: #999; padding-bottom: 20px; border-bottom: 1px dashed #ddd; margin-bottom: 20px; }
.news-detail .view-body { line-height: 2; font-size: 15px; color: #4a4b4b; }
.news-detail .view-body p { margin-bottom: 15px; text-indent: 2em; }
.news-detail .view-body img { max-width: 100%; display: block; margin: 20px auto; }
.news-detail .view-pages { margin-top: 30px; padding-top: 20px; border-top: 1px solid #ebebeb; }
.news-detail .view-pages p { line-height: 30px; font-size: 14px; }
.news-detail .view-pages p a { color: #795a43; }
.news-detail .view-back { display: block; width: 100px; height: 30px; margin: 20px auto 0; text-align: center; line-height: 30px; background: #795a43; color: #fff; font-size: 14px; border-radius: 3px; }
.news-detail .view-back:hover { background: #333; }

/* ========== 关于我们 ========== */
.about-page .about-intro { line-height: 2; font-size: 15px; color: #4a4b4b; margin-bottom: 30px; }
.about-page .about-intro p { margin-bottom: 15px; text-indent: 2em; }
.about-page .timeline { position: relative; padding: 20px 0; }
.about-page .timeline::before { content: ''; position: absolute; left: 20px; top: 0; bottom: 0; width: 3px; background: #795a43; }
.about-page .timeline .tl-item { position: relative; padding-left: 60px; margin-bottom: 30px; }
.about-page .timeline .tl-item::before { content: ''; position: absolute; left: 12px; top: 5px; width: 19px; height: 19px; background: #795a43; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 3px #795a43; }
.about-page .timeline .tl-item .tl-year { font-size: 18px; font-weight: bold; color: #795a43; margin-bottom: 5px; }
.about-page .timeline .tl-item .tl-desc { font-size: 14px; color: #666; line-height: 24px; }
.about-page .culture-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }
.about-page .culture-cards .cul-card { text-align: center; padding: 30px 20px; background: #faf8f6; border: 1px solid #ebebeb; transition: all 0.3s; }
.about-page .culture-cards .cul-card:hover { transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.about-page .culture-cards .cul-card .cul-icon { width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #795a43; color: #fff; font-size: 24px; margin: 0 auto 15px; }
.about-page .culture-cards .cul-card h3 { font-size: 18px; color: #262626; margin-bottom: 10px; }
.about-page .culture-cards .cul-card p { font-size: 13px; color: #666; line-height: 22px; }
.about-page .team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.about-page .team-grid .team-card { text-align: center; }
.about-page .team-grid .team-card img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin-bottom: 10px; border: 3px solid #795a43; }
.about-page .team-grid .team-card h4 { font-size: 15px; color: #262626; }
.about-page .team-grid .team-card p { font-size: 13px; color: #795a43; }

/* ========== 联系我们 ========== */
.contact-page .contact-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px; }
.contact-page .contact-info .cinfo-card { text-align: center; padding: 30px 15px; background: #faf8f6; border: 1px solid #ebebeb; }
.contact-page .contact-info .cinfo-card .cinfo-icon { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #795a43; color: #fff; font-size: 20px; margin: 0 auto 12px; }
.contact-page .contact-info .cinfo-card h4 { font-size: 16px; color: #262626; margin-bottom: 5px; }
.contact-page .contact-info .cinfo-card p { font-size: 14px; color: #666; line-height: 24px; }
.contact-page .msg-form { max-width: 600px; margin: 0 auto; }
.contact-page .msg-form .form-group { margin-bottom: 15px; display: flex; align-items: center; }
.contact-page .msg-form .form-group label { width: 100px; text-align: right; margin-right: 15px; font-size: 14px; color: #262626; flex-shrink: 0; }
.contact-page .msg-form .form-group label span { color: red; }
.contact-page .msg-form .form-group input, .contact-page .msg-form .form-group textarea { flex: 1; padding: 10px 12px; border: 1px solid #d9d9d9; border-radius: 3px; font-size: 14px; outline: none; transition: border-color 0.3s; }
.contact-page .msg-form .form-group input:focus, .contact-page .msg-form .form-group textarea:focus { border-color: #795a43; }
.contact-page .msg-form .form-group textarea { height: 120px; resize: none; }
.contact-page .msg-form .form-submit { text-align: center; }
.contact-page .msg-form .form-submit button { padding: 12px 60px; background: #795a43; color: #fff; font-size: 16px; border-radius: 3px; cursor: pointer; transition: all 0.3s; }
.contact-page .msg-form .form-submit button:hover { background: #333; }

/* ========== 分页 ========== */
.pagination { text-align: center; padding: 20px 0; }
.pagination a, .pagination span { display: inline-block; padding: 6px 14px; margin: 0 3px; border: 1px solid #ddd; font-size: 14px; color: #555; background: #fff; }
.pagination a:hover { background: #795a43; color: #fff; border-color: #795a43; }
.pagination .current { background: #795a43; color: #fff; border-color: #795a43; }

/* ========== 浮动工具栏 ========== */
.float-tools { position: fixed; z-index: 9999; right: 0; top: 50%; transform: translateY(-50%); }
.float-tools ul li { position: relative; width: 50px; height: 50px; margin: 1px; background: #795a43; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; font-size: 20px; color: #fff; }
.float-tools ul li:hover { background: #333; }
.float-tools ul li .tooltip { display: none; position: absolute; right: 55px; white-space: nowrap; background: #333; color: #fff; padding: 8px 15px; font-size: 13px; border-radius: 3px; }
.float-tools ul li:hover .tooltip { display: block; }
.float-tools ul .back-top { display: none; }

/* ========== 图片兜底 ========== */
.img-fallback { background: linear-gradient(135deg, #795a43, #c2a684); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 200px; color: #fff; font-size: 14px; border-radius: 8px; }

/* ========== 淡入动画 ========== */
.fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

/* ========== 响应式 ========== */
@media screen and (max-width: 1024px) {
  .main { padding: 0 15px; }
  .about-sec .main { flex-direction: column; }
  .about-sec .aboutimg { flex: 0 0 auto; height: 300px; }
  .product-sec .product-main { flex-direction: column; }
  .product-sec .product-slider { flex: 0 0 auto; height: 350px; max-width: 100%; }
  .indnews-sec .indnews-wrap { flex-direction: column; }
  .indnews-sec .indnews-right { flex: 0 0 auto; height: 300px; }
  .case-sec .case-carousel .case-card { flex: 0 0 calc(50% - 8px); }
  .news-sec .news-grid { grid-template-columns: 1fr; }
  .prod-list { grid-template-columns: repeat(2, 1fr); }
  .prod-detail .prod-dtop { flex-direction: column; }
  .prod-detail .prod-dtop .prod-dimg { flex: 0 0 auto; height: 280px; }
  .about-page .culture-cards { grid-template-columns: 1fr 1fr; }
  .about-page .team-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-page .contact-info { grid-template-columns: 1fr 1fr; }
  .page-content { flex-direction: column; }
  .sidebar { flex: 0 0 auto; }
  .footer .footer-main { flex-wrap: wrap; gap: 20px; }
  .footer .footer-main .foot-col { flex: 0 0 calc(50% - 10px); }
}

@media screen and (max-width: 768px) {
  .topbox .header { flex-direction: column; gap: 15px; text-align: center; }
  .topbox .tel { padding-left: 0; background: none; }
  .menubox .navinner { position: relative; }
  .menubox .navlist { display: none; flex-direction: column; position: absolute; top: 60px; left: 0; width: 100%; background: #2d241e; z-index: 200; }
  .menubox .navlist.open { display: flex; }
  .menubox .navlist li { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); }
  .menubox .navlist li a { padding: 0 20px; }
  .menubox .navlist li .subnav { position: static; width: 100%; transform: none; background: #1a1510; }
  .menu-toggle { display: block; }
  .banner-box { height: 250px; }
  .banner-box .banner-list .banner-item .banner-txt h2 { font-size: 24px; }
  .banner-box .banner-list .banner-item .banner-txt p { font-size: 14px; }
  .notice-bar { height: auto; padding: 10px 0; }
  .notice-bar .notice-l { width: 100%; height: auto; line-height: 40px; }
  .notice-bar .search-box { width: 100%; max-width: none; margin-top: 10px; }
  .news-sec .news-card { flex-direction: column; }
  .news-sec .news-card .news-img { flex: 0 0 auto; height: 180px; }
  .product-sec .product-grid { grid-template-columns: 1fr; }
  .case-sec .case-carousel .case-card { flex: 0 0 100%; }
  .prod-list { grid-template-columns: 1fr; }
  .prod-detail .prod-features .feat-list { grid-template-columns: 1fr; }
  .prod-detail .prod-related .related-list { grid-template-columns: repeat(2, 1fr); }
  .about-page .culture-cards { grid-template-columns: 1fr; }
  .about-page .team-grid { grid-template-columns: 1fr 1fr; }
  .contact-page .contact-info { grid-template-columns: 1fr; }
  .contact-page .msg-form .form-group { flex-direction: column; align-items: stretch; }
  .contact-page .msg-form .form-group label { width: auto; text-align: left; margin-bottom: 5px; }
  .n-banner { height: 200px; }
  .n-banner .n-banner-txt h1 { font-size: 26px; }
  .footer .footer-main .foot-col { flex: 0 0 100%; }
  .news-list .news-item { flex-direction: column; }
  .news-list .news-item .news-thumb { flex: 0 0 auto; height: 180px; }
  .float-tools { display: none; }
}

@media screen and (max-width: 480px) {
  .logo .logotxt .brand { font-size: 18px; }
  .banner-box { height: 200px; }
  .about-page .team-grid { grid-template-columns: 1fr; }
  .sec-title a span { font-size: 20px; }