css :root { --bg-primary: #0b0f1c; --bg-secondary: #111827; --bg-card: rgba(17, 24, 39, 0.8); --border-color: rgba(99, 102, 241, 0.2); --text-primary: #f1f5f9; --text-secondary: #94a3b8; --text-muted: #64748b; --accent-1: #06b6d4; --accent-2: #6366f1; --accent-3: #8b5cf6; --gradient-1: linear-gradient(135deg, #06b6d4, #6366f1); --gradient-2: linear-gradient(135deg, #6366f1, #8b5cf6); --shadow: 0 4px 30px rgba(0, 0, 0, 0.5); --radius: 12px; --radius-sm: 8px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background: var(--bg-primary); color: var(--text-primary); line-height: 1.5; -webkit-font-smoothing: antialiased; } a { text-decoration: none; color: inherit; } img { max-width: 100%; height: auto; display: block; } .container { max-width: 1280px; margin: 0 auto; padding: 0 16px; } .btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: var(--radius-sm); font-weight: 500; font-size: 0.875rem; transition: all 0.3s ease; cursor: pointer; border: none; gap: 6px; } .btn-primary { background: var(--gradient-1); color: #fff; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(6, 182, 212, 0.3); } .btn-ghost { background: transparent; color: var(--text-secondary); border: 1px solid var(--border-color); } .btn-ghost:hover { background: rgba(99, 102, 241, 0.1); border-color: var(--accent-2); } .section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color); } .section-title { font-size: 1.25rem; font-weight: 700; background: var(--gradient-1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .section-more { font-size: 0.875rem; color: var(--accent-1); font-weight: 500; } .card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 16px; transition: all 0.3s ease; } .card:hover { border-color: var(--accent-2); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(99, 102, 241, 0.1); } .glass { background: rgba(11, 15, 28, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--border-color); } .top-nav { position: sticky; top: 0; z-index: 1000; padding: 12px 0; } .nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .logo { font-size: 1.5rem; font-weight: 900; letter-spacing: -0.5px; background: var(--gradient-2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; flex-shrink: 0; } .search-box { flex: 1; max-width: 480px; position: relative; } .search-box input { width: 100%; padding: 10px 16px 10px 40px; background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 50px; color: var(--text-primary); font-size: 0.875rem; outline: none; transition: all 0.3s ease; } .search-box input:focus { border-color: var(--accent-1); box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1); } .search-box i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: 0.875rem; } .hot-searches { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 0.75rem; color: var(--text-muted); } .hot-searches span { color: var(--text-secondary); } .hot-searches a { padding: 2px 8px; background: rgba(6, 182, 212, 0.1); border-radius: 4px; color: var(--accent-1); transition: all 0.3s ease; } .hot-searches a:hover { background: rgba(6, 182, 212, 0.2); } .nav-menu { display: flex; align-items: center; gap: 8px; } .nav-menu a { padding: 6px 12px; border-radius: var(--radius-sm); font-size: 0.875rem; font-weight: 500; color: var(--text-secondary); transition: all 0.3s ease; } .nav-menu a:hover { background: rgba(99, 102, 241, 0.1); color: var(--accent-1); } .mobile-toggle { display: none; background: none; border: none; color: var(--text-primary); font-size: 1.5rem; cursor: pointer; padding: 4px; } .hero-section { padding: 24px 0; } .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .hero-carousel { position: relative; border-radius: var(--radius); overflow: hidden; background: var(--bg-secondary); min-height: 280px; } .carousel-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.8s ease; } .carousel-slide.active { opacity: 1; } .carousel-slide img { width: 100%; height: 100%; object-fit: cover; } .carousel-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px; background: linear-gradient(transparent, rgba(0,0,0,0.8)); } .carousel-overlay h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 4px; } .carousel-overlay p { font-size: 0.875rem; color: var(--text-secondary); } .carousel-dots { position: absolute; bottom: 12px; right: 16px; display: flex; gap: 6px; } .carousel-dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.4); cursor: pointer; transition: all 0.3s ease; } .carousel-dots span.active { background: #fff; width: 24px; border-radius: 4px; } .hero-side { display: flex; flex-direction: column; gap: 16px; } .hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .stat-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 12px; text-align: center; } .stat-card .num { font-size: 1.5rem; font-weight: 800; background: var(--gradient-1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .stat-card .label { font-size: 0.75rem; color: var(--text-muted); margin-top: 2px; } .hero-quicklinks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; flex: 1; } .quicklink-item { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 10px 12px; display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: var(--text-secondary); transition: all 0.3s ease; cursor: pointer; } .quicklink-item:hover { background: rgba(99, 102, 241, 0.1); border-color: var(--accent-2); color: var(--accent-1); } .quicklink-item i { font-size: 1rem; width: 20px; text-align: center; color: var(--accent-1); } .featured-section { padding: 24px 0; } .featured-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .featured-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); overflow: hidden; transition: all 0.3s ease; } .featured-card:hover { border-color: var(--accent-2); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(99, 102, 241, 0.1); } .featured-card img { width: 100%; height: 160px; object-fit: cover; } .featured-card-body { padding: 12px 16px 16px; } .featured-card-body h4 { font-size: 1rem; font-weight: 600; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .featured-card-body p { font-size: 0.8125rem; color: var(--text-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .featured-card-body .tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 500; background: rgba(6, 182, 212, 0.15); color: var(--accent-1); margin-top: 8px; } .category-section { padding: 24px 0; } .category-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; } .category-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 12px 8px; text-align: center; transition: all 0.3s ease; cursor: pointer; } .category-card:hover { border-color: var(--accent-2); transform: translateY(-2px); background: rgba(99, 102, 241, 0.05); } .category-card i { font-size: 1.5rem; color: var(--accent-1); margin-bottom: 6px; } .category-card h5 { font-size: 0.8125rem; font-weight: 600; margin-bottom: 2px; } .category-card span { font-size: 0.7rem; color: var(--text-muted); } .subcategory-links { margin-top: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } .subcategory-group { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 16px; } .subcategory-group h6 { font-size: 0.875rem; font-weight: 600; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid var(--border-color); color: var(--accent-1); } .subcategory-group ul { list-style: none; } .subcategory-group li { margin-bottom: 4px; } .subcategory-group a { font-size: 0.8125rem; color: var(--text-secondary); transition: all 0.3s ease; display: block; padding: 3px 0; } .subcategory-group a:hover { color: var(--accent-1); padding-left: 4px; } .tools-section { padding: 24px 0; } .tools-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; } .tool-item { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 16px 12px; text-align: center; transition: all 0.3s ease; } .tool-item:hover { border-color: var(--accent-2); background: rgba(99, 102, 241, 0.05); } .tool-item i { font-size: 1.75rem; color: var(--accent-2); margin-bottom: 6px; } .tool-item h5 { font-size: 0.8125rem; font-weight: 600; } .news-section { padding: 24px 0; } .news-list { display: grid; gap: 8px; } .news-item { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-sm); transition: all 0.3s ease; } .news-item:hover { border-color: var(--accent-2); } .news-item .date { font-size: 0.75rem; color: var(--text-muted); flex-shrink: 0; min-width: 70px; } .news-item a { font-size: 0.875rem; color: var(--text-secondary); flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-item a:hover { color: var(--accent-1); } .news-item .tag { font-size: 0.7rem; padding: 2px 8px; border-radius: 4px; background: rgba(99, 102, 241, 0.1); color: var(--accent-2); flex-shrink: 0; } .faq-section { padding: 24px 0; } .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .faq-item { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-sm); overflow: hidden; } .faq-question { width: 100%; padding: 12px 16px; background: none; border: none; color: var(--text-primary); font-size: 0.875rem; font-weight: 500; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; transition: all 0.3s ease; } .faq-question:hover { background: rgba(99, 102, 241, 0.05); } .faq-question i { transition: transform 0.3s ease; color: var(--text-muted); font-size: 0.75rem; } .faq-item.open .faq-question i { transform: rotate(180deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 16px; font-size: 0.8125rem; color: var(--text-muted); line-height: 1.6; } .faq-item.open .faq-answer { max-height: 200px; padding: 0 16px 12px; } .links-section { padding: 24px 0; } .links-content { display: flex; flex-wrap: wrap; gap: 12px; padding: 16px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); } .links-content a { font-size: 0.8125rem; color: var(--text-muted); padding: 4px 12px; background: rgba(255,255,255,0.02); border-radius: 4px; transition: all 0.3s ease; } .links-content a:hover { color: var(--accent-1); background: rgba(6, 182, 212, 0.1); } .footer { padding: 24px 0; border-top: 1px solid var(--border-color); text-align: center; } .footer-links { display: flex; justify-content: center; gap: 20px; margin-bottom: 12px; flex-wrap: wrap; } .footer-links a { font-size: 0.8125rem; color: var(--text-muted); transition: all 0.3s ease; } .footer-links a:hover { color: var(--accent-1); } .footer p { font-size: 0.75rem; color: var(--text-muted); } @media (max-width: 1024px) { .featured-grid { grid-template-columns: repeat(2, 1fr); } .category-grid { grid-template-columns: repeat(4, 1fr); } .subcategory-links { grid-template-columns: repeat(2, 1fr); } .tools-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 768px) { .mobile-toggle { display: block; } .nav-menu { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-primary); border-bottom: 1px solid var(--border-color); flex-direction: column; padding: 16px; gap: 4px; display: none; } .nav-menu.open { display: flex; } .nav-menu a { width: 100%; padding: 10px 12px; } .search-box { max-width: 200px; } .hero-grid { grid-template-columns: 1fr; } .hero-carousel { min-height: 200px; } .hero-stats { grid-template-columns: repeat(3, 1fr); } .hero-quicklinks { grid-template-columns: repeat(2, 1fr); } .featured-grid { grid-template-columns: repeat(2, 1fr); } .category-grid { grid-template-columns: repeat(3, 1fr); } .subcategory-links { grid-template-columns: 1fr; } .tools-grid { grid-template-columns: repeat(3, 1fr); } .faq-grid { grid-template-columns: 1fr; } } @media (max-width: 480px) { .container { padding: 0 12px; } .featured-grid { grid-template-columns: 1fr; } .category-grid { grid-template-columns: repeat(2, 1fr); } .tools-grid { grid-template-columns: repeat(2, 1fr); } .hero-stats { grid-template-columns: repeat(3, 1fr); } .stat-card .num { font-size: 1.25rem; } } ```
3280
材料数据
1500
注册企业
99.9%
数据准确

核心细分网址专区

全部分类
金属材料
钢铁 铝材 合金
无机非金属
陶瓷 玻璃 水泥
有机高分子
塑料 橡胶 纤维
复合材料
碳纤维 玻纤 蜂窝
电子材料
半导体 导电胶 封装
化工材料
涂料 胶粘剂 助剂

实用工具与聚合专区

全部工具
材料密度计算
强度测试模拟
成本估算工具
单位换算器
报告生成器
标准比对系统

常见问题解答

您可以在本站搜索栏输入材料名称,进入详情页查看完整的物理、化学及力学性能参数表。
平台上的供应商均需提交企业资质,并通过我们的实名认证与实地核验流程,确保信息真实可靠。
您可以在材料详情页点击“检测报告”标签,查看或下载由权威第三方机构出具的PDF检测报告。
是的,大部分材料产品页面提供“申请样品”按钮,填写需求后供应商会直接与您联系寄送样品。
您可以使用我们的“材料对比”功能,勾选2-5种材料,系统将自动生成横向对比图表。
在“标准下载”专区,输入标准号或关键词,即可查询并下载最新的国家标准、行业标准及企业标准。
注册登录后,点击“发布需求”,填写材料名称、规格、数量等信息,平台将为您精准匹配优质供应商。
平台展示的价格通常为参考出厂价,是否含税及运费需与供应商进一步沟通确认。具体以合同为准。
在供应商店铺页面或材料详情页,点击“在线询价”或“联系卖家”,填写您的采购需求即可。
我们设有“材料社区”板块,您可以在其中与行业专家、技术人员交流经验,分享最新技术成果。
我们提供知识产权服务链接,可为您推荐专业的专利代理机构,协助完成专利申报工作。
平台提供材料环保合规查询工具,输入材料名称可查询其是否符合RoHS、REACH等环保法规要求。
危险化学品及特殊材料需按国家法规进行运输。供应商会在产品页面标注运输条件及注意事项。
点击首页“供应商入驻”按钮,提交企业资质信息,审核通过后即可开通店铺,发布产品。
我们拥有国际站入口,支持多语言展示和外贸询盘,为国内外采购商提供便捷的沟通桥梁。
在首页底部或用户中心找到“邮件订阅”入口,选择您关注的材科类别,即可每日接收最新资讯。
我们与多家数据源及供应商系统对接,关键参数和市场行情实现每日更新,确保数据时效性。
在登录页面点击“忘记密码”,通过注册手机号或邮箱验证,即可按照提示重置登录密码。
您可以在内容页点击“举报”按钮,或联系平台客服,我们将在24小时内处理并反馈处理结果。
平台采用响应式设计,移动端与PC端功能完全同步,您可以在任何设备上获得一致的使用体验。