/* nndaixuan.com — 广西南宁市代轩商贸有限公司（婚纱）
   蓝本：demoall.5fa.cn/11037/（Pintuer 服装定制模板）
   主色 #f21c64 桃粉 | 深黑 #111/#333 | 灰底 #f5f5f5 | 文字 #333/#666/#999 */
* { margin:0; padding:0; box-sizing:border-box; }
body { color:#333; font-size:13px; font-family:"Microsoft Yahei","微软雅黑",Arial,sans-serif; width:100%; overflow-x:hidden; background:#fff; }
a { color:#333; text-decoration:none; transition:all .3s; }
a:hover { color:#f21c64; }
img { border:0; vertical-align:middle; max-width:100%; }
ul,ol { list-style:none; }
h1,h2,h3,h4 { font-weight:normal; }
.container { width:1200px; max-width:96%; margin:0 auto; }
.clearfix::after { content:""; display:block; clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-white { color:#fff; }

/* ===== 顶部 topbox（lotbox + menubox 同容器） ===== */
.topbox { background:#fff; box-shadow:0 3px 6px rgba(0,0,0,.175); position:relative; z-index:99; }
.lotbox { background:#111; color:#fff; padding:8px 0; }
.lotbox .container { overflow:hidden; }
.lotbox-welcome { float:left; font-size:12px; color:#ccc; }
.lotbox-welcome a { color:#ccc; margin-left:8px; }
.lotbox-welcome a:hover { color:#f21c64; }
.lotbar-search { float:right; }
.lotbar-search input { width:180px; height:28px; line-height:28px; padding:0 10px; border:1px solid #f21c64; font-size:12px; color:#666; outline:none; float:left; font-family:inherit; }
.lotbar-search button { float:left; height:30px; padding:0 14px; background:#f21c64; color:#fff; border:0; font-size:12px; cursor:pointer; font-family:inherit; }
.lotbar-search button:hover { background:#d01554; }
.menubox { padding:22px 0 26px; }
.logo-box { float:left; }
.logo-box svg { width:52px; height:52px; float:left; }
.logo-text { float:left; margin-left:12px; }
.logo-name { font-size:26px; font-weight:bold; color:#333; letter-spacing:2px; line-height:1.2; }
.logo-name span { color:#f21c64; }
.logo-sub { font-size:11px; color:#999; letter-spacing:3px; margin-top:5px; text-transform:uppercase; }
.nav-box { float:right; position:relative; }
.hamburger { display:none; width:44px; height:38px; background:#f21c64; color:#fff; border:0; font-size:18px; cursor:pointer; }
.nav-menu > li { float:left; position:relative; }
.nav-menu > li > a { display:block; padding:10px 18px; font-size:16px; color:#333; border:1px solid transparent; }
.nav-menu > li:hover > a, .nav-menu > li.active > a { border:1px solid #f21c64; color:#f21c64; background:#fff; }
.drop-menu { position:absolute; top:100%; left:0; min-width:130px; background:#fff; box-shadow:0 6px 16px rgba(0,0,0,.18); display:none; z-index:98; }
.nav-menu > li:hover .drop-menu { display:block; }
.drop-menu a { display:block; padding:10px 20px; font-size:13px; color:#666; white-space:nowrap; }
.drop-menu a:hover { background:#f21c64; color:#fff; }

/* ===== Banner 轮播 ===== */
.banner { position:relative; overflow:hidden; background:#111; }
.banner-item { display:none; position:relative; }
.banner-item.on { display:block; }
.banner-item img { width:100%; height:560px; object-fit:cover; display:block; }
.banner-slogan { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff; z-index:2; }
.banner-slogan h2 { font-size:40px; letter-spacing:6px; text-shadow:0 2px 14px rgba(0,0,0,.55); font-weight:bold; }
.banner-slogan h2 i { display:inline-block; width:46px; height:2px; background:#f21c64; vertical-align:middle; margin:0 16px; }
.banner-slogan p { margin-top:14px; font-size:16px; letter-spacing:3px; text-shadow:0 1px 8px rgba(0,0,0,.6); }
.banner-dots { position:absolute; bottom:22px; left:0; right:0; text-align:center; z-index:3; }
.banner-dots span { display:inline-block; width:12px; height:12px; border:1px solid #f21c64; margin:0 5px; cursor:pointer; background:transparent; border-radius:50%; transition:all .3s; }
.banner-dots span.on { background:#f21c64; }

/* ===== 品牌相册拼图（左大图 + 右2张上移 + 下4张） ===== */
.album-section { padding:45px 0 20px; }
.album-row1 { margin:0 -10px; }
.album-big { width:50%; padding:0 10px; float:left; }
.album-cell { width:25%; padding:0 10px; float:left; }
.album-row1 .album-cell { margin-top:-20px; }
.album-item { background:#fff; padding:10px; box-shadow:0 22px 40px rgba(0,0,0,.16); transition:all .3s; }
.album-item img { width:100%; object-fit:cover; display:block; transition:all .3s; }
.album-big img { height:420px; }
.album-row1 .album-cell img { height:180px; }
.album-row2 { margin:20px -10px 0; }
.album-row2 .album-cell img { height:200px; }
.album-item h3 { font-size:14px; text-align:center; padding:10px 0 4px; color:#333; }
.album-item:hover { box-shadow:0 22px 40px rgba(242,28,100,.28); }
.album-item:hover img { transform:scale(1.02); }
.album-item:hover h3 { color:#f21c64; }

/* ===== 关于我们（整幅背景图 + 黑色遮罩盒） ===== */
.about-bg { padding:0; background:url("https://images.unsplash.com/photo-1515306147469-07c28224b477?w=1920&h=700&fit=crop&auto=format&q=80") center center no-repeat; background-size:cover; }
.about-box { width:83.333%; margin:80px auto; padding:55px 60px; background:rgba(0,0,0,.58); color:#fff; text-align:center; }
.about-box h1 { font-size:24px; padding-bottom:18px; letter-spacing:2px; }
.about-box p { font-size:13px; line-height:2.1; text-align:justify; color:#e8e8e8; }
.btn-more { display:inline-block; margin:26px 0 4px; padding:10px 46px; border:1px solid #f21c64; color:#f21c64; font-size:13px; letter-spacing:2px; }
.btn-more:hover { background:#f21c64; color:#fff; }

/* ===== 产品中心（灰底 + 大投影卡片 + 4列网格） ===== */
.case-section { background:#f5f5f5; padding:20px 0 60px; }
.sec-title { text-align:center; font-size:24px; color:#333; padding:35px 0 18px; border-bottom:1px solid #ddd; letter-spacing:2px; }
.sec-title i { font-style:normal; font-size:13px; color:#bbb; margin-left:10px; letter-spacing:4px; text-transform:uppercase; }
.sec-title.bb { color:#fff; border-bottom-color:#f21c64; }
.case-grid { margin:35px -20px 0; }
.casebox { width:25%; float:left; padding:20px; }
.caseitem { background:#fff; box-shadow:0 22px 40px rgba(0,0,0,.16); transition:all .3s; }
.caseitem img { width:100%; height:300px; object-fit:cover; padding:10px; transition:all .3s; }
.caseitem h3 { font-size:14px; text-align:center; padding:10px 0 20px; color:#333; }
.caseitem:hover { box-shadow:0 22px 40px rgba(242,28,100,.25); }
.caseitem:hover img { transform:scale(1.02); }
.caseitem:hover h3 { color:#f21c64; }

/* ===== 我们的优势（深色 #333 + 2x2 图标排版） ===== */
.adv-section { background:#333; padding:50px 0 60px; }
.adv-grid { margin:0 -30px; }
.adv-item { width:50%; float:left; padding:30px; }
.adv-ico { width:25%; float:left; text-align:right; padding-right:10px; }
.adv-ico svg { width:56px; height:56px; fill:#fff; opacity:.92; }
.adv-body { width:75%; float:left; padding-left:22px; }
.adv-body h2 { font-size:16px; color:#f21c64; padding-bottom:10px; letter-spacing:1px; }
.adv-body p { font-size:13px; color:#999; line-height:1.9; text-align:justify; }

/* ===== 新闻动态（左图 + 右日期块列表，hover 粉色填充） ===== */
.news-section { padding:20px 0 60px; }
.news-wrap { margin:40px -15px 0; }
.news-side { width:33.333%; float:left; padding:0 15px; }
.news-side img { width:100%; height:100%; min-height:430px; object-fit:cover; box-shadow:0 22px 40px rgba(0,0,0,.16); }
.news-list { width:66.666%; float:left; padding:0 15px 0 30px; }
.news-item2 { position:relative; overflow:hidden; padding:16px 0 14px; border-bottom:1px dashed #ddd; }
.news-item2 a { display:block; }
.news-tit { position:relative; z-index:10; }
.news-span1 { width:16.66%; float:left; }
.news-span2 { width:83.34%; float:left; }
.news-time { padding:8px 0; border-right:1px solid #eee; text-align:center; color:#666; transition:all .3s; }
.news-time-date { font-size:22px; }
.news-time-date span { font-size:14px; }
.news-time-year { font-size:12px; color:#999; transition:all .3s; }
.news-action { padding:4px 12px 0 40px; }
.news-title { font-size:17px; color:#666; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .3s; }
.news-desc { font-size:12px; color:#999; line-height:22px; margin-top:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .3s; }
.news-item2::after { content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#f21c64; transition:all .3s; z-index:0; }
.news-item2:hover::after { width:100%; }
.news-item2:hover .news-title, .news-item2:hover .news-desc, .news-item2:hover .news-time, .news-item2:hover .news-time-year { color:#fff; }

/* ===== 页脚（#111 + 左二维码右留言表单） + 版权条 ===== */
.footer { background:#111; color:#fff; padding:50px 0 40px; }
.foot-main { margin:0 -15px; }
.foot-left { width:58%; float:left; padding:0 15px; }
.foot-right { width:42%; float:left; padding:0 15px; }
.foot-qr { width:140px; float:left; margin-right:25px; background:#fff; padding:6px; }
.foot-qr img { width:100%; display:block; }
.foot-contact { overflow:hidden; }
.foot-contact p { line-height:2.2; font-size:13px; color:#ddd; border-bottom:1px dashed #2b2b2b; }
.foot-intro { margin-top:22px; color:#999; line-height:1.9; font-size:12px; text-align:justify; }
.foot-links { margin-top:14px; font-size:12px; color:#999; }
.foot-links b { color:#ddd; }
.foot-links a { color:#999; margin:0 12px 0 4px; }
.foot-links a:hover { color:#f21c64; }
.foot-form .form-group { margin-bottom:12px; }
.form-input { width:100%; height:38px; padding:8px 14px; border:0; border-radius:3px; font-size:13px; font-family:inherit; outline:none; }
textarea.form-input { height:96px; resize:none; }
.btn-main { display:inline-block; background:#f21c64; color:#fff; border:0; padding:10px 38px; font-size:14px; cursor:pointer; border-radius:3px; letter-spacing:2px; font-family:inherit; }
.btn-main:hover { background:#d01554; color:#fff; }
.copybar { background:#000; padding:14px 0; text-align:center; font-size:12px; color:#999; }
.copybar a { color:#999; }
.copybar a:hover { color:#f21c64; }

/* ===== 内页 Banner + 面包屑 ===== */
.n-banner img { width:100%; height:320px; object-fit:cover; display:block; }
.ntit { background:#f5f5f5; border-bottom:1px solid #e4e4e4; padding:20px 0; }
.ntit-left { float:left; }
.ntt h1 { display:inline; font-size:22px; color:#333; letter-spacing:1px; }
.ntt i { font-style:normal; font-size:13px; color:#999; margin-left:10px; letter-spacing:3px; }
.weiz { float:right; font-size:13px; color:#666; line-height:32px; }
.weiz a { color:#666; margin:0 2px; }
.weiz a:hover { color:#f21c64; }
.page-wrap { padding:35px 0 60px; }
.page-text { line-height:2.1; color:#555; margin-bottom:16px; text-align:justify; }
.sub-title { font-size:19px; color:#333; padding:6px 0 6px 14px; border-left:4px solid #f21c64; margin:45px 0 25px; letter-spacing:1px; }
.sub-title i { font-style:normal; font-size:12px; color:#bbb; margin-left:10px; letter-spacing:3px; }

/* ===== 关于我们页：时间轴 / 文化 / 团队 ===== */
.timeline { padding:6px 0; }
.tl-item { position:relative; padding:0 0 30px 150px; }
.tl-item::before { content:""; position:absolute; left:116px; top:6px; height:100%; width:2px; background:#eee; }
.tl-item:last-child::before { display:none; }
.tl-year { position:absolute; left:0; top:0; width:100px; text-align:right; font-size:20px; color:#f21c64; font-weight:bold; }
.tl-body { background:#f9f9f9; padding:16px 20px; border:1px solid #eee; }
.tl-body h3 { font-size:15px; padding-bottom:8px; color:#333; }
.tl-body p { font-size:12px; color:#888; line-height:1.9; }
.culture-grid { margin:0 -15px; }
.culture-card { width:33.333%; float:left; padding:0 15px; }
.culture-box { background:#f5f5f5; padding:34px 26px; text-align:center; transition:all .3s; border-bottom:3px solid transparent; }
.culture-box svg { width:42px; height:42px; fill:#f21c64; }
.culture-box h3 { font-size:16px; margin:14px 0 10px; color:#333; }
.culture-box p { font-size:12px; color:#888; line-height:1.9; }
.culture-box:hover { background:#333; border-bottom-color:#f21c64; }
.culture-box:hover h3 { color:#fff; }
.culture-box:hover p { color:#bbb; }
.team-grid { margin:0 -15px; }
.team-card { width:33.333%; float:left; padding:15px; }
.team-box { background:#fff; box-shadow:0 22px 40px rgba(0,0,0,.16); transition:all .3s; }
.team-box img { width:100%; height:250px; object-fit:cover; }
.team-box h3 { text-align:center; font-size:15px; padding:14px 0 2px; }
.team-box p { text-align:center; font-size:12px; color:#999; padding-bottom:16px; }
.team-box:hover { box-shadow:0 22px 40px rgba(242,28,100,.25); }
.team-box:hover h3 { color:#f21c64; }

/* ===== 产品详情 ===== */
.detail-box { margin:40px 0 10px; }
.detail-img { width:42%; float:left; background:#fff; padding:10px; box-shadow:0 22px 40px rgba(0,0,0,.16); }
.detail-img img { width:100%; height:430px; object-fit:cover; }
.detail-info { width:55%; float:right; }
.detail-name { font-size:22px; color:#333; padding-bottom:14px; border-bottom:1px solid #eee; margin-bottom:16px; }
.detail-desc { font-size:13px; color:#777; line-height:2; text-align:justify; }
.param-table { width:100%; border-collapse:collapse; margin:30px 0 10px; }
.param-table td { border:1px solid #e3e3e3; padding:10px 16px; font-size:13px; color:#555; }
.param-table td:first-child { width:170px; background:#f9f9f9; color:#333; text-align:center; }
.feature-grid { margin:0 -15px; }
.feature-item { width:50%; float:left; padding:15px; }
.feature-box svg { width:34px; height:34px; float:left; fill:#f21c64; margin:2px 14px 0 0; }
.feature-box b { font-size:14px; color:#333; }
.feature-box p { font-size:12px; color:#888; line-height:1.8; margin-top:6px; }
.rel-section { background:#f5f5f5; padding:15px 0 60px; }
.rel-grid { margin:30px -20px 0; }

/* ===== 新闻详情 ===== */
.article-box { padding-top:10px; }
.article-title { font-size:22px; color:#333; text-align:center; line-height:1.6; }
.article-meta { text-align:center; font-size:12px; color:#999; margin:16px 0 26px; padding-bottom:16px; border-bottom:1px dashed #ddd; }
.article-body p { font-size:13px; line-height:2.1; color:#555; margin-bottom:18px; text-align:justify; }
.article-img { display:block; width:86%; margin:8px auto 24px; box-shadow:0 22px 40px rgba(0,0,0,.16); }
.article-pager { margin-top:30px; padding-top:18px; border-top:1px dashed #ddd; overflow:hidden; }
.article-pager a { color:#666; font-size:13px; }
.article-pager a b { color:#f21c64; margin-right:6px; }
.article-pager a:hover { color:#f21c64; }
.pager-prev { float:left; }
.pager-next { float:right; }

/* ===== 联系我们 ===== */
.contact-grid { margin:25px -15px 0; }
.contact-card { width:33.333%; float:left; padding:15px; }
.contact-box { background:#f5f5f5; padding:32px 20px; text-align:center; transition:all .3s; }
.contact-box svg { width:40px; height:40px; fill:#f21c64; }
.contact-box h3 { font-size:15px; margin:12px 0 8px; }
.contact-box p { font-size:13px; color:#777; line-height:1.8; }
.contact-box:hover { background:#333; }
.contact-box:hover h3 { color:#fff; }
.contact-box:hover p { color:#bbb; }
.contact-form-wrap { margin-top:40px; background:#f5f5f5; padding:35px 40px 40px; }
.contact-form-wrap .form-input { border:1px solid #ddd; background:#fff; }

/* ===== 动画 / 兜底 ===== */
.fadein { opacity:0; transform:translateY(24px); transition:all .7s ease; }
.fadein.show { opacity:1; transform:translateY(0); }
.img-fallback { display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; letter-spacing:2px; }

/* ===== 响应式（媒体查询置尾） ===== */
@media (max-width:1024px) {
  .nav-menu > li > a { padding:10px 12px; font-size:14px; }
  .banner-item img { height:420px; }
  .banner-slogan h2 { font-size:30px; }
  .album-big img { height:360px; }
}
@media (max-width:768px) {
  .lotbar-search { display:none; }
  .menubox { padding:14px 0 18px; }
  .logo-box { float:none; }
  .logo-box svg { width:42px; height:42px; }
  .logo-name { font-size:22px; }
  .nav-box { float:none; clear:both; margin-top:14px; }
  .hamburger { display:block; position:absolute; right:0; top:-62px; }
  .nav-menu { display:none; background:#fff; border-top:1px solid #eee; }
  .nav-box.open .nav-menu { display:block; }
  .nav-menu > li { float:none; width:100%; }
  .drop-menu { position:static; display:block; box-shadow:none; background:#f9f9f9; min-width:0; }
  .banner-item img { height:260px; }
  .banner-slogan h2 { font-size:22px; letter-spacing:2px; }
  .banner-slogan h2 i { width:24px; margin:0 8px; }
  .banner-slogan p { font-size:12px; letter-spacing:1px; }
  .album-big, .album-cell { width:50%; }
  .album-row1 .album-cell { margin-top:0; }
  .album-big img, .album-row1 .album-cell img, .album-row2 .album-cell img { height:200px; }
  .about-box { width:100%; padding:30px 22px; margin:40px auto; }
  .casebox { width:50%; }
  .adv-item { width:100%; padding:18px 10px; }
  .adv-ico { display:none; }
  .adv-body { width:100%; padding-left:0; }
  .news-side { display:none; }
  .news-list { width:100%; padding:0 15px; }
  .news-span1 { width:26%; }
  .news-span2 { width:74%; }
  .news-action { padding-left:16px; }
  .news-title { font-size:15px; }
  .foot-left, .foot-right { width:100%; margin-bottom:30px; }
  .detail-img, .detail-info { width:100%; }
  .detail-info { margin-top:26px; }
  .culture-card, .team-card, .contact-card { width:100%; }
  .feature-item { width:100%; }
  .n-banner img { height:180px; }
  .ntit-left { float:none; }
  .weiz { float:none; line-height:24px; }
  .tl-item { padding-left:0; }
  .tl-item::before { display:none; }
  .tl-year { position:static; text-align:left; width:auto; display:block; margin-bottom:6px; }
  .contact-form-wrap { padding:25px 20px 30px; }
}