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.