/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Microsoft YaHei', Arial, sans-serif; color:#333; background:#fff; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
img { max-width:100%; height:auto; display:block; }
button { cursor:pointer; border:none; font-family:inherit; }

/* Header */
.header { width:100%; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.05); position:sticky; top:0; z-index:1000; }
.head { max-width:1200px; margin:0 auto; padding:0 20px; }
.top-bar { display:flex; justify-content:space-between; align-items:center; height:40px; font-size:13px; color:#666; border-bottom:1px solid #f0f0f0; }
.top-left a { margin-right:10px; color:#666; }
.top-left a:hover { color:#E28718; }
.top-right { color:#999; }
.main-header { display:flex; align-items:center; height:80px; gap:20px; }
.logo { flex-shrink:0; }
.logo img { height:40px; width:auto; }
.search { flex:1; display:flex; align-items:center; max-width:400px; }
.search-input { flex:1; height:38px; border:1px solid #ddd; border-right:none; padding:0 15px; font-size:14px; outline:none; }
.search-btn { height:38px; padding:0 20px; background:#E28718; color:#fff; font-size:14px; }
.header-btns { display:flex; gap:10px; }
.btn-orange { background:#F3A123; color:#fff; padding:8px 16px; border-radius:4px; font-size:14px; }
.btn-dark { background:#3A3D40; color:#fff; padding:8px 16px; border-radius:4px; font-size:14px; }
.nav { margin-top:5px; }
.nav ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.nav a { display:block; padding:10px 0; font-size:15px; color:#333; position:relative; }
.nav a:hover, .nav a.active { color:#E28718; }
.nav a.active::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:24px; height:3px; background:#E28718; border-radius:2px; }

/* Banner */
.banner { display:flex; align-items:center; max-width:1200px; margin:0 auto; padding:40px 20px; background:linear-gradient(135deg, #FFF0F2 0%, #FFE5D9 100%); min-height:450px; }
.banner-content { flex:1; padding-right:40px; }
.banner-content h1 { font-size:36px; font-weight:700; color:#1A1A1A; line-height:1.4; margin-bottom:10px; }
.subtitle { font-size:16px; color:#666; margin-bottom:15px; text-transform:uppercase; }
.info { font-size:14px; color:#666; margin-bottom:5px; }
.tagline { color:#E53935; font-size:18px; font-weight:500; margin:15px 0; }
.date, .location { font-size:18px; color:#333; margin:5px 0; }
.organizers { font-size:13px; color:#999; margin-top:20px; }
.jiameng_tel { display:inline-block; margin-top:20px; padding:10px 24px; background:#E28718; color:#fff; border-radius:4px; font-size:16px; font-weight:500; }
.jiameng_tel:hover { background:#d17a14; }
.banner-img { flex:1; text-align:right; }
.banner-img img { max-width:100%; height:auto; }

/* 通用容器 */
.content_new { max-width:1200px; margin:0 auto; padding:60px 20px; }

/* 模块标题 */
h2 { font-size:24px; font-weight:700; color:#000; margin-bottom:30px; position:relative; }

/* 热门业态 */
.product_i_tab { display:flex; gap:15px; margin-bottom:30px; flex-wrap:wrap; }
.tab-btn { padding:8px 20px; background:#fff; border:1px solid #EDEDED; border-radius:4px; font-size:14px; color:#666; }
.tab-btn.active { background:#E28718; color:#fff; border-color:#E28718; }
.product_i_list { display:grid; grid-template-columns: repeat(5, 1fr); gap:20px; margin-bottom:30px; }
.card { border:1px solid #EDEDED; border-radius:4px; overflow:hidden; background:#fff; transition:box-shadow 0.3s; }
.card:hover { box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.card img { width:100%; height:160px; object-fit:cover; }
.card h3 { font-size:16px; font-weight:600; color:#1A1A1A; padding:10px 12px 0; }
.invest { font-size:16px; font-weight:600; color:#E53935; padding:0 12px 12px; }
.more_i { text-align:center; }
.btn-more { padding:10px 40px; background:#E28718; color:#fff; border-radius:30px; font-size:14px; }

/* 月度推荐品牌 */
.news_i_list_wrapper { overflow:hidden; margin-bottom:20px; }
.brand-slider { display:flex; transition:transform 0.5s; gap:20px; }
.brand-card { display:flex; background:#fff; border:1px solid #EDEDED; padding:15px; min-width:calc((100% - 40px) / 3); gap:15px; }
.brand-card img { width:120px; height:120px; object-fit:cover; flex-shrink:0; }
.brand-card .info { flex:1; display:flex; flex-direction:column; justify-content:center; }
.brand-card h3 { font-size:16px; font-weight:600; margin-bottom:5px; }
.brand-card p { font-size:13px; color:#666; margin:2px 0; }
.swiper-arrows { text-align:center; margin-top:10px; }
.arrow-left, .arrow-right { display:inline-block; width:36px; height:36px; line-height:36px; background:#E28718; color:#fff; font-size:20px; border-radius:50%; margin:0 5px; cursor:pointer; user-select:none; }

/* 在线活动 */
.news_i_list1 { display:flex; gap:0; }
.activity-item { position:relative; flex:1; overflow:hidden; }
.activity-item img { width:100%; height:280px; object-fit:cover; display:block; }
.activity-item .overlay { position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.6); color:#fff; padding:15px; font-size:16px; font-weight:600; text-align:center; }

/* 发展历程 */
.about_i_clud { display:flex; justify-content:center; gap:60px; }
.node { text-align:center; }
.circle { width:80px; height:80px; border-radius:50%; overflow:hidden; margin:0 auto 15px; background:#e0f2f1; display:flex; align-items:center; justify-content:center; }
.circle img { width:100%; height:100%; object-fit:cover; }
.node h3 { font-size:20px; font-weight:600; margin-bottom:5px; }
.node p { font-size:14px; color:#666; }

/* 合作伙伴 */
.honor_i { background:#fff; padding:30px 0; }
.honor_i_clud { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.partner-logo img { height:50px; }
.partner-stats { display:flex; gap:30px; }
.stat-item { text-align:center; }
.num { display:block; font-size:32px; font-weight:700; color:#333; }
.label { font-size:14px; color:#666; }
.partner-qr { text-align:center; }
.partner-qr img { width:100px; height:100px; }

/* Footer */
.footer { background:#0B0E11; color:#999; padding:40px 20px 20px; }
.foot-relative { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px; }
.foot-col { min-width:180px; flex:1; }
.foot-col h3 { color:#fff; font-size:16px; margin-bottom:15px; }
.foot-col p { font-size:14px; line-height:1.8; }
.foot-col a { color:#999; margin-right:8px; }
.qr-codes img { width:100px; height:100px; margin-bottom:5px; }
.beian { text-align:center; margin-top:30px; padding-top:15px; border-top:1px solid #333; font-size:13px; }

/* 防抓取悬浮层 */
.black-fixed { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; box-shadow:0 10px 40px rgba(0,0,0,0.2); border-radius:8px; padding:30px; z-index:9999; min-width:300px; }
.popup-content { text-align:center; }
.close-btn { position:absolute; top:10px; right:15px; font-size:24px; cursor:pointer; color:#666; }
.contact-item { display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid #eee; }
.contact-item:last-child { border-bottom:none; }
.val { font-weight:600; color:#333; margin:0 10px; }
.copy-btn { padding:4px 12px; background:#E28718; color:#fff; border-radius:4px; font-size:13px; }

/* 响应式 */
@media (max-width:768px) {
  .main-header { flex-wrap:wrap; height:auto; padding:10px 0; }
  .search { order:3; max-width:100%; margin-top:10px; }
  .header-btns { margin-left:auto; }
  .nav ul { justify-content:flex-start; gap:10px; }
  .banner { flex-direction:column; padding:30px 15px; }
  .banner-content { padding-right:0; margin-bottom:20px; }
  .product_i_list { grid-template-columns: repeat(2, 1fr); }
  .brand-card { min-width:100%; }
  .news_i_list1 { flex-wrap:wrap; }
  .activity-item { flex:0 0 50%; }
  .about_i_clud { gap:20px; flex-direction:column; align-items:center; }
  .honor_i_clud { flex-direction:column; text-align:center; }
  .partner-stats { justify-content:center; }
}