/* 
 * 云黄页公司详情页样式表 (company.css)
 * 严格按照 "选择器 { 属性: 值; }" 格式，一行一条规则。
 */

/* 容器 */
.container { width: 1560px; margin: 0 auto; box-sizing: border-box; }

/* 导航栏 */
.header-nav { background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; }
.nav-content { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; }
.nav-links { font-size: 14px; }
.nav-links a { text-decoration: none; }
.nav-links a:hover { text-decoration: underline; }
.nav-register { }
.btn { display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.5; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; background-color: #007bff; color: white; }
.btn:hover { background-color: #0056b3; }

/* 公司卡片 */
.company-card { display: flex; flex-wrap: wrap; background-color: #ffffff; border: 1px solid #dee2e6; border-top: 2px solid #ff6a00; padding: 15px; margin: 15px 0; border-radius: 4px; }
.company-c1 { flex: 1; min-width: 0; padding-right: 20px; }
.company-c2 { flex: 0 0 130px; display: flex; flex-direction: column; gap: 10px; }

/* 公司头部 */
.company-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dashed #dee2e6; }
.company-name { flex: 1; }
.company-name h1 { margin: 0 0 5px 0; font-size: 1.5em; color: #212529; }
.company-url { color: #6c757d; font-size: 0.875em; word-wrap: break-word; }
.qr-section { text-align: center; }
#sjd { margin: 0 auto 5px; width: 110px; height: 110px; background-color: white; }
.qr-section a { font-size: 0.8em; color: #007bff; text-decoration: underline; display: block; }

/* 联系信息 */
.contact-info { display: flex; flex-wrap: wrap; gap: 15px; }
.contact-item { display: flex; align-items: center; min-width: 200px; }
.contact-label { font-weight: bold; color: #495057; margin-right: 5px; white-space: nowrap; }

/* 主营产品 */
.primary-products { margin: 10px 0; }
.primary-products strong { margin-right: 8px; }
.keys_a { display: inline-block; padding: 3px 8px; margin: 0 5px 5px 0; background-color: #e9ecef; color: #007bff; text-decoration: none; border-radius: 4px; font-size: 0.875em; border: 1px solid #ced4da; }
.keys_a:hover { background-color: #007bff; color: white; }

/* 资质说明 */
.zyitem { margin: 10px 0; padding: 10px; background-color: #f8f9fa; border-left: 3px solid #ffc107; }
.zysm { margin: 0; color: #6c757d; font-style: italic; }

/* 右侧栏按钮和标签 */
.visit-website-btn { display: block; width: 100%; padding: 10px; text-align: center; background-color: #dc3545; color: white; text-decoration: none; border-radius: 4px; font-weight: bold; }
.visit-website-btn:hover { background-color: #bd2130; }
.badge-vip { padding: 5px; background-color: #fff3cd; color: #856404; border: 1px solid #ffeaa7; border-radius: 4px; text-align: center; font-size: 0.875em; }
.badge-free { padding: 5px; background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; border-radius: 4px; text-align: center; font-size: 0.875em; }

/* 标题 */
.section-title { font-size: 1.25em; font-weight: bold; color: #343a40; margin: 20px 0 10px 0; padding-bottom: 5px; border-bottom: 2px solid #007bff; }

/* 产品网格 */
.products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; }
.product-box { text-align: center; border: 1px solid #e9ecef; border-radius: 4px; overflow: hidden; }
.pimg { display: block; }
.product-image { width: 100%; height: 150px; object-fit: cover; }
.product-name { display: block; padding: 8px; color: #495057; text-decoration: none; }
.product-name:hover { color: #007bff; }

/* 新闻列表 */
.news-list { }
.news-item { display: flex; margin-bottom: 15px; padding: 10px; border: 1px solid #e9ecef; border-radius: 4px; }
.news-image-box { flex: 0 0 120px; margin-right: 10px; }
.news-image { width: 100%; height: 80px; object-fit: cover; }
.news-content { flex: 1; }
.news-title { margin: 0 0 5px 0; }
.news-title a { color: #007bff; text-decoration: none; font-weight: 500; }
.news-title a:hover { text-decoration: underline; }
.news_des { color: #6c757d; font-size: 0.875em; margin-bottom: 5px; }
.news_meta { font-size: 0.75em; color: #6c757d; }

/* 同行业企业列表 */
.companies-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.company-link-item { padding: 5px 0; }
.vip-badge { color: #ffc107; font-weight: bold; margin-right: 5px; }

/* 响应式 */
@media (max-width: 768px) { .container { width: 100%; padding: 0 10px; } .company-card { flex-direction: column; } .company-c1 { padding-right: 0; } .company-c2 { flex-basis: auto; margin-top: 15px; } .contact-info { flex-direction: column; gap: 8px; } .contact-item { min-width: auto; } .company-header { flex-direction: column; align-items: stretch; } .qr-section { margin-top: 15px; } .products-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .news-item { flex-direction: column; } .news-image-box { flex: 0 0 auto; margin-right: 0; margin-bottom: 10px; } }