:root{--brand:#0faac5;--brand-dark:#0fabc4;--brand-light:#4bbfd4;--text:#888787;--heading:#4c4c4c;--link:#333333;--topbar-bg:#f2f3f9;--border:#ededed}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:var(--text);line-height:20px;background:#fff}a{color:var(--link);text-decoration:none}a:hover{color:var(--brand-dark)}img{display:block}.container{width:1200px;margin:0 auto}.topbar{background:var(--topbar-bg);height:30px;line-height:30px}.topbar .topbar-inner{display:flex;justify-content:space-between;align-items:center}.topbar img{display:block}.header{background:#fff}.header .header-inner{display:flex;justify-content:space-between;align-items:flex-end;height:120px}.header .logo img{width:700px;height:80px}.header .header-email{display:flex;align-items:center;gap:8px;padding-bottom:12px;color:#000;font-size:14px}.header .header-email img{width:30px;height:22px}.header .header-email a{color:var(--link)}.nav{background:var(--brand);height:50px}.nav .nav-inner{display:flex;height:50px}.nav .brand-link{display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;border-right:1px solid var(--brand-light);cursor:pointer;text-align:center;flex-shrink:0}.nav .brand-link.active,.nav .brand-link:hover{background:#fff;color:#000}.nav .nav-spacer{flex:1 1}.nav .nav-search{display:flex;align-items:center;background:#fff;height:30px;align-self:center;flex-shrink:0}.nav .nav-search input[type=text]{width:185px;height:30px;border:none;outline:none;text-indent:12px;font-size:14px;color:#000;font-family:inherit}.nav .nav-search input[type=image]{width:26px;height:24px;margin-right:8px;cursor:pointer}.page-body{padding:30px 0 50px}.breadcrumb{font-size:14px;border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:25px}.breadcrumb,.breadcrumb a{color:var(--text)}.breadcrumb a:hover{color:var(--brand-dark)}.with-sidebar{display:flex;gap:30px}.sidebar{width:250px;flex-shrink:0}.sidebar .panel{border:1px solid var(--border);margin-bottom:20px}.sidebar .panel-title{background:var(--brand);color:#fff;font-size:16px;font-weight:700;padding:12px 15px}.sidebar .panel-body{padding:10px 15px}.sidebar .cat-link{display:block;padding:9px 5px;border-bottom:1px dashed #e5e5e5;color:var(--link)}.sidebar .cat-link:last-child{border-bottom:none}.sidebar .cat-link:hover{color:var(--brand-dark)}.sidebar .contact-card{font-size:13px;line-height:24px}.main-content{flex:1 1;min-width:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px 20px;gap:24px 20px}.product-card{text-align:center}.product-card .img-wrap{border:1px solid var(--border);padding:5px;cursor:pointer;background:#fff}.product-card .img-wrap:hover{border-color:var(--brand)}.product-card img{width:100%;height:220px;object-fit:contain}.product-card .name{height:50px;line-height:50px;font-size:14px;color:var(--heading)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.photo-grid .photo img{width:100%;height:220px;object-fit:cover;cursor:pointer}.photo-grid .photo .caption{text-align:center;line-height:40px;color:var(--heading)}.news-list-item{display:flex;justify-content:space-between;border-bottom:1px dashed #e5e5e5;padding:14px 5px}.news-list-item a{color:var(--link)}.news-list-item a:hover{color:var(--brand-dark)}.news-list-item .date{color:#aaa}.news-detail-title{text-align:center;font-size:22px;font-weight:700;color:var(--heading);padding:10px 0}.news-detail-date{text-align:center;color:#999;padding-bottom:20px}.news-content{line-height:24px;font-size:14px;color:#666}.news-content img{max-width:100%;height:auto;margin:10px auto}.news-content p{margin-bottom:10px}.pagination{text-align:center;padding:30px 0 10px;color:var(--text);font-size:13px}.pagination .page-link{display:inline-block;min-width:26px;height:26px;line-height:26px;padding:0 6px;margin:0 3px;border:1px solid #ddd;color:var(--link)}.pagination .page-link.cur{font-weight:700}.pagination .page-link.cur,.pagination .page-link:hover{border-color:var(--brand);color:var(--brand)}.slideshow{position:relative;overflow:hidden}.slideshow-track{display:flex;transition:transform .6s ease}.slideshow-slide{width:100%;flex-shrink:0}.slideshow-slide img{width:100%;height:500px;object-fit:cover;display:block}.slideshow-dots{position:absolute;bottom:0;left:0;right:0;height:30px;line-height:30px;text-align:center}.slideshow-dots span{display:inline-block;vertical-align:middle;width:42px;height:11px;background:rgba(0,0,0,.5);margin:0 1px;cursor:pointer}.slideshow-dots span.cur{background:#f00}.home-block-title{text-align:center;font-size:32px;font-weight:700;color:var(--heading);line-height:60px}.home-block-title.left{text-align:left;line-height:40px;padding-top:10px}.home-title-bar{width:80px;height:2px;background:var(--brand);margin:0 auto 30px}.home-title-bar.left{margin:20px 0}.home-item{display:block;text-align:center;cursor:pointer}.home-item .frame{display:inline-block;padding:3px;border:1px solid #e3e3e3;background:#fff}.home-item .frame img{display:block}.home-item-name{display:block;height:50px;line-height:50px;color:var(--link)}.home-category{padding-top:40px}.home-cat-grid{width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:20px}.home-cat-grid .home-item .frame img{width:260px;height:260px;object-fit:cover}.home-about-band{background:var(--topbar-bg)}.home-about{display:flex;align-items:flex-start}.home-about .about-photo{width:600px;height:400px;flex:none;object-fit:cover}.home-about .about-text{width:567px;margin-left:33px;font-size:14px;color:var(--text);line-height:20px}.home-about .more-btn{display:inline-block;margin-top:15px}.home-photo-roll-wrap{padding:20px 0}.roll-gallery{overflow:hidden;width:1200px;margin:0 auto;height:240px}.roll-gallery .track{display:flex;width:max-content;position:relative;animation:roll-left 60s linear infinite}.roll-gallery .track>*{flex:none}.roll-gallery .roll-item{cursor:pointer}.roll-gallery .roll-item img{width:300px;height:198px;object-fit:cover;padding-right:15px;box-sizing:content-box}.roll-gallery .roll-caption{height:40px;line-height:40px;text-align:center;color:var(--text)}@keyframes roll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.home-pc-band{background:var(--topbar-bg);padding:20px 0 40px}.home-white-card{width:1220px;margin:0 auto;background:#fff;padding:20px 0 30px}.home-more-btn{text-align:center;margin:30px 0}.home-product-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0 15px}.home-product-grid .home-item .frame img{width:220px;height:auto}.home-product-grid .home-item-name{font-size:12px}.home-news-gap{height:40px}.home-news{display:flex;gap:46px;width:1180px;margin:0 auto}.home-news .news-photo{width:550px;height:326px;flex:none;object-fit:cover}.home-news .news-list{flex:1 1;min-width:0}.news-bar-row{display:flex;align-items:center;height:50px;background:url(/images/01.gif) repeat-x 0;padding-left:13px}.news-bar-row .news-dot{width:9px;height:9px;flex:none;margin-right:13px}.news-bar-row .news-bar-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--link);font-size:14px}.news-bar-row .news-bar-date{color:var(--text);font-size:14px;margin-left:10px}.footer{background:var(--brand);color:#fff;padding:35px 0 20px;min-height:250px}.footer .cols{display:flex;align-items:flex-start}.footer .col{display:flex;gap:15px;padding:0 10px}.footer .cols>.col:first-child{flex:387 1}.footer .cols>.col:nth-child(3){flex:351 1}.footer .cols>.col:nth-child(5){flex:402 1}.footer .col img{width:63px;height:75px}.footer .end-title{font-size:25px;font-weight:700;color:#fff;line-height:90px}.footer .end-p{font-size:14px;color:#fff;line-height:30px}.footer .divider{width:22px}.footer .copyright{border-top:1px solid var(--brand-light);margin-top:30px;padding-top:20px;text-align:center;font-size:12px;color:#fff;line-height:50px}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.lightbox-overlay img{max-width:92vw;max-height:90vh;object-fit:contain;cursor:default}.lightbox-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;line-height:1}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--topbar-bg)}.admin-login-card{background:#fff;border:1px solid var(--border);padding:40px;width:380px}.admin-login-card h1{font-size:20px;color:var(--heading);margin-bottom:25px;text-align:center}.admin-login-card .field{margin-bottom:15px}.admin-login-card label{display:block;font-size:13px;margin-bottom:5px;color:#555}.admin-login-card input{width:100%;height:36px;border:1px solid #d7d7d7;text-indent:8px;font-size:14px}.admin-login-card button{width:100%;height:40px;background:var(--brand);border:none;color:#fff;font-size:15px;cursor:pointer;margin-top:8px}.admin-login-card button:hover{background:var(--brand-dark)}.admin-login-card .err{color:#d33;font-size:13px;margin-top:10px;text-align:center}.admin-shell{min-height:100vh;background:#f5f6f8}.admin-topbar{background:#fff;border-bottom:1px solid var(--border);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.admin-topbar .title{font-size:16px;font-weight:700;color:var(--heading)}.admin-body{display:flex;min-height:calc(100vh - 56px)}.admin-side{width:190px;background:#fff;border-right:1px solid var(--border);padding:16px 0}.admin-side a{display:block;padding:12px 22px;color:#444;font-size:14px}.admin-side a:hover{background:var(--topbar-bg);color:var(--brand-dark)}.admin-side a.active{background:var(--brand);color:#fff}.admin-main{flex:1 1;padding:24px}.admin-card{background:#fff;border:1px solid var(--border);padding:20px}.admin-card h2{font-size:16px;color:var(--heading);margin-bottom:16px}.admin-toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.admin-toolbar input,.admin-toolbar select{height:34px;border:1px solid #d7d7d7;text-indent:8px;font-size:13px;padding-right:8px}.admin-btn{height:34px;padding:0 16px;background:var(--brand);border:none;color:#fff;font-size:13px;cursor:pointer}.admin-btn:hover{background:var(--brand-dark)}.admin-btn.ghost{background:#fff;color:#555;border:1px solid #d7d7d7}.admin-btn.danger{background:#d9534f}.admin-btn.danger:hover{background:#c9302c}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table td,.admin-table th{border:1px solid #eee;padding:9px 10px;text-align:left;color:#444}.admin-table th{background:#fafafa}.admin-table img.thumb{width:60px;height:45px;object-fit:contain}.admin-pager{margin-top:14px;display:flex;gap:8px;align-items:center;font-size:13px;color:#666}.admin-form .field{margin-bottom:14px}.admin-form label{display:block;font-size:13px;margin-bottom:5px;color:#555}.admin-form input[type=text],.admin-form select,.admin-form textarea{width:100%;max-width:640px;border:1px solid #d7d7d7;padding:8px;font-size:14px;font-family:inherit}.admin-form textarea{min-height:140px}.admin-form .hint{font-size:12px;color:#999;margin-top:4px}.admin-stats{display:flex;gap:18px}.admin-stat{flex:1 1;background:#fff;border:1px solid var(--border);padding:20px}.admin-stat .num{font-size:28px;font-weight:700;color:var(--brand)}.admin-stat .label{font-size:13px;color:#888;margin-top:6px}.admin-msg{padding:10px 14px;font-size:13px;margin-bottom:14px;border-radius:3px}.admin-msg.ok{background:#e8f7ee;color:#197a3d;border:1px solid #bfe8cf}.admin-msg.err{background:#fdecea;color:#a12622;border:1px solid #f5c6c2}