* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #333; line-height: 1.6; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* 导航栏 */ .navbar { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.08); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .navbar .container { display: flex; align-items: center; justify-content: space-between; height: 70px; } .nav-brand { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: bold; color: #00a65a; } .nav-brand img { height: 40px; } .nav-links { display: flex; gap: 30px; list-style: none; } .nav-links a { text-decoration: none; color: #666; font-size: 15px; transition: color 0.3s; } .nav-links a:hover { color: #00a65a; } .nav-cta { background: #00a65a; color: #fff !important; padding: 10px 24px; border-radius: 25px; } .nav-cta:hover { background: #008c4a; } /* Hero区域 - 清新学院风 */ .hero { background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 50%, #00a65a 100%); padding: 160px 0 100px; color: #1e293b; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 80%, rgba(0,166,90,0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(0,166,90,0.08) 0%, transparent 40%); } .hero-decoration { position: absolute; width: 300px; height: 300px; border-radius: 50%; background: rgba(0,166,90,0.05); top: -100px; right: 10%; animation: float 6s ease-in-out infinite; } .hero-decoration::after { content: ''; position: absolute; width: 200px; height: 200px; border-radius: 50%; background: rgba(0,166,90,0.08); top: 50%; left: 50%; transform: translate(-50%, -50%); animation: float 4s ease-in-out infinite reverse; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .hero-content { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; } .hero-text { flex: 1; max-width: 580px; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #00a65a; padding: 10px 24px; border-radius: 30px; font-size: 14px; font-weight: 600; margin-bottom: 24px; box-shadow: 0 4px 15px rgba(0,166,90,0.15); } h1 { font-size: 46px; font-weight: 800; line-height: 1.25; margin-bottom: 20px; color: #1e293b; } .hero-desc { font-size: 18px; color: #475569; margin-bottom: 35px; line-height: 1.8; } .hero-btns { display: flex; gap: 15px; flex-wrap: wrap; } .btn-primary { background: #00a65a; color: #fff; padding: 16px 40px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 16px; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(0,166,90,0.3); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,166,90,0.4); } .btn-secondary { background: #fff; color: #00a65a; padding: 16px 40px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 16px; border: 2px solid #00a65a; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s; } .btn-secondary:hover { background: #00a65a; color: #fff; } .hero-visual { flex: 1; display: flex; justify-content: center; align-items: center; } .hero-icon { width: 320px; height: 320px; background: #fff; border-radius: 30px; display: flex; align-items: center; justify-content: center; font-size: 140px; box-shadow: 0 25px 60px rgba(0,166,90,0.2); position: relative; animation: float 5s ease-in-out infinite; } .hero-icon::before { content: ''; position: absolute; inset: -15px; background: linear-gradient(135deg, #00a65a, #34d399); border-radius: 40px; z-index: -1; opacity: 0.3; } /* 内容板块 */ .section { padding: 80px 0; } .section-alt { background: #f8f9fa; } .section-header { text-align: center; margin-bottom: 50px; } .section-header h2 { font-size: 36px; color: #333; margin-bottom: 15px; } .section-header p { font-size: 18px; color: #666; } /* 功能卡片 */ .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .feature-card { background: #fff; padding: 40px 30px; border-radius: 16px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s; } .feature-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .feature-icon { width: 80px; height: 80px; background: linear-gradient(135deg, #00a65a, #008c4a); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; font-size: 36px; } .feature-card h3 { font-size: 22px; margin-bottom: 15px; color: #333; } .feature-card p { color: #666; font-size: 15px; } /* 资源类型 */ .resource-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; } .resource-item { background: #fff; padding: 30px; border-radius: 12px; text-align: center; border: 2px solid #e8e8e8; transition: all 0.3s; } .resource-item:hover { border-color: #00a65a; background: #f0fdf4; } .resource-item .icon { font-size: 48px; margin-bottom: 15px; } .resource-item h4 { font-size: 18px; margin-bottom: 8px; } .resource-item p { font-size: 14px; color: #888; } /* 步骤流程 */ .steps { display: flex; justify-content: space-between; position: relative; padding: 0 50px; } .steps::before { content: ''; position: absolute; top: 40px; left: 100px; right: 100px; height: 3px; background: #e0e0e0; } .step { text-align: center; flex: 1; position: relative; z-index: 1; } .step-num { width: 80px; height: 80px; background: linear-gradient(135deg, #00a65a, #008c4a); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 32px; color: #fff; font-weight: bold; } .step h4 { font-size: 20px; margin-bottom: 10px; } .step p { color: #888; font-size: 14px; } /* 数据展示 */ .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .stat-item { text-align: center; padding: 30px; background: #fff; border-radius: 16px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); } .stat-num { font-size: 48px; font-weight: bold; color: #00a65a; margin-bottom: 10px; } .stat-label { font-size: 16px; color: #666; } /* 底部CTA */ .cta-section { background: linear-gradient(135deg, #00a65a 0%, #008c4a 100%); padding: 80px 0; text-align: center; color: #fff; } .cta-section h2 { font-size: 36px; margin-bottom: 20px; } .cta-section p { font-size: 18px; opacity: 0.9; margin-bottom: 30px; } /* FAQ */ .faq-list { max-width: 800px; margin: 0 auto; } .faq-item { background: #fff; border-radius: 12px; margin-bottom: 15px; box-shadow: 0 3px 15px rgba(0,0,0,0.05); overflow: hidden; } .faq-question { padding: 20px 25px; font-size: 16px; font-weight: 600; color: #333; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; } .faq-question:hover { background: #f8f9fa; } .faq-question::after { content: '+'; font-size: 24px; color: #00a65a; transition: transform 0.3s; } .faq-item.active .faq-question::after { transform: rotate(45deg); } .faq-answer { padding: 0 25px; max-height: 0; overflow: hidden; transition: all 0.3s; color: #666; line-height: 1.8; } .faq-item.active .faq-answer { padding: 0 25px 20px; max-height: 500px; } /* 页脚 */ .footer { background: #1a1a1a; color: #fff; padding: 50px 0 30px; } .footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; } .footer-brand { display: flex; align-items: center; gap: 10px; } .footer-brand img { height: 35px; } .footer-links { display: flex; gap: 30px; } .footer-links a { color: #aaa; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: #00a65a; } .footer-copy { width: 100%; text-align: center; margin-top: 30px; padding-top: 30px; border-top: 1px solid #333; color: #666; font-size: 14px; } /* 响应式 */ @media (max-width: 768px) { .nav-links { display: none; } .hero-content { flex-direction: column; text-align: center; } .hero-text { max-width: 100%; } h1 { font-size: 28px; } .hero-btns { justify-content: center; } .hero-visual { margin-top: 40px; } .hero-icon { width: 200px; height: 200px; font-size: 80px; } .features-grid { grid-template-columns: 1fr; } .resource-list { grid-template-columns: repeat(2, 1fr); } .stats-grid { grid-template-columns: repeat(2, 1fr); } .steps { flex-direction: column; gap: 40px; padding: 0; } .steps::before { display: none; } .section-header h2 { font-size: 28px; } }

教育资源共享平台

希沃白板官方下载_海量教育资源一站备齐

汇聚海量优质教学资源，支持一键导入共享，让备课更轻松，教学更高效

免费下载了解更多

为什么选择希沃白板

专为教育场景打造的智能备课授课工具

海量资源库

内置千万级教学资源，涵盖各学科各年级，支持一键导入到课件中使用

资源云端同步

课件自动云端保存，多设备实时同步，随时随地继续未完成的备课工作

跨学科兼容

支持语数外、物化生、史地政等全学科教学工具，满足不同学科需求

团队协作备课

支持多人同时编辑同一课件，教师团队协作更高效，备课效率翻倍

数据统计分析

自动记录教学数据，生成可视化报告，帮助教师了解教学效果

安全稳定可靠

企业级数据加密保护，用户隐私安全保障，让教师安心使用

丰富的教学资源类型

覆盖全学段全学科的优质教学资源

📚

教学课件

精品课件模板

🎬

教学视频

微课视频素材

📝

习题试卷

海量题库资源

🎨

多媒体素材

图片音频动画

1000万+

教学资源

500万+

活跃教师

99.9%

服务可用性

30秒

快速下载

简单三步快速使用

轻松几步即可开始使用希沃白板

下载安装

点击下载按钮获取安装包

注册登录

创建账号并完成登录

开始使用

创建课件开始备授课

立即免费下载

常见问题解答

了解更多关于希沃白板的信息

希沃白板支持哪些操作系统？

希沃白板支持Windows、Mac、iOS和Android系统，您可以根据自己的设备选择对应的版本进行下载安装。

下载希沃白板需要付费吗？

希沃白板基础功能完全免费使用，部分高级功能需要开通会员。我们提供多种会员套餐，您可以根据需求选择。

如何获取更多教学资源？

登录后您可以访问资源中心浏览和下载海量教学资源，也可以上传自己的教学资源与全国教师共享。

课件数据会自动保存吗？

是的，所有课件会自动云端同步保存，即使更换设备或重装软件，您的课件也会完整保留。

支持团队多人协作备课吗？

支持，您可以创建团队并邀请其他教师加入，团队成员可以同时编辑和查看课件，大幅提升协作效率。

希沃白板的兼容性如何？

希沃白板支持导入导出多种格式，包括PPT、PDF、图片等，可以与其他教学工具无缝配合使用。

遇到问题如何获取帮助？

您可以通过官方客服热线、在线客服、社区论坛等多种渠道获取帮助，我们提供7×24小时技术支持服务。

如何更新到最新版本？

软件会自动检测并提示更新，您也可以随时访问官网下载最新版本，确保使用最新的功能和优化。

是否支持离线使用？

支持离线创建和编辑课件，联网后会自动同步到云端。部分云端功能需要联网才能使用。

教学数据安全有保障吗？

我们采用银行级数据加密技术，严格遵守教育数据安全法规，承诺绝不泄露任何用户教学数据。