/* homepage37 - 誉达陶瓷 商铺模板 */
/* 主色调: #e6002d 红色 | 深棕: #231815 | 深灰: #3a3a3a | 英文副标题: #dcdddd */

:root{
  --yd-main:var(--c1,#e6002d);
  --yd-main2:var(--c2,#b8002d);
  --yd-main-rgb:var(--c1rgb,230,0,45);
  --yd-deep:#231815;
  --yd-deep2:#3a3a3a;
  --yd-gray:#666;
  --yd-light:#dcdddd;
  --yd-border:#e5e5e5;
}

/* ============ 基础覆盖 ============ */
body{font-family:"微软雅黑","Microsoft YaHei",宋体,Arial,sans-serif;background:#fff;color:#666;font-size:14px;line-height:1.6;}
a{text-decoration:none;color:#333;transition:color .2s;}
a:hover{color:var(--yd-main);}
.m{width:1200px;margin:0 auto;}

/* 顶部功能条（隐藏） */
.top{display:none !important;}

/* 卡片通用（直角，红色竖条标题） */
.card{background:#fff;border:1px solid var(--yd-border);border-radius:0;box-shadow:none;overflow:hidden;margin-bottom:16px;}
.main_head{padding:0 20px;font-size:16px;font-weight:bold;height:46px;line-height:46px;border-bottom:1px solid var(--yd-border);background:#fafafa;}
.main_head strong{position:relative;padding-left:12px;color:#333;}
.main_head strong::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:var(--yd-main);}
.side_head{padding:0 16px;font-size:15px;font-weight:bold;height:44px;line-height:44px;border-bottom:1px solid var(--yd-border);background:#fafafa;}
.side_head strong{position:relative;padding-left:12px;color:#333;}
.side_head strong::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:var(--yd-main);}
.main_body{padding:20px;}
.side_body{padding:16px;}
.side_body li::before{background:var(--yd-main);}

/* 主内容布局 */
.main-wrap{display:flex;gap:24px;padding:20px 0;}
.main-box{flex:1;min-width:0;}
.side-box{flex:none;width:240px;}

/* 首页全屏布局（中间区域不受容器宽度限制） */
.main-full{width:100%;max-width:100%;padding:0;margin:0;}
.main-box-full{width:100%;max-width:100%;padding:0;}
.main-full .m{width:100%;max-width:100%;padding:0 40px;}

/* ============ 顶部导航（一行式：LOGO + 菜单 + 电话，渐变透明覆盖 banner） ============ */
.yd-topbar{background:linear-gradient(to bottom, rgba(255,255,255,0.92), rgba(255,255,255,0.15));position:relative;z-index:100;}
.yd-topbar-inner{background:#fff;}
.yd-topbar-in{display:flex;align-items:center;height:100px;}
.yd-logo{flex:none;}
.yd-logo img{height:85px;max-width:280px;object-fit:contain;display:block;}
.yd-nav{flex:1;min-width:0;}
.yd-nav ul{display:flex;justify-content:flex-end;}
.yd-nav li{position:relative;}
.yd-nav li a{display:block;color:var(--yd-deep2);font-size:18px;line-height:100px;padding:0 16px;transition:color .25s;position:relative;}
.yd-nav li a::after{content:"";position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:0;height:3px;background:var(--yd-main);transition:width .3s;}
.yd-nav li a:hover,.yd-nav li.on a{color:var(--yd-main);}
.yd-nav li a:hover::after,.yd-nav li.on a::after{width:30px;}
.yd-call{flex:none;background:var(--yd-main);color:#fff;padding:14px 28px;margin-left:24px;text-align:center;}
.yd-call p{font-size:12px;color:rgba(255,255,255,.85);line-height:1.2;margin:0 0 4px;}
.yd-call a{font-size:20px;color:#fff;font-weight:bold;line-height:1.2;font-family:Arial;}
.yd-call a:hover{color:#fff;}
.yd-topbar-scrolled{box-shadow:0 3px 8px rgba(0,0,0,.12);}

/* 移动端菜单按钮 */
.yd-menu-toggle{display:none;flex-direction:column;justify-content:center;width:40px;height:40px;cursor:pointer;gap:6px;flex-shrink:0;z-index:1002;}
.yd-menu-toggle span{display:block;height:3px;background:var(--yd-deep2);border-radius:2px;transition:all .3s;}
.yd-menu-toggle.on span:nth-child(1){transform:translateY(9px) rotate(45deg);}
.yd-menu-toggle.on span:nth-child(2){opacity:0;}
.yd-menu-toggle.on span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

/* ============ Banner ============ */
.yd-banner-wrap{position:relative;overflow:hidden;background:#e7e7e7;margin-top:-100px;}
.yd-banner{width:100%;max-width:1920px;margin:0 auto;position:relative;}
.yd-banner .slide-dots span.on{background:var(--yd-main);}
.yd-banner > img{width:100%;display:block;}

/* ============ 瓷砖行业（英雄区） ============ */
.yd-hero{position:relative;overflow:hidden;}
.yd-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--yd-deep),#4a3a34);background-size:cover;background-position:center;}
.yd-hero-bg::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);}
.yd-hero-content{position:relative;z-index:2;text-align:center;padding:90px 20px;color:#fff;}
.yd-hero-content h5{font-size:22px;color:rgba(220,221,221,.75);font-weight:400;letter-spacing:4px;text-transform:uppercase;margin:0;}
.yd-hero-content h2{font-size:44px;color:#fff;font-weight:700;margin:12px 0 16px;line-height:1.2;}
.yd-hero-content p{font-size:16px;color:rgba(255,255,255,.85);max-width:720px;margin:0 auto 28px;line-height:1.8;}

/* ============ 通用标题（双标题） ============ */
.yd-sec{padding:56px 0;}
.yd-head{text-align:center;margin-bottom:36px;}
.yd-head h5{font-size:24px;color:var(--yd-light);font-weight:400;letter-spacing:2px;text-transform:uppercase;margin:0;line-height:1.2;}
.yd-head h6{font-size:24px;color:var(--yd-deep);font-weight:700;margin:8px 0 0;line-height:1.3;}

/* ============ 按钮 ============ */
.yd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 34px;font-size:15px;font-weight:500;transition:all .25s;border-radius:0;border:1px solid transparent;letter-spacing:2px;}
.yd-btn-primary{background:var(--yd-main);color:#fff;}
.yd-btn-primary:hover{background:var(--yd-main2);color:#fff;}

/* ============ 产品系列 ============ */
.yd-type-wrap{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:24px;}
.yd-type-bar{flex:1;min-width:0;text-align:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.yd-type-bar::-webkit-scrollbar{display:none;}
.yd-type-item{display:inline-block;padding:8px 22px;margin:0 5px;border:1px solid var(--yd-border);color:#555;font-size:14px;background:#fff;transition:all .25s;}
.yd-type-item:hover{border-color:var(--yd-main);color:var(--yd-main);}
.yd-type-on{background:var(--yd-main);border-color:var(--yd-main);color:#fff;}
.yd-type-prev,.yd-type-next{display:none;flex:none;width:26px;height:26px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#888;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s;}
.yd-type-prev svg,.yd-type-next svg{width:16px;height:16px;fill:currentColor;}
.yd-type-prev:active,.yd-type-next:active{background:var(--yd-main);border-color:var(--yd-main);color:#fff;}
.yd-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.yd-prod-card{display:block;position:relative;overflow:hidden;border:1px solid var(--yd-border);transition:all .25s;}
.yd-prod-card:hover{border-color:var(--yd-main);box-shadow:0 6px 20px rgba(var(--yd-main-rgb),.12);}
.yd-prod-img{position:relative;overflow:hidden;aspect-ratio:5/7;background:#f0f0f0;}
.yd-prod-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.yd-prod-card:hover .yd-prod-img img{transform:scale(1.06);}
.yd-prod-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.65));padding:36px 14px 16px;text-align:center;}
.yd-prod-overlay h3{font-size:18px;color:#fff;font-weight:700;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ============ 关于我们 ============ */
.yd-about-sec{background:#fff;}
.yd-about-grid{display:flex;gap:48px;align-items:center;}
.yd-about-img{flex:0 0 460px;}
.yd-about-img img{width:100%;display:block;border:1px solid var(--yd-border);}
.yd-about-text{flex:1;min-width:0;}
.yd-about-tit{margin-bottom:16px;}
.yd-about-tit h3{font-size:36px;color:var(--yd-main);font-weight:700;margin:0;line-height:1.1;font-family:Arial;}
.yd-about-tit h4{font-size:24px;color:var(--yd-deep);font-weight:700;margin:6px 0 0;}
.yd-about-text p{font-size:15px;color:#666;line-height:2;margin-bottom:24px;text-indent:2em;}

/* ============ 成功案例 ============ */
.yd-case-sec{background:#f7f7f7;}
.yd-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.yd-case-card{display:block;position:relative;overflow:hidden;border:1px solid var(--yd-border);}
.yd-case-card img{width:100%;height:210px;object-fit:cover;display:block;transition:transform .4s;}
.yd-case-card:hover img{transform:scale(1.06);}
.yd-case-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.75));padding:26px 14px 12px;text-align:center;}
.yd-case-overlay h3{color:#fff;font-size:14px;font-weight:400;margin:0;}

/* ============ 招商加盟 ============ */
.yd-join-sec{background:var(--yd-deep);padding:64px 0;}
.yd-join-in{display:flex;align-items:center;justify-content:space-between;gap:32px;}
.yd-join-text h5{font-size:22px;color:rgba(220,221,221,.7);font-weight:400;letter-spacing:3px;text-transform:uppercase;margin:0;}
.yd-join-text h6{font-size:26px;color:#fff;font-weight:700;margin:8px 0 6px;}
.yd-join-text p{font-size:15px;color:#999;margin:0;}

/* ============ 最新资讯 ============ */
.yd-news-sec{background:#fff;}
.yd-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.yd-news-card{display:block;background:#fff;border:1px solid var(--yd-border);overflow:hidden;transition:all .25s;}
.yd-news-card:hover{border-color:var(--yd-main);box-shadow:0 6px 20px rgba(var(--yd-main-rgb),.1);}
.yd-news-img{overflow:hidden;}
.yd-news-img img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .4s;}
.yd-news-card:hover .yd-news-img img{transform:scale(1.06);}
.yd-news-body{padding:16px 18px;}
.yd-news-date{font-size:13px;color:#999;margin-bottom:8px;display:block;}
.yd-news-body h3{font-size:16px;color:var(--yd-deep);font-weight:700;line-height:1.5;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yd-news-card:hover .yd-news-body h3{color:var(--yd-main);}
.yd-news-body p{font-size:13px;color:#999;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.yd-news-empty{padding:60px 20px;text-align:center;font-size:15px;color:#999;background:#fff;border:1px solid var(--yd-border);}

/* ============ 页脚 ============ */
.yd-footer{background:var(--yd-deep);color:#999;}
.yd-foot-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;gap:40px;padding:48px 0 36px;}
.yd-foot-logo img{max-height:50px;filter:brightness(0) invert(1);}
.yd-foot-brand p{font-size:13px;line-height:1.8;margin-top:14px;color:#888;}
.yd-foot-col h4{font-size:16px;color:#fff;font-weight:700;margin:0 0 18px;position:relative;padding-left:12px;}
.yd-foot-col h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:var(--yd-main);}
.yd-foot-nav li{margin-bottom:10px;}
.yd-foot-nav li a{font-size:13px;color:#999;}
.yd-foot-nav li a:hover{color:var(--yd-main);}
.yd-foot-contact li{font-size:13px;color:#999;margin-bottom:10px;line-height:1.7;}
.yd-foot-icons{display:flex;gap:12px;}
.yd-foot-icon{width:42px;height:42px;background:#3a3a3a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .25s;}
.yd-foot-icon:hover{background:var(--yd-main);}
.yd-foot-icon img{width:22px;height:22px;filter:brightness(0) invert(1);}
.yd-foot-links{border-top:1px solid #3a3a3a;padding:16px 0;font-size:13px;}
.yd-foot-links span{color:#777;}
.yd-foot-links a{color:#999;margin:0 8px;}
.yd-foot-links a:hover{color:#fff;}
.yd-foot-bottom{border-top:1px solid #3a3a3a;padding:16px 0;text-align:center;font-size:13px;color:#777;}
.yd-foot-bottom .m{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;}
.yd-foot-bottom a{color:#999;}
.yd-foot-bottom a:hover{color:#fff;}

/* ============ 底部悬浮导航 ============ */
.yd-right-fixed{position:fixed;right:0;top:42%;z-index:999;display:flex;flex-direction:column;}
.yd-fixed-item{position:relative;}
.yd-fixed-item a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;padding:12px 6px;background:var(--yd-main);color:#fff;transition:background .25s;}
.yd-fixed-item a:hover{background:var(--yd-main2);}
.yd-fixed-item i{display:flex;margin-bottom:4px;}
.yd-fixed-item img{width:24px;height:24px;filter:brightness(0) invert(1);}
.yd-fixed-item span{font-size:12px;line-height:1.3;}

/* ============ 响应式：平板 ============ */
@media screen and (max-width:1200px){
  .m{width:100%;padding:0 20px;}
  .yd-about-grid{flex-direction:column;}
  .yd-about-img{flex:none;width:100%;}
  .yd-prod-grid{grid-template-columns:repeat(3,1fr);}
  .yd-case-grid{grid-template-columns:repeat(3,1fr);}
  .yd-news-grid{grid-template-columns:repeat(2,1fr);}
}

/* ============ 响应式：手机 ============ */
@media screen and (max-width:768px){
  body{font-size:13px;margin:0;padding:0;}
  .m{width:100%;padding:0 15px;}
  .main-full .m{padding:0 15px;}

  /* 隐藏顶部条 */
  .top,.yd-hide-mobile,#destoon-card,#destoon-qrcode{display:none !important;height:0 !important;overflow:hidden !important;margin:0 !important;padding:0 !important;line-height:0 !important;}

  /* 顶部导航 */
  .yd-topbar{position:sticky;top:0;z-index:1001;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);}
  .yd-topbar-in{height:78px;gap:12px;}
  .yd-logo img{height:65px;max-width:200px;}
  .yd-call{display:none;}
  .yd-menu-toggle{display:flex;order:1;margin-left:auto;}
  .yd-nav{position:fixed;top:78px;left:0;right:0;bottom:0;background:#fff;z-index:1000;overflow-y:auto;display:none;}
  .yd-nav.open{display:block;}
  .yd-nav ul{flex-direction:column;}
  .yd-nav li{text-align:left;border-bottom:1px solid #f0f0f0;}
  .yd-nav li a{color:#333;line-height:48px;padding:0 20px;font-size:15px;}
  .yd-nav li a:hover,.yd-nav li.on a{background:#f8f8f8;color:var(--yd-main);}
  .yd-nav li a::after{display:none;}

  /* Banner 不上移（不与菜单重叠） */
  .yd-banner-wrap{margin-top:0;}

  /* 瓷砖行业（英雄区） */
  .yd-hero-content{padding:56px 20px;}
  .yd-hero-content h5{font-size:16px;letter-spacing:2px;}
  .yd-hero-content h2{font-size:28px;}
  .yd-hero-content p{font-size:14px;}

  /* 通用标题 */
  .yd-sec{padding:36px 0;}
  .yd-head{margin-bottom:24px;}
  .yd-head h5{font-size:18px;}
  .yd-head h6{font-size:20px;}

  /* 产品系列 */
  .yd-type-wrap{gap:4px;}
  .yd-type-prev,.yd-type-next{display:flex;}
  .yd-type-bar{padding:0 4px;}
  .yd-type-item{padding:7px 16px;margin:0 4px 8px 0;font-size:13px;}
  .yd-prod-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .yd-prod-overlay h3{font-size:15px;}

  /* 关于我们 */
  .yd-about-grid{gap:24px;}
  .yd-about-tit h3{font-size:30px;}
  .yd-about-tit h4{font-size:18px;}
  .yd-about-text p{font-size:14px;}

  /* 成功案例 */
  .yd-case-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .yd-case-card img{height:140px;}

  /* 招商加盟 */
  .yd-join-sec{padding:40px 0;}
  .yd-join-in{flex-direction:column;text-align:center;gap:20px;}
  .yd-join-text h6{font-size:20px;}

  /* 最新资讯 */
  .yd-news-grid{grid-template-columns:1fr;gap:15px;}
  .yd-news-img img{height:180px;}

  /* 页脚 */
  .yd-foot-grid{grid-template-columns:1fr 1fr;gap:24px 30px;padding:32px 0;}
  .yd-foot-brand{grid-column:1 / -1;}
  .yd-foot-bottom .m{flex-direction:column;gap:6px;}

  /* 悬浮导航 */
  .yd-fixed-item a{width:56px;padding:10px 4px;}
  .yd-fixed-item img{width:20px;height:20px;}
  .yd-fixed-item span{font-size:11px;}
}

/* ============ 响应式：超小屏 ============ */
@media screen and (max-width:480px){
  .m{padding:0 12px;}
  .yd-logo img{height:65px;max-width:200px;}
  .yd-case-grid{grid-template-columns:repeat(2,1fr);}
  .yd-case-card img{height:120px;}
  .yd-foot-grid{grid-template-columns:1fr;}
}

/* ============================================================
   内页美化 · 与首页统一的红色直角陶瓷风格
   （覆盖 homepage.css 系统默认的圆角 / 灰边组件）
   适用范围：产品 / 案例 / 资讯 / 品牌 / 荣誉 列表、
             各详情页、公司档案、联系表单、侧栏、分页
============================================================ */
.main-wrap{padding:28px 0 52px;}
.main-wrap .card{box-shadow:0 1px 6px rgba(35,24,21,.05);}

/* ---------- 区块标题 ---------- */
.main_head strong,.side_head strong{color:var(--yd-deep);}
.main_head strong{font-size:16px;}
.main_head strong::before,.side_head strong::before{background:var(--yd-main);}

/* ---------- 分类筛选条 ---------- */
.type-bar{border-bottom:1px solid #ece6e0;padding-bottom:16px;margin-bottom:22px;}
.type-item{border-radius:0;background:#fff;color:#555;border:1px solid #e2e2e2;padding:7px 20px;transition:all .25s ease;}
.type-item:hover{color:var(--yd-main);border-color:var(--yd-main);background:#fff;}
.type-item.on{background:var(--yd-main);border-color:var(--yd-main);color:#fff;font-weight:600;box-shadow:0 2px 10px rgba(var(--yd-main-rgb),.25);}

/* ---------- 产品 / 商城 / 图集 网格卡片 ---------- */
.prod-card{border-radius:0;border:1px solid var(--yd-border);background:#fff;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.prod-card:hover{transform:translateY(-5px);border-color:var(--yd-main);box-shadow:0 12px 26px rgba(var(--yd-main-rgb),.14);}
.prod-img{background:#f5f1ed;overflow:hidden;}
.prod-card .prod-img img{transition:transform .5s ease;}
.prod-card:hover .prod-img img{transform:scale(1.06);}
.prod-info{padding:13px 14px 15px;}
.prod-name{font-size:14px;color:var(--yd-deep);}
.prod-name:hover{color:var(--yd-main);}
.prod-price{display:block;margin-top:5px;color:#a3a3a3;font-size:12px;font-weight:400;}

/* ---------- 新闻 / 图文列表 ---------- */
.news-list li{padding:15px 4px;border-bottom:1px dashed #ece6e0;}
.news-list li:hover{padding-left:12px;}
.news-item-title{color:#444;}
.news-item-title:hover{color:var(--yd-main);}
.news-item-date{color:#aaa;}
.news-card{border-radius:0;background:#faf8f6;border:1px solid #f0e9e3;}
.news-card:hover{background:#fff;border-color:var(--yd-main);box-shadow:0 8px 20px rgba(var(--yd-main-rgb),.1);transform:translateY(-3px);}
.mix-item{border-radius:0;}
.mix-item:hover{background:#fbf7f3;}
.mix-img img,.list-mix img{border-radius:0;}
.mix-title{color:#444;}
.mix-title:hover{color:var(--yd-main);}

/* ---------- 详情页 ---------- */
.title{color:var(--yd-deep);}
.info{border-radius:0;background:#faf9f8;border:1px solid #f1ece7;border-left:3px solid var(--yd-main);}
.content{padding:22px 4px;line-height:2;color:#4a4a4a;}
.content a{color:var(--yd-main);}

/* ---------- 规格表（产品 / 荣誉详情） ---------- */
.sell-spec,.honor-spec{border-radius:0;background:#faf9f8;border:1px solid #f1ece7;padding:10px 16px;}
.spec-label{color:var(--yd-deep);font-weight:600;}
.sell-album img{border-radius:0;box-shadow:0 2px 12px rgba(35,24,21,.08);}

/* ---------- 详情主按钮（覆盖 sell.css 的圆角橙红） ---------- */
.card .btn-buy{border-radius:0;background:linear-gradient(135deg,var(--yd-main),#c81a38);}
.card .btn-cart{border-radius:0;background:linear-gradient(135deg,#5b4636,#3d2d24);color:#fff;}
.card .btn-buy:hover,.card .btn-cart:hover{opacity:.92;box-shadow:0 4px 14px rgba(35,24,21,.2);}

/* ---------- 信息表格（公司档案 / 联系方式） ---------- */
.info-label{color:var(--yd-deep);position:relative;padding-left:12px;width:112px;}
.info-label::before{content:"";position:absolute;left:0;top:2px;width:3px;height:16px;background:var(--yd-main);}
.info-val{color:#555;}
.verify-tag{border-radius:0;background:#f3ece6;color:var(--yd-deep);}

/* ---------- 表单 ---------- */
.form-label{color:#444;font-weight:600;}
.inp,.form-val input[type=text],.form-val input[type=password],.form-val input[type=tel],.form-val textarea,.form-val select{border-radius:0;border:1px solid #dcd4cd;transition:border-color .25s,box-shadow .25s;}
.inp:focus,.form-val input[type=text]:focus,.form-val input[type=password]:focus,.form-val input[type=tel]:focus,.form-val textarea:focus{border-color:var(--yd-main);box-shadow:0 0 0 2px rgba(var(--yd-main-rgb),.08);outline:none;}
.btn-act,.btn-act:hover{border-radius:0;background:var(--yd-main);border:1px solid var(--yd-main);color:#fff;}
.btn-act:hover{background:#c81a38;}
.sbm{border-radius:0;background:var(--yd-main);color:#fff;}
.sbm:hover{background:#c81a38;}

/* ---------- 分页 ---------- */
.pages a:link,.pages a:visited,.pages a:active{border-radius:0;}
.pages a:hover{background:var(--yd-main);border-color:var(--yd-main);color:#fff;}
.pages strong{border-radius:0;background:var(--yd-main);border-color:var(--yd-main);}
.pages_btn,.pages_inp,.pages label{border-radius:0;}

/* ---------- 荣誉 / 品牌 / 频道 / 相册 / 友情链接 ---------- */
.honor-card{border-radius:0;border:1px solid var(--yd-border);box-shadow:0 1px 4px rgba(35,24,21,.04);transition:transform .3s,box-shadow .3s,border-color .3s;}
.honor-card:hover{transform:translateY(-4px);border-color:var(--yd-main);box-shadow:0 10px 24px rgba(var(--yd-main-rgb),.13);}
.honor-title{color:var(--yd-deep);}
.honor-title:hover{color:var(--yd-main);}
.brand-card{border-radius:0;border:1px solid var(--yd-border);transition:transform .3s,box-shadow .3s,border-color .3s;}
.brand-card:hover{transform:translateY(-4px);border-color:var(--yd-main);box-shadow:0 10px 22px rgba(var(--yd-main-rgb),.12);}
.brand-name a:hover{color:var(--yd-main);}
.channel-grid li{border-radius:0;}
.channel-grid li:hover{background:#fbf6f2;}
.channel-grid li:hover span{color:var(--yd-main);}
.photo-thumb img{border-radius:0;border:1px solid #eee;padding:2px;transition:transform .3s,box-shadow .3s,border-color .3s;}
.photo-thumb:hover img{transform:scale(1.05);border-color:var(--yd-main);box-shadow:0 6px 16px rgba(var(--yd-main-rgb),.15);}
.photo-thumb div a:hover{color:var(--yd-main);}
.link-grid li{border-radius:0;}
.link-grid li:hover{background:#fbf6f2;}
.link-grid li a:hover{color:var(--yd-main);}
.list-none{border-radius:0;}

/* ---------- 内页移动端微调 ---------- */
@media screen and (max-width:768px){
  .main-wrap{padding:16px 0 30px;}
  .main_box{padding:12px;}
  .content{padding:16px 2px;}
  .title{font-size:20px;}
}
@media screen and (max-width:480px){
  .main_head strong{font-size:15px;}
  .type-item{padding:6px 12px;font-size:13px;}
}

/* ============================================================
   公司介绍页 · 全屏分节版式（introduce）
   参考营销型网站 ABOUT 页风格：通栏背景 + 中英章节标题
   内容区域全宽，不受 1200px 容器限制
============================================================ */
.yd-about{width:100%;background:#fff;}

/* ---------- 首屏通栏 ---------- */
.yd-about-hero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,var(--yd-deep) 0%,#4a3a34 60%,var(--yd-deep) 100%);background-size:cover;background-position:center;overflow:hidden;}
.yd-about-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,transparent,var(--yd-main),transparent);}
.yd-about-hero-mask{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(35,24,21,.4),rgba(35,24,21,.75));}
.yd-about-hero-in{position:relative;z-index:2;max-width:1200px;width:100%;box-sizing:border-box;padding:90px 5%;}
.yd-about-hero em{display:block;font-style:normal;font-size:15px;letter-spacing:.55em;text-indent:.55em;color:#ff3a52;font-weight:700;margin-bottom:16px;}
.yd-about-hero h1{font-size:58px;line-height:1.15;color:#fff;font-weight:700;letter-spacing:10px;text-indent:10px;margin:0 0 22px;}
.yd-about-hero p{font-size:16px;color:rgba(255,255,255,.72);letter-spacing:1px;margin:0;}
.yd-about-hero-tag{display:inline-block;margin-top:28px;font-size:12px;letter-spacing:3px;text-indent:3px;color:#fff;border:1px solid rgba(255,255,255,.4);padding:9px 28px;}

/* ---------- 分节通用 ---------- */
.yd-about-sec{width:100%;background:#fff;}
.yd-about-sec.yd-about-alt{background:#faf8f5;border-top:1px solid #f0ebe4;border-bottom:1px solid #f0ebe4;}
.yd-about-inner{width:100%;box-sizing:border-box;padding:80px 6%;}
.yd-about-head{text-align:center;margin-bottom:46px;}
.yd-about-head em{display:block;font-style:normal;font-size:13px;letter-spacing:.45em;text-indent:.45em;color:var(--yd-main);font-weight:600;text-transform:uppercase;}
.yd-about-head h2{font-size:32px;line-height:1.2;color:var(--yd-deep);font-weight:700;letter-spacing:6px;text-indent:6px;margin:10px 0 0;}
.yd-about-head h2::after{content:"";display:block;width:44px;height:3px;background:var(--yd-main);margin:18px auto 0;}

/* ---------- 品牌简介 ---------- */
.yd-about-art{max-width:1000px;margin:0 auto;font-size:15px;color:#555;line-height:2.15;text-align:justify;}
.yd-about-art p{text-indent:2em;margin:0 0 16px;}
.yd-about-fig{float:right;max-width:320px;margin:6px 0 14px 30px;border:1px solid var(--yd-border);}

/* ---------- 企业档案数据卡 ---------- */
.yd-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--yd-border);border:1px solid var(--yd-border);}
.yd-about-card{background:#fff;padding:36px 20px 30px;text-align:center;transition:box-shadow .25s;}
.yd-about-card:hover{box-shadow:inset 0 0 0 1px var(--yd-main);}
.yd-about-card i{display:block;font-style:normal;font-size:25px;line-height:1.4;color:var(--yd-deep);font-weight:700;word-break:break-all;}
.yd-about-card i b{font-size:14px;font-weight:400;color:var(--yd-main);margin-left:3px;}
.yd-about-card span{display:block;margin-top:12px;font-size:13px;color:#999;letter-spacing:1px;}

/* ---------- 企业认证 ---------- */
.yd-about-cert{max-width:1000px;margin:34px auto 0;background:#fff;border:1px solid #f0e9e3;padding:20px 26px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.yd-about-cert em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:1px;color:#fff;background:var(--yd-main);padding:6px 16px;}

/* ---------- 经营方向 ---------- */
.yd-about-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto;}
.yd-about-row{background:#fff;border:1px solid var(--yd-border);padding:26px 28px;transition:border-color .25s,box-shadow .25s;}
.yd-about-row:hover{border-color:var(--yd-main);box-shadow:0 8px 20px rgba(var(--yd-main-rgb),.08);}
.yd-about-row h3{font-size:17px;color:var(--yd-deep);font-weight:700;margin:0 0 12px;padding-left:12px;border-left:3px solid var(--yd-main);}
.yd-about-row p{font-size:14px;color:#666;line-height:2;margin:0;}

/* ---------- 形象视频 / 深入了解 ---------- */
.yd-about-video{max-width:1000px;margin:0 auto;text-align:center;}
.yd-about-pages{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:1100px;margin:0 auto;}
.yd-about-pages a{display:inline-block;border:1px solid var(--yd-border);color:#555;background:#fff;padding:12px 34px;transition:all .25s;}
.yd-about-pages a:hover{border-color:var(--yd-main);color:var(--yd-main);}

/* ---------- 互动工具条 ---------- */
.yd-about-tool{margin-top:36px;}

/* ---------- 公司介绍页响应式 ---------- */
@media screen and (max-width:900px){
  .yd-about-hero{min-height:400px;}
  .yd-about-hero h1{font-size:40px;letter-spacing:6px;text-indent:6px;}
  .yd-about-inner{padding:52px 5% 56px;}
  .yd-about-head{margin-bottom:34px;}
  .yd-about-head h2{font-size:24px;}
}
@media screen and (max-width:600px){
  .yd-about-hero{min-height:340px;}
  .yd-about-hero h1{font-size:30px;letter-spacing:4px;text-indent:4px;}
  .yd-about-hero-tag{margin-top:18px;}
  .yd-about-art{text-align:left;}
  .yd-about-fig{float:none;display:block;max-width:100%;margin:0 auto 16px;}
  .yd-about-cert{justify-content:center;text-align:center;}
}

/* ============================================================
   产品详情 · 多图自适应宽度（sell 详情页）
   主图与缩略图条随容器宽度伸缩（原为固定 414px 图集区）
============================================================ */
.sell-detail{display:flex;gap:clamp(20px,3vw,48px);align-items:flex-start;}
.sell-album{flex:1 1 0;min-width:0;max-width:640px;}
.sell-album #mid_div{position:relative;width:100%;height:auto;max-width:none;overflow:hidden;background:#f7f5f3;}
.sell-album #mid_pic{width:100%;height:auto!important;display:block;}
.sell-album .ab_zoom{left:auto;right:8px;bottom:8px;top:auto;}
.sell-album .ab_on{border-color:var(--yd-main);background:var(--yd-main);}
.sell-album .tbs{width:100%;max-width:none;margin:18px 0 0;position:relative;box-sizing:border-box;padding:0 34px;}
.sell-album .tbsl{position:absolute;left:0;top:0;}
.sell-album .tbsr{position:absolute;right:0;top:0;}
.sell-album .tbsm{float:none;width:100%;max-width:none;overflow:hidden;text-align:left;}
.sell-album #thumbs{width:auto!important;height:56px!important;white-space:nowrap;font-size:0;}
.sell-album #thumbs img{float:none;vertical-align:top;}
.sell-album #thumbs img[src*="nopic.thumb"]{display:none;}

/* 产品详情响应式（<1024 图文纵向堆叠，图片区仍全宽自适应） */
@media screen and (max-width:1024px){
  .sell-detail{flex-wrap:wrap;}
  .sell-album{flex:1 1 100%;max-width:none;}
  .sell-info{flex:1 1 100%;min-width:0;}
}
@media screen and (max-width:600px){
  .sell-album #mid_pic{width:100%;}
  .sell-album .tbs{padding:0 30px;}
}


/* ================================================================
   homepage38 依诺风 · 全屏品牌官网版式（置于打底 37 之上覆盖）
   参考视觉：高端全屏官网 —— 通栏头部 / 1530 内容容器 / 品牌红 #d30000
   ================================================================ */
.in38-container{width:100%;max-width:1530px;margin:0 auto;padding:0 30px;box-sizing:border-box;}
/* —— 全屏化：系统容器取消 1280 限制 —— */
.m{width:100%;max-width:1530px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.main-full{width:100%;max-width:100%;padding:0!important;margin:0;}
.main-full .m{padding:0;max-width:100%;}
.main-box-full{width:100%;}
/* 内页栏目横幅（列表页/内容页顶部图）：顶栏 fixed 高 86px，横幅下移避免与 LOGO/菜单重叠 */
.hs-subban{margin-top:86px;}
.hs-subban + .m{margin-top:28px;}
.main-wrap{margin:86px auto 70px;width:100%;max-width:1530px;}
/* —— 顶部导航 —— */
.in38-header{position:fixed;top:0;left:0;right:0;height:86px;z-index:990;background:#fff;border-bottom:1px solid #e9e9e9;transition:background .35s,border-color .35s,box-shadow .35s;box-shadow:0 2px 12px rgba(0,0,0,.03);}
.in38-header.in38-trans{background:rgba(0,0,0,.06);border-bottom:0;box-shadow:none;}
.in38-header.in38-scrolled{background:#fff;border-bottom:1px solid #e9e9e9;box-shadow:0 4px 24px rgba(0,0,0,.07);}
.in38-header-in{height:86px;display:flex;align-items:center;position:relative;max-width:1920px;margin:0 auto;padding:0 30px;}
.in38-logo{flex:0 0 auto;display:flex;align-items:center;z-index:2;}
.in38-logo img{height:56px;width:auto;max-width:230px;object-fit:contain;display:block;}
.in38-trans .in38-logo img{filter:drop-shadow(0 0 6px rgba(0,0,0,.45));}
.in38-logo-txt{font-size:30px;font-weight:800;color:#111;white-space:nowrap;}
.in38-nav{position:absolute;left:50%;transform:translateX(-50%);z-index:1;}
.in38-nav ul{list-style:none;display:flex;align-items:center;margin:0;padding:0;}
.in38-nav li{margin:0 3px;}
.in38-nav li a{display:inline-block;padding:13px 18px;border-radius:25px;font-size:15px;color:#fff;letter-spacing:1px;transition:color .25s;}
.in38-nav li.on a,.in38-nav li a:hover{background:var(--c1);color:#fff;}
.in38-header:not(.in38-trans) .in38-nav li a{color:#202020;}
.in38-header:not(.in38-trans) .in38-nav li.on a,.in38-header:not(.in38-trans) .in38-nav li a:hover{background:var(--c1);color:#fff;}
.in38-header.in38-trans:not(.in38-scrolled) .in38-logo-txt{color:#fff;}
.in38-tools{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:20px;z-index:2;}
.in38-search-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.75);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:.25s;}
.in38-search-btn:hover{border-color:var(--c1);color:#fff;background:var(--c1);}
.in38-header:not(.in38-trans) .in38-search-btn{color:#222;border-color:#c9c9c9;}
.in38-header:not(.in38-trans) .in38-search-btn:hover{background:var(--c1);border-color:var(--c1);color:#fff;}
.in38-tel{display:flex;align-items:center;gap:8px;background:var(--c1);color:#fff;font-size:15px;letter-spacing:1px;padding:14px 28px;border-radius:25px;box-shadow:0 6px 18px rgba(211,0,0,.35);transition:background .25s;}
.in38-tel:hover{background:var(--c2);color:#fff;}
.in38-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;z-index:2;}
.in38-burger span{display:block;height:2px;background:#222;border-radius:2px;transition:.3s;}
.in38-trans .in38-burger span{background:#fff;}
/* —— 主视觉轮播 —— */
.in38-banner{position:relative;width:100%;height:100vh;max-height:920px;min-height:600px;overflow:hidden;background:#f4f4f4;}
.in38-banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.1s ease;z-index:1;}
.in38-banner-slide.on{opacity:1;z-index:2;}
.in38-banner-slide a,.in38-banner-slide img{display:block;width:100%;height:100%;}
.in38-banner-slide img{object-fit:cover;}
.in38-banner-arrow{position:absolute;top:50%;margin-top:-26px;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;backdrop-filter:blur(2px);transition:.25s;}
.in38-banner-arrow:hover{background:var(--c1);}
.in38-banner-prev{left:26px;}
.in38-banner-next{right:26px;}
.in38-banner-dots{position:absolute;left:0;right:0;bottom:34px;z-index:5;display:flex;justify-content:center;gap:10px;}
.in38-banner-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:.3s;}
.in38-banner-dots span.on{background:#fff;transform:scale(1.25);}
.in38-banner-scroll{position:absolute;left:50%;bottom:22px;margin-left:-13px;width:26px;height:40px;border:2px solid rgba(255,255,255,.75);border-radius:14px;z-index:5;}
.in38-banner-scroll span{position:absolute;left:50%;top:8px;width:4px;height:4px;margin-left:-2px;background:#fff;border-radius:50%;animation:in38scroll 1.8s infinite;}
@keyframes in38scroll{0%{opacity:0;transform:translateY(0);}40%{opacity:1;}100%{opacity:0;transform:translateY(16px);}}
/* —— 区块大标题 —— */
.in38-sec-head{padding:0 0 46px;}
.in38-sec-head-in{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;}
.in38-sec-en{font-size:64px;line-height:.95;letter-spacing:1px;font-weight:800;color:#101010;margin:0;font-family:Arial,'Helvetica Neue',sans-serif;text-transform:uppercase;}
.in38-sec-more{flex:0 0 auto;font-size:15px;color:#333;padding:13px 42px;border:1px solid #7d7d7d;border-radius:25px;letter-spacing:2px;transition:.3s;text-decoration:none;}
.in38-sec-more:hover{border-color:var(--c1);color:var(--c1);}
.in38-sec-head-light .in38-sec-en{color:#fff;}
.in38-sec-head-light .in38-sec-more{border-color:rgba(255,255,255,.65);color:#fff;}
.in38-sec-head-light .in38-sec-more:hover{border-color:var(--c1);background:var(--c1);}
/* —— 新品橱窗 NEW ARRIVAL —— */
.in38-arrival{padding:120px 0 60px;}
.in38-arrival-view{position:relative;min-height:430px;}
.in38-arrival-slide{display:none;align-items:center;gap:6%;}
.in38-arrival-slide.on{display:flex;animation:in38fade .8s;}
@keyframes in38fade{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.in38-arrival-text{flex:0 0 44%;}
.in38-en-big{font-family:Arial,'Helvetica Neue',sans-serif;font-size:74px;line-height:.92;font-weight:800;color:#1a1a1a;margin:0 0 30px;text-transform:uppercase;letter-spacing:1px;}
.in38-arrival-tit{font-size:26px;color:#1a1a1a;margin:0 0 16px;font-weight:600;}
.in38-arrival-desc{font-size:15px;color:#777;line-height:2;margin:0 0 30px;}
.in38-arrival-more a{font-size:15px;color:#101010;letter-spacing:3px;border-bottom:1px solid #101010;padding-bottom:8px;transition:.3s;}
.in38-arrival-more a:hover{color:var(--c1);border-color:var(--c1);}
.in38-arrival-img{flex:1;min-width:0;}
.in38-arrival-img a,.in38-arrival-img img{display:block;width:100%;}
.in38-arrival-img img{max-height:520px;object-fit:cover;}
.in38-arrival-ctrl{position:absolute;right:0;bottom:-66px;display:flex;gap:14px;}
.in38-arrival-ctrl a{width:44px;height:44px;border:1px solid #cfcfcf;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;transition:.3s;}
.in38-arrival-ctrl a:hover{background:var(--c1);border-color:var(--c1);color:#fff;}
.in38-arrival-dots{position:absolute;right:120px;bottom:-55px;display:flex;gap:8px;}
.in38-arrival-dots span{width:8px;height:8px;border-radius:50%;background:#d8d8d8;cursor:pointer;transition:.3s;}
.in38-arrival-dots span.on{background:var(--c1);}
/* —— 产品精选 —— */
.in38-products{position:relative;background:#f5f5f5;padding:96px 0 110px;margin-top:60px;overflow:hidden;}
.in38-products-bg{position:absolute;top:0;left:0;right:0;height:270px;background:#1b1b1b;}
.in38-products .in38-container{position:relative;}
.in38-products .in38-sec-head{padding-bottom:56px;}
.in38-prod-list{list-style:none;display:flex;flex-wrap:wrap;gap:1.4%;margin:0;padding:0;}
.in38-prod-item{width:24%;background:#fff;transition:transform .35s,box-shadow .35s;box-shadow:0 10px 30px rgba(0,0,0,.06);}
.in38-prod-item:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,0,0,.14);}
.in38-prod-item a{display:block;position:relative;overflow:hidden;background:#fff;}
.in38-prod-pic{width:100%;overflow:hidden;background:#f0f0f0;}
.in38-prod-pic img{width:100%;height:auto;display:block;transition:transform .6s;}
.in38-prod-item:hover .in38-prod-pic img{transform:scale(1.1);}
.in38-prod-info{padding:22px 24px 26px;}
.in38-prod-info h3{font-size:19px;color:#1a1a1a;margin:0 0 6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.in38-prod-info .in38-en{font-family:Arial,sans-serif;font-size:12px;color:#bbb;letter-spacing:3px;text-transform:uppercase;}
.in38-prod-hover{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(211,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:.4s;}
.in38-prod-hover em{font-style:normal;color:#fff;border:1px solid #fff;padding:10px 30px;border-radius:25px;letter-spacing:3px;font-size:14px;transform:translateY(10px);transition:.4s;}
.in38-prod-item:hover .in38-prod-hover{opacity:1;}
.in38-prod-item:hover .in38-prod-hover em{transform:none;}
/* —— 图集/视频 —— */
.in38-video{padding:110px 0 40px;}
.in38-video-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);gap:16px;height:560px;}
.in38-video-item{position:relative;overflow:hidden;border-radius:2px;}
.in38-video-big{grid-row:1/3;}
.in38-video-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s;}
.in38-video-item:hover img{transform:scale(1.07);}
.in38-video-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.45));display:flex;align-items:flex-end;padding:26px;gap:14px;}
.in38-video-mask b{color:#fff;font-size:20px;font-weight:600;}
.in38-play{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.28);position:relative;backdrop-filter:blur(2px);transition:.3s;}
.in38-video-item:hover .in38-play{background:var(--c1);}
.in38-play:after{content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;transform:translate(-30%,-50%);}
.in38-video-say{text-align:center;color:#333;font-size:21px;letter-spacing:2px;line-height:1.9;margin:80px auto 0;max-width:1100px;position:relative;}
/* —— 实力/案例/招商 —— */
.in38-content{background:#f5f5f5;margin-top:60px;padding:100px 0 110px;}
.in38-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.in38-case{position:relative;min-height:100%;}
.in38-case-bg{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:560px;height:100%;background:#9a9a9a center/cover no-repeat;padding:44px 46px;box-sizing:border-box;overflow:hidden;text-decoration:none;}
.in38-case-bg:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.15) 45%,rgba(0,0,0,.55));transition:.4s;}
.in38-case-top,.in38-case-bottom{position:relative;z-index:1;color:#fff;}
.in38-case-top b{display:inline-block;vertical-align:top;font-family:Arial,sans-serif;font-size:44px;line-height:1.05;letter-spacing:1px;text-transform:uppercase;font-weight:800;}
.in38-case-top i{font-style:normal;vertical-align:top;display:inline-block;margin:6px 0 0 14px;border:1px solid rgba(255,255,255,.8);font-size:14px;letter-spacing:2px;padding:8px 20px;border-radius:25px;}
.in38-case-bottom b{display:block;font-size:64px;line-height:1;font-weight:800;font-family:Arial,sans-serif;}
.in38-case-bottom i{font-family:Arial,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:3px;color:#ddd;}
.in38-case-bottom em{display:block;font-style:normal;font-size:14px;line-height:1.9;color:#e8e8e8;margin-top:12px;max-width:400px;}
.in38-content-right{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:30px;align-content:stretch;}
.in38-block{display:block;padding:42px 40px;text-decoration:none;transition:.35s;box-sizing:border-box;}
.in38-block:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12);}
.in38-block .in38-en{font-family:Arial,sans-serif;font-size:15px;letter-spacing:4px;color:#a2a2a2;text-transform:uppercase;line-height:1.3;}
.in38-block-store{background:#fff;}
.in38-block-store h3{color:#171717;font-size:22px;margin:18px 0 12px;font-weight:700;}
.in38-block-store p{color:#6b6b6b;font-size:14px;line-height:2;margin:0 0 14px;}
.in38-block-store .in38-block-tel{color:var(--c1);font-weight:600;font-size:15px;}
.in38-btn{display:inline-block;margin-top:14px;color:#202020;border:1px solid #9c9c9c;padding:10px 34px;border-radius:25px;font-size:14px;letter-spacing:2px;transition:.3s;}
.in38-block-store:hover .in38-btn{border-color:var(--c1);background:var(--c1);color:#fff;}
.in38-block-down{background:var(--c1);}
.in38-block-down .in38-en,.in38-block-down h3,.in38-block-down p{color:#fff;}
.in38-block-down h3{font-size:22px;margin:18px 0 12px;font-weight:700;}
.in38-block-down p{font-size:14px;line-height:2;margin:0 0 10px;opacity:.92;}
.in38-block-down .in38-btn{border-color:#fff;color:#fff;}
.in38-block-down:hover .in38-btn{background:#fff;color:var(--c1);}
.in38-block-friend{grid-column:1/3;background:#eaeaea;display:flex;flex-wrap:wrap;align-items:center;gap:8px 60px;padding:34px 46px;}
.in38-block-friend .in38-en{color:#9b9b9b;}
.in38-block-friend h3{color:#191919;font-size:20px;margin:0;font-weight:700;}
.in38-block-friend p{flex:1 1 100%;color:#6f6f6f;font-size:14px;line-height:1.9;margin:10px 0 0;max-width:800px;}
.in38-block-more{display:inline-block;color:#fff;background:var(--c1);padding:11px 34px;border-radius:25px;letter-spacing:2px;font-size:14px;margin:12px 0 0;}
.in38-block-friend:hover{background:#e2e2e2;}
/* —— 新闻 —— */
.in38-news{padding:120px 0 130px;}
.in38-news-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:0;padding:0;}
.in38-news-card{border:1px solid #ececec;transition:.35s;background:#fff;}
.in38-news-card:hover{border-color:var(--c1);box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-5px);}
.in38-news-card a{display:flex;align-items:center;gap:22px;padding:30px 28px;text-decoration:none;}
.in38-news-date{flex:0 0 auto;width:88px;text-align:center;color:#999;font-size:13px;border-right:1px solid #eee;padding-right:18px;}
.in38-news-date em{display:block;font-style:normal;font-family:Arial,sans-serif;font-size:54px;font-weight:700;line-height:1;color:#1a1a1a;}
.in38-news-card:hover .in38-news-date em{color:var(--c1);}
.in38-news-body{flex:1;min-width:0;}
.in38-news-body h3{font-size:18px;color:#1a1a1a;margin:0 0 10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.3s;}
.in38-news-card:hover .in38-news-body h3{color:var(--c1);}
.in38-news-body p{font-size:13px;color:#8a8a8a;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.in38-news-thumb{flex:0 0 92px;width:92px;height:68px;overflow:hidden;}
.in38-news-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.in38-empty{text-align:center;color:#aaa;padding:40px 0;font-size:15px;}
/* —— 页脚 —— */
.in38-footer{background:#fff;border-top:1px solid #e9e9e9;}
.in38-foot-top{display:flex;gap:70px;padding:74px 0 40px;}
.in38-foot-left{flex:1.2;min-width:330px;}
.in38-foot-left .in38-en{font-family:Arial,sans-serif;font-size:13px;letter-spacing:4px;color:#9a9a9a;text-transform:uppercase;margin:0 0 8px;}
.in38-foot-tel{margin:0 0 6px;}
.in38-foot-tel a{font-family:Arial,sans-serif;font-size:52px;font-weight:800;color:#171717;letter-spacing:1px;line-height:1;}
.in38-foot-tel a:hover{color:var(--c1);}
.in38-foot-tip{color:#8a8a8a;font-size:14px;margin:0 0 24px;letter-spacing:1px;}
.in38-foot-follow{display:flex;align-items:center;gap:14px;}
.in38-foot-follow a img{width:26px;height:26px;opacity:.55;transition:.3s;}
.in38-foot-follow a:hover img{opacity:1;}
.in38-foot-follow a.in38-en{color:#171717;font-size:13px;border:1px solid #cfcfcf;border-radius:25px;padding:7px 22px;letter-spacing:2px;text-decoration:none;transition:.3s;}
.in38-foot-follow a.in38-en:hover{border-color:var(--c1);color:#fff;background:var(--c1);}
.in38-foot-cols{flex:2.4;display:grid;grid-template-columns:repeat(2,1fr);gap:26px 60px;}
.in38-foot-cols dl{margin:0;}
.in38-foot-cols dt{font-size:17px;font-weight:700;color:#171717;margin-bottom:22px;}
.in38-foot-cols dd{margin:0 0 12px;}
.in38-foot-cols dd a{color:#6f6f6f;font-size:14px;text-decoration:none;transition:.3s;}
.in38-foot-cols dd a:hover{color:var(--c1);}
.in38-foot-link{border-top:1px solid #efefef;padding:18px 0;}
.in38-foot-link .in38-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;}
.in38-foot-link-tag{background:#1d1d1d;color:#fff;font-size:13px;padding:6px 18px;border-radius:3px;letter-spacing:2px;}
.in38-foot-link a{color:#8a8a8a;font-size:13px;text-decoration:none;transition:.3s;}
.in38-foot-link a:hover{color:var(--c1);}
.in38-foot-bottom{border-top:1px solid #efefef;padding:18px 0;}
.in38-foot-bottom .in38-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#9a9a9a;font-size:13px;}
.in38-foot-bottom a{color:#9a9a9a;text-decoration:none;}
.in38-foot-bottom a:hover{color:var(--c1);}
/* —— 联系方式行（页脚最底部） —— */
.in38-foot-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 44px;margin-top:14px;color:#7a7a7a;font-size:13px;line-height:1.9;}
.in38-foot-contact a{color:#7a7a7a;}
.in38-foot-contact a:hover{color:var(--c1);}
/* —— 右侧悬浮 —— */
.in38-fixed{position:fixed;right:14px;bottom:110px;z-index:880;display:flex;flex-direction:column;gap:10px;}
.in38-fixed-item{width:46px;height:46px;background:#fff;border:1px solid #e6e6e6;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.1);transition:.3s;}
.in38-fixed-item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#333;text-decoration:none;}
.in38-fixed-item img{width:20px;height:20px;opacity:.8;}
.in38-fixed-item span{display:none;font-size:12px;}
.in38-fixed-item:hover{background:var(--c1);border-color:var(--c1);}
.in38-fixed-item:hover a{color:#fff;}
.in38-fixed-item:hover span{display:block;}
.in38-fixed-item:hover img{display:none;}
.in38-fixed-top{display:none;}
/* —— 搜索弹层 —— */
.in38-search-panel{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1200;}
.in38-search-mask,.in38-drawer-mask{position:absolute;inset:0;background:rgba(0,0,0,.55);}
.in38-search-box{position:absolute;top:14%;left:50%;transform:translateX(-50%);width:min(680px,90%);}
.in38-search-box form{display:flex;background:#fff;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;}
.in38-search-box input{flex:1;border:0;outline:0;padding:22px 32px;font-size:16px;color:#222;background:transparent;}
.in38-search-box button{border:0;background:var(--c1);color:#fff;font-size:16px;letter-spacing:2px;padding:0 48px;cursor:pointer;transition:.25s;}
.in38-search-box button:hover{background:var(--c2);}
/* —— 抽屉菜单 —— */
.in38-drawer{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1250;}
.in38-drawer-panel{position:absolute;top:0;left:0;bottom:0;width:min(320px,86%);background:#191919;padding:24px 0;overflow-y:auto;box-shadow:10px 0 40px rgba(0,0,0,.35);}
.in38-drawer-top{display:flex;justify-content:space-between;align-items:center;padding:0 22px 20px;border-bottom:1px solid rgba(255,255,255,.12);}
.in38-drawer-top img{height:40px;width:auto;max-width:180px;object-fit:contain;}
.in38-drawer-top b{color:#fff;font-size:18px;}
.in38-drawer-close{color:#888;display:flex;}
.in38-drawer-close:hover{color:var(--c1);}
.in38-drawer-tel{display:block;margin:18px 22px;text-align:center;color:#fff;background:var(--c1);padding:12px;border-radius:25px;font-size:15px;letter-spacing:1px;text-decoration:none;}
.in38-drawer-nav{list-style:none;margin:6px 0;padding:0 22px;}
.in38-drawer-nav li a{display:block;color:#e8e8e8;font-size:16px;padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;transition:.25s;}
.in38-drawer-nav li.on a,.in38-drawer-nav li a:hover{color:var(--c1);padding-left:12px;}
.in38-drawer-foot{display:flex;justify-content:space-between;padding:16px 22px 0;gap:8px;}
.in38-drawer-foot a{color:#999;font-size:13px;text-decoration:none;}
.in38-drawer-foot a:hover{color:var(--c1);}



/* ================= homepage38 响应式（置于全站 CSS 之后） ================= */
@media screen and (max-width:1500px){
.in38-en-big{font-size:64px;}
.in38-arrival-text{flex-basis:46%;}
.in38-prod-list{gap:1.6%;}
.in38-prod-item{width:24.2%;}
}
@media screen and (max-width:1280px){
.in38-sec-en{font-size:54px;}
.in38-en-big{font-size:58px;}
.in38-nav li a{padding:12px 13px;font-size:14px;}
.in38-header-in{padding:0 22px;}
.in38-prod-item{width:32.2%;margin-bottom:22px;}
.in38-content-grid{grid-template-columns:1fr;gap:22px;}
.in38-case-bg{min-height:460px;}
.in38-content-right{grid-template-columns:1fr 1fr;}
.in38-foot-top{flex-direction:column;gap:44px;}
.in38-foot-cols{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:1024px){
.in38-nav{display:none;}
.in38-burger{display:flex;}
.in38-burger span{background:#222;}
.in38-trans .in38-burger span{background:#fff;}
.in38-tools{margin-left:0;}
.in38-header:not(.in38-trans) .in38-search-btn{margin-left:auto;}
.in38-banner{height:520px;min-height:0;}
.in38-arrival{padding:90px 0 70px;}
.in38-arrival-slide{flex-direction:column;gap:36px;}
.in38-arrival-text{flex-basis:auto;}
.in38-en-big{font-size:52px;}
.in38-arrival-view{min-height:0;}
.in38-video-grid{height:auto;grid-template-columns:1fr 1fr;}
.in38-video-big{grid-row:auto;grid-column:1/3;height:420px;}
.in38-video-sm{height:260px;}
.in38-foot-cols{grid-template-columns:repeat(2,1fr);gap:36px 20px;}
.in38-content-grid{grid-template-columns:1fr;}
}
@media screen and (max-width:900px){
.in38-content-right{grid-template-columns:1fr;}
.in38-block-friend{grid-column:auto;}
}
@media screen and (max-width:768px){
body{-webkit-text-size-adjust:100%;}
.m{max-width:100%;padding:0 8px;}
.in38-container{padding:0 16px;}
.in38-header{height:64px;}
.in38-header-in{height:64px;padding:0 16px;}
.in38-logo img{height:46px;max-width:170px;}
.in38-tel{display:none;}
.in38-banner{height:300px;}
.in38-banner-arrow{display:none;}
.in38-banner-dots{bottom:18px;}
.in38-banner-scroll{display:none;}
.main-wrap{margin:64px auto 50px;}
.in38-sec-head{padding:0 0 30px;}
.in38-sec-en{font-size:38px;}
.in38-sec-more{padding:10px 26px;font-size:14px;}
.in38-arrival{padding:70px 0 80px;}
.in38-arrival-ctrl{right:auto;left:0;bottom:-52px;}
.in38-arrival-dots{left:120px;right:auto;bottom:-44px;}
.in38-en-big{font-size:44px;margin-bottom:20px;}
.in38-arrival-tit{font-size:20px;}
.in38-arrival-desc{font-size:14px;line-height:1.9;}
.in38-products{padding:70px 0 84px;margin-top:40px;}
.in38-products-bg{height:200px;}
.in38-prod-list{gap:0;justify-content:space-between;}
.in38-prod-item{width:48.6%;margin-bottom:14px;}
.in38-prod-info{padding:14px 14px 18px;}
.in38-prod-info h3{font-size:15px;}
.in38-video{padding:70px 0 30px;}
.in38-video-grid{grid-template-columns:1fr;gap:12px;}
.in38-video-big{grid-column:auto;height:auto;aspect-ratio:4/3;}
.in38-video-sm{height:auto;aspect-ratio:4/3;}
.in38-video-say{font-size:16px;margin-top:44px;letter-spacing:1px;}
.in38-content{padding:70px 0 80px;margin-top:40px;}
.in38-case-bg{min-height:380px;padding:26px 24px;}
.in38-case-top b{font-size:34px;}
.in38-case-bottom b{font-size:52px;}
.in38-block{padding:28px 24px;}
.in38-news{padding:80px 0 90px;}
.in38-news-grid{grid-template-columns:1fr;gap:16px;}
.in38-news-card a{gap:14px;padding:20px 16px;}
.in38-news-date{width:60px;padding-right:12px;}
.in38-news-date em{font-size:40px;}
.in38-news-thumb{display:none;}
.in38-foot-top{padding:56px 0 30px;gap:36px;}
.in38-foot-tel a{font-size:40px;}
.in38-foot-cols{grid-template-columns:1fr 1fr;}
.in38-footer .in38-container{padding:0 20px;}
.in38-foot-link{display:none;}
.in38-foot-contact{gap:4px 18px;}
.in38-fixed{right:8px;bottom:80px;gap:8px;}
.in38-fixed-item{width:40px;height:40px;}
.in38-fixed-item span{display:none;}
}
@media screen and (max-width:480px){
.in38-search-btn{display:none;}
.in38-banner{height:250px;}
.in38-sec-en{font-size:32px;}
.in38-prod-item{width:100%;}
.in38-foot-cols{grid-template-columns:1fr;gap:24px;}
.in38-foot-bottom .in38-container{justify-content:center;text-align:center;}
.in38-video-say{font-size:15px;}
}

/* ============================================================
   homepage38 · 瓷砖行业英雄区 + 公司简介
============================================================ */
.in38-hero{position:relative;overflow:hidden;background:#171717;}
.in38-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#231815,#3a3a3a);background-size:cover;background-position:center;}
.in38-hero-bg::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(12,12,12,.88) 0%,rgba(12,12,12,.66) 48%,rgba(12,12,12,.2) 100%);}
.in38-hero-in{position:relative;z-index:2;padding:112px 0 104px;max-width:760px;}
.in38-hero-en{display:block;font-size:14px;line-height:1.7;letter-spacing:.5em;color:var(--yd-main);font-weight:700;text-transform:uppercase;font-family:Arial,'Helvetica Neue',sans-serif;margin-bottom:20px;}
.in38-hero-in h2{font-size:46px;color:#fff;font-weight:800;letter-spacing:8px;margin:0 0 20px;line-height:1.2;}
.in38-hero-in p{font-size:16px;color:rgba(255,255,255,.82);line-height:2;margin:0 0 32px;}
.in38-hero-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.in38-hero-btns .in38-btn{margin-top:0;color:#fff;border-color:rgba(255,255,255,.55);}
.in38-hero-btns .in38-btn:hover{border-color:var(--yd-main);background:var(--yd-main);color:#fff;}
.in38-btn-solid{background:var(--yd-main);border-color:var(--yd-main);color:#fff;}
.in38-btn-solid:hover{background:var(--yd-main2);border-color:var(--yd-main2);color:#fff;}
.in38-hero-data{display:flex;flex-wrap:wrap;gap:0 56px;margin:46px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.18);}
.in38-hero-data li{list-style:none;}
.in38-hero-data b{display:block;font-size:34px;color:#fff;font-weight:800;font-family:Arial;line-height:1;}
.in38-hero-data b em{font-style:normal;font-size:15px;margin-left:3px;color:#fff;}
.in38-hero-data i{display:block;font-style:normal;font-size:13px;color:rgba(255,255,255,.6);letter-spacing:2px;margin-top:9px;}

.in38-about{padding:104px 0 96px;background:#fff;}
.in38-about-grid{display:flex;gap:56px;align-items:center;}
.in38-about-img{flex:0 0 46%;}
.in38-about-img a{display:block;overflow:hidden;}
.in38-about-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s ease;}
.in38-about-img a:hover img{transform:scale(1.05);}
.in38-about-text{flex:1;min-width:0;}
.in38-about-tit{display:flex;align-items:baseline;gap:16px;margin-bottom:18px;}
.in38-about-tit b{font-size:34px;color:var(--yd-main);font-weight:800;font-family:Arial;line-height:1;}
.in38-about-tit span{font-size:14px;color:#9a9a9a;letter-spacing:2px;}
.in38-about-text p{font-size:15px;color:#777;line-height:2.1;margin:0 0 20px;text-indent:2em;}
.in38-about-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px;padding:0;}
.in38-about-tags li{list-style:none;font-size:13px;color:#666;border:1px solid #e3e3e3;border-radius:22px;padding:8px 22px;letter-spacing:1px;}
@media screen and (max-width:1280px){
.in38-hero-in{padding:96px 0 88px;}
.in38-hero-in h2{font-size:40px;}
.in38-about{padding:88px 0 80px;}
.in38-about-grid{gap:40px;}
}
@media screen and (max-width:1024px){
.in38-hero-in{padding:84px 0 76px;max-width:none;}
.in38-hero-in h2{font-size:34px;letter-spacing:5px;}
.in38-about-grid{flex-direction:column;gap:28px;}
.in38-about-img{flex:none;width:100%;}
.in38-about-text{flex:none;width:100%;}
}

/* ============================================================
   homepage38 · 产品图片滚动轨道 + 卡片文字边距优化
============================================================ */
.in38-sec-tools{display:flex;align-items:center;gap:16px;flex:0 0 auto;}
.in38-prod-ctrl{display:flex;gap:10px;}
.in38-prod-ctrl a{width:44px;height:44px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:.3s;}
.in38-prod-ctrl a:hover{background:var(--c1);border-color:var(--c1);color:#fff;}
.in38-prod-wrap{position:relative;}
.in38-prod-list{display:flex;flex-wrap:nowrap;gap:1.4%;list-style:none;margin:0;padding:10px 6px 16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;}
.in38-prod-list::-webkit-scrollbar{display:none;height:0;width:0;}
.in38-prod-item{flex:0 0 23.9%;width:auto;margin:0;scroll-snap-align:start;}
.in38-prod-item:hover{transform:none;box-shadow:0 18px 40px rgba(0,0,0,.15);}
/* 卡片文字边距：标题行高、与英文标签的呼吸 */
.in38-prod-info{padding:20px 24px 26px;}
.in38-prod-info h3{font-size:18px;line-height:1.5;letter-spacing:.5px;margin:0 0 10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.in38-prod-info .in38-en{display:block;font-family:Arial,sans-serif;font-size:11px;color:#c2c2c2;letter-spacing:4px;text-transform:uppercase;}
@media screen and (max-width:1280px){
.in38-prod-item{flex:0 0 32.2%;}
}
@media screen and (max-width:1024px){
.in38-prod-item{flex:0 0 48.6%;}
}