/* 站群商铺首页样式 - 对标sdhntb模板45号 */
@charset "utf-8";
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif; font-size:14px; color:#333; background:#fff; line-height:1.8; }
a { color:#0162d5; text-decoration:none; transition:color .2s; }
a:hover { color:#01499d; text-decoration:underline; }
img { max-width:100%; height:auto; border:none; vertical-align:middle; }
ul,ol,li { list-style:none; }
.app { max-width:1200px; margin:0 auto; }

/* === 顶部Header === */
.topWrap { background:rgb(1,98,213); }
.header { max-width:1200px; margin:0 auto; }
.header1 { display:flex; align-items:center; justify-content:space-between; padding:20px 0 15px; gap:10px; }
.t1 { color:#fff; font-size:24px; font-weight:700; flex:1; min-width:0; max-width:18em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.t2 { color:#fff; font-size:16px; line-height:52px; flex:1; min-width:0; text-align:center; overflow:hidden; white-space:nowrap; }
.t2 h1 { display:inline-block; font-size:22px; font-weight:700; color:#fff; max-width:18em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.t3 { color:#fff; font-size:14px; text-align:right; white-space:nowrap; flex-shrink:0; max-width:16em; overflow:hidden; text-overflow:ellipsis; }
.icomoonsz222 { font-size:22px; color:#fff; font-weight:700; }

/* === 导航条 === */
.nav { background:rgb(1,73,157); }
.nav ul { display:flex; max-width:1200px; margin:0 auto; }
.nav ul li { position:relative; }
.nav ul li a { display:block; color:#fff; font-size:16px; padding:12px 24px; transition:all .2s; letter-spacing:0.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:200px; }
.nav ul li.cur a { background:rgba(0,0,0,0.2); font-weight:600; }
.nav ul li:hover a { background:rgba(255,255,255,0.15); text-decoration:none; }
.nav ul li::after { content:''; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#fff; border-radius:2px 2px 0 0; transition:all .25s; transform:translateX(-50%); }
.nav ul li:hover::after,.nav ul li.cur::after { width:60%; }

/* === Banner轮播 === */
.fullSlide { position:relative; width:100%; overflow:hidden; }
.fullSlide .bd ul { display:flex; transition:transform .5s ease; }
.fullSlide .bd li { width:100%; flex-shrink:0; }
.fullSlide .bd li img { width:100%; height:450px; object-fit:cover; display:block; }
.fullSlide .hd { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:5; }
.fullSlide .hd li { width:30px; height:4px; background:rgba(255,255,255,0.5); border-radius:2px; cursor:pointer; transition:background .3s; }
.fullSlide .hd li.on { background:#fff; }

/* === 视频展示区 === */
.dpspbox { max-width:1200px; margin:20px auto; display:flex; gap:20px; }
.dpspcpimgvideo { width:850px; flex-shrink:0; }
.videobox2024 { position:relative; border-radius:8px; overflow:hidden; background:#000; }
.videobox2024 video { width:100%; display:block; }
.playvideo2024 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer; z-index:2; }
.playvideo2024 img { width:60px; height:60px; opacity:0.8; transition:opacity .2s; }
.playvideo2024:hover img { opacity:1; }
.dpspycbox { flex:1; }
.moreimglist2024 { display:flex; flex-direction:column; gap:10px; }
.moreimglist2024 li { background:#fff; border-radius:6px; overflow:hidden; border:1px solid #f0f0f0; transition:all .25s; }
.moreimglist2024 li:hover { border-color:#0162d5; box-shadow:0 2px 8px rgba(1,98,213,0.15); }
.moreimglist2024 li a { display:flex; align-items:center; gap:10px; text-decoration:none; padding:5px; }
.tuijianimgbox2024 { width:120px; height:80px; flex-shrink:0; overflow:hidden; position:relative; border-radius:4px; }
.tuijianimgbox2024 img { width:100%; height:100%; object-fit:cover; }
.playvideo2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.playvideo2 img { width:24px; height:24px; opacity:0.8; }
.cp-title2024 { font-size:13px; color:#333; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5px; }
.moreimglist2024 li:hover .cp-title2024 { color:#0162d5; }
.video_intro1 { max-width:1200px; margin:0 auto 20px; font-size:13px; color:#e53e3e; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* === 关于我们 === */
.m3 { background:#f5f5f5; padding:50px 0; }
.m3 .app { display:flex; gap:30px; align-items:stretch; }
.m31 { flex:1; display:flex; flex-direction:column; justify-content:center; }
.m31 .en { font-size:14px; color:#999; text-transform:uppercase; letter-spacing:2px; margin-bottom:5px; }
.m31 .cn { font-size:22px; font-weight:700; color:#333; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #0162d5; display:inline-block; max-width:18em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m31 .about-text { font-size:14px; color:#555; line-height:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.m31 .about-text p { margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m31 .contact-line { margin-top:15px; }
.m31 .supply-line a { color:#0162d5; margin-right:5px; }
.m31 .supply-line a:hover { text-decoration:underline; }
.m32 { width:380px; min-height:300px; flex-shrink:0; background:linear-gradient(135deg,#0162d5,#01499d); border-radius:8px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.m32::after { content:''; position:absolute; top:50%; left:50%; width:80px; height:80px; border:3px solid rgba(255,255,255,0.3); border-radius:50%; transform:translate(-50%,-50%); }
.m32::before { content:'ABOUT'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:rgba(255,255,255,0.5); font-size:28px; font-weight:700; letter-spacing:3px; }

/* === 高亮样式 === */
.dptygjc3 { color:rgb(63,182,140); font-size:16px; font-weight:bold; }
.tylxr { color:#e53e3e; font-weight:700; font-size:16px; }
.tydz { color:#e53e3e; font-weight:700; font-size:16px; }

/* === 产品中心/客户案例 === */
.c1 { padding:50px 0; }
.c1 .app { max-width:1200px; margin:0 auto; }
.titl { text-align:center; margin-bottom:30px; }
.titl .zh { font-size:24px; font-weight:700; color:#333; }
.titl .en { font-size:13px; color:#999; margin-top:5px; }
.c2 ul { display:flex; flex-wrap:wrap; gap:20px; justify-content:flex-start; }
.c2 ul li { width:calc(25% - 15px); background:#fff; border-radius:8px; overflow:hidden; border:1px solid #f0f0f0; transition:all .3s; }
.c2 ul li:hover { box-shadow:0 6px 20px rgba(0,0,0,0.12); transform:translateY(-3px); border-color:#0162d5; }
.c2 .img { width:100%; height:260px; overflow:hidden; background:#f5f7fa; }
.c2 .img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.c2 ul li:hover .img img { transform:scale(1.08); }
.c2 h3 { font-size:14px; font-weight:600; color:#333; padding:12px 12px 8px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.c2 ul li:hover h3 { color:#0162d5; }
.limore { display:block; width:100px; margin:0 auto 15px; background:rgb(1,98,213); color:#fff; text-align:center; padding:6px 0; border-radius:4px; font-size:13px; transition:all .2s; }
.limore:hover { background:rgb(1,73,157); text-decoration:none; color:#fff; }

/* === 四大优势 === */
.y1 { padding:60px 0; background:linear-gradient(135deg,#0162d5 0%,#01499d 100%); }
.y1 .app { display:flex; gap:30px; align-items:stretch; }
#y2 { width:45%; flex-shrink:0; display:flex; align-items:center; }
.youshi_c { color:#fff; padding:30px 0; width:100%; }
.youshi_h1 { font-size:28px; font-weight:700; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.youshi_h2 { font-size:14px; text-transform:uppercase; letter-spacing:2px; opacity:0.7; margin-bottom:15px; }
.youshi_h3 { font-size:16px; margin-bottom:25px; opacity:0.9; }
.youshi_h4 { display:flex; gap:30px; margin-bottom:25px; flex-wrap:wrap; }
.ys-item { display:flex; align-items:center; gap:8px; }
.ys-icon { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; font-size:18px; color:#fff; flex-shrink:0; }
.ys-icon-1 { background:rgba(255,255,255,0.2); }
.ys-icon-2 { background:rgba(255,255,255,0.2); }
.ys-icon-3 { background:rgba(255,255,255,0.2); }
.ys-item span:last-child { font-size:15px; }
.youshi_ted { font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.youshi_ted strong { font-size:22px; }
#y3 { flex:1; display:flex; flex-direction:column; justify-content:center; gap:20px; }
.youshi_p { display:flex; align-items:flex-start; gap:15px; color:#fff; }
.youshi_v1 { font-size:36px; font-weight:700; opacity:0.3; line-height:1; flex-shrink:0; width:50px; }
.youshi_v2 { font-size:16px; font-weight:600; flex-shrink:0; width:180px; line-height:1.4; }
.youshi_v3 { width:30px; height:2px; background:rgba(255,255,255,0.4); flex-shrink:0; margin-top:10px; }
.youshi_v4 { font-size:13px; opacity:0.8; flex:1; line-height:1.6; }

/* === 行业资讯 === */
.n1 { background:#f5f5f5; padding:40px 0; }
.n1 .titl { margin-bottom:20px; }
.n2 ul { display:flex; flex-wrap:wrap; gap:0; }
.n2 ul li { width:50%; padding:8px 0; border-bottom:1px dashed #e0e0e0; display:flex; align-items:center; gap:10px; }
.n2 ul li span { font-size:12px; color:#999; flex-shrink:0; width:80px; }
.n2 ul li a { font-size:14px; color:#333; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.n2 ul li a:hover { color:#0162d5; }

/* === 友情链接 === */
.linkbox { max-width:1200px; margin:30px auto; padding:15px; background:#fff; border:1px solid #f0f0f0; border-radius:8px; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.linkbox h4 { font-size:14px; font-weight:600; color:#333; margin:0 10px 0 0; white-space:nowrap; }
.link-list { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; }
.link-list a { font-size:13px; color:#666; white-space:nowrap; }
.link-list a:hover { color:#0162d5; text-decoration:underline; }

/* === 页脚 === */
.footWrap { background:rgb(51,56,60); color:#ccc; padding:30px 0; }
.footWrap .app { text-align:center; }
.footWrap p { font-size:13px; line-height:2; color:#ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.footWrap a { color:#93c5fd; }
.footWrap a:hover { color:#bfdbfe; }
.footWrap .tylxr { color:#ff6b6b; }
.footWrap .tydz { color:#ff6b6b; }

/* === 左侧"我也要推广" === */
.linkus { position:fixed; left:0; top:200px; width:60px; background:rgb(225,0,0); color:#fff; padding:15px 8px; border-radius:0 6px 6px 0; cursor:pointer; z-index:999; text-align:center; box-shadow:2px 0 8px rgba(225,0,0,0.3); }
.linkus a { color:#fff; font-size:13px; font-weight:600; display:block; text-decoration:none; }
.linkus-sub { font-size:11px; color:rgba(255,255,255,0.8); margin:5px 0; }
.linkus-btn { display:block; background:rgba(255,255,255,0.2); color:#fff; padding:4px; border-radius:3px; font-size:11px; margin-top:5px; text-decoration:none; }
.linkus-btn:hover { background:rgba(255,255,255,0.3); color:#fff; text-decoration:none; }

/* === 右侧联系信息 === */
.right_info { position:fixed; right:0; top:25%; width:211px; background:#fff; border:1px solid #e0e0e0; border-radius:8px 0 0 8px; z-index:999; box-shadow:-2px 0 12px rgba(0,0,0,0.1); }
.right_info_tit { background:linear-gradient(135deg,#0162d5,#01499d); padding:10px; border-radius:8px 0 0 0; text-align:center; }
.right_info_tit a { color:#fff; font-size:14px; font-weight:600; text-decoration:none; }
.right_info_box { padding:12px; font-size:13px; color:#666; }
.ri-company { font-size:15px; font-weight:600; color:#333; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ri-status { font-size:12px; color:#38a169; margin-bottom:8px; }
.right_info_box p { padding:2px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.yqbody2024 { padding:12px; background:#f8faff; }
#yqcont p { font-size:13px; color:#666; margin-bottom:8px; }
.tttel { width:100%; padding:8px 10px; border:1px solid #e0e0e0; border-radius:4px; margin-bottom:6px; font-size:13px; }
.tttel:focus { border-color:#0162d5; outline:none; box-shadow:0 0 0 2px rgba(1,98,213,0.15); }
.btns { display:block; background:linear-gradient(135deg,#e53e3e,#dc2626); color:#fff; text-align:center; padding:8px; border-radius:4px; cursor:pointer; font-size:13px; text-decoration:none; transition:all .2s; }
.btns:hover { background:linear-gradient(135deg,#dc2626,#b91c1c); text-decoration:none; color:#fff; }

/* === 联系弹窗 === */
#huaermapbox { display:none; }
#contactbox2023 { background:#fff; border-radius:8px; padding:15px; box-shadow:0 4px 20px rgba(0,0,0,0.1); }
.gsname { font-size:16px; font-weight:600; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gsname span { font-size:12px; color:#38a169; margin-left:10px; }
#contactbox2023 p { font-size:13px; color:#666; padding:3px 0; }

/* === 移动端底部导航 === */
.mobile-footer { display:none; position:fixed; bottom:0; left:0; right:0; background:#fff; border-top:1px solid #eee; z-index:999; padding:8px 0; justify-content:space-around; }
.mobile-footer a { display:flex; flex-direction:column; align-items:center; font-size:11px; color:#666; text-decoration:none; gap:2px; }
.mobile-footer a i { font-size:18px; }
.mobile-footer a:hover { color:#0162d5; text-decoration:none; }

/* === 子页面面包屑 === */
.breadcrumb-bar { background:#f5f5f5; padding:10px 0; border-bottom:1px solid #eee; }
.breadcrumb-bar .app { font-size:13px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.breadcrumb-bar a { color:#666; }
.breadcrumb-bar a:hover { color:#0162d5; }

/* === 子页面主体布局 === */
.page-main { padding:30px 0; }
.page-main .app { display:flex; gap:25px; }
.page-left { flex:1; min-width:0; }
.page-right { width:260px; flex-shrink:0; }

/* === 板块标题 === */
.page-section { background:#fff; border-radius:8px; padding:25px; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.section-header { margin-bottom:25px; padding-bottom:15px; border-bottom:2px solid #0162d5; display:flex; align-items:baseline; gap:15px; }
.section-header h2 { font-size:22px; font-weight:700; color:#333; }
.section-en { font-size:13px; color:#999; text-transform:uppercase; letter-spacing:1px; }

/* === 产品网格(子页面) === */
.product-grid { display:flex; flex-wrap:wrap; gap:18px; }
.product-card { width:calc(25% - 14px); background:#fff; border-radius:8px; overflow:hidden; border:1px solid #f0f0f0; transition:all .3s; }
.product-card:hover { box-shadow:0 6px 20px rgba(0,0,0,0.12); transform:translateY(-3px); border-color:#0162d5; }
.card-img { width:100%; height:200px; overflow:hidden; background:#f5f7fa; position:relative; }
.card-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.product-card:hover .card-img img { transform:scale(1.08); }
.card-img .playvideo2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.card-img .playvideo2 img { width:36px; height:36px; opacity:0.8; }
.product-card h3 { font-size:14px; font-weight:600; color:#333; padding:10px 10px 6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product-card:hover h3 { color:#0162d5; }
.product-card .limore { display:block; width:90px; margin:0 auto 12px; background:rgb(1,98,213); color:#fff; text-align:center; padding:5px 0; border-radius:4px; font-size:13px; }
.product-card .limore:hover { background:rgb(1,73,157); text-decoration:none; color:#fff; }

/* === 空状态提示 === */
.empty-tip { text-align:center; padding:40px; color:#999; font-size:15px; }

/* === 新闻列表(子页面) === */
.news-list-page { }
.news-row { display:flex; align-items:center; padding:10px 0; border-bottom:1px dashed #e0e0e0; gap:15px; }
.news-row:last-child { border-bottom:none; }
.news-date { font-size:12px; color:#999; flex-shrink:0; width:80px; }
.news-row a { font-size:14px; color:#333; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-row a:hover { color:#0162d5; }

/* === 关于我们详情 === */
.about-detail { }
.about-detail > h3 { font-size:20px; font-weight:700; color:#333; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #0162d5; display:inline-block; max-width:18em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.about-text { font-size:14px; color:#555; line-height:2; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.about-block { margin-bottom:20px; }
.about-block h3 { font-size:18px; font-weight:700; color:#333; margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #e0e0e0; max-width:18em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.about-block p { font-size:14px; color:#555; line-height:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.info-block { margin-top:20px; padding-top:20px; border-top:1px dashed #e0e0e0; }
.info-block h3 { font-size:16px; font-weight:600; color:#333; margin-bottom:10px; padding-bottom:6px; border-left:3px solid #0162d5; padding-left:10px; }
.info-block p { font-size:14px; color:#555; line-height:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.info-table { width:100%; border-collapse:collapse; margin-top:10px; }
.info-table th { background:#f8f9fa; padding:10px 14px; text-align:left; font-weight:500; font-size:13px; border:1px solid #eee; width:120px; }
.info-table td { padding:10px 14px; font-size:14px; border:1px solid #eee; color:#333; line-height:1.8; max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* === 供应范围 === */
.supply-block { margin:20px 0; padding:15px; background:#f8faff; border-radius:8px; border:1px solid #eef2ff; }
.supply-block h3 { font-size:16px; font-weight:600; color:#333; margin-bottom:10px; }
.supply-links { line-height:2.2; }
.supply-links a { display:inline-block; margin:0 8px 5px 0; font-size:13px; color:#0162d5; padding:2px 8px; border:1px solid #e0e8f0; border-radius:4px; background:#fff; transition:all .2s; }
.supply-links a:hover { background:#0162d5; color:#fff; border-color:#0162d5; text-decoration:none; }

/* === 联系我们详情 === */
.contact-detail { }
.contact-card { background:#f8faff; border-radius:8px; padding:20px; border:1px solid #eef2ff; }
.contact-company { font-size:20px; font-weight:700; color:#333; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #0162d5; display:inline-block; max-width:18em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* === 右侧栏 === */
.side-box { background:#fff; border-radius:8px; margin-bottom:15px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.side-box .side-title { background:linear-gradient(135deg,#0162d5,#01499d); color:#fff; padding:10px 15px; font-size:14px; font-weight:600; }
.side-contact { padding:12px 15px; font-size:13px; color:#666; }
.side-contact p { padding:4px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.side-list li { padding:8px 15px; border-bottom:1px dashed #f0f0f0; transition:all .15s; }
.side-list li:last-child { border-bottom:none; }
.side-list li:hover { background:#f8faff; padding-left:18px; }
.side-list li a { font-size:13px; color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.side-list li a:hover { color:#0162d5; }

/* === 分页 === */
.pagination { text-align:center; padding:20px 0 5px; }
.pagination a,.pagination span { display:inline-block; padding:6px 14px; margin:0 3px; border:1px solid #e0e0e0; border-radius:6px; font-size:13px; color:#555; background:#fff; transition:all .2s; }
.pagination a:hover { background:linear-gradient(135deg,#0162d5,#01499d); color:#fff; border-color:#0162d5; text-decoration:none; }
.pagination span { background:linear-gradient(135deg,#0162d5,#01499d); color:#fff; border-color:#0162d5; }

/* === 图标占位 === */
.fa-home::before { content:'🏠'; }
.fa-qq::before { content:'💬'; }
.fa-duanxin::before { content:'✉'; }
.fa-phone::before { content:'📞'; }

/* === 响应式 === */
@media (max-width:768px) {
  .header1 { flex-direction:column; text-align:center; padding:12px 0 8px; }
  .t1 { font-size:18px; margin-bottom:5px; max-width:100%; }
  .t2 { font-size:14px; line-height:1.5; max-width:100%; }
  .t2 h1 { font-size:16px; max-width:100%; }
  .t3 { font-size:13px; text-align:center; margin-top:5px; max-width:100%; }
  .nav ul li a { padding:8px 12px; font-size:14px; max-width:120px; }
  .nav ul { flex-wrap:wrap; justify-content:center; }
  .fullSlide .bd li img { height:200px; }
  .dpspbox { flex-direction:column; padding:0 10px; }
  .dpspcpimgvideo { width:100%; }
  .m3 .app { flex-direction:column; }
  .m32 { width:100%; height:200px; }
  .c2 ul li { width:calc(50% - 10px); }
  .c2 .img { height:180px; }
  .y1 .app { flex-direction:column; }
  #y2 { width:100%; }
  .youshi_h4 { flex-wrap:wrap; gap:15px; }
  .youshi_v2 { width:auto; min-width:120px; }
  .youshi_p { flex-wrap:wrap; gap:10px; }
  .n2 ul li { width:100%; }
  .linkus { display:none; }
  .right_info { display:none; }
  .mobile-footer { display:flex; }
  .footWrap { padding-bottom:60px; }
  /* 子页面响应式 */
  .page-main .app { flex-direction:column; }
  .page-right { width:100%; }
  .product-card { width:calc(50% - 9px); }
  .card-img { height:160px; }
}