@charset "utf-8";
/* 芜湖市晓安文化传媒 — 基于参考站522棕#9c541a主题还原 */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:14px;color:#535353;overflow-x:hidden;background:#fff}
ul,li,dl,dd{list-style:none}
img{border:0;max-width:100%;display:block}
a{text-decoration:none;color:#444;transition:all .35s}
a:hover{color:#9c541a}
h1,h2,h3,h4{font-weight:normal}
.clear{clear:both}
.main{width:1004px;margin:0 auto;position:relative}
.wrap{width:1004px;margin:0 auto}
.img-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;color:#fff;font-size:13px;background:linear-gradient(135deg,#9c541a,#b67540)}

/* ── topbox 顶部信息栏 + 导航（menubox 在 topbox 内部）── */
.topbox{background:#fff;position:relative;z-index:50}
.lotbox{height:94px}
.lotbox .main{display:flex;align-items:center;justify-content:space-between;height:94px}
.logo{display:flex;align-items:center;gap:12px}
.logo .logo-ico{width:48px;height:48px;flex:none}
.logo .logo-txt .b1{font-size:24px;font-weight:bold;color:#2a2a2a;letter-spacing:1px}
.logo .logo-txt .b2{font-size:12px;color:#9c541a;letter-spacing:3px;margin-top:2px}
.tel{display:flex;align-items:center;gap:10px;color:#9c541a}
.tel .tel-ico{width:30px;height:30px;flex:none}
.tel .tel-txt .t1{font-size:12px;color:#999}
.tel .tel-txt .t2{font-size:22px;font-family:Impact,Arial;color:#9c541a;letter-spacing:1px}
.menubox{height:47px;background:#e4e4e4;position:relative;z-index:40}
.menubox-in{width:1004px;margin:0 auto;position:relative;display:flex;align-items:center}
.menu{display:flex;height:47px}
.menu li{position:relative}
.menu li a{display:block;height:47px;line-height:47px;padding:0 26px;font-size:16px;color:#1a1a1a}
.menu li a:hover,.menu li a.cur{background:#9c541a;color:#fff}
.menu li .sub{display:none;position:absolute;left:0;top:47px;width:160px;background:#e4e4e4;border-top:1px solid #d2d2d2;z-index:999}
.menu li .sub a{height:38px;line-height:38px;font-size:14px;color:#1a1a1a;border-bottom:1px solid #d2d2d2;padding:0 0 0 20px}
.menu li .sub a:hover{color:#fff;background:#9c541a}
.menu li:hover .sub{display:block}
.menu-btn{display:none;width:44px;height:44px;background:#9c541a;border:0;color:#fff;font-size:22px;cursor:pointer;margin-left:auto}

/* ── Banner 轮播 ── */
.banner{position:relative;width:100%;height:400px;overflow:hidden}
.banner-bd{height:400px;position:relative}
.banner-bd li{height:400px;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;transition:opacity .8s;opacity:0}
.banner-bd li:first-child{opacity:1}
.banner-hd{position:absolute;left:0;right:0;bottom:18px;text-align:center;z-index:5}
.banner-hd li{display:inline-block;width:12px;height:12px;border-radius:50%;background:rgba(0,0,0,.4);margin:0 4px;cursor:pointer}
.banner-hd li.on{background:#9c541a}
.banner-prev,.banner-next{position:absolute;top:50%;margin-top:-30px;width:30px;height:60px;background:rgba(0,0,0,.3);color:#fff;font-size:28px;line-height:60px;text-align:center;cursor:pointer;z-index:5}
.banner-prev{left:10px}.banner-next{right:10px}
.banner-prev:hover,.banner-next:hover{background:#9c541a}

/* ── 公告 marquee ── */
.notice{padding:10px 0;border-bottom:1px solid #f0f0f0}
.notice-in{width:1004px;margin:0 auto;height:35px;line-height:35px;color:#333;font-size:14px;display:flex;align-items:center}
.notice-in .nlabel{color:#9c541a;font-weight:bold;font-size:15px;margin-right:10px;flex:none}
.notice-in marquee{flex:1;color:#4c4c4c;font-size:15px}

/* ── 通用区块标题 ── */
.sctitle{text-align:center;padding-top:36px}
.sctitle h2{font-size:24px;color:#1a1a1a;letter-spacing:1px;display:inline-block;padding-bottom:8px;border-bottom:2px solid #9c541a}
.sctitle h2 em{font-style:normal;font-size:18px;color:#acacac;margin-left:8px;letter-spacing:2px}
.secsub{color:#b4b4b4;text-align:center;font-size:13px;padding-top:8px}
.more-link{display:inline-block;color:#9c541a;font-size:13px;border:1px solid #9c541a;padding:4px 16px;border-radius:2px}
.more-link:hover{background:#9c541a;color:#fff}

/* ── 新闻动态 3列 ── */
.news-sec{background:linear-gradient(180deg,#faf6f0,#fff);padding-bottom:50px}
.news-list{width:1004px;margin:36px auto 0;display:flex;justify-content:center;gap:22px}
.news-card{width:305px;background:#fff;border:1px solid #f0f0f0}
.news-card .nc-img{position:relative;width:246px;height:185px;margin:12px auto 0;overflow:hidden}
.news-card .nc-img img{width:246px;height:185px;object-fit:cover;transition:.5s}
.news-card:hover .nc-img img{transform:scale(1.05)}
.news-card .nc-body{padding:8px 16px 16px;text-align:center}
.news-card .nc-body a.t{display:block;font-size:14px;color:#1a1a1a;line-height:40px;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-card .nc-body a.t:hover{color:#9c541a}
.news-card .nc-body p{font-size:13px;color:#838383;line-height:22px;margin-top:9px;height:66px;overflow:hidden}

/* ── 产品中心 左侧栏+网格 ── */
.pro-sec{position:relative;padding-bottom:50px;background:linear-gradient(180deg,#f6f1e8,#efe7d6)}
.pro-sec .wrap{position:relative}
.pro-layout{display:flex;gap:18px;margin-top:30px}
.pro-side{width:175px;flex:none;background:#dfd4b8;padding:0 0 12px}
.pro-side-title{text-align:center;font-size:13px;color:#7c7c7c;line-height:24px;border:1px solid #f0eadd;border-top:1px solid #beaf8b;margin:8px;padding-top:12px}
.pro-side-title strong{display:block;font-size:20px;color:#452412;font-weight:bold;margin-bottom:4px}
.pro-cats{max-height:300px;overflow-y:auto;padding:8px}
.pro-cats::-webkit-scrollbar{width:4px}.pro-cats::-webkit-scrollbar-thumb{background:#beaf8b;border-radius:4px}
.pro-cats .cat{display:block;background:#9c541a;color:#fff;font-size:13px;height:29px;line-height:29px;padding-left:16px;margin-bottom:8px;cursor:pointer}
.pro-cats .cat:hover{background:#b67540}
.pro-side-more{padding:8px;text-align:center}
.pro-side-more a{display:block;background:#452412;color:#fff;font-size:13px;padding:8px}
.pro-side-hot{background:#fff;margin:8px;padding:12px 8px;text-align:center}
.pro-side-hot .lbl{font-size:12px;color:#888}
.pro-side-hot .num{font-size:20px;color:#9d5a25;font-family:Impact;display:block;margin-top:4px}
.pro-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pro-card{position:relative;width:100%;height:197px;overflow:hidden}
.pro-card img{width:100%;height:197px;object-fit:cover;transition:.5s}
.pro-card:hover img{transform:scale(1.06)}
.pro-card .pc-name{position:absolute;left:0;bottom:0;width:calc(100% - 50px);padding:0 14px;height:42px;line-height:42px;background:rgba(60,40,20,.6);color:#fff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pro-card .pc-zoom{position:absolute;right:0;bottom:0;width:50px;height:42px;background:#9c541a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.pro-card .pc-zoom:hover{background:#452412}

/* ── 案例 / 荣誉 跑马灯 ── */
.scroller-sec{padding-bottom:50px}
.scroller{width:1004px;margin:30px auto 0;position:relative}
.scroller-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.scroller-track::-webkit-scrollbar{height:6px}.scroller-track::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}
.scroller-slide{flex:none;width:232px;scroll-snap-align:start}
.scroller-slide .ss-img{width:232px;height:173px;border:3px solid #dadada;overflow:hidden;transition:.3s}
.scroller-slide .ss-img img{width:100%;height:100%;object-fit:cover}
.scroller-slide:hover .ss-img{border-color:#9c541a}
.scroller-more{text-align:center;margin-top:24px}

/* ── 关于我们 ── */
.about-sec{background:#f2ede4;padding:0 0 60px}
.about-layout{width:1004px;margin:30px auto 0;background:#ececec;display:flex;align-items:stretch}
.about-img{width:478px;flex:none;margin:14px 0 14px 14px;border:4px solid #fff;overflow:hidden}
.about-img img{width:100%;height:207px;object-fit:cover}
.about-text{flex:1;padding:20px 26px}
.about-text .at-head{display:flex;justify-content:space-between;align-items:center}
.about-text h3{font-size:18px;color:#2a2a2a;border-bottom:2px solid #9c541a;display:inline-block;padding-bottom:4px}
.about-text p{font-size:13px;color:#2a2a2a;line-height:26px;margin-top:14px}

/* ── 行业动态 左图+特写+列表 ── */
.dyn-sec{padding-bottom:50px}
.dyn-layout{width:1004px;margin:30px auto 0}
.dyn-img{float:left;width:326px;height:244px;border:3px solid #cacaca;overflow:hidden}
.dyn-img img{width:100%;height:100%;object-fit:cover;transition:.5s}
.dyn-img:hover img{transform:scale(1.08)}
.dyn-feat{float:left;width:640px;padding-left:30px}
.dyn-feat .df-t{color:#b1b1b1;font-size:13px}
.dyn-feat .df-t a{color:#1a1a1a;font-size:16px;display:block;margin-bottom:4px;font-weight:bold}
.dyn-feat .df-t a:hover{color:#9c541a}
.dyn-feat .df-c{color:#808080;font-size:13px;line-height:22px;height:66px;overflow:hidden;margin-top:6px}
.dyn-list{float:left;width:640px;margin-left:30px;border-top:1px solid #e2e2e2;padding-top:10px}
.dyn-list dl{height:33px;line-height:33px;font-size:14px;color:#b1b1b1}
.dyn-list dl dt{float:left;width:500px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dyn-list dl dt a{color:#1a1a1a}
.dyn-list dl dt a:hover{color:#9c541a}
.dyn-list dl dd{float:right}

/* ── 友情链接 ── */
.partners{width:996px;margin:30px auto;padding:6px;background:#f6f1e8}
.partners-in{background:#fff;padding:12px 16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.partners-in .plabel{color:#9c541a;font-weight:bold;font-size:14px;padding-right:10px;border-right:1px solid #eee}
.partners-in a{font-size:13px;color:#4e4e4e}
.partners-in a:hover{color:#9c541a}

/* ── 页脚 ── */
.footer{background:#9c541a;color:#fff;padding:40px 0 0}
.footer-in{width:1004px;margin:0 auto;position:relative;display:flex;justify-content:space-between}
.footer-nav{width:340px}
.footer-nav h4{font-size:14px;color:#fff;height:34px;line-height:34px;border-bottom:1px solid #b67540}
.footer-nav .fn-links{line-height:30px;padding-top:6px}
.footer-nav .fn-links a{color:#ffd2ae;margin-right:14px;font-size:13px}
.footer-nav .fn-links a:hover{color:#fff}
.footer-contact{width:380px;text-align:right}
.footer-contact .fc-hot{font-size:16px}
.footer-contact .fc-hot b{font-family:Impact;font-size:26px}
.footer-contact .fc-info{line-height:26px;font-size:13px;color:#ffd2ae;margin-top:12px}
.footer-qr{position:absolute;left:50%;top:0;margin-left:-88px;width:176px;text-align:center;background:#fff;border-radius:4px;padding:10px 0}
.footer-qr img{width:97px;height:97px;margin:0 auto}
.footer-qr p{color:#9c541a;font-size:12px;margin-top:6px}
.copyright{background:#252525;text-align:center;color:#676767;font-size:12px;height:48px;line-height:48px}
.copyright a{color:#676767}.copyright a:hover{color:#aaa}

/* ── 浮动工具 ── */
.float-tools{position:fixed;right:0;top:50%;margin-top:-130px;z-index:999;text-align:center}
.float-tools li{position:relative;width:62px;height:62px;margin:1px 0;background:#9c541a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px}
.float-tools li:hover{background:#333}
.float-tools li span{display:none;position:absolute;right:64px;top:0;width:140px;line-height:62px;background:#333;color:#fff;font-size:13px;padding:0 12px;white-space:nowrap}
.float-tools li:hover span{display:block}
.float-tools li span img{width:120px;height:120px;margin:-30px 0}
.float-tools .ft-tel,.float-tools .ft-qr{font-size:22px}
.float-tools .ft-top:hover{background:#9c541a}

/* ── 内页 banner + 面包屑 ── */
.n-banner{height:319px;background-position:center;background-size:cover;position:relative}
.n-banner:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}
.ntit{background:#9c541a}
.ntit-in{width:1004px;margin:0 auto;height:54px;display:flex;align-items:center;justify-content:space-between}
.ntt h1{font-size:20px;color:#fff;font-weight:normal;display:inline}
.ntt i{font-style:normal;color:#ffd2ae;font-size:13px;margin-left:10px}
.weiz{font-size:13px;color:#ffd2ae}
.weiz a{color:#ffd2ae}.weiz a:hover{color:#fff}

/* ── 内页主体（左栏+右栏）── */
.product{width:1004px;margin:30px auto;display:flex;gap:18px}
.sub-side{width:225px;flex:none}
.sub-side-title{background:#dfd4b8;text-align:center;color:#452412;font-size:18px;border:1px solid #f0eadd;border-top:1px solid #beaf8b;padding:14px}
.sub-side-title strong{display:block;font-size:20px}
.sub-side-title em{display:block;color:#beaf8b;font-family:"Times New Roman",serif;font-size:12px;font-style:normal}
.sidenav{background:#fff;padding:10px 0}
.sidenav li a{display:block;height:40px;line-height:40px;padding:0 18px;font-size:14px;color:#333;border-bottom:1px solid #f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidenav li a:hover,.sidenav li a.cur{background:#9c541a;color:#fff;padding-left:26px}
.sub-contact{background:#3c2a1a;color:#fff;padding:14px;margin-top:14px;font-size:13px;line-height:24px}
.sub-contact b{color:#ffd2ae}
.sub-main{flex:1;background:#fff;padding:24px;min-height:500px}

/* 产品列表网格 */
.plist-title{border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:16px}
.plist-title h2{font-size:18px;color:#9c541a;font-weight:bold;display:inline-block}
.plist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pitem{border:1px solid #f0f0f0;text-align:center;position:relative}
.pitem .pi-img{position:relative;width:100%;height:160px;overflow:hidden}
.pitem .pi-img img{width:100%;height:100%;object-fit:cover;transition:.5s}
.pitem:hover .pi-img img{transform:scale(1.06)}
.pitem .pi-zoom{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;background:rgba(156,84,26,.85);border-radius:50%;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:.4s;transform:translateY(-20px)}
.pitem:hover .pi-zoom{opacity:1;transform:translateY(0)}
.pitem .pi-name{font-size:14px;color:#333;line-height:38px;border-top:1px solid #f0f0f0}
.pitem:hover .pi-name{color:#9c541a}

/* 详情页 */
.view-title{text-align:center;font-size:20px;color:#333;line-height:36px;padding:8px 0}
.view-date{text-align:center;font-size:12px;color:#999;padding-bottom:14px;border-bottom:1px dashed #eee;margin-bottom:18px}
.view-date span{margin:0 8px}
.view-body{font-size:14px;line-height:28px;color:#444}
.view-body p{margin-bottom:14px;text-indent:2em}
.view-body img{margin:14px auto;max-width:100%;border:1px solid #f0f0f0}
.view-body h3{font-size:16px;color:#9c541a;margin:18px 0 10px;text-indent:0;font-weight:bold}
.view-pages{margin-top:24px;border-top:1px dashed #eee;padding-top:14px}
.view-pages p{height:30px;line-height:30px;overflow:hidden}
.view-pages p a{color:#1d1d1d}.view-pages p a:hover{color:#9c541a}
.view-back{display:block;width:140px;height:38px;line-height:38px;text-align:center;background:#9c541a;color:#fff;margin:18px auto 0;border-radius:3px}
.view-back:hover{background:#333}

/* 产品详情 */
.pd-head{display:flex;gap:20px;padding-bottom:20px;border-bottom:1px solid #eee}
.pd-head .pd-img{width:340px;height:260px;overflow:hidden;flex:none;border:1px solid #f0f0f0}
.pd-head .pd-img img{width:100%;height:100%;object-fit:cover}
.pd-head .pd-info{flex:1}
.pd-head .pd-info h2{font-size:22px;color:#9c541a;margin-bottom:12px;font-weight:bold}
.pd-head .pd-info .pd-brief{font-size:13px;color:#666;line-height:24px;margin-bottom:14px}
.pd-head .pd-info .pd-price{color:#9c541a;font-size:15px;margin-bottom:10px}
.pd-para{margin:20px 0}
.pd-para h3,.pd-feat h3,.pd-rel h3{font-size:16px;color:#9c541a;border-left:4px solid #9c541a;padding-left:10px;margin-bottom:12px;font-weight:bold}
.pd-para table{width:100%;border-collapse:collapse;font-size:13px}
.pd-para td{border:1px solid #eee;padding:8px 12px}
.pd-para td:first-child{background:#faf6f0;color:#666;width:30%}
.pd-feat{margin:20px 0}
.pd-feat ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pd-feat li{display:flex;gap:10px;padding:12px;background:#faf6f0;border-radius:4px}
.pd-feat li .pf-ico{width:32px;height:32px;flex:none;background:#9c541a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}
.pd-feat li b{display:block;font-size:14px;color:#333}
.pd-feat li p{font-size:12px;color:#888;margin-top:2px}
.pd-rel{margin-top:20px}
.pd-rel .pr-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pd-rel .pr-item img{width:100%;height:90px;object-fit:cover}
.pd-rel .pr-item p{font-size:12px;color:#666;padding:6px;text-align:center;background:#faf6f0}

/* 新闻列表 */
.nlist .nl-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px dashed #eee}
.nlist .nl-item .nl-img{width:200px;height:140px;flex:none;overflow:hidden}
.nlist .nl-item .nl-img img{width:100%;height:100%;object-fit:cover;transition:.5s}
.nlist .nl-item:hover .nl-img img{transform:scale(1.05)}
.nlist .nl-item .nl-body{flex:1}
.nlist .nl-item .nl-body h3{font-size:16px;color:#333;margin-bottom:8px}
.nlist .nl-item:hover .nl-body h3{color:#9c541a}
.nlist .nl-item .nl-body .nl-date{font-size:12px;color:#999;margin-bottom:8px}
.nlist .nl-item .nl-body p{font-size:13px;color:#888;line-height:22px}

/* 关于我们页 */
.about-page{padding:10px 0}
.about-page h3{font-size:18px;color:#9c541a;border-left:4px solid #9c541a;padding-left:12px;margin:24px 0 14px;font-weight:bold}
.about-page p{font-size:14px;line-height:28px;color:#555;margin-bottom:12px;text-indent:2em}
.about-page img.ab-block{width:100%;max-height:280px;object-fit:cover;margin:10px 0}
.timeline{position:relative;padding:20px 0;margin:14px 0}
.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#dfd4b8;transform:translateX(-1px)}
.tl-item{width:50%;padding:0 30px 24px;position:relative}
.tl-item:nth-child(odd){left:0;text-align:right}
.tl-item:nth-child(even){left:50%}
.tl-item:before{content:"";position:absolute;top:6px;width:12px;height:12px;border-radius:50%;background:#9c541a;border:2px solid #fff;box-shadow:0 0 0 2px #9c541a}
.tl-item:nth-child(odd):before{right:-6px}
.tl-item:nth-child(even):before{left:-6px}
.tl-item .tl-year{font-size:22px;color:#9c541a;font-family:Impact;font-weight:bold}
.tl-item .tl-t{font-size:15px;color:#333;font-weight:bold;margin:4px 0}
.tl-item .tl-d{font-size:13px;color:#888;line-height:22px}
.culture-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0}
.culture-card{background:#faf6f0;border-top:3px solid #9c541a;padding:24px 18px;text-align:center}
.culture-card .cc-ico{width:50px;height:50px;margin:0 auto 12px;background:#9c541a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}
.culture-card h4{font-size:16px;color:#333;margin-bottom:8px}
.culture-card p{font-size:13px;color:#888;line-height:22px;text-indent:0}
.team-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0}
.team-item{text-align:center;background:#fff;border:1px solid #f0f0f0;padding:16px}
.team-item img{width:140px;height:140px;border-radius:50%;object-fit:cover;margin:0 auto 12px}
.team-item h4{font-size:16px;color:#333}
.team-item p{font-size:13px;color:#9c541a;margin-top:4px}

/* 联系我们 */
.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0}
.contact-card{background:#faf6f0;border-top:3px solid #9c541a;padding:24px 16px;text-align:center}
.contact-card .ci-ico{width:50px;height:50px;margin:0 auto 12px;background:#9c541a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}
.contact-card h4{font-size:15px;color:#333;margin-bottom:6px}
.contact-card p{font-size:13px;color:#666;line-height:22px}
.msg-form{margin:24px 0;background:#faf6f0;padding:24px}
.msg-form h3{font-size:18px;color:#9c541a;margin-bottom:16px;font-weight:bold}
.msg-form .mf-row{margin-bottom:12px}
.msg-form .mf-row label{display:block;font-size:13px;color:#666;margin-bottom:6px}
.msg-form .mf-row input,.msg-form .mf-row textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:3px;font-size:14px;font-family:inherit;background:#fff}
.msg-form .mf-row input:focus,.msg-form .mf-row textarea:focus{border-color:#9c541a;outline:none;box-shadow:0 0 5px rgba(156,84,26,.2)}
.msg-form .mf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.msg-form button{background:#9c541a;color:#fff;border:0;padding:12px 40px;font-size:15px;cursor:pointer;border-radius:3px}
.msg-form button:hover{background:#452412}

/* fade-in 动画 */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}
.fade-in.visible{opacity:1;transform:none}

/* ── 响应式 ── */
@media(max-width:1024px){
  .main,.wrap,.menu,.menubox-in,.notice-in,.news-list,.pro-layout,.about-layout,.dyn-layout,.dyn-feat,.dyn-list,.footer-in,.ntit-in,.product,.scroller{width:auto;max-width:1004px}
  .pro-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  body{font-size:13px}
  .main,.wrap,.menu,.menubox-in,.notice-in,.news-list,.pro-layout,.about-layout,.dyn-layout,.dyn-feat,.dyn-list,.footer-in,.ntit-in,.product,.scroller,.partners{width:100%}
  .lotbox{height:auto;padding:10px 14px}
  .lotbox .main{height:auto;flex-wrap:wrap;gap:8px}
  .logo .logo-ico{width:40px;height:40px}
  .logo .logo-txt .b1{font-size:20px}
  .tel .tel-txt .t2{font-size:18px}
  .menubox{height:auto}
  .menubox-in{padding:0 10px}
  .menu{display:none;flex-direction:column;width:100%;height:auto;background:#e4e4e4;position:absolute;top:47px;left:0}
  .menu.open{display:flex}
  .menu li{width:100%}
  .menu li a{height:44px;line-height:44px;padding:0 18px}
  .menu li .sub{position:static;width:100%;display:none;background:#dadada}
  .menu li.open-sub .sub{display:block}
  .menu-btn{display:block;margin-left:auto}
  .banner,.banner-bd,.banner-bd li{height:220px}
  .banner-prev,.banner-next{display:none}
  .news-list{flex-direction:column;gap:14px;padding:0 14px}
  .news-card{width:100%}
  .news-card .nc-img{width:100%;height:auto;aspect-ratio:4/3}
  .news-card .nc-img img{width:100%;height:100%}
  .pro-layout{flex-direction:column;padding:0 14px}
  .pro-side{width:100%}
  .pro-grid{grid-template-columns:repeat(2,1fr)}
  .about-layout{flex-direction:column;padding:14px}
  .about-img{width:auto;margin:0}
  .about-img img{height:auto;aspect-ratio:21/9}
  .dyn-img{float:none;width:calc(100% - 28px);margin:0 14px}
  .dyn-feat,.dyn-list{float:none;width:auto;padding-left:14px;margin-left:0;margin-top:14px}
  .dyn-list dl dt{width:65%}
  .partners{width:auto;margin:14px}
  .partners-in{padding:10px}
  .footer-in{flex-direction:column;text-align:center;gap:20px;padding:0 14px}
  .footer-nav,.footer-contact{width:100%;text-align:center}
  .footer-qr{position:static;margin:0 auto}
  .float-tools{transform:scale(.85);transform-origin:top right}
  .n-banner{height:180px}
  .ntit-in{height:auto;padding:10px 14px;flex-direction:column;align-items:flex-start;gap:4px}
  .product{flex-direction:column;padding:0 14px}
  .sub-side{width:100%}
  .plist,.pd-rel .pr-list,.pd-feat ul{grid-template-columns:repeat(2,1fr)}
  .pd-head{flex-direction:column}
  .pd-head .pd-img{width:100%;height:auto;aspect-ratio:4/3}
  .contact-info,.culture-cards,.team-list,.msg-form .mf-grid{grid-template-columns:1fr}
  .tl-item{width:100%;text-align:left!important;left:0!important;padding:0 0 20px 24px}
  .timeline:before{left:6px}
  .tl-item:before{left:0!important;right:auto!important}
}