PageSourceSearch

http://www.fanhuigo.com/mzzyo/

html fanhuigo.com collected 2026-09-24 12:07:33 UTC 29,381 bytes, 539 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>服务项目_青丝影院高清电视剧全集在线看,支持在线播放、下载,高清画质,精彩剧情不断!</title>
7<meta name="description" content="的高清电视剧全集在线观看服务,支持在线播放和下载,高清画质,剧情精彩不断更新。" />
8<meta name="keywords" content="青丝影院,青丝影院电视剧在线观看全集免费,青丝影视" />
9<script src="/template/pc/skin/js/js.js"></script>
9 
10<script src="/template/pc/skin/js/anime.min.js"></script>
10 
11<script src="/template/pc/skin/js/splide.min.js"></script>
11
12<link href="/template/pc/skin/css/splide.min.css" rel="stylesheet">
13<script src="/template/pc/skin/js/p5.min.js"></script>
13
14<link href="/template/pc/skin/css/css2.css" rel="stylesheet">
15<style>
16:root {
17--primary-dark: #0a0a0a;
18--secondary-dark: #1a1a1a;
19--accent-gold: #d4af37;
20--text-white: #ffffff;
21--text-gray: #a0a0a0;
22}
23body {
24    font-family: 'Inter', sans-serif;
25    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--secondary-dark) 100%);
26    color: var(--text-white);
27    overflow-x: hidden;
28}
29.hero-title {
30    font-family: 'Playfair Display', serif;
31    background: linear-gradient(45deg, var(--text-white), var(--accent-gold));
32    -webkit-background-clip: text;
33    -webkit-text-fill-color: transparent;
34    background-clip: text;
35}
36.accent-text {
37    font-family: 'Cormorant Garamond', serif;
38    color: var(--accent-gold);
39}
40.glass-nav {
41    backdrop-filter: blur(10px);
42    background: rgba(10, 10, 10, 0.8);
43    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
44}
45.team-card {
46    background: var(--secondary-dark);
47    border: 1px solid rgba(212, 175, 55, 0.3);
48    transition: all 0.3s ease;
49    cursor: pointer;
50}
51.team-card:hover {
52    border-color: var(--accent-gold);
53    transform: translateY(-8px);
54    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.2);
55}
56.timeline-item {
57    position: relative;
58    padding-left: 3rem;
59    margin-bottom: 2rem;
60}
61.timeline-item::before {
62    content: '';
63    position: absolute;
64    left: 0;
65    top: 0.5rem;
66    width: 12px;
67    height: 12px;
68    background: var(--accent-gold);
69    border-radius: 50%;
70}
71.timeline-item::after {
72    content: '';
73    position: absolute;
74    left: 5px;
75    top: 1.5rem;
76    width: 2px;
77    height: calc(100% + 1rem);
78    background: linear-gradient(to bottom, var(--accent-gold), transparent);
79}
80.timeline-item:last-child::after {
81    display: none;
82}
83.award-card {
84    background: var(--secondary-dark);
85    border: 1px solid rgba(212, 175, 55, 0.3);
86    transition: all 0.3s ease;
87}
88.award-card:hover {
89    border-color: var(--accent-gold);
90    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);
91}
92.testimonial-card {
93    background: var(--secondary-dark);
94    border: 1px solid rgba(212, 175, 55, 0.2);
95    transition: all 0.3s ease;
96}
97.testimonial-card:hover {
98    border-color: var(--accent-gold);
99    transform: translateY(-4px);
100}
101.particle-bg {
102    position: fixed;
103    top: 0;
104    left: 0;
105    width: 100%;
106    height: 100%;
107    z-index: -1;
108    opacity: 0.3;
109}
110.scroll-reveal {
111    opacity: 0;
112    transform: translateY(30px);
113    transition: all 0.6s ease;
114}
115.scroll-reveal.revealed {
116    opacity: 1;
117    transform: translateY(0);
118}
119.splide__arrow {
120    background: var(--accent-gold) !important;
121    opacity: 0.8;
122}
123.splide__arrow:hover {
124    opacity: 1;
125}
126.splide__pagination__page.is-active {
127    background: var(--accent-gold) !important;
128}
129</style>
130<script type="text/javascript" src="/public/static/common/js/ey_global.js?v=v1.7.8"></script>
130
131</head>
132<body>
133<!-- Particle Background -->
134<div id="particle-bg" class="particle-bg"></div>
135
136<!-- Navigation -->
137<nav class="glass-nav fixed top-0 left-0 right-0 z-50 px-6 py-4">
138  <div class="max-w-7xl mx-auto flex items-center justify-between">
139    <a href="http://www.fanhuigo.com" class="flex items-center space-x-3"> <img src="/template/pc/skin/picture/company-logo.png" alt="青丝影院传媒" class="h-10 w-10"> <span class="text-xl font-bold text-white">青丝影院传媒</span> </a>
140    <div class="hidden md:flex items-center space-x-8"> 
141		<a href="http://www.fanhuigo.com" class="text-white hover:text-yellow-400 transition-colors">青丝影院首页</a>
142				<a href="/iymgc/" class="text-white hover:text-yellow-400 transition-colors">作品展示</a>
143				<a href="/mzzyo/" class="text-white hover:text-yellow-400 transition-colors">服务项目</a>
144				<a href="/gifme/" class="text-white hover:text-yellow-400 transition-colors">青丝影院动态</a>
145				<a href="/doiuc/" class="text-white hover:text-yellow-400 transition-colors">关于青丝影院</a>
146				</div>
147    <div class="md:hidden">
148      <button id="mobile-menu-btn" class="text-white">
149      <svg class="w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24">
150        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
151      </svg>
152      </button>
153    </div>
154  </div>
155</nav>
156
157<!-- Mobile Menu -->
158<div id="mobile-menu" class="fixed top-20 left-0 right-0 bg-gray-900 p-6 z-40 hidden md:hidden transition-all duration-300">
159  <div class="flex flex-col space-y-4">
160    <a href="http://www.fanhuigo.com" class="text-white hover:text-yellow-400 transition-colors py-2 border-b border-gray-700">青丝影院首页</a>
161        <a href="/iymgc/" class="text-white hover:text-yellow-400 transition-colors py-2 border-b border-gray-700">作品展示</a>
162        <a href="/mzzyo/" class="text-white hover:text-yellow-400 transition-colors py-2 border-b border-gray-700">服务项目</a>
163        <a href="/gifme/" class="text-white hover:text-yellow-400 transition-colors py-2 border-b border-gray-700">青丝影院动态</a>
164        <a href="/doiuc/" class="text-white hover:text-yellow-400 transition-colors py-2 border-b border-gray-700">关于青丝影院</a>
165        <a href="#contact" class="btn-primary px-6 py-3 rounded-full text-center mt-4">联系我们</a>
166  </div>
167</div>
168
169<!-- Header Section -->
170<section class="pt-32 pb-16 px-6">
171  <div class="max-w-7xl mx-auto text-center">
172    <h1 class="hero-title text-5xl md:text-6xl font-bold mb-6 scroll-reveal">关于我们</h1>
173    <p class="text-xl text-gray-400 max-w-3xl mx-auto scroll-reveal"> 青丝影院传媒成立于2016年,是一家专注于影视制作和创意视觉的专业公司。我们汇聚了一群对影像艺术充满热情的创作者,致力于用镜头语言诠释品牌故事,用创意视觉传递商业价值。 </p>
174  </div>
175</section>
176
177<!-- Company Story -->
178<section class="py-20 px-6">
179  <div class="max-w-7xl mx-auto">
180    <div class="grid lg:grid-cols-2 gap-16 items-center">
181      <div class="scroll-reveal">
182        <h2 class="hero-title text-4xl font-bold mb-8">我们的故事</h2>
183        <div class="space-y-6 text-lg text-gray-300">
184          <p> 青丝影院传媒诞生于对影像艺术的热爱和对创意表达的执着追求。创始团队来自国内知名影视制作公司,拥有丰富的行业经验和专业素养。我们相信,每一个品牌都有其独特的故事,而我们的使命就是用最恰当的视觉语言来讲述这些故事。 </p>
185          <p> 十五年来,我们服务过超过100家知名企业,完成了150多个影视项目,涵盖商业广告、企业宣传、纪录片、音乐MV等多个领域。我们的作品不仅在视觉上追求极致,更在情感上力求与观众产生共鸣。 </p>
186          <p> 未来,我们将继续秉承"用心创作,用情传达"的理念,为更多品牌创造价值,为观众带来感动。我们相信,好的作品能够跨越时间和空间的限制,成为永恒的经典。 </p>
187        </div>
188      </div>
189      <div class="scroll-reveal"> <img src="/template/pc/skin/picture/team-photo.png" alt="团队照片" class="w-full h-auto rounded-2xl"> </div>
190    </div>
191  </div>
192</section>
193
194<!-- Company Timeline -->
195<section class="py-20 px-6 bg-gradient-to-r from-gray-900 to-gray-800">
196  <div class="max-w-4xl mx-auto">
197    <div class="text-center mb-16 scroll-reveal">
198      <h2 class="hero-title text-4xl font-bold mb-6">发展历程</h2>
199      <p class="text-xl text-gray-400"> 从创立至今,我们的每一步都见证着成长与进步 </p>
200    </div>
201    <div class="space-y-8">
202      <div class="timeline-item scroll-reveal">
203        <div class="bg-gray-800 p-6 rounded-2xl">
204          <div class="flex items-center justify-between mb-4">
205            <h3 class="text-2xl font-bold text-yellow-400">2016å¹´</h3>
206            <span class="text-sm text-gray-400">创立之年</span> </div>
207          <h4 class="text-xl font-bold mb-2">公司成立</h4>
208          <p class="text-gray-300"> 青丝影院传媒正式成立,创始团队汇聚了对影视制作充满热情的专业人才,确立了"用心创作,用情传达"的核心理念。 </p>
209        </div>
210      </div>
211      <div class="timeline-item scroll-reveal">
212        <div class="bg-gray-800 p-6 rounded-2xl">
213          <div class="flex items-center justify-between mb-4">
214            <h3 class="text-2xl font-bold text-yellow-400">2020å¹´</h3>
215            <span class="text-sm text-gray-400">成长之年</span> </div>
216          <h4 class="text-xl font-bold mb-2">业务拓展</h4>
217          <p class="text-gray-300"> 完成首批商业项目,建立了完善的服务体系,与多家知名企业建立合作关系,团队规模扩大至20人。 </p>
218        </div>
219      </div>
220      <div class="timeline-item scroll-reveal">
221        <div class="bg-gray-800 p-6 rounded-2xl">
222          <div class="flex items-center justify-between mb-4">
223            <h3 class="text-2xl font-bold text-yellow-400">2022å¹´</h3>
224            <span class="text-sm text-gray-400">突破之年</span> </div>
225          <h4 class="text-xl font-bold mb-2">技术创新</h4>
226          <p class="text-gray-300"> 引进国际先进的拍摄设备和后期制作技术,作品获得行业认可,荣获多项影视制作奖项。 </p>
227        </div>
228      </div>
229      <div class="timeline-item scroll-reveal">
230        <div class="bg-gray-800 p-6 rounded-2xl">
231          <div class="flex items-center justify-between mb-4">
232            <h3 class="text-2xl font-bold text-yellow-400">2024å¹´</h3>
233            <span class="text-sm text-gray-400">飞跃之年</span> </div>
234          <h4 class="text-xl font-bold mb-2">品牌升级</h4>
235          <p class="text-gray-300"> 完成品牌升级,服务客户超过100家,项目作品在国内外多个平台获得广泛关注和好评。 </p>
236        </div>
237      </div>
238    </div>
239  </div>
240</section>
241
242<!-- Team Section -->
243<section class="py-20 px-6">
244  <div class="max-w-7xl mx-auto">
245    <div class="text-center mb-16 scroll-reveal">
246      <h2 class="hero-title text-4xl font-bold mb-6">核心团队</h2>
247      <p class="text-xl text-gray-400 max-w-2xl mx-auto"> 我们的团队由经验丰富的专业人士组成,每个人都在各自的领域拥有深厚的专业功底 </p>
248    </div>
249    <div class="splide scroll-reveal" id="team-slider">
250      <div class="splide__track">
251        <ul class="splide__list">
252          <li class="splide__slide">
253            <div class="team-card p-8 rounded-2xl text-center"> <img src="/template/pc/skin/picture/team-director.png" alt="王玉锦" class="w-32 h-32 rounded-full mx-auto mb-6 object-cover">
254              <h3 class="text-2xl font-bold mb-2">王玉锦</h3>
255              <p class="text-yellow-400 text-lg mb-4">创意总监</p>
256              <p class="text-gray-400 mb-6"> 国家一级导演,30+年影视制作经验,曾执导多部获奖电影、广告片和纪录片,擅长品牌故事叙述和视觉创意表达。 </p>
257              <div class="flex justify-center space-x-4"> <span class="bg-gray-700 px-3 py-1 rounded-full text-sm">创意策划</span> <span class="bg-gray-700 px-3 py-1 rounded-full text-sm">导演</span> </div>
258            </div>
259          </li>
260          <li class="splide__slide">
261            <div class="team-card p-8 rounded-2xl text-center"> <img src="/template/pc/skin/picture/team-cinematographer.png" alt="周子焱" class="w-32 h-32 rounded-full mx-auto mb-6 object-cover">
262              <h3 class="text-2xl font-bold mb-2">周子焱</h3>
263              <p class="text-yellow-400 text-lg mb-4">摄影指导</p>
264              <p class="text-gray-400 mb-6"> 专业摄影师,擅长商业摄影和电影摄影,作品曾获国际摄影大赛金奖,对光影有独到理解。 </p>
265              <div class="flex justify-center space-x-4"> <span class="bg-gray-700 px-3 py-1 rounded-full text-sm">摄影</span> <span class="bg-gray-700 px-3 py-1 rounded-full text-sm">灯光</span> </div>
266            </div>
267          </li>
268          <li class="splide__slide">
269            <div class="team-card p-8 rounded-2xl text-center"> <img src="/template/pc/skin/picture/team-producer.png" alt="孙娟" class="w-32 h-32 rounded-full mx-auto mb-6 object-cover">
270              <h3 class="text-2xl font-bold mb-2">孙娟</h3>
271              <p class="text-yellow-400 text-lg mb-4">制作总监</p>
272              <p class="text-gray-400 mb-6"> 资深制作人,负责项目统筹和团队管理,确保每个项目都能按时高质量完成。 </p>
273              <div class="flex justify-center space-x-4"> <span class="bg-gray-700 px-3 py-1 rounded-full text-sm">项目管理</span> <span class="bg-gray-700 px-3 py-1 rounded-full text-sm">制作</span> </div>
274            </div>
275          </li>
276          <li class="splide__slide">
277            <div class="team-card p-8 rounded-2xl text-center"> <img src="/template/pc/skin/picture/team-editor.png" alt="黄娟" class="w-32 h-32 rounded-full mx-auto mb-6 object-cover">
278              <h3 class="text-2xl font-bold mb-2">黄娟</h3>
279              <p class="text-yellow-400 text-lg mb-4">资深编剧</p>
280              <p class="text-gray-400 mb-6"> 深耕行业三十余载,笔下有多部获奖作品,兼具艺术洞察与市场判断,擅于塑造鲜æ´
280»äººç‰©ã€æž„建动人故事,是业内备受尊敬的创作力量。 </p>
281              <div class="flex justify-center space-x-4"> <span class="bg-gray-700 px-3 py-1 rounded-full text-sm">前期策划</span> <span class="bg-gray-700 px-3 py-1 rounded-full text-sm">编剧</span> </div>
282            </div>
283          </li>
284        </ul>
285      </div>
286    </div>
287  </div>
288</section>
289
290<!-- Awards Section -->
291<section class="py-20 px-6 bg-gradient-to-r from-gray-900 to-gray-800">
292  <div class="max-w-7xl mx-auto">
293    <div class="text-center mb-16 scroll-reveal">
294      <h2 class="hero-title text-4xl font-bold mb-6">荣誉奖项</h2>
295      <p class="text-xl text-gray-400 max-w-2xl mx-auto"> 我们的专业实力获得了行业和客户的广泛认可 </p>
296    </div>
297    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
298      <div class="award-card p-6 rounded-2xl text-center scroll-reveal">
299        <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
300          <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
301            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
302          </svg>
303        </div>
304        <h3 class="text-xl font-bold mb-2">2024年度最佳商业广告奖</h3>
305        <p class="text-gray-400 text-sm">中国广告协会</p>
306      </div>
307      <div class="award-card p-6 rounded-2xl text-center scroll-reveal">
308        <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
309          <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
310            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
311          </svg>
312        </div>
313        <h3 class="text-xl font-bold mb-2">2023年度优秀制作团队</h3>
314        <p class="text-gray-400 text-sm">中国影视制作协会</p>
315      </div>
316      <div class="award-card p-6 rounded-2xl text-center scroll-reveal">
317        <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
318          <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
319            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
320          </svg>
321        </div>
322        <h3 class="text-xl font-bold mb-2">2022年度最佳纪录片奖</h3>
323        <p class="text-gray-400 text-sm">国际纪录片节</p>
324      </div>
325      <div class="award-card p-6 rounded-2xl text-center scroll-reveal">
326        <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
327          <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
328            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
329          </svg>
330        </div>
331        <h3 class="text-xl font-bold mb-2">2021年度创新营销奖</h3>
332        <p class="text-gray-400 text-sm">营销创新峰会</p>
333      </div>
334      <div class="award-card p-6 rounded-2xl text-center scroll-reveal">
335        <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
336          <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
337            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
338          </svg>
339        </div>
340        <h3 class="text-xl font-bold mb-2">2020年度新锐公司</h3>
341        <p class="text-gray-400 text-sm">创业投资峰会</p>
342      </div>
343      <div class="award-card p-6 rounded-2xl text-center scroll-reveal">
344        <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
345          <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
346            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
347          </svg>
348        </div>
349        <h3 class="text-xl font-bold mb-2">客户满意度金奖</h3>
350        <p class="text-gray-400 text-sm">服务质量评选</p>
351      </div>
352    </div>
353  </div>
354</section>
355
356<!-- Client Testimonials -->
357<section class="py-20 px-6">
358  <div class="max-w-7xl mx-auto">
359    <div class="text-center mb-16 scroll-reveal">
360      <h2 class="hero-title text-4xl font-bold mb-6">客户评价</h2>
361      <p class="text-xl text-gray-400 max-w-2xl mx-auto"> 听听我们的客户怎么说 </p>
362    </div>
363    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
364      <div class="testimonial-card p-6 rounded-2xl scroll-reveal">
365        <div class="flex items-center mb-4">
366          <div class="w-12 h-12 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mr-4"> <span class="text-black font-bold">李</span> </div>
367          <div>
368            <h4 class="font-bold">李总</h4>
369            <p class="text-sm text-gray-400">某知名汽车品牌</p>
370          </div>
371        </div>
372        <p class="text-gray-300 mb-4"> "青丝影院传媒的团队非常专业,从创意策划到最终成片,每个环节都体现了极高的专业水准。我们的新车发布会视频获得了业界的一致好评。" </p>
373        <div class="flex text-yellow-400"> ★★★★★ </div>
374      </div>
375      <div class="testimonial-card p-6 rounded-2xl scroll-reveal">
376        <div class="flex items-center mb-4">
377          <div class="w-12 h-12 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mr-4"> <span class="text-black font-bold">王</span> </div>
378          <div>
379            <h4 class="font-bold">王经理</h4>
380            <p class="text-sm text-gray-400">某科技公司</p>
381          </div>
382        </div>
383        <p class="text-gray-300 mb-4"> "与青丝影院传媒的合作非常愉快,他们不仅技术过硬
383,更重要的是能够理解我们的品牌理念,并将其完美地融入到作品中。" </p>
384        <div class="flex text-yellow-400"> ★★★★★ </div>
385      </div>
386      <div class="testimonial-card p-6 rounded-2xl scroll-reveal">
387        <div class="flex items-center mb-4">
388          <div class="w-12 h-12 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mr-4"> <span class="text-black font-bold">å¼ </span> </div>
389          <div>
390            <h4 class="font-bold">张总监</h4>
391            <p class="text-sm text-gray-400">某时尚品牌</p>
392          </div>
393        </div>
394        <p class="text-gray-300 mb-4"> "青丝影院传媒的创意团队给了我们很多惊喜,他们的作品不仅有视觉冲击力,更能准确传达品牌的时尚理念和文化内涵。" </p>
395        <div class="flex text-yellow-400"> ★★★★★ </div>
396      </div>
397    </div>
398  </div>
399</section>
400
401<!-- Contact Info -->
402<section class="py-20 px-6 bg-gradient-to-r from-gray-900 to-gray-800">
403  <div class="max-w-4xl mx-auto text-center">
404    <div class="scroll-reveal">
405      <h2 class="hero-title text-4xl font-bold mb-6">联系我们</h2>
406      <p class="text-xl text-gray-400 mb-12"> 让我们一起创造令人难忘的作品 </p>
407      <div class="grid md:grid-cols-3 gap-8 mb-12">
408        <div class="text-center">
409          <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
410            <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
411              <path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"></path>
412            </svg>
413          </div>
414          <h3 class="text-xl font-bold mb-2">电话咨询</h3>
415          <p class="text-gray-400">0791-86770331</p>
416        </div>
417        <div class="text-center">
418          <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
419            <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
420              <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
421              <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
422            </svg>
423          </div>
424          <h3 class="text-xl font-bold mb-2">邮件联系</h3>
425          <p class="text-gray-400">[email protected]</p>
426        </div>
427        <div class="text-center">
428          <div class="w-16 h-16 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center mx-auto mb-4">
429            <svg class="w-8 h-8 text-black" fill="currentColor" viewbox="0 0 20 20">
430              <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
431            </svg>
432          </div>
433          <h3 class="text-xl font-bold mb-2">实地拜访</h3>
434          <p class="text-gray-400">南昌市新建区绿地中央公园71栋7F</p>
435        </div>
436      </div>
437       </div>
438  </div>
439</section>
440
441<!-- Footer -->
442<footer class="py-12 px-6 bg-black">
443  <div class="max-w-7xl mx-auto text-center">
444    <div class="flex items-center justify-center space-x-3 mb-6"> <img src="/template/pc/skin/picture/company-logo.png" alt="青丝影院" class="h-8 w-8"> <span class="text-xl font-bold text-white">青丝影院</span> </div>
445    <p class="text-gray-400 mb-4">专业影视制作 · 创意视觉传达</p>
446    <p class="text-gray-500 text-sm">© 2024 青丝影院有限公司. 保留所有权利.</p>
447	  <p class="text-gray-500 text-sm">冀ICP备17029771号-2</p>
448  </div>
449</footer>
450<script src="/template/pc/skin/js/main.js"></script>
450
451<script>
452        // Initialize particle background
453        new p5(function(p) {
454            let particles = [];
455            let numParticles = 30;
456            
457            p.setup = function() {
458                let canvas = p.createCanvas(p.windowWidth, p.windowHeight);
459                canvas.parent('particle-bg');
460                
461                for (let i = 0; i < numParticles; i++) {
462                    particles.push({
463                        x: p.random(p.width),
464                        y: p.random(p.height),
465                        vx: p.random(-0.3, 0.3),
466                        vy: p.random(-0.3, 0.3),
467                        size: p.random(2, 4)
468                    });
469                }
470            };
471            
472            p.draw = function() {
473                p.clear();
474                
475                for (let particle of particles) {
476                    particle.x += particle.vx;
477                    particle.y += particle.vy;
478                    
479                    if (particle.x < 0) particle.x = p.width;
480                    if (particle.x > p.width) particle.x = 0;
481                    if (particle.y < 0) particle.y = p.height;
482                    if (particle.y > p.height) particle.y = 0;
483                    
484                    p.fill(212, 175, 55, 80);
485                    p.noStroke();
486                    p.ellipse(particle.x, particle.y, particle.size);
487                }
488            };
489            
490            p.windowResized = function() {
491                p.resizeCanvas(p.windowWidth, p.windowHeight);
492            };
493        });
494
495        // Initialize scroll reveal
496        document.addEventListener('DOMContentLoaded', function() {
497            const observerOptions = {
498                threshold: 0.1,
499                rootMargin: '0px 0px -50px 0px'
500            };
501            
502            const observer = new IntersectionObserver(function(entries) {
503                entries.forEach(entry => {
504                    if (entry.isIntersecting) {
505                        entry.target.classList.add('revealed');
506                    }
507                });
508            }, observerOptions);
509            
510            document.querySelectorAll('.scroll-reveal').forEach(el => {
511                observer.observe(el);
512            });
513        });
514
515        // Initialize team slider
516        document.addEventListener('DOMContentLoaded', function() {
517            new Splide('#team-slider', {
518                type: 'loop',
519                perPage: 3,
520                perMove: 1,
521                gap: '2rem',
522                autoplay: true,
523                interval: 4000,
524                pauseOnHover: true,
525                breakpoints: {
526                    768: {
527                        perPage: 1,
528                    },
529                    1024: {
530                        perPage: 2,
531                    }
532                }
533            }).mount();
534        });
535    </script>
535
536<script type="text/javascript">var root_dir="";var ey_aid=0;</script>
536
537<script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.7.8.0"></script>
537
538</body>
539</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.