*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#333;background:#fff;font-size:14px}a{color:inherit;text-decoration:none}.wrap{width:1000px;margin:0 auto}.top-strip{height:34px;line-height:34px;background:#f4f4f4;border-bottom:1px solid #ddd;color:#666}.top-inner{display:flex;justify-content:space-between}.quick-links{display:flex;gap:8px}.quick-links a:hover{color:#2563a0}.site-head{height:116px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px}.logo-mark{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#2563a0;color:#fff;font-size:48px;font-weight:800;box-shadow:inset 0 -8px 0 rgba(0,0,0,.08)}.brand-text{font-size:25px;font-weight:700;line-height:1.35;color:#222}.brand-text em{font-style:normal;font-size:15px;color:#777;font-weight:400}.head-right{text-align:right}.slogan{font-size:18px;color:#2563a0;margin-bottom:12px}.hotline{display:inline-flex;align-items:center;gap:8px;padding-left:48px;min-height:38px;background:radial-gradient(circle at 18px 18px,#2563a0 0 15px,transparent 16px)}.hotline span{color:#666}.hotline strong{font-size:27px;color:#2563a0}.nav{background:#1e5a8a;border-bottom:4px solid #164560}.nav-list{display:flex;align-items:center;margin:0 auto;padding:0;list-style:none}.nav-list li{flex:1;text-align:center;border-left:1px solid rgba(255,255,255,.2)}.nav-list li:last-child{border-right:1px solid rgba(255,255,255,.2)}.nav-list a{display:block;height:48px;line-height:48px;color:#fff;font-size:15px;font-weight:700}.nav-list a:hover{background:#164560}.hero{height:390px;background:linear-gradient(90deg,rgba(21,60,90,.92),rgba(30,90,138,.68)),linear-gradient(135deg,#dbe8f0 0,#e8f0f6 48%,#c5dce8 100%);overflow:hidden}.hero-content{height:100%;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:40px;color:#fff}.hero-kicker{margin:0 0 10px;color:#93c5fd;font-weight:700;letter-spacing:2px}.hero h1{margin:0;font-size:42px;line-height:1.25;letter-spacing:0}.hero-copy{width:520px;font-size:17px;line-height:1.9;color:#e8f4f8}.hero-actions{display:flex;gap:14px;margin-top:24px}.hero-actions a{width:126px;height:40px;line-height:40px;text-align:center;background:#f59e0b;color:#1a3a5a;font-weight:700}.hero-actions a+a{background:#fff;color:#2563a0}.hero-photo{height:300px;border:8px solid rgba(255,255,255,.38);background:url("images/hero-daily.jpg") center/cover no-repeat;box-shadow:0 18px 36px rgba(0,0,0,.22)}.pet-face,.bag{display:none}.search-band{height:58px;background:#fafafa;border-bottom:1px solid #ddd}.search-inner{height:58px;display:flex;align-items:center;justify-content:space-between}.hot-words a{margin-right:13px;color:#2563a0}.search-form{display:flex}.search-form input{width:210px;height:34px;border:1px solid #ccc;padding:0 10px;color:#666}.search-form button{height:34px;width:70px;border:0;background:#2563a0;color:#fff;font-weight:700}.product-area{display:grid;grid-template-columns:245px 1fr;gap:20px;margin-top:28px}.category-box{border:1px solid #ddd}.category-box h2{margin:0;padding:18px 20px;background:#2563a0;color:#fff;font-size:22px;line-height:1.25}.category-box h2 span{display:block;font-size:12px;color:#d1e3f0;margin-top:4px}.category-box ul{margin:0;padding:12px 18px 16px;list-style:none}.category-box li{border-bottom:1px dotted #ccc}.category-box a{display:block;height:42px;line-height:42px;padding-left:20px;position:relative}.category-box a:before{content:"";position:absolute;left:0;top:17px;width:8px;height:8px;border-radius:50%;background:#2563a0}.category-box a:hover{color:#2563a0}.section-title{height:45px;line-height:45px;border-bottom:2px solid #2563a0;font-size:22px;color:#2563a0}.section-title span{float:right;font-size:13px;color:#777}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.product-card{display:block;text-align:center;border:1px solid #ddd;padding-bottom:12px;background:#fff;color:#333}.product-card:hover{border-color:#2563a0;color:#2563a0}.product-img{display:block;height:150px;margin-bottom:12px;position:relative;overflow:hidden}.cleaning{background:url("images/product-cleaning.jpg") center/cover no-repeat}.kitchen{background:url("images/product-kitchen.jpg") center/cover no-repeat}.storage{background:url("images/product-storage.jpg") center/cover no-repeat}.bathroom{background:url("images/product-bathroom.jpg") center/cover no-repeat}.decor{background:url("images/product-decor.jpg") center/cover no-repeat}.office{background:url("images/product-office.jpg") center/cover no-repeat}.ad-strip{height:118px;line-height:118px;margin-top:28px;background:linear-gradient(90deg,#2563a0,#3b82c4);color:#fff;text-align:center;font-size:27px;font-weight:700}.advantage{margin-top:30px;background:#f0f4f8;border-top:1px solid #d1dce8;border-bottom:1px solid #d1dce8}.advantage-inner{padding:34px 0;position:relative}.adv-item{width:720px;min-height:108px;padding:18px 24px;margin-bottom:18px;background:#fff;border-left:6px solid #2563a0;box-shadow:0 4px 14px rgba(0,0,0,.06)}.adv-item h3{margin:0 0 10px;color:#2563a0;font-size:23px}.adv-item p{margin:0;line-height:1.8;color:#555}.adv-phone{position:absolute;right:0;bottom:38px;width:245px;background:#2563a0;color:#fff;margin:0;padding:22px;text-align:center}.adv-phone dt{font-size:17px}.adv-phone dd{margin:8px 0 0;font-size:28px;font-weight:700}.partners{margin-top:32px}.partner-head{height:56px;display:flex;align-items:center;background:#f5f5f5;border-left:5px solid #2563a0}.partner-head h2{margin:0 auto 0 18px;font-size:22px;color:#333}.partner-head span{font-size:13px;color:#999}.partner-head div{margin-right:24px}.partner-head strong{color:#2563a0}.partner-head a{height:32px;line-height:32px;width:90px;text-align:center;background:#2563a0;color:#fff;margin-right:14px}.partner-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:16px}.partner-list span{height:78px;display:grid;place-items:center;border:1px solid #ddd;background:linear-gradient(#fff,#f8f8f8);font-weight:700;color:#555}.about{margin-top:34px}.about h2{height:52px;line-height:52px;margin:0 0 20px;background:#2563a0;color:#fff;text-align:center;font-size:23px}.about-body{display:grid;grid-template-columns:430px 1fr;gap:26px}.about-photo{height:310px;background:#eef2f7;border:1px solid #ddd;padding:12px}.about-photo span{display:block;height:100%;background:url("images/about-warehouse.jpg") center/cover no-repeat}.about-text h3{margin:2px 0 14px;color:#2563a0;font-size:24px}.about-text p{line-height:1.9;margin:0 0 12px;color:#555}.about-tel{margin-top:12px;color:#555}.about-tel strong{font-size:24px;color:#2563a0}.more-btn{display:inline-block;margin-top:16px;width:108px;height:36px;line-height:36px;text-align:center;background:#2563a0;color:#fff}.gallery{margin-top:32px}.tab-title{height:44px;line-height:44px;border-bottom:2px solid #2563a0}.tab-title strong{font-size:22px;color:#2563a0}.tab-title a{float:right;color:#777}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.gallery-grid figure{margin:0;text-align:center;border:1px solid #ddd;padding-bottom:12px}.gallery-img{display:block;height:148px}.gallery-img.warehouse{background:url("images/gallery-warehouse.jpg") center/cover no-repeat}.gallery-img.sample{background:url("images/gallery-sample.jpg") center/cover no-repeat}.gallery-img.packing{background:url("images/gallery-packing.jpg") center/cover no-repeat}.gallery-img.delivery{background:url("images/gallery-delivery.jpg") center/cover no-repeat}.gallery-grid figcaption{padding-top:12px}.info-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;margin-bottom:34px}.info-box{border:1px solid #ddd;padding:14px}.info-box h3{margin:0 0 12px;font-size:20px;color:#2563a0}.info-box h3 span{float:right;font-size:13px;color:#777;font-weight:400}.info-box em{font-size:12px;color:#aaa;font-style:normal}.info-img{height:118px;margin-bottom:12px}.info-img.support{background:url("images/info-support.jpg") center/cover no-repeat}.info-img.news{background:url("images/info-news.jpg") center/cover no-repeat}.info-img.faq{background:url("images/info-faq.jpg") center/cover no-repeat}.info-box ul{margin:0;padding:0;list-style:none}.info-box li{height:32px;line-height:32px;border-bottom:1px dotted #ddd;padding-left:16px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-box li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;background:#2563a0}.info-box dl{margin:0 0 12px}.info-box dt{font-weight:700;color:#2563a0;margin-bottom:5px}.info-box dd{margin:0;color:#666;line-height:1.7}.footer{background:#2d2d2d;color:#ddd}.footer-nav{height:48px;line-height:48px;border-bottom:1px solid #444;text-align:center}.footer-nav a{margin:0 18px}.footer-body{display:grid;grid-template-columns:94px 1fr 138px;gap:22px;align-items:center;padding:24px 0}.footer-logo{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#2563a0;color:#fff;font-size:48px;font-weight:800}.footer-body p{margin:0;line-height:1.9}.footer-body p a{transition:color .2s}.footer-body p a:hover{color:#fff!important}.qr{height:96px;display:grid;place-items:center;text-align:center;background:#fff;color:#2563a0;font-weight:700}@media (max-width:760px){.wrap{width:92%}.top-strip{height:auto;line-height:1.6;padding:8px 0}.top-inner,.site-head,.search-inner,.partner-head{display:block}.site-head{height:auto;padding:18px 0}.brand-text{font-size:19px}.head-right{text-align:left;margin-top:14px}.nav-list{flex-wrap:wrap}.nav-list li{flex:0 0 25%}.nav-list a{font-size:13px}.hero{height:auto}.hero-content{grid-template-columns:1fr;padding:34px 0}.hero h1{font-size:30px}.hero-copy{width:auto}.hero-photo{height:260px}.product-area,.about-body,.info-panels{grid-template-columns:1fr}.product-grid,.gallery-grid,.partner-list{grid-template-columns:repeat(2,1fr)}.adv-item{width:auto}.adv-phone{position:static;width:auto}.ad-strip{height:auto;line-height:1.5;padding:24px;font-size:22px}.footer-body{grid-template-columns:1fr}.footer-nav{height:auto;line-height:2.4;padding:10px 0}.footer-nav a{margin:0 8px}.hot-words{margin-bottom:10px}.search-form input{width:calc(100% - 70px)}}
