<html lang="zh-CN"><head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王惠英语 - 专业英语教育专家</title>
    
    <script src="http://cdn.tailwindcss.com"></script>
    
    <link href="http://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    
    <link href="http://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet">
    <script src="http://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
    
    <script>

        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#4a5568',
                        secondary: '#2d3748',
                        accent: '#ed8936',
                        accent2: '#805ad5',
                        accent3: '#38b2ac',
                        accent4: '#f6ad55',
                        light: '#f7fafc',
                        dark: '#1a202c',
                        background: '#ffffff',
                        'gray-light': '#edf2f7',
                        'gray-medium': '#e2e8f0'
                    },
                    fontFamily: {
                        sans: ['Inter', 'system-ui', 'sans-serif'],
                        serif: ['Georgia', 'serif']
                    },
                    boxShadow: {
                        'custom': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
                        'custom-lg': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)'
                    }
                }
            }
        }

    </script>
    <style type="text/tailwindcss">
        @layer utilities {
            .text-shadow {
                text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
            }
            .transition-custom {
                transition: all 0.3s ease-in-out;
            }
            .bg-glass {
                background: rgba(255, 255, 255, 0.8);
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
            }
        }
        
        /* 自定义样式 */
        html {
            scroll-behavior: smooth;
        }
        
        .hero-section {
            background-image: url('http://p26-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/0aebf3c8b2824ca297a289b9ccafee80.png~tplv-a9rns2rl98-24:720:720.png?lk3s=8e244e95&rcl=20260509160756E98E19C53F051D64F28D&rrcfp=8a172a1a&x-expires=1778918876&x-signature=PK17XD%2BUzq%2FCWG2LsZHTjGmtKlQ%3D');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .section-divider {
            height: 4px;
            background: linear-gradient(to right, #ed8936, #805ad5);
            margin: 2rem auto;
            width: 80px;
            border-radius: 2px;
        }
        
        .card-hover {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .testimonial-card {
            transition: all 0.3s ease;
        }
        
        .testimonial-card:hover {
            transform: scale(1.02);
        }
        
        .nav-link {
            position: relative;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: #3182ce;
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after,
        .nav-link.active::after {
            width: 100%;
        }
    </style>
</head>
<body class="font-sans text-gray-800 bg-white">
    
    <header class="fixed top-0 left-0 w-full bg-white shadow-md z-50 transition-all duration-300" id="navbar"> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
            <a href="#" class="flex items-center space-x-2">
                <img src="http://p11-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/f63bd8557b2e41f492f16752b47c5193.png~tplv-a9rns2rl98-24:720:720.png?lk3s=8e244e95&amp;rcl=20260509163005A46573BBC9C38D925A9F&amp;rrcfp=8a172a1a&amp;x-expires=1778920205&amp;x-signature=8ILVzoQGNN7rsq0vK4LViMGX0lM%3D" alt="博商流量" class="h-10">
            </a>
            
            
            <nav class="hidden md:flex space-x-8">
                <a href="#about" class="nav-link text-gray-700 hover:text-accent font-medium">关于王惠</a>
                <a href="#achievements" class="nav-link text-gray-700 hover:text-accent font-medium">教学成果</a>
                <a href="#methods" class="nav-link text-gray-700 hover:text-accent font-medium">教学方法</a>
                <a href="#testimonials" class="nav-link text-gray-700 hover:text-accent font-medium">学员评价</a>
                <a href="#contact" class="nav-link text-gray-700 hover:text-accent font-medium">联系方式</a>
            </nav>
            
            
            <button class="md:hidden text-gray-700 focus:outline-none" id="menu-toggle">
                <i class="fa fa-bars text-xl"></i>
            </button>
        </div>
        
        
        <div class="md:hidden hidden bg-white shadow-lg absolute w-full" id="mobile-menu">
            <div class="container mx-auto px-4 py-3 flex flex-col space-y-3">
                <a href="#about" class="text-gray-700 hover:text-accent font-medium py-2 mobile-link">关于王惠</a>
                <a href="#achievements" class="text-gray-700 hover:text-accent font-medium py-2 mobile-link">教学成果</a>
                <a href="#methods" class="text-gray-700 hover:text-accent font-medium py-2 mobile-link">教学方法</a>
                <a href="#testimonials" class="text-gray-700 hover:text-accent font-medium py-2 mobile-link">学员评价</a>
                <a href="#contact" class="text-gray-700 hover:text-accent font-medium py-2 mobile-link">联系方式</a>
            </div>
        </div>
    </header>

    
    <section class="hero-section min-h-screen flex items-center pt-16 text-white" id="home">
        <div class="container mx-auto px-4 py-16 md:py-24">
            <div class="flex flex-col items-center justify-center text-center">
                <div class="max-w-3xl mb-10" data-aos="fade-up" data-aos-duration="1000">
                    <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 leading-tight text-shadow">
                        王惠英语<br>
                        <span class="text-yellow-300">专业英语教育32年</span>
                    </h1>
                    <p class="text-lg md:text-xl text-white mb-8 max-w-lg mx-auto text-shadow">
                        曾任中学英语高级教师，英语教研组组长，中高考英语把关教师。
                        专注于中高考英语教学，帮助数万名学生提高英语成绩，实现名校梦想。
                    </p>
                    <div class="flex flex-wrap gap-4 justify-center">
                        <a href="#about" class="bg-white hover:bg-gray-100 text-primary font-medium py-3 px-6 rounded-lg transition-custom shadow-md hover:shadow-lg">
                            了解更多
                        </a>
                        <a href="#contact" class="bg-transparent hover:bg-white/20 text-white border border-white font-medium py-3 px-6 rounded-lg transition-custom shadow-md hover:shadow-lg">
                            联系我们
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="py-16 md:py-24 bg-white" id="about">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16" data-aos="fade-up">
                <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">关于王惠</h2>
                <div class="section-divider"></div>
                <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                    32年一线教学经验，专注于中高考英语教学，帮助数万名学生实现名校梦想
                </p>
            </div>
            
            <div class="flex flex-col md:flex-row items-center gap-12">
                <div class="md:w-2/5" data-aos="fade-right">
                    <div class="bg-gray-100 rounded-lg p-2 shadow-lg">
                        <img src="http://p3-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/be0e9432060b454ba6dce7b1fe1badcf.png~tplv-a9rns2rl98-24:720:720.png?lk3s=8e244e95&amp;rcl=2026050915485296C491C69F28A3CC813D&amp;rrcfp=8a172a1a&amp;x-expires=1778917732&amp;x-signature=n%2BDIMuQbcEdHygEK%2B%2FGYIe3W3Ow%3D" alt="王惠老师" class="w-full h-auto rounded-lg">
                    </div>
                </div>
                
                <div class="md:w-3/5" data-aos="fade-left">
                    <div class="space-y-6">
                        <div class="bg-white p-6 rounded-lg shadow-custom card-hover">
                            <h3 class="text-xl font-semibold text-primary mb-3 flex items-center">
                                <i class="fa fa-graduation-cap mr-3 text-accent"></i>
                                教育背景
                            </h3>
                            <p class="text-gray-700">
                                毕业于西安交通大学外语系，拥有扎实的语言基础和教学理论知识。
                            </p>
                        </div>
                        
                        <div class="bg-white p-6 rounded-lg shadow-custom card-hover">
                            <h3 class="text-xl font-semibold text-primary mb-3 flex items-center">
                                <i class="fa fa-briefcase mr-3 text-accent"></i>
                                工作经历
                            </h3>
                            <ul class="text-gray-700 space-y-2">
                                <li>• 曾任中学英语高级教师</li>
                                <li>• 英语教研组组长</li>
                                <li>• 中高考英语把关教师</li>
                                <li>• 1999年进入民办补习行业，担任英语教研组组长及执行校长</li>
                                <li>• 2012年创立铭师堂，开创中高考教学新模式</li>
                            </ul>
                        </div>
                        
                        <div class="bg-white p-6 rounded-lg shadow-custom card-hover">
                            <h3 class="text-xl font-semibold text-primary mb-3 flex items-center">
                                <i class="fa fa-star mr-3 text-accent"></i>
                                教学理念
                            </h3>
                            <p class="text-gray-700">
                                王惠老师秉持"以德树人，良心治学"的教育理念，注重培养学生的学习能力和应试技巧，
                                强调"不仅要提高分数，更要培养德才兼备的学生"。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="py-16 md:py-24 bg-gradient-to-br from-blue-50 to-purple-50" id="mini-courses">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16" data-aos="fade-up">
                <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">精品小课</h2>
                <div class="section-divider"></div>
                <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                    王惠老师精心打造的英语精品小课，帮助学生快速提升英语能力和应试技巧
                </p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                
                <div class="bg-white rounded-xl shadow-custom overflow-hidden card-hover" data-aos="fade-up" data-aos-delay="100">
                    <div class="relative">
                        <img src="http://p26-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/0aebf3c8b2824ca297a289b9ccafee80.png~tplv-a9rns2rl98-24:720:720.png?lk3s=8e244e95&amp;rcl=20260509160756E98E19C53F051D64F28D&amp;rrcfp=8a172a1a&amp;x-expires=1778918876&amp;x-signature=PK17XD%2BUzq%2FCWG2LsZHTjGmtKlQ%3D" alt="高考英语满分技巧" class="w-full h-48 object-cover">
                        <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">
                            <a href="http://oss.hokkj.cn/13.mp4" target="_blank" class="play-btn w-16 h-16 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-accent hover:bg-opacity-100 transition-custom" onclick="alert('即将播放视频: http://oss.hokkj.cn/13.mp4'); return true;">
                                <i class="fa fa-play text-2xl"></i>
                            </a>
                        </div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold text-primary mb-2">高考英语满分技巧</h3>
                        <p class="text-gray-600 mb-4">
                            王惠老师32年教学经验总结的高考英语满分技巧，帮助学生在高考中取得优异成绩。
                        </p>
                    </div>
                </div>
                
                
                <div class="bg-white rounded-xl shadow-custom overflow-hidden card-hover" data-aos="fade-up" data-aos-delay="200">
                    <div class="relative">
                        <img src="http://p11-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/ee38f94087e44f908b3fd7d0181e3cae.png~tplv-a9rns2rl98-24:720:720.png?lk3s=8e244e95&amp;rcl=202605091605311571499B85839E563828&amp;rrcfp=8a172a1a&amp;x-expires=1778918731&amp;x-signature=9pQaasKdKDiiCW6KuBT5HfNUb4o%3D" alt="英语48个音标快速记忆" class="w-full h-48 object-cover">
                        <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">
                            <a href="http://oss.hokkj.cn/14.mp4" target="_blank" class="play-btn w-16 h-16 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-accent hover:bg-opacity-100 transition-custom" onclick="alert('即将播放视频: http://oss.hokkj.cn/14.mp4'); return true;">
                                <i class="fa fa-play text-2xl"></i>
                            </a>
                        </div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold text-primary mb-2">英语48个音标快速记忆</h3>
                        <p class="text-gray-600 mb-4">
                            王惠老师独创的音标记忆方法，帮助学生快速掌握英语音标，为发音和单词记忆打下坚实基础。
                        </p>
                    </div>
                </div>
                
                
                <div class="bg-white rounded-xl shadow-custom overflow-hidden card-hover" data-aos="fade-up" data-aos-delay="300">
                    <div class="relative">
                        <img src="http://p11-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/22a9e57a568d4943968c0d4b675a3eff.png~tplv-a9rns2rl98-24:720:720.png?lk3s=8e244e95&amp;rcl=202605091601232E243876EBCA185B20AA&amp;rrcfp=8a172a1a&amp;x-expires=1778918483&amp;x-signature=UfpUv2SCNpbejhWVAaADPP3Gr2w%3D" alt="单词速记法" class="w-full h-48 object-cover">
                        <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">
                            <a href="http://oss.hokkj.cn/15.mp4" target="_blank" class="play-btn w-16 h-16 rounded-full bg-white bg-opacity-80 flex items-center justify-center text-accent hover:bg-opacity-100 transition-custom" onclick="alert('即将播放视频: http://oss.hokkj.cn/15.mp4'); return true;">
                                <i class="fa fa-play text-2xl"></i>
                            </a>
                        </div>
                    </div>
                    <div class="p-6">
                        <h3 class="text-xl font-semibold text-primary mb-2">单词速记法</h3>
                        <p class="text-gray-600 mb-4">
                            高效的单词记忆方法，通过联想、分类和语境记忆等技巧，帮助学生快速扩大词汇量。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    
    <section class="py-16 md:py-24 bg-gradient-to-br from-orange-50 to-purple-50" id="achievements">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16" data-aos="fade-up">
                <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">教学成果</h2>
                <div class="section-divider"></div>
                <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                    32年教学经验，数万名学生的成功案例，创造了英语教学的奇迹
                </p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                
                <div class="bg-white rounded-xl shadow-custom p-6 card-hover" data-aos="fade-up" data-aos-delay="100">
                    <div class="text-accent text-4xl mb-4">
                        <i class="fa fa-line-chart"></i>
                    </div>
                    <h3 class="text-xl font-semibold text-primary mb-3">高考成绩提升</h3>
                    <p class="text-gray-700 mb-4">
                        所带高考毕业班英语平均分132分，最高分同学147分，
                        率领英语专家团队使全校学生英语平均净增分30~50分以上。
                    </p>
                    <div class="flex items-center justify-between mt-6">
                        <span class="text-sm text-gray-500">查看详情</span>
                        <i class="fa fa-arrow-right text-accent"></i>
                    </div>
                </div>
                
                
                <div class="bg-white rounded-xl shadow-custom p-6 card-hover" data-aos="fade-up" data-aos-delay="200">
                    <div class="text-accent2 text-4xl mb-4">
                        <i class="fa fa-users"></i>
                    </div>
                    <h3 class="text-xl font-semibold text-primary mb-3">学员规模</h3>
                    <p class="text-gray-700 mb-4">
                        抖音粉丝800万+，累计培养学生数万名，
                        帮助众多学生实现名校梦想，受到家长和学生的高度认可。
                    </p>
                    <div class="flex items-center justify-between mt-6">
                        <span class="text-sm text-gray-500">查看详情</span>
                        <i class="fa fa-arrow-right text-accent"></i>
                    </div>
                </div>
                
                
                <div class="bg-white rounded-xl shadow-custom p-6 card-hover" data-aos="fade-up" data-aos-delay="300">
                    <div class="text-accent3 text-4xl mb-4">
                        <i class="fa fa-trophy"></i>
                    </div>
                    <h3 class="text-xl font-semibold text-primary mb-3">教学荣誉</h3>
                    <p class="text-gray-700 mb-4">
                        学校连续获得"2013西安教育成长创新机构"、"2014西安具品牌影响力培训机构"、
                        "2015中国·西安具教育创新单位"等荣誉。
                    </p>
                    <div class="flex items-center justify-between mt-6">
                        <span class="text-sm text-gray-500">查看详情</span>
                        <i class="fa fa-arrow-right text-accent"></i>
                    </div>
                </div>
            </div>
            
            
            <div class="grid grid-cols-2 md:grid-cols-4 gap-6 mt-16">
                <div class="text-center" data-aos="fade-up" data-aos-delay="100">
                    <div class="text-4xl md:text-5xl font-bold text-primary mb-2" id="counter1">32</div>
                    <p class="text-gray-600">教学经验(年)</p>
                </div>
                
                <div class="text-center" data-aos="fade-up" data-aos-delay="200">
                    <div class="text-4xl md:text-5xl font-bold text-primary mb-2" id="counter2">800</div>
                    <p class="text-gray-600">抖音粉丝(万+)</p>
                </div>
                
                <div class="text-center" data-aos="fade-up" data-aos-delay="300">
                    <div class="text-4xl md:text-5xl font-bold text-primary mb-2" id="counter3">132</div>
                    <p class="text-gray-600">高考平均分</p>
                </div>
                
                <div class="text-center" data-aos="fade-up" data-aos-delay="400">
                    <div class="text-4xl md:text-5xl font-bold text-primary mb-2" id="counter4">30-50</div>
                    <p class="text-gray-600">平均提分(分)</p>
                </div>
            </div>
        </div>
    </section>

    
    <section class="py-16 md:py-24 bg-white" id="methods">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16" data-aos="fade-up">
                <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">教学方法</h2>
                <div class="section-divider"></div>
                <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                    独创的教学方法，高效提升学生英语能力和应试技巧
                </p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
                
                <div data-aos="fade-right">
                    <div class="space-y-8">
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <div class="flex items-center justify-center h-12 w-12 rounded-md bg-accent text-white">
                                    <i class="fa fa-lightbulb-o text-xl"></i>
                                </div>
                            </div>
                            <div class="ml-4">
                                <h3 class="text-xl font-semibold text-primary mb-2">良性循环高效学习方法</h3>
                                <p class="text-gray-700">
                                    王惠老师独创的学习方法，通过科学的学习规划和反馈机制，
                                    帮助学生建立学习的良性循环，提高学习效率和成绩。
                                </p>
                            </div>
                        </div>
                        
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <div class="flex items-center justify-center h-12 w-12 rounded-md bg-accent2 text-white">
                                    <i class="fa fa-volume-up text-xl"></i>
                                </div>
                            </div>
                            <div class="ml-4">
                                <h3 class="text-xl font-semibold text-primary mb-2">英语48个音标快速记忆法</h3>
                                <p class="text-gray-700">
                                    创新的音标记忆方法，帮助学生快速掌握英语音标，
                                    为发音和单词记忆打下坚实基础。
                                </p>
                            </div>
                        </div>
                        
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <div class="flex items-center justify-center h-12 w-12 rounded-md bg-accent3 text-white">
                                    <i class="fa fa-book text-xl"></i>
                                </div>
                            </div>
                            <div class="ml-4">
                                <h3 class="text-xl font-semibold text-primary mb-2">单词速记法</h3>
                                <p class="text-gray-700">
                                    高效的单词记忆方法，通过联想、分类和语境记忆等技巧，
                                    帮助学生快速扩大词汇量。
                                </p>
                            </div>
                        </div>
                        
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <div class="flex items-center justify-center h-12 w-12 rounded-md bg-accent4 text-white">
                                    <i class="fa fa-check-square-o text-xl"></i>
                                </div>
                            </div>
                            <div class="ml-4">
                                <h3 class="text-xl font-semibold text-primary mb-2">英语满分技巧及方略</h3>
                                <p class="text-gray-700">
                                    针对中高考英语考试的应试技巧和策略，
                                    帮助学生在考试中发挥最佳水平，取得优异成绩。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <div data-aos="fade-left">
                    <div class="bg-gray-50 rounded-xl p-8 shadow-custom">
                        <h3 class="text-2xl font-semibold text-primary mb-6">教学特色</h3>
                        
                        <div class="space-y-6">
                            <div>
                                <h4 class="text-lg font-medium text-primary mb-2 flex items-center">
                                    <i class="fa fa-check-circle text-accent mr-2"></i>
                                    小班教学
                                </h4>
                                <p class="text-gray-700 pl-6">
                                    独创20人小班制，确保每位学生都能得到充分的关注和指导。
                                </p>
                            </div>
                            
                            <div>
                                <h4 class="text-lg font-medium text-primary mb-2 flex items-center">
                                    <i class="fa fa-check-circle text-accent mr-2"></i>
                                    亲自授课
                                </h4>
                                <p class="text-gray-700 pl-6">
                                    王惠校长亲自授课，严把教育教学质量关，确保教学效果。
                                </p>
                            </div>
                            
                            <div>
                                <h4 class="text-lg font-medium text-primary mb-2 flex items-center">
                                    <i class="fa fa-check-circle text-accent mr-2"></i>
                                    严格管理
                                </h4>
                                <p class="text-gray-700 pl-6">
                                    实行严格的教学管理，确保学生能够集中精力学习，提高学习效率。
                                </p>
                            </div>
                            
                            <div>
                                <h4 class="text-lg font-medium text-primary mb-2 flex items-center">
                                    <i class="fa fa-check-circle text-accent mr-2"></i>
                                    全面培养
                                </h4>
                                <p class="text-gray-700 pl-6">
                                    注重培养学生的学习能力和应试技巧，同时关注学生的思想品德教育。
                                </p>
                            </div>
                            
                            <div>
                                <h4 class="text-lg font-medium text-primary mb-2 flex items-center">
                                    <i class="fa fa-check-circle text-accent mr-2"></i>
                                    个性化教学
                                </h4>
                                <p class="text-gray-700 pl-6">
                                    根据学生的实际情况，制定个性化的教学计划，因材施教。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="py-16 md:py-24 bg-gradient-to-br from-teal-50 to-blue-50" id="testimonials">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16" data-aos="fade-up">
                <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">学员评价</h2>
                <div class="section-divider"></div>
                <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                    听听我们的学员怎么说
                </p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                
                <div class="bg-white rounded-xl shadow-custom p-6 testimonial-card" data-aos="fade-up" data-aos-delay="100">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-400 flex">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                        </div>
                    </div>
                    <p class="text-gray-700 mb-6 italic" style="font-style: normal;">
                        "王惠老师的教学方法非常有效，我的英语成绩从原来的90多分提高到了130多分，
                        最终考入了理想的大学。感谢王老师的悉心教导！"
                    </p>
                    <div class="flex items-center">
                        <div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center">
                            <span class="text-primary font-semibold">L</span>
                        </div>
                        <div class="ml-4">
                            <h4 class="font-semibold text-primary">李同学</h4>
                            <p class="text-sm text-gray-500">2023届毕业生</p>
                        </div>
                    </div>
                </div>
                
                
                <div class="bg-white rounded-xl shadow-custom p-6 testimonial-card" data-aos="fade-up" data-aos-delay="200">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-400 flex">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                        </div>
                    </div>
                    <p class="text-gray-700 mb-6 italic" style="font-style: normal;">
                        "王校长不仅教我们英语知识，还教我们如何做人。在铭师堂学习的一年里，
                        我不仅成绩提高了，更重要的是学会了如何高效学习。"
                    </p>
                    <div class="flex items-center">
                        <div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center">
                            <span class="text-primary font-semibold">Z</span>
                        </div>
                        <div class="ml-4">
                            <h4 class="font-semibold text-primary">张同学</h4>
                            <p class="text-sm text-gray-500">2022届毕业生</p>
                        </div>
                    </div>
                </div>
                
                
                <div class="bg-white rounded-xl shadow-custom p-6 testimonial-card" data-aos="fade-up" data-aos-delay="300">
                    <div class="flex items-center mb-4">
                        <div class="text-yellow-400 flex">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                        </div>
                    </div>
                    <p class="text-gray-700 mb-6 italic" style="font-style: normal;">
                        "作为一名艺术生，我的英语基础很差，但是在王老师的帮助下，
                        我的英语成绩从60多分提高到了110多分，顺利考入了理想的艺术院校。"
                    </p>
                    <div class="flex items-center">
                        <div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center">
                            <span class="text-primary font-semibold">W</span>
                        </div>
                        <div class="ml-4">
                            <h4 class="font-semibold text-primary">王同学</h4>
                            <p class="text-sm text-gray-500">2023届艺术生</p>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="mt-16">
                <h3 class="text-2xl font-semibold text-primary text-center mb-8" data-aos="fade-up">家长评价</h3>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    
                    <div class="bg-white rounded-xl shadow-custom p-6 testimonial-card" data-aos="fade-up" data-aos-delay="100">
                        <div class="flex items-center mb-4">
                            <div class="text-yellow-400 flex">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </div>
                        </div>
                        <p class="text-gray-700 mb-6 italic" style="font-style: normal;">
                            "非常感谢王惠校长和铭师堂的老师们，我的孩子在这里学习了一年，
                            不仅英语成绩提高了40多分，更重要的是学会了自主学习，变得更加自信。
                            王校长不仅关注学生的学习，还关注学生的心理健康，是一位真正的好老师。"
                        </p>
                        <div class="flex items-center">
                            <div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center">
                                <span class="text-primary font-semibold">C</span>
                            </div>
                            <div class="ml-4">
                                <h4 class="font-semibold text-primary">陈家长</h4>
                                <p class="text-sm text-gray-500">2023届学生家长</p>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="bg-white rounded-xl shadow-custom p-6 testimonial-card" data-aos="fade-up" data-aos-delay="200">
                        <div class="flex items-center mb-4">
                            <div class="text-yellow-400 flex">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </div>
                        </div>
                        <p class="text-gray-700 mb-6 italic" style="font-style: normal;">
                            "铭师堂的教学质量非常高，管理也很严格，我的孩子在这里学习很放心。
                            王惠校长的英语教学方法独特有效，我的孩子以前很讨厌学英语，
                            现在却成了他的强项，高考英语考了142分，我们全家都很感激。"
                        </p>
                        <div class="flex items-center">
                            <div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center">
                                <span class="text-primary font-semibold">L</span>
                            </div>
                            <div class="ml-4">
                                <h4 class="font-semibold text-primary">刘家长</h4>
                                <p class="text-sm text-gray-500">2022届学生家长</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="py-16 md:py-24 bg-white" id="contact">
        <div class="container mx-auto px-4">
            <div class="text-center mb-16" data-aos="fade-up">
                <h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">联系我们</h2>
                <div class="section-divider"></div>
                <p class="text-lg text-gray-600 max-w-3xl mx-auto">
                    如果您有任何问题或想了解更多信息，请随时联系我们
                </p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                
                <div class="bg-white rounded-xl p-8 shadow-custom card-hover text-center" data-aos="fade-up" data-aos-delay="100">
                    <div class="flex items-center justify-center h-16 w-16 rounded-full bg-accent text-white mx-auto mb-6">
                        <i class="fa fa-map-marker text-2xl"></i>
                    </div>
                    <h4 class="text-xl font-semibold text-primary mb-3">地址</h4>
                    <p class="text-gray-700">深圳市前海深港合作区南山街道兴海大道 3044 号信利康大厦 3D</p>
                </div>
                
                
                <div class="bg-white rounded-xl p-8 shadow-custom card-hover text-center" data-aos="fade-up" data-aos-delay="200">
                    <div class="flex items-center justify-center h-16 w-16 rounded-full bg-accent text-white mx-auto mb-6">
                        <i class="fa fa-phone text-2xl"></i>
                    </div>
                    <h4 class="text-xl font-semibold text-primary mb-3">电话</h4>
                    <p class="text-gray-700">18038151590</p>
                </div>
                
                
                <div class="bg-white rounded-xl p-8 shadow-custom card-hover text-center" data-aos="fade-up" data-aos-delay="300">
                    <div class="flex items-center justify-center h-16 w-16 rounded-full bg-accent text-white mx-auto mb-6">
                        <i class="fa fa-envelope text-2xl"></i>
                    </div>
                    <h4 class="text-xl font-semibold text-primary mb-3">邮箱</h4>
                    <p class="text-gray-700">liuxinglian@bosum.com</p>
                </div>
            </div>
        </div>
    </section>

    
    <div id="video-modal" class="fixed inset-0 z-50 hidden">
        <div id="modal-overlay" class="absolute inset-0 bg-black bg-opacity-80"></div>
        <div class="relative z-10 max-w-4xl mx-auto mt-20 bg-white rounded-lg shadow-2xl overflow-hidden">
            <div class="p-4 bg-primary flex justify-between items-center">
                <h3 id="video-title" class="text-white text-xl font-semibold">视频标题</h3>
                <button id="close-modal" class="text-white hover:text-gray-200 focus:outline-none">
                    <i class="fa fa-times text-xl"></i>
                </button>
            </div>
            <div class="p-4">
                <div class="bg-black aspect-w-16 aspect-h-9 flex items-center justify-center">
                    <div class="text-white text-center">
                        <i class="fa fa-play-circle text-5xl mb-4"></i>
                        <p>视频功能即将上线，敬请期待！</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
    <footer class="bg-blue-900 text-white py-6">
        <div class="container mx-auto px-4 text-center">
            <p class="mb-2">地址：深圳市前海深港合作区南山街道兴海大道3044号信利康大厦3D</p>
            <p class="mb-2">电话：18038151590</p>
            <p class="text-sm">© 2026 深圳市博商百人汇文化发展有限公司, 版权所有 | <a href="http://beian.miit.gov.cn/" target="_blank" class="bg-blue-800 hover:bg-blue-700 text-white px-3 py-1 rounded text-xs transition-colors">粤ICP备2020136717号-1</a></p>
        </div>
    </footer>

    
    <div id="video-modal" class="fixed inset-0 z-50 hidden">
        <div id="modal-overlay" class="absolute inset-0 bg-black bg-opacity-80"></div>
        <div class="relative z-10 max-w-4xl mx-auto mt-20 bg-white rounded-lg shadow-2xl overflow-hidden">
            <div class="p-4 bg-primary flex justify-between items-center">
                <h3 id="video-title" class="text-white text-xl font-semibold">视频标题</h3>
                <button id="close-modal" class="text-white hover:text-gray-200 focus:outline-none">
                    <i class="fa fa-times text-xl"></i>
                </button>
            </div>
            <div class="p-4">
                <div class="bg-black aspect-w-16 aspect-h-9 flex items-center justify-center">
                    <div id="video-placeholder" class="w-full h-full flex items-center justify-center">
                        <div id="video-content" class="text-center">
                            <i class="fa fa-play-circle text-5xl text-white mb-4"></i>
                            <p class="text-white">视频加载中...</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
    <button id="back-to-top" class="fixed bottom-8 right-8 bg-accent hover:bg-orange-600 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg transition-custom opacity-0 invisible">
        <i class="fa fa-arrow-up"></i>
    </button>

    
    <script>

        // 初始化AOS动画库
        document.addEventListener('DOMContentLoaded', function() {
            AOS.init({
                duration: 800,
                easing: 'ease-in-out',
                once: true
            });
            
            // 导航栏滚动效果
            const navbar = document.getElementById('navbar');
            const backToTopBtn = document.getElementById('back-to-top');
            
            window.addEventListener('scroll', function() {
                if (window.scrollY > 100) {
                    navbar.classList.add('py-2');
                    navbar.classList.remove('py-3');
                    navbar.classList.add('shadow-lg');
                    
                    backToTopBtn.classList.remove('opacity-0', 'invisible');
                    backToTopBtn.classList.add('opacity-100', 'visible');
                } else {
                    navbar.classList.add('py-3');
                    navbar.classList.remove('py-2');
                    navbar.classList.remove('shadow-lg');
                    
                    backToTopBtn.classList.add('opacity-0', 'invisible');
                    backToTopBtn.classList.remove('opacity-100', 'visible');
                }
                
                // 高亮当前导航项
                highlightNavItem();
            });
            
            // 移动端菜单切换
            const menuToggle = document.getElementById('menu-toggle');
            const mobileMenu = document.getElementById('mobile-menu');
            
            menuToggle.addEventListener('click', function() {
                mobileMenu.classList.toggle('hidden');
            });
            
            // 移动端菜单项点击关闭菜单
            const mobileLinks = document.querySelectorAll('.mobile-link');
            mobileLinks.forEach(link => {
                link.addEventListener('click', function() {
                    mobileMenu.classList.add('hidden');
                });
            });
            
            // 返回顶部按钮点击事件
            backToTopBtn.addEventListener('click', function() {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            });
            
            // 平滑滚动到锚点
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    e.preventDefault();
                    
                    const targetId = this.getAttribute('href');
                    if (targetId === '#') return;
                    
                    const targetElement = document.querySelector(targetId);
                    if (targetElement) {
                        targetElement.scrollIntoView({
                            behavior: 'smooth'
                        });
                    }
                });
            });
            
            // 高亮当前导航项
            function highlightNavItem() {
                const sections = document.querySelectorAll('section');
                const navLinks = document.querySelectorAll('.nav-link');
                
                let currentSection = '';
                
                sections.forEach(section => {
                    const sectionTop = section.offsetTop;
                    const sectionHeight = section.clientHeight;
                    
                    if (window.scrollY >= sectionTop - 200) {
                        currentSection = section.getAttribute('id');
                    }
                });
                
                navLinks.forEach(link => {
                    link.classList.remove('active');
                    if (link.getAttribute('href') === `#${currentSection}`) {
                        link.classList.add('active');
                    }
                });
            }
            
            // 联系表单提交
            const contactForm = document.getElementById('contact-form');
            contactForm.addEventListener('submit', function(e) {
                e.preventDefault();
                
                // 获取表单数据
                const name = document.getElementById('name').value;
                const phone = document.getElementById('phone').value;
                const email = document.getElementById('email').value;
                const subject = document.getElementById('subject').value;
                const message = document.getElementById('message').value;
                
                // 模拟表单提交
                alert(`感谢您的留言，${name}！我们会尽快与您联系。`);
                contactForm.reset();
            });
            
            // 数字增长动画
            function animateCounter(elementId, target, duration = 2000) {
                const element = document.getElementById(elementId);
                if (!element) return;
                
                let start = 0;
                const increment = target / (duration / 16);
                
                function updateCounter() {
                    start += increment;
                    if (start < target) {
                        element.textContent = Math.floor(start);
                        requestAnimationFrame(updateCounter);
                    } else {
                        element.textContent = target;
                    }
                }
                
                updateCounter();
            }
            
            // 检测元素是否在视口中
            function isElementInViewport(el) {
                const rect = el.getBoundingClientRect();
                return (
                    rect.top >= 0 &&
                    rect.left >= 0 &&
                    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
                );
            }
            
            // 当滚动到统计数字时开始动画
            let animated = false;
            window.addEventListener('scroll', function() {
                const counter1 = document.getElementById('counter1');
                if (counter1 && isElementInViewport(counter1) && !animated) {
                    animateCounter('counter1', 32);
                    animateCounter('counter2', 800);
                    animateCounter('counter3', 132);
                    animated = true;
                }
            });
            
            // 初始检查
            if (isElementInViewport(document.getElementById('counter1'))) {
                animateCounter('counter1', 32);
                animateCounter('counter2', 800);
                animateCounter('counter3', 132);
                animated = true;
            }
            
            // 简化的视频播放功能已通过HTML直接实现
            

        });

    </script>

</body></html>
