{"id":501,"date":"2026-07-31T15:08:20","date_gmt":"2026-07-31T15:08:20","guid":{"rendered":"http:\/\/www.cfhvip.com\/en\/?page_id=501"},"modified":"2026-08-26T01:35:31","modified_gmt":"2026-08-26T01:35:31","slug":"now-home","status":"publish","type":"page","link":"https:\/\/www.cfhvip.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"501\" class=\"elementor elementor-501\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae624e7 e-con-full e-flex e-con e-parent\" data-id=\"ae624e7\" data-element_type=\"container\" data-e-type=\"container\" id=\"cfh-site\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8776b56 elementor-widget elementor-widget-html\" data-id=\"8776b56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cfh-hero-original\" id=\"cfh-hero\" aria-label=\"Homepage Main Visual\"><style>\r\n#cfh-site .cfh-hero-original{position:relative;isolation:isolate;width:min(calc(100% - 40px),1780px);height:clamp(480px,70vh,820px);min-height:480px;margin:clamp(22px,3vw,48px) auto 0;overflow:hidden;border:1px solid rgba(255,255,255,.68);border-radius:clamp(24px,3.2vw,52px);color:#fff;background:#0a1628;box-shadow:0 28px 72px rgba(15,28,44,.18),inset 0 1px 0 rgba(255,255,255,.25);font-family:\"PingFang SC\",\"Microsoft YaHei\",\"Noto Sans SC\",Arial,sans-serif}\r\n#cfh-site .cfh-hero-original,#cfh-site .cfh-hero-original *,#cfh-site .cfh-hero-original *::before,#cfh-site .cfh-hero-original *::after{box-sizing:border-box}\r\n#cfh-site .cfh-hero-original::before{content:\"\";position:absolute;inset:0;z-index:30;border:1px solid rgba(255,255,255,.18);border-radius:inherit;pointer-events:none}\r\n#cfh-site .cfh-hero-original__track{position:relative;z-index:1;width:100%;height:100%}\r\n#cfh-site .cfh-hero-original__slide{position:absolute;inset:0;z-index:0;display:flex;justify-content:center;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .95s cubic-bezier(.22,1,.36,1),transform 1.35s cubic-bezier(.22,1,.36,1),visibility 1.35s}\r\n#cfh-site .cfh-hero-original__slide.is-active{z-index:2;opacity:1;visibility:visible;transform:scale(1)}\r\n#cfh-site .cfh-hero-original__image{position:absolute;inset:-2%;width:104%;height:104%;background-position:center center;background-repeat:no-repeat;background-size:cover;transform:scale(1.01);transition:transform 7s ease-out}\r\n#cfh-site .cfh-hero-original__slide.is-active .cfh-hero-original__image{transform:scale(1.03)}\r\n#cfh-site .cfh-hero-original__overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,rgba(4,14,34,.18) 0%,rgba(4,14,34,.04) 49%,rgba(4,14,34,.08) 100%)}\r\n#cfh-site .cfh-hero-original__slide--philosophy .cfh-hero-original__overlay{background:radial-gradient(circle at 50% 45%,rgba(7,17,38,.04) 0%,rgba(7,17,38,.2) 70%,rgba(4,12,28,.38) 100%)}\r\n#cfh-site .cfh-hero-original__slide--news .cfh-hero-original__overlay{background:linear-gradient(90deg,rgba(5,17,43,.42) 0%,rgba(5,17,43,.28) 34%,rgba(5,17,43,.16) 61%,rgba(5,17,43,.03) 100%),linear-gradient(0deg,rgba(3,12,30,.48) 0%,transparent 58%)}\r\n#cfh-site .cfh-hero-original__grid{position:absolute;inset:0;z-index:2;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.78),transparent 80%);mask-image:linear-gradient(90deg,rgba(0,0,0,.78),transparent 80%);pointer-events:none}\r\n#cfh-site .cfh-hero-original__particles{position:absolute;inset:0;z-index:5;display:block;width:100%;height:100%;pointer-events:none}\r\n#cfh-site .cfh-hero-original__meta{position:absolute;top:clamp(22px,3vw,38px);left:clamp(24px,3.5vw,56px);z-index:15;display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.64);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.16em;pointer-events:none}\r\n#cfh-site .cfh-hero-original__meta::before{content:\"\";display:block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#f0d28a;box-shadow:0 0 0 5px rgba(240,210,138,.13)}\r\n#cfh-site .cfh-hero-original__content{position:relative;z-index:6;width:min(88%,1240px);margin-right:auto;margin-left:auto}\r\n#cfh-site .cfh-hero-original__slide--philosophy{align-items:center}\r\n#cfh-site .cfh-hero-original__slide--philosophy .cfh-hero-original__content{text-align:center}\r\n#cfh-site .cfh-hero-original__slide--news{align-items:flex-end;padding-bottom:clamp(84px,10vh,120px)}\r\n#cfh-site .cfh-hero-original__slide--news .cfh-hero-original__content{margin-right:auto;margin-left:max(6.5%,calc((100% - 1480px)\/2))}\r\n#cfh-site .cfh-hero-original__kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:rgba(240,210,138,.92);font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.2em}\r\n#cfh-site .cfh-hero-original__kicker::before{content:\"\";display:block;width:32px;height:1px;background:#f0d28a}\r\n#cfh-site .cfh-hero-original__philosophy-title{margin:0 0 clamp(26px,3vw,42px);color:#e0c37c;font-size:clamp(40px,4.2vw,72px);font-weight:700;line-height:1.15;letter-spacing:.2em;text-indent:.2em;text-shadow:0 0 18px rgba(224,195,124,.25),0 5px 26px rgba(0,0,0,.46)}\r\n#cfh-site .cfh-hero-original__values{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,52px)}\r\n#cfh-site .cfh-hero-original__value{color:#dfc17b;font-size:clamp(19px,2vw,31px);font-weight:500;line-height:1.4;letter-spacing:.12em;text-shadow:0 0 12px rgba(224,195,124,.2),0 3px 16px rgba(0,0,0,.55);opacity:0;transform:translate3d(-34px,34px,0)}\r\n#cfh-site .cfh-hero-original__slide.is-active .cfh-hero-original__value{animation:cfhHeroValueEnter .8s cubic-bezier(.2,.9,.3,1) forwards}\r\n#cfh-site .cfh-hero-original__slide.is-active .cfh-hero-original__value:nth-child(1){animation-delay:.25s}\r\n#cfh-site .cfh-hero-original__slide.is-active .cfh-hero-original__value:nth-child(2){animation-delay:.42s}\r\n#cfh-site .cfh-hero-original__slide.is-active .cfh-hero-original__value:nth-child(3){animation-delay:.59s}\r\n#cfh-site .cfh-hero-original__slide.is-active .cfh-hero-original__value:nth-child(4){animation-delay:.76s}\r\n@keyframes cfhHeroValueEnter{to{opacity:1;transform:translate3d(0,0,0)}}\r\n#cfh-site .cfh-hero-original__news-title{max-width:min(90%,780px);margin:0 0 16px;color:#fff;font-size:clamp(29px,3.2vw,58px);font-weight:700;line-height:1.22;letter-spacing:.055em;text-shadow:0 4px 22px rgba(0,0,0,.5)}\r\n#cfh-site .cfh-hero-original__news-subtitle{max-width:680px;margin:0;color:rgba(255,255,255,.88);font-size:clamp(15px,1.28vw,20px);line-height:1.75;letter-spacing:.045em;text-shadow:0 2px 14px rgba(0,0,0,.45)}\r\n#cfh-site .cfh-hero-original__tag{display:inline-flex;align-items:center;margin-top:19px;padding:7px 11px;border:1px solid rgba(240,210,138,.48);border-radius:999px;color:rgba(240,210,138,.94);background:rgba(7,20,46,.22);font-size:11px;font-weight:700;line-height:1;letter-spacing:.13em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}\r\n#cfh-site .cfh-hero-original__slide--news .cfh-hero-original__content>*{opacity:0;transform:translate3d(0,28px,0)}\r\n#cfh-site .cfh-hero-original__slide--news.is-active .cfh-hero-original__content>*{animation:cfhHeroTextEnter .75s cubic-bezier(.22,1,.36,1) forwards}\r\n#cfh-site .cfh-hero-original__slide--news.is-active .cfh-hero-original__kicker{animation-delay:.15s}\r\n#cfh-site .cfh-hero-original__slide--news.is-active .cfh-hero-original__news-title{animation-delay:.28s}\r\n#cfh-site .cfh-hero-original__slide--news.is-active .cfh-hero-original__news-subtitle{animation-delay:.42s}\r\n#cfh-site .cfh-hero-original__slide--news.is-active .cfh-hero-original__tag{animation-delay:.56s}\r\n@keyframes cfhHeroTextEnter{to{opacity:1;transform:translate3d(0,0,0)}}\r\n#cfh-site .cfh-hero-original__arrow{position:absolute;top:50%;z-index:25;display:grid;place-items:center;width:58px;height:76px;padding:0;border:0;border-radius:0;outline:none;color:rgba(255,255,255,.88);background:transparent;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;transform:translateY(-50%);transition:color .3s ease,opacity .3s ease,transform .3s ease;pointer-events:auto;touch-action:manipulation}\r\n#cfh-site .cfh-hero-original__arrow--prev{left:clamp(12px,2.1vw,34px)}\r\n#cfh-site .cfh-hero-original__arrow--next{right:clamp(12px,2.1vw,34px)}\r\n#cfh-site .cfh-hero-original__arrow svg{display:block;width:34px;height:34px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 7px rgba(0,0,0,.4));pointer-events:none}\r\n#cfh-site .cfh-hero-original__arrow--prev svg{animation:cfhHeroArrowHintLeft 2.8s ease-in-out infinite}\r\n#cfh-site .cfh-hero-original__arrow--next svg{animation:cfhHeroArrowHintRight 2.8s ease-in-out infinite}\r\n@keyframes cfhHeroArrowHintLeft{0%,72%,100%{transform:translateX(0)}82%{transform:translateX(-4px)}90%{transform:translateX(1px)}}\r\n@keyframes cfhHeroArrowHintRight{0%,72%,100%{transform:translateX(0)}82%{transform:translateX(4px)}90%{transform:translateX(-1px)}}\r\n#cfh-site .cfh-hero-original__arrow:hover{color:#f0d28a;opacity:1;transform:translateY(-50%) scale(1.08)}\r\n#cfh-site .cfh-hero-original__arrow:hover svg{animation-play-state:paused}\r\n#cfh-site .cfh-hero-original__arrow--prev:hover svg{transform:translateX(-3px)}\r\n#cfh-site .cfh-hero-original__arrow--next:hover svg{transform:translateX(3px)}\r\n#cfh-site .cfh-hero-original__arrow:active{transform:translateY(-50%) scale(.94)}\r\n#cfh-site .cfh-hero-original__arrow:focus-visible{color:#f0d28a;outline:1px solid rgba(240,210,138,.9);outline-offset:2px}\r\n#cfh-site .cfh-hero-original__pagination{position:absolute;bottom:clamp(22px,3.2vw,38px);left:50%;z-index:25;display:flex;align-items:center;justify-content:center;gap:11px;width:auto;max-width:calc(100% - 48px);transform:translateX(-50%);pointer-events:auto}\r\n#cfh-site .cfh-hero-original__dots{display:flex;align-items:center;gap:8px;flex:0 0 auto}\r\n#cfh-site .cfh-hero-original__dot{display:block;flex:0 0 auto;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.44);-webkit-appearance:none;appearance:none;cursor:pointer;transition:width .35s cubic-bezier(.22,1,.36,1),background-color .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}\r\n#cfh-site .cfh-hero-original__dot.is-active{width:26px;background:#f0d28a;box-shadow:0 0 12px rgba(240,210,138,.3)}\r\n#cfh-site .cfh-hero-original__dot:focus-visible{outline:1px solid #f0d28a;outline-offset:3px}\r\n#cfh-site .cfh-hero-original__progress-track{position:relative;display:block;flex:0 0 clamp(120px,14vw,220px);width:clamp(120px,14vw,220px);height:1px;margin-left:3px;overflow:hidden;background:rgba(255,255,255,.34)}\r\n#cfh-site .cfh-hero-original__progress-bar{position:absolute;top:0;bottom:0;left:0;display:block;width:100%;height:1px;background:#f0d28a;transform:translateX(-100%)}\r\n#cfh-site .cfh-hero-original__progress-bar.is-running{animation:cfhHeroSlideProgress 6.5s linear forwards}\r\n@keyframes cfhHeroSlideProgress{from{transform:translateX(-100%)}to{transform:translateX(0)}}\r\n#cfh-site .cfh-hero-original__count{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:4px;color:rgba(255,255,255,.72);font-size:12px;font-weight:700;line-height:1;letter-spacing:.1em;white-space:nowrap}\r\n#cfh-site .cfh-hero-original__count-current{color:#f0d28a}\r\n@media (max-width:1024px){#cfh-site .cfh-hero-original{width:min(calc(100% - 32px),1780px);height:clamp(500px,66vh,700px)}#cfh-site .cfh-hero-original__slide--news .cfh-hero-original__content{margin-left:8%}#cfh-site .cfh-hero-original__progress-track{flex-basis:clamp(105px,16vw,170px);width:clamp(105px,16vw,170px)}}\r\n@media (max-width:767px){#cfh-site .cfh-hero-original{width:calc(100% - 20px);height:clamp(500px,76svh,640px);min-height:500px;margin-top:10px;border-radius:25px}#cfh-site .cfh-hero-original__grid{opacity:.18;background-size:44px 44px}#cfh-site .cfh-hero-original__slide--news{padding-bottom:108px}#cfh-site .cfh-hero-original__slide--news .cfh-hero-original__content{width:calc(100% - 48px);margin-right:24px;margin-left:24px}#cfh-site .cfh-hero-original__kicker{gap:8px;margin-bottom:12px;font-size:9px;letter-spacing:.14em}#cfh-site .cfh-hero-original__kicker::before{width:22px}#cfh-site .cfh-hero-original__philosophy-title{margin-bottom:25px;font-size:clamp(34px,10vw,48px);letter-spacing:.14em;text-indent:.14em}#cfh-site .cfh-hero-original__values{gap:13px 21px;max-width:310px;margin-right:auto;margin-left:auto}#cfh-site .cfh-hero-original__value{font-size:17px;letter-spacing:.08em}#cfh-site .cfh-hero-original__news-title{max-width:100%;margin-bottom:13px;font-size:clamp(26px,7vw,37px);line-height:1.28;letter-spacing:.025em}#cfh-site .cfh-hero-original__news-subtitle{font-size:14px;line-height:1.7}#cfh-site .cfh-hero-original__tag{margin-top:15px;padding:6px 9px;font-size:9px}#cfh-site .cfh-hero-original__meta{top:20px;left:21px;font-size:8px;letter-spacing:.12em}#cfh-site .cfh-hero-original__arrow{top:auto;bottom:18px;width:42px;height:48px;transform:none}#cfh-site .cfh-hero-original__arrow--prev{right:62px;left:auto}#cfh-site .cfh-hero-original__arrow--next{right:14px;left:auto}#cfh-site .cfh-hero-original__arrow svg{width:27px;height:27px}#cfh-site .cfh-hero-original__arrow:hover{transform:scale(1.06)}#cfh-site .cfh-hero-original__arrow:active{transform:scale(.94)}#cfh-site .cfh-hero-original__pagination{bottom:35px;left:20px;justify-content:flex-start;max-width:calc(100% - 142px);transform:none}#cfh-site .cfh-hero-original__dots{gap:6px}#cfh-site .cfh-hero-original__dot{width:6px;height:6px}#cfh-site .cfh-hero-original__dot.is-active{width:18px}#cfh-site .cfh-hero-original__progress-track{flex-basis:66px;width:66px}#cfh-site .cfh-hero-original__count{margin-left:1px;font-size:10px}}\r\n@media (max-width:390px){#cfh-site .cfh-hero-original__pagination{gap:7px}#cfh-site .cfh-hero-original__progress-track{flex-basis:48px;width:48px}#cfh-site .cfh-hero-original__dots{gap:5px}}\r\n@media (prefers-reduced-motion:reduce){#cfh-site .cfh-hero-original__slide,#cfh-site .cfh-hero-original__image,#cfh-site .cfh-hero-original__value,#cfh-site .cfh-hero-original__slide--news .cfh-hero-original__content>*{transition:none!important;animation:none!important}#cfh-site .cfh-hero-original__value,#cfh-site .cfh-hero-original__slide--news .cfh-hero-original__content>*{opacity:1;transform:none}#cfh-site .cfh-hero-original__arrow svg{animation:none!important}}\r\n<\/style><div class=\"cfh-hero-original__meta\">CFH INDUSTRIAL RESOURCE NETWORK<\/div><canvas class=\"cfh-hero-original__particles\" aria-hidden=\"true\"><\/canvas><div class=\"cfh-hero-original__track\"><article class=\"cfh-hero-original__slide cfh-hero-original__slide--philosophy is-active\"><div class=\"cfh-hero-original__image\" style=\"background-image:url('http:\/\/www.cfhvip.com\/en\/wp-content\/uploads\/2026\/07\/ppt\u9996\u9875\u80cc\u666f.png');\"><\/div><div class=\"cfh-hero-original__overlay\"><\/div><div class=\"cfh-hero-original__grid\" aria-hidden=\"true\"><\/div><div class=\"cfh-hero-original__content\"><p class=\"cfh-hero-original__kicker\">CFH SERVICE PHILOSOPHY<\/p><h1 class=\"cfh-hero-original__philosophy-title\">Service Philosophy<\/h1><div class=\"cfh-hero-original__values\" aria-label=\"Service Philosophy\"><span class=\"cfh-hero-original__value\">Customer First<\/span><span class=\"cfh-hero-original__value\">Craftsmanship &amp; Co-Creation<\/span><span class=\"cfh-hero-original__value\">Pragmatic &amp; Efficient<\/span><span class=\"cfh-hero-original__value\">Diversity &amp; Win-Win<\/span><\/div><\/div><\/article><article class=\"cfh-hero-original__slide cfh-hero-original__slide--news\"><div class=\"cfh-hero-original__image\" style=\"background-image:url('http:\/\/www.cfhvip.com\/en\/wp-content\/uploads\/2026\/07\/\u666e\u6d31\u5e02\u653f\u4f1a\u82f1\u6587\u7248-scaled.jpg');\"><\/div><div class=\"cfh-hero-original__overlay\"><\/div><div class=\"cfh-hero-original__grid\" aria-hidden=\"true\"><\/div><div class=\"cfh-hero-original__content\"><p class=\"cfh-hero-original__kicker\">GOVERNMENT &amp; ENTERPRISE COOPERATION<\/p><h2 class=\"cfh-hero-original__news-title\">Facilitating Strategic Signing between Pu'er City and Asia Fortune Forum<\/h2><p class=\"cfh-hero-original__news-subtitle\">Deeply engaging with local governments to drive high-quality regional economic development<\/p><span class=\"cfh-hero-original__tag\">Government-Enterprise Cooperation<\/span><\/div><\/article><article class=\"cfh-hero-original__slide cfh-hero-original__slide--news\"><div class=\"cfh-hero-original__image\" style=\"background-image:url('http:\/\/www.cfhvip.com\/en\/wp-content\/uploads\/2026\/07\/500\u5f3a\u5cf0\u4f1a\u9ad8\u6e05\u4fee\u590d\u7248.jpg');\"><\/div><div class=\"cfh-hero-original__overlay\"><\/div><div class=\"cfh-hero-original__grid\" aria-hidden=\"true\"><\/div><div class=\"cfh-hero-original__content\"><p class=\"cfh-hero-original__kicker\">GLOBAL INDUSTRIAL DIALOGUE<\/p><h2 class=\"cfh-hero-original__news-title\">Attended the Fortune Global 500 Summit \u2013 Greater Bay Area Session<\/h2><p class=\"cfh-hero-original__news-subtitle\">Discussing new trends in global industrial real estate and exploring new opportunities for industrial upgrading in the Greater Bay Area<\/p><span class=\"cfh-hero-original__tag\">International Summit<\/span><\/div><\/article><article class=\"cfh-hero-original__slide cfh-hero-original__slide--news\"><div class=\"cfh-hero-original__image\" style=\"background-image:url('http:\/\/www.cfhvip.com\/en\/wp-content\/uploads\/2026\/07\/\u91c7\u8bbf\u82f1\u6587\u7248-scaled.jpg');background-position:center 18%;\"><\/div><div class=\"cfh-hero-original__overlay\"><\/div><div class=\"cfh-hero-original__grid\" aria-hidden=\"true\"><\/div><div class=\"cfh-hero-original__content\"><p class=\"cfh-hero-original__kicker\">MEDIA SPOTLIGHT<\/p><h2 class=\"cfh-hero-original__news-title\">Interview with Southern Daily<\/h2><p class=\"cfh-hero-original__news-subtitle\">Professional site selection services gain frequent coverage by mainstream media, continuously enhancing brand influence<\/p><span class=\"cfh-hero-original__tag\">Media Focus<\/span><\/div><\/article><\/div><button class=\"cfh-hero-original__arrow cfh-hero-original__arrow--prev\" type=\"button\" aria-label=\"Previous slide\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M15.5 4.5L8 12l7.5 7.5\"><\/path><\/svg><\/button><button class=\"cfh-hero-original__arrow cfh-hero-original__arrow--next\" type=\"button\" aria-label=\"Next slide\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8.5 4.5L16 12l-7.5 7.5\"><\/path><\/svg><\/button><div class=\"cfh-hero-original__pagination\" aria-label=\"Homepage Carousel Pagination\"><div class=\"cfh-hero-original__dots\"><\/div><div class=\"cfh-hero-original__progress-track\" aria-hidden=\"true\"><span class=\"cfh-hero-original__progress-bar\"><\/span><\/div><div class=\"cfh-hero-original__count\" aria-live=\"polite\"><span class=\"cfh-hero-original__count-current\">01<\/span><span>\/<\/span><span class=\"cfh-hero-original__count-total\">04<\/span><\/div><\/div><script>\r\n(function(){'use strict';var s=document.currentScript,h=s?s.closest('.cfh-hero-original'):null;if(!h||h.getAttribute('data-cfh-hero-ready')==='true')return;h.setAttribute('data-cfh-hero-ready','true');var a=[].slice.call(h.querySelectorAll('.cfh-hero-original__slide')),d=h.querySelector('.cfh-hero-original__dots'),p=h.querySelector('.cfh-hero-original__arrow--prev'),n=h.querySelector('.cfh-hero-original__arrow--next'),c=h.querySelector('.cfh-hero-original__count-current'),t=h.querySelector('.cfh-hero-original__count-total'),b=h.querySelector('.cfh-hero-original__progress-bar'),v=h.querySelector('.cfh-hero-original__particles');if(!a.length||!d||!p||!n||!b||!v)return;var i=0,delay=6500,timer=null,dots=[],inside=false;if(t)t.textContent=String(a.length).padStart(2,'0');d.innerHTML='';a.forEach(function(x,j){var q=document.createElement('button');q.type='button';q.className='cfh-hero-original__dot';q.setAttribute('aria-label','Switch to slide '+(j+1));q.addEventListener('click',function(){show(j);restart()});d.appendChild(q);dots.push(q)});function progress(){b.classList.remove('is-running');void b.offsetWidth;b.classList.add('is-running')}function pause(){b.classList.remove('is-running')}function particleVisibility(){if(i===0){v.style.display='block';startParticles()}else{v.style.display='none';stopParticles()}}function show(j){i=(j+a.length)%a.length;a.forEach(function(x,k){x.classList.toggle('is-active',k===i);x.setAttribute('aria-hidden',k===i?'false':'true')});dots.forEach(function(x,k){var active=k===i;x.classList.toggle('is-active',active);x.setAttribute('aria-current',active?'true':'false')});if(c)c.textContent=String(i+1).padStart(2,'0');particleVisibility();progress()}function next(){show(i+1)}function prev(){show(i-1)}function play(){clearInterval(timer);timer=setInterval(next,delay)}function stop(){clearInterval(timer);timer=null;pause()}function restart(){play();progress()}p.addEventListener('click',function(e){e.preventDefault();e.stopPropagation();prev();restart()});n.addEventListener('click',function(e){e.preventDefault();e.stopPropagation();next();restart()});h.addEventListener('mouseenter',function(){inside=true;stop()});h.addEventListener('mouseleave',function(){inside=false;progress();play()});var sx=0,sy=0;h.addEventListener('touchstart',function(e){if(e.changedTouches.length){sx=e.changedTouches[0].clientX;sy=e.changedTouches[0].clientY}},{passive:true});h.addEventListener('touchend',function(e){if(!e.changedTouches.length)return;var ex=e.changedTouches[0].clientX,ey=e.changedTouches[0].clientY,dx=ex-sx,dy=ey-sy;if(Math.abs(dy)>Math.abs(dx)||Math.abs(dx)<45)return;dx<0?next():prev();restart()},{passive:true});h.setAttribute('tabindex','0');h.addEventListener('keydown',function(e){if(e.key==='ArrowLeft'){e.preventDefault();prev();restart()}if(e.key==='ArrowRight'){e.preventDefault();next();restart()}});var ctx=v.getContext('2d'),particles=[],animationId=null,resizeTimer=null,lastTime=performance.now(),total=window.innerWidth<=767?34:50,colors={white:{r:225,g:235,b:245,label:'white'},blue:{r:185,g:205,b:225,label:'blue'},pearl:{r:210,g:205,b:225,label:'pearl'}};function random(x,y){return x+Math.random()*(y-x)}function integer(x,y){return Math.floor(random(x,y+1))}function assignments(){var z=[],pc=Math.max(4,Math.round(total*.12)),bc=Math.max(10,Math.round(total*.38)),wc=total-pc-bc,j,k,tmp;for(j=0;j<wc;j++)z.push(colors.white);for(j=0;j<bc;j++)z.push(colors.blue);for(j=0;j<pc;j++)z.push(colors.pearl);for(j=z.length-1;j>0;j--){k=integer(0,j);tmp=z[j];z[j]=z[k];z[k]=tmp}return z}function Particle(w,h,color){this.colorDefinition=color;this.reset(w,h,true)}Particle.prototype.reset=function(w,h,initial){this.x=random(0,w);this.y=initial?random(0,h):h+random(5,22);this.baseSize=random(1.1,3.4);this.breathAmplitude=random(.35,1.05);this.breathPeriod=random(2.8,5.5);this.breathPhase=random(0,Math.PI*2);this.minimumOpacity=random(.22,.38);this.maximumOpacity=random(.42,.6);if(this.colorDefinition.label==='pearl'){this.minimumOpacity=random(.28,.42);this.maximumOpacity=random(.48,.65)}this.riseSpeed=random(6,22);this.driftSpeed=random(-5,5);this.swayAmplitude=random(.3,.9);this.swayPeriod=random(3.5,8);this.swayPhase=random(0,Math.PI*2)};Particle.prototype.update=function(dt,w,h){var now=performance.now()\/1000,b=Math.sin(this.breathPhase+now*Math.PI*2\/this.breathPeriod);this.size=Math.max(.3,this.baseSize+this.breathAmplitude*b);var middle=(this.minimumOpacity+this.maximumOpacity)\/2,range=(this.maximumOpacity-this.minimumOpacity)\/2;this.opacity=Math.max(.08,middle+range*b);var sway=Math.sin(this.swayPhase+now*Math.PI*2\/this.swayPeriod);this.x+=(this.driftSpeed+this.swayAmplitude*sway*.6)*dt;this.y-=this.riseSpeed*dt;var m=15;if(this.y<-m||this.x<-m||this.x>w+m)this.reset(w,h,false)};Particle.prototype.draw=function(g){var col=this.colorDefinition,alpha=this.opacity;if(col.label==='pearl'){g.save();g.globalAlpha=alpha*.12;g.fillStyle='rgba('+col.r+','+col.g+','+col.b+',1)';g.beginPath();g.arc(this.x,this.y,this.size*2.4,0,Math.PI*2);g.fill();g.restore()}g.save();g.globalAlpha=alpha;g.fillStyle='rgba('+col.r+','+col.g+','+col.b+',1)';g.beginPath();g.arc(this.x,this.y,this.size,0,Math.PI*2);g.fill();g.restore()};function initParticles(w,h){var z=assignments();particles=[];for(var j=0;j<total;j++)particles.push(new Particle(w,h,z[j]))}function resize(){var w=h.clientWidth,height=h.clientHeight;if(w<=0||height<=0)return;var r=Math.min(window.devicePixelRatio||1,2);v.width=Math.floor(w*r);v.height=Math.floor(height*r);v.style.width=w+'px';v.style.height=height+'px';ctx.setTransform(r,0,0,r,0,0);initParticles(w,height)}function animate(now){if(!h.isConnected||i!==0||document.hidden){stopParticles();return}var dt=(now-lastTime)\/1000;lastTime=now;if(dt>.2)dt=.2;if(dt<=0)dt=.016;var w=h.clientWidth,height=h.clientHeight;ctx.clearRect(0,0,w,height);particles.forEach(function(x){x.update(dt,w,height);x.draw(ctx)});animationId=requestAnimationFrame(animate)}function startParticles(){if(i!==0||document.hidden)return;if(!particles.length)resize();if(!animationId){lastTime=performance.now();animationId=requestAnimationFrame(animate)}}function stopParticles(){if(animationId){cancelAnimationFrame(animationId);animationId=null}}function handleResize(){clearTimeout(resizeTimer);resizeTimer=setTimeout(function(){total=window.innerWidth<=767?34:50;resize();if(i===0)startParticles()},180)}window.addEventListener('resize',handleResize);window.addEventListener('orientationchange',handleResize);document.addEventListener('visibilitychange',function(){if(document.hidden){stopParticles();stop();return}if(i===0)startParticles();if(!inside){progress();play()}});resize();show(0);play()})();\r\n<\/script>\r\n<style>\r\n\/* CFH \u5168\u8bbe\u5907\u54cd\u5e94\u5f0f\u4fee\u590d v2\uff1a\u4efb\u4f55\u5206\u8fa8\u7387\u4e0b\uff0c\u8f6e\u64ad\u56fe\u9876\u8fb9 = \u9875\u7709\u5b9e\u9645\u5e95\u8fb9 + \u56fa\u5b9a\u95f4\u8ddd *\/\r\n#cfh-site {\r\n  --cfh-header-overlay: 0px;\r\n  \/* \u2193 \u552f\u4e00\u95f4\u8ddd\u65cb\u94ae\uff1a\u9875\u7709\u5e95\u8fb9\u5230\u8f6e\u64ad\u56fe\u9876\u8fb9\u7684\u56fa\u5b9a\u8ddd\u79bb\uff0c\u60f3\u518d\u964d\u5c31\u8c03\u5927\u8fd9\u4e2a\u6570 *\/\r\n  --cfh-hero-gap: 10px;\r\n}\r\n\r\n\/* \u8f6e\u64ad\u56fe\u4e0a\u8fb9\u8ddd\uff1a\u5b9e\u6d4b\u9875\u7709\u9ad8\u5ea6 + \u56fa\u5b9a\u95f4\u8ddd\uff08\u66ff\u4ee3\u539f\u5148\u6240\u6709\u56fa\u5b9a margin-top\uff09 *\/\r\n#cfh-site .cfh-hero-original {\r\n  margin-top: calc(var(--cfh-header-overlay, 0px) + var(--cfh-hero-gap, 14px)) !important;\r\n  height: clamp(520px, 36vw, 760px) !important;\r\n  min-height: 520px !important;\r\n}\r\n\r\n\/* \u5e73\u677f\u7aef *\/\r\n@media (max-width: 1024px) {\r\n  #cfh-site .cfh-hero-original {\r\n    height: clamp(500px, 65vw, 700px) !important;\r\n    min-height: 500px !important;\r\n  }\r\n\r\n  #cfh-site .cfh-hero-original__content {\r\n    width: min(90%, 900px) !important;\r\n  }\r\n\r\n  #masthead .custom-logo,\r\n  #masthead .custom-logo-link img,\r\n  .site-header .custom-logo,\r\n  .site-header .custom-logo-link img,\r\n  header[role=\"banner\"] .custom-logo,\r\n  header[role=\"banner\"] .custom-logo-link img {\r\n    width: auto !important;\r\n    max-width: clamp(130px, 17vw, 190px) !important;\r\n    max-height: clamp(44px, 7vw, 76px) !important;\r\n    height: auto !important;\r\n    object-fit: contain !important;\r\n  }\r\n}\r\n\r\n\/* \u624b\u673a\u7aef *\/\r\n@media (max-width: 767px) {\r\n  #cfh-site .cfh-hero-original {\r\n    height: clamp(500px, 120vw, 660px) !important;\r\n    min-height: 500px !important;\r\n    border-radius: clamp(20px, 6vw, 28px) !important;\r\n  }\r\n\r\n  #cfh-site .cfh-hero-original__content {\r\n    width: calc(100% - 48px) !important;\r\n  }\r\n\r\n  #masthead .custom-logo,\r\n  #masthead .custom-logo-link img,\r\n  .site-header .custom-logo,\r\n  .site-header .custom-logo-link img,\r\n  header[role=\"banner\"] .custom-logo,\r\n  header[role=\"banner\"] .custom-logo-link img {\r\n    width: auto !important;\r\n    max-width: clamp(100px, 34vw, 150px) !important;\r\n    max-height: clamp(38px, 14vw, 58px) !important;\r\n    height: auto !important;\r\n    object-fit: contain !important;\r\n  }\r\n}\r\n\r\n\/* \u8d85\u7a84\u624b\u673a *\/\r\n@media (max-width: 390px) {\r\n  #cfh-site .cfh-hero-original {\r\n    height: clamp(500px, 128vw, 620px) !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  function startCFHResponsiveFix() {\r\n    var root = document.getElementById(\"cfh-site\");\r\n    var hero = document.getElementById(\"cfh-hero\");\r\n\r\n    if (!root || !hero) return;\r\n\r\n    var selectors = [\r\n      \"#masthead\",\r\n      \".site-header\",\r\n      'header[role=\"banner\"]',\r\n      \".header-main\",\r\n      \".main-header\",\r\n      \".site-header-wrap\",\r\n      \"header\"\r\n    ];\r\n\r\n    function getHeaders() {\r\n      var result = [];\r\n\r\n      selectors.forEach(function (selector) {\r\n        document.querySelectorAll(selector).forEach(function (element) {\r\n          if (result.indexOf(element) === -1) {\r\n            result.push(element);\r\n          }\r\n        });\r\n      });\r\n\r\n      return result;\r\n    }\r\n\r\n    function updateHeaderOffset() {\r\n      var offset = 0;\r\n      var heroTop = hero.getBoundingClientRect().top;\r\n\r\n      getHeaders().forEach(function (header) {\r\n        if (hero.contains(header)) return;\r\n\r\n        var style = window.getComputedStyle(header);\r\n        var rect = header.getBoundingClientRect();\r\n\r\n        var isOverlayHeader =\r\n          style.position === \"fixed\" ||\r\n          style.position === \"absolute\";\r\n\r\n        var isAtTop =\r\n          rect.bottom > 0 &&\r\n          rect.top < Math.max(120, heroTop + 1);\r\n\r\n        if (isOverlayHeader && isAtTop) {\r\n          offset = Math.max(offset, rect.bottom);\r\n        }\r\n      });\r\n\r\n      root.style.setProperty(\r\n        \"--cfh-header-overlay\",\r\n        Math.max(0, Math.ceil(offset)) + \"px\"\r\n      );\r\n    }\r\n\r\n    updateHeaderOffset();\r\n\r\n    window.addEventListener(\"load\", updateHeaderOffset, {\r\n      once: true\r\n    });\r\n\r\n    window.addEventListener(\"resize\", updateHeaderOffset, {\r\n      passive: true\r\n    });\r\n\r\n    window.addEventListener(\r\n      \"orientationchange\",\r\n      updateHeaderOffset,\r\n      { passive: true }\r\n    );\r\n\r\n    if (document.fonts && document.fonts.ready) {\r\n      document.fonts.ready.then(updateHeaderOffset);\r\n    }\r\n\r\n    if (window.ResizeObserver) {\r\n      var observer = new ResizeObserver(updateHeaderOffset);\r\n\r\n      getHeaders().forEach(function (header) {\r\n        observer.observe(header);\r\n      });\r\n    }\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      startCFHResponsiveFix\r\n    );\r\n  } else {\r\n    startCFHResponsiveFix();\r\n  }\r\n})();\r\n<\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1293f4 elementor-widget elementor-widget-html\" data-id=\"e1293f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"cfh-business-scope\" class=\"cfh-business-scope\" aria-labelledby=\"cfh-business-scope-title\"><style>\r\n#cfh-business-scope{--cfh-business-blue-light:#365f85;--cfh-business-blue:#2d567d;--cfh-business-blue-dark:#23496f;--cfh-business-gold:#d8b45d;--cfh-business-gold-light:#f0d28a;--cfh-business-gold-deep:#9c7a38;--cfh-business-white:#fff;--cfh-business-muted:rgba(245,241,232,.78);--cfh-business-dark-text:#0a1f3a;--cfh-business-ease:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;width:100%;margin:0;padding:clamp(70px,8vw,120px) 0 clamp(72px,8vw,118px);overflow:hidden;background:transparent;color:var(--cfh-business-white);font-family:\"PingFang SC\",\"Microsoft YaHei\",\"Noto Sans SC\",\"Noto Sans TC\",Arial,sans-serif}\r\n#cfh-business-scope,#cfh-business-scope *,#cfh-business-scope *::before,#cfh-business-scope *::after{box-sizing:border-box}\r\n#cfh-business-scope::before{content:\"\";position:absolute;top:24%;left:50%;z-index:-2;width:min(90vw,1500px);height:62%;border-radius:50%;background:radial-gradient(ellipse,rgba(214,196,148,.13) 0%,rgba(214,196,148,.045) 38%,transparent 74%);transform:translateX(-50%);filter:blur(14px);pointer-events:none}\r\n#cfh-business-scope::after{content:\"\";position:absolute;right:-12%;bottom:4%;z-index:-2;width:42vw;max-width:700px;height:22vw;max-height:360px;border-radius:50%;background:radial-gradient(ellipse,rgba(13,63,114,.08),transparent 70%);filter:blur(20px);pointer-events:none}\r\n#cfh-business-scope .cfh-business-scope__wrapper{position:relative;z-index:1;width:var(--cfh-home-shell-width,calc(100% - 40px));max-width:var(--cfh-home-max-width,1780px);margin-right:auto;margin-left:auto}\r\n#cfh-business-scope .cfh-business-scope__header{position:relative;z-index:3;margin:0 auto clamp(42px,5vw,70px);text-align:center}\r\n#cfh-business-scope .cfh-business-scope__eyebrow{display:block;margin:0 0 8px;color:var(--cfh-business-gold);font-size:clamp(10px,.72vw,12px);font-weight:600;line-height:1.3;letter-spacing:.26em;text-transform:uppercase}\r\n#cfh-business-scope .cfh-business-scope__title{margin:0;color:var(--cfh-business-dark-text);font-size:clamp(30px,3vw,46px);font-weight:700;line-height:1.25;letter-spacing:.12em}\r\n#cfh-business-scope .cfh-business-scope__line{display:block;width:58px;height:3px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--cfh-business-gold-light),var(--cfh-business-gold-deep));box-shadow:0 0 12px rgba(240,210,138,.44)}\r\n#cfh-business-scope .cfh-business-scope__intro{width:min(100%,1080px);margin:24px auto 0;color:rgba(24,33,43,.72);font-size:clamp(14px,1.05vw,17px);line-height:1.85;letter-spacing:.04em;text-align:center}\r\n#cfh-business-scope .cfh-business-scope__flow{position:absolute;top:50%;left:-7%;z-index:1!important;width:114%;height:270px;overflow:visible;transform:translateY(-13%);pointer-events:none}\r\n#cfh-business-scope .cfh-business-scope__flow-main,#cfh-business-scope .cfh-business-scope__flow-secondary,#cfh-business-scope .cfh-business-scope__flow-light,#cfh-business-scope .cfh-business-scope__flow-metal,#cfh-business-scope .cfh-business-scope__flow-glint,#cfh-business-scope .cfh-business-scope__flow-shadow{display:none!important}\r\n#cfh-business-scope .cfh-business-scope__cards{position:relative;z-index:2!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(42px,4.8vw,112px);row-gap:clamp(22px,3vw,42px);width:100%}\r\n#cfh-business-scope .cfh-business-card{position:relative;min-width:0;height:clamp(350px,28vw,440px);perspective:1400px}\r\n#cfh-business-scope .cfh-business-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .78s var(--cfh-business-ease)}\r\n@media (hover:hover) and (pointer:fine){#cfh-business-scope .cfh-business-card:hover .cfh-business-card__inner{transform:rotateY(180deg)}}\r\n#cfh-business-scope .cfh-business-card.is-flipped .cfh-business-card__inner{transform:rotateY(180deg)}\r\n#cfh-business-scope .cfh-business-card__front,#cfh-business-scope .cfh-business-card__back{position:absolute;inset:0;display:flex;flex-direction:column;width:100%;height:100%;padding:clamp(24px,2.2vw,34px) clamp(22px,2vw,32px) clamp(26px,2.2vw,36px);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:clamp(18px,1.8vw,26px);color:var(--cfh-business-white);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 50px rgba(20,31,45,.09),inset 0 1px 0 rgba(255,255,255,.12)}\r\n#cfh-business-scope .cfh-business-card__front{justify-content:space-between;background:linear-gradient(145deg,#365f85 0%,#2d567d 54%,#23496f 100%)}\r\n#cfh-business-scope .cfh-business-card__back{justify-content:space-between;background:linear-gradient(145deg,#23496f 0%,#1d4268 52%,#173653 100%);transform:rotateY(180deg)}\r\n#cfh-business-scope .cfh-business-card__front::before,#cfh-business-scope .cfh-business-card__back::before{content:\"\";position:absolute;top:0;left:0;width:clamp(66px,5vw,104px);height:3px;background:linear-gradient(90deg,var(--cfh-business-gold-light),var(--cfh-business-gold));box-shadow:0 0 12px rgba(240,210,138,.4)}\r\n#cfh-business-scope .cfh-business-card__front::after,#cfh-business-scope .cfh-business-card__back::after{content:\"\";position:absolute;right:-18%;bottom:-26%;z-index:0;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,180,93,.12),transparent 70%);pointer-events:none}\r\n#cfh-business-scope .cfh-business-card__content{position:relative;z-index:2}\r\n#cfh-business-scope .cfh-business-card__number,#cfh-business-scope .cfh-business-card__watermark,#cfh-business-scope .cfh-business-card__hint{display:none}\r\n#cfh-business-scope .cfh-business-card__english{display:block;width:100%;max-width:100%;margin:0 0 4px;color:var(--cfh-business-gold-light);font-size:clamp(9px,.58vw,11px);font-weight:600;line-height:1.2;letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:nowrap}\r\n#cfh-business-scope .cfh-business-card__title{width:100%;margin:0 0 8px;color:var(--cfh-business-white);font-size:clamp(24px,2vw,34px);font-weight:700;line-height:1.25;letter-spacing:.06em;text-align:center}\r\n#cfh-business-scope .cfh-business-card__divider{width:42px;height:2px;margin:22px auto 20px;background:var(--cfh-business-gold);box-shadow:0 0 9px rgba(240,210,138,.3)}\r\n#cfh-business-scope .cfh-business-card__services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,1.45vw,25px);width:100%;margin:clamp(34px,4vw,58px) 0 0;padding:0;list-style:none;text-align:center}\r\n#cfh-business-scope .cfh-business-card__services li{width:100%;max-width:100%;margin:0;padding:0;color:var(--cfh-business-gold-light);background:linear-gradient(180deg,#fff6c9 0%,#f0d28a 28%,#d8b45d 58%,#fff0a8 78%,#af8738 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(20px,1.55vw,28px);font-weight:700;line-height:1.5;letter-spacing:.06em;text-align:center;text-shadow:none}\r\n#cfh-business-scope .cfh-business-card__services li::before{display:none;content:none}\r\n#cfh-business-scope .cfh-business-card__flip-hint{position:absolute;right:clamp(18px,1.6vw,26px);bottom:clamp(16px,1.6vw,24px);z-index:4;display:flex;align-items:center;justify-content:center;width:clamp(24px,2vw,30px);height:clamp(24px,2vw,30px);border:1px solid rgba(240,210,138,.52);border-radius:50%;color:rgba(240,210,138,.84);font-family:Arial,sans-serif;font-size:clamp(15px,1.1vw,19px);line-height:1;opacity:.8;pointer-events:none;transition:opacity .35s ease,transform .55s var(--cfh-business-ease),background .35s ease}\r\n@media (hover:hover) and (pointer:fine){#cfh-business-scope .cfh-business-card:hover .cfh-business-card__flip-hint{opacity:1;background:rgba(216,180,93,.12);transform:rotate(180deg)}}\r\n#cfh-business-scope .cfh-business-card.is-flipped .cfh-business-card__flip-hint{opacity:1;transform:rotate(180deg)}\r\n#cfh-business-scope .cfh-business-card__back-label{width:100%;margin:0 0 clamp(18px,2vw,26px);color:var(--cfh-business-gold-light);font-size:clamp(9px,.58vw,11px);font-weight:600;line-height:1.2;letter-spacing:.08em;text-align:center;white-space:nowrap;text-transform:uppercase}\r\n#cfh-business-scope .cfh-business-card__back .cfh-business-card__content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:clamp(34px,3.2vw,52px) clamp(24px,2.4vw,36px) clamp(58px,5vw,76px);text-align:center}\r\n#cfh-business-scope .cfh-business-card__back-title{width:100%;margin:0 0 clamp(22px,2.2vw,32px);color:var(--cfh-business-white);font-size:clamp(24px,2vw,34px);font-weight:700;line-height:1.25;letter-spacing:.06em;text-align:center}\r\n#cfh-business-scope .cfh-business-card__description{width:100%;max-width:92%;margin:0 auto;color:var(--cfh-business-gold-light);background:linear-gradient(180deg,#fff6c9 0%,#f0d28a 28%,#d8b45d 58%,#fff0a8 78%,#af8738 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(20px,1.55vw,28px);font-weight:700;line-height:1.5;letter-spacing:.06em;text-align:center;text-shadow:none}\r\n#cfh-business-scope .cfh-business-card__back-note{position:absolute;right:0;bottom:clamp(18px,1.8vw,28px);left:0;margin:0;color:rgba(240,210,138,.62);font-size:clamp(10px,.7vw,12px);text-align:center}\r\n#cfh-business-scope .cfh-business-scope__flow-static-shadow{fill:none;stroke:rgba(13,63,114,.15);stroke-width:22;stroke-linecap:round;stroke-linejoin:round;opacity:.6;filter:blur(12px)}\r\n#cfh-business-scope .cfh-business-scope__flow-static-metal{fill:none;stroke:url(#cfhBusinessStaticMetal);stroke-width:13;stroke-linecap:round;stroke-linejoin:round;opacity:.78;filter:drop-shadow(0 7px 13px rgba(13,63,114,.18));animation:none!important}\r\n#cfh-business-scope .cfh-business-scope__flow-static-highlight{fill:none;stroke:url(#cfhBusinessStaticHighlight);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 0 7px rgba(255,255,255,.36));animation:none!important}\r\n#cfh-business-scope .cfh-business-scope__flow-static-secondary{fill:none;stroke:url(#cfhBusinessStaticMetal);stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round;opacity:.54;filter:drop-shadow(0 3px 8px rgba(13,63,114,.12));animation:none!important}\r\n#cfh-business-scope .cfh-business-scope__flow-static-secondary--top{opacity:.62}\r\n#cfh-business-scope .cfh-business-scope__flow-static-secondary--bottom{opacity:.42}\r\n@media (max-width:1100px){#cfh-business-scope .cfh-business-scope__cards{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3.5vw,42px);row-gap:clamp(22px,3vw,38px)}#cfh-business-scope .cfh-business-scope__flow{top:55%;width:120%;left:-10%;height:360px;transform:translateY(-8%)}#cfh-business-scope .cfh-business-card{height:clamp(330px,42vw,420px)}#cfh-business-scope .cfh-business-card__services{gap:clamp(14px,1.8vw,20px);margin-top:clamp(28px,4vw,42px)}#cfh-business-scope .cfh-business-card__services li{font-size:clamp(18px,2vw,23px)}#cfh-business-scope .cfh-business-card__description{max-width:92%;font-size:clamp(17px,2vw,21px)}}\r\n@media (max-width:767px){#cfh-business-scope{padding:62px 0 72px}#cfh-business-scope .cfh-business-scope__header{margin-bottom:38px}#cfh-business-scope .cfh-business-scope__intro{margin-top:20px;font-size:14px;line-height:1.8}#cfh-business-scope .cfh-business-scope__cards{grid-template-columns:1fr;gap:20px}#cfh-business-scope .cfh-business-card{height:390px}#cfh-business-scope .cfh-business-card:hover .cfh-business-card__inner{transform:none}#cfh-business-scope .cfh-business-scope__flow{top:50%;left:50%;width:310px;height:1500px;transform:translate(-50%,-50%) rotate(90deg)}#cfh-business-scope .cfh-business-scope__intro{width:100%}#cfh-business-scope .cfh-business-card__services{gap:15px;margin-top:30px}#cfh-business-scope .cfh-business-card__services li{font-size:19px;line-height:1.5}#cfh-business-scope .cfh-business-card__description{max-width:88%;font-size:18px;line-height:1.65}}\r\n@media (max-width:390px){#cfh-business-scope .cfh-business-card{height:360px}#cfh-business-scope .cfh-business-card__title{font-size:25px}#cfh-business-scope .cfh-business-card__services{gap:13px;margin-top:26px}#cfh-business-scope .cfh-business-card__services li{font-size:18px}#cfh-business-scope .cfh-business-card__description{font-size:17px}}\r\n@media (prefers-reduced-motion:reduce){#cfh-business-scope .cfh-business-card__inner{transition:none}}\r\n\r\n\/* =====================================================\r\n   Business Scope Card Flip Stabilization\r\n   Only fixes text vertical shift during flip, no visual size change\r\n===================================================== *\/\r\n#cfh-business-scope .cfh-business-card {\r\n    perspective: 1400px;\r\n    -webkit-perspective: 1400px;\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__inner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    transform-origin: center center;\r\n    transform-style: preserve-3d;\r\n    -webkit-transform-style: preserve-3d;\r\n    will-change: transform;\r\n    transition: transform 0.78s var(--cfh-business-ease);\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__front {\r\n    position: absolute;\r\n    inset: 0;\r\n    transform: rotateY(0deg) translateZ(1px);\r\n    transform-style: preserve-3d;\r\n    -webkit-transform-style: preserve-3d;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__back {\r\n    position: absolute;\r\n    inset: 0;\r\n    transform: rotateY(180deg) translateZ(1px);\r\n    transform-style: preserve-3d;\r\n    -webkit-transform-style: preserve-3d;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n    #cfh-business-scope .cfh-business-card:hover .cfh-business-card__inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n}\r\n#cfh-business-scope .cfh-business-card.is-flipped .cfh-business-card__inner {\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__front .cfh-business-card__content,\r\n#cfh-business-scope .cfh-business-card__back .cfh-business-card__content,\r\n#cfh-business-scope .cfh-business-card__back-label,\r\n#cfh-business-scope .cfh-business-card__back-title,\r\n#cfh-business-scope .cfh-business-card__description,\r\n#cfh-business-scope .cfh-business-card__services {\r\n    transform: none !important;\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__back .cfh-business-card__content {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    transform: none !important;\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__front *,\r\n#cfh-business-scope .cfh-business-card__back * {\r\n    backface-visibility: inherit;\r\n    -webkit-backface-visibility: inherit;\r\n}\r\n\/* =====================================================\r\n   Business Scope Mobile: Two-column layout\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    #cfh-business-scope\r\n    .cfh-business-scope__cards {\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        column-gap: 12px;\r\n        row-gap: 14px;\r\n    }\r\n    #cfh-business-scope\r\n    .cfh-business-card {\r\n        height:\r\n            clamp(270px, 72vw, 330px);\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__front,\r\n    #cfh-business-scope\r\n    .cfh-business-card__back {\r\n        padding:\r\n            18px\r\n            12px\r\n            16px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__english {\r\n        font-size: 8px;\r\n        letter-spacing: 0.04em;\r\n    }\r\n    #cfh-business-scope\r\n    .cfh-business-card__title {\r\n        margin:\r\n            7px\r\n            0\r\n            6px;\r\n\r\n        font-size:\r\n            clamp(17px, 4.8vw, 22px);\r\n\r\n        line-height: 1.25;\r\n        letter-spacing: 0.02em;\r\n    }\r\n\r\n    \/*\r\n     * Mobile front gold line\r\n     *\/\r\n    #cfh-business-scope\r\n    .cfh-business-card__divider {\r\n        width: 30px;\r\n        height: 2px;\r\n\r\n        margin:\r\n            10px\r\n            auto\r\n            14px;\r\n    }\r\n\r\n    \/*\r\n     * Mobile three service items\r\n     *\/\r\n    #cfh-business-scope\r\n    .cfh-business-card__services {\r\n        gap: 10px;\r\n        margin-top: 16px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__services li {\r\n        font-size:\r\n            clamp(13px, 3.8vw, 16px);\r\n\r\n        line-height: 1.35;\r\n        letter-spacing: 0.02em;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/*\r\n     * Mobile back English label\r\n     *\/\r\n    #cfh-business-scope\r\n    .cfh-business-card__back-label {\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 8px;\r\n        letter-spacing: 0.04em;\r\n    }\r\n\r\n    \/*\r\n     * Mobile back title\r\n     *\/\r\n    #cfh-business-scope\r\n    .cfh-business-card__back-title {\r\n        margin:\r\n            0\r\n            0\r\n            14px;\r\n\r\n        font-size:\r\n            clamp(17px, 4.8vw, 22px);\r\n\r\n        line-height: 1.25;\r\n    }\r\n\r\n    \/*\r\n     * Mobile back description\r\n     *\/\r\n    #cfh-business-scope\r\n    .cfh-business-card__description {\r\n        max-width: 96%;\r\n\r\n        font-size:\r\n            clamp(13px, 3.8vw, 16px);\r\n\r\n        line-height: 1.5;\r\n        letter-spacing: 0.02em;\r\n    }\r\n\r\n    \/*\r\n     * Mobile flip hint bottom right\r\n     *\/\r\n    #cfh-business-scope\r\n    .cfh-business-card__flip-hint {\r\n        right: 10px;\r\n        bottom: 10px;\r\n\r\n        width: 22px;\r\n        height: 22px;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    \/*\r\n     * Mobile back bottom number\r\n     *\/\r\n    #cfh-business-scope\r\n    .cfh-business-card__back-note {\r\n        bottom: 10px;\r\n\r\n        font-size: 8px;\r\n    }\r\n}\r\n\r\n\r\n\/* Extra narrow mobile further compression *\/\r\n\r\n@media (max-width: 390px) {\r\n    #cfh-business-scope\r\n    .cfh-business-scope__cards {\r\n        column-gap: 10px;\r\n        row-gap: 12px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card {\r\n        height:\r\n            clamp(255px, 70vw, 290px);\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__front,\r\n    #cfh-business-scope\r\n    .cfh-business-card__back {\r\n        padding:\r\n            15px\r\n            9px\r\n            13px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__english,\r\n    #cfh-business-scope\r\n    .cfh-business-card__back-label {\r\n        font-size: 7px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__title,\r\n    #cfh-business-scope\r\n    .cfh-business-card__back-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__services {\r\n        gap: 8px;\r\n        margin-top: 13px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__services li,\r\n    #cfh-business-scope\r\n    .cfh-business-card__description {\r\n        font-size: 13px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__flip-hint {\r\n        right: 8px;\r\n        bottom: 8px;\r\n\r\n        width: 19px;\r\n        height: 19px;\r\n\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n\/* =====================================================\r\n   Hide business collaboration flow on mobile\r\n   Avoid horizontal flow distortion\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    #cfh-business-scope\r\n    .cfh-business-scope__flow {\r\n        display: none !important;\r\n    }\r\n}\r\n\/* =====================================================\r\n   Business Scope Card Visual Upgrade\r\n   1. Front three services use semi-transparent grouped panel\r\n   2. Back single description uses semi-transparent grouped panel\r\n   3. Add soft gradient sections inside cards\r\n   4. No change to card size, flip, or flow\r\n===================================================== *\/\r\n\r\n\r\n\/* =====================================================\r\n   1. Card internal gradient sections\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__front,\r\n#cfh-business-scope\r\n.cfh-business-card__back {\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(61, 106, 143, 0.96) 0%,\r\n            rgba(48, 91, 128, 0.96) 34%,\r\n            rgba(42, 82, 116, 0.98) 68%,\r\n            rgba(35, 73, 105, 0.99) 100%\r\n        ) !important;\r\n}\r\n\r\n\r\n\/*\r\n * Add very soft light area at top left,\r\n * naturally separating card top from content area.\r\n *\/\r\n#cfh-business-scope\r\n.cfh-business-card__front::after,\r\n#cfh-business-scope\r\n.cfh-business-card__back::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n\r\n    width: 100%;\r\n    height: 58%;\r\n\r\n    border-radius: inherit;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(123, 178, 207, 0.08),\r\n            rgba(123, 178, 207, 0)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/*\r\n * Keep original bottom right soft gold area,\r\n * but reduce intensity to avoid conflict with content panel.\r\n *\/\r\n#cfh-business-scope\r\n.cfh-business-card__front::before,\r\n#cfh-business-scope\r\n.cfh-business-card__back::before {\r\n    z-index: 4;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   2. Front three service items grouped panel\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__services {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap:\r\n        clamp(13px, 1.2vw, 20px);\r\n\r\n    width: 100%;\r\n\r\n    margin:\r\n        clamp(28px, 3.4vw, 48px)\r\n        0\r\n        0;\r\n\r\n    padding:\r\n        clamp(18px, 1.8vw, 26px)\r\n        clamp(14px, 1.6vw, 24px);\r\n\r\n    border:\r\n        1px\r\n        solid\r\n        rgba(255, 255, 255, 0.13);\r\n\r\n    border-radius:\r\n        clamp(10px, 1vw, 15px);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255, 255, 255, 0.105),\r\n            rgba(255, 255, 255, 0.035)\r\n        );\r\n\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.1),\r\n        inset 0 -12px 24px rgba(9, 31, 52, 0.08);\r\n\r\n    backdrop-filter: blur(3px);\r\n    -webkit-backdrop-filter: blur(3px);\r\n\r\n    list-style: none;\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/*\r\n * Add a very thin metallic divider at panel top.\r\n *\/\r\n#cfh-business-scope\r\n.cfh-business-card__services::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n\r\n    width:\r\n        clamp(44px, 4vw, 72px);\r\n    height: 2px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(175, 135, 56, 0.3),\r\n            #f0d28a,\r\n            rgba(175, 135, 56, 0.3)\r\n        );\r\n\r\n    transform: translateX(-50%);\r\n}\r\n\r\n\r\n\/*\r\n * Keep original body text gold gradient effect,\r\n * only adjust panel internal layout.\r\n *\/\r\n#cfh-business-scope\r\n.cfh-business-card__services li {\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    color:\r\n        var(--cfh-business-gold-light);\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #fff6c9 0%,\r\n            #f0d28a 28%,\r\n            #d8b45d 58%,\r\n            #fff0a8 78%,\r\n            #af8738 100%\r\n        );\r\n\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    font-size:\r\n        clamp(20px, 1.55vw, 28px);\r\n\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.06em;\r\n    text-align: center;\r\n\r\n    text-shadow: none;\r\n}\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__services li::before {\r\n    display: none;\r\n    content: none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   3. Back description semi-transparent grouped panel\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__description {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n    min-height:\r\n        clamp(92px, 9vw, 138px);\r\n\r\n    max-width: 92%;\r\n\r\n    margin: 0 auto;\r\n    padding:\r\n        clamp(20px, 2vw, 30px)\r\n        clamp(16px, 1.8vw, 26px);\r\n\r\n    border:\r\n        1px\r\n        solid\r\n        rgba(255, 255, 255, 0.13);\r\n\r\n    border-radius:\r\n        clamp(10px, 1vw, 15px);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255, 255, 255, 0.105),\r\n            rgba(255, 255, 255, 0.035)\r\n        );\r\n\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.1),\r\n        inset 0 -12px 24px rgba(9, 31, 52, 0.08);\r\n\r\n    backdrop-filter: blur(3px);\r\n    -webkit-backdrop-filter: blur(3px);\r\n\r\n    color:\r\n        var(--cfh-business-gold-light);\r\n\r\n    background-clip: border-box;\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    font-size:\r\n        clamp(20px, 1.55vw, 28px);\r\n\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.06em;\r\n    text-align: center;\r\n\r\n    \/*\r\n     * Keep body text gold gradient text.\r\n     *\/\r\n    background-image:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255, 255, 255, 0.105),\r\n            rgba(255, 255, 255, 0.035)\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #fff6c9 0%,\r\n            #f0d28a 28%,\r\n            #d8b45d 58%,\r\n            #fff0a8 78%,\r\n            #af8738 100%\r\n        );\r\n\r\n    background-origin: border-box;\r\n    background-clip: padding-box, text;\r\n    -webkit-background-clip: padding-box, text;\r\n}\r\n\r\n\r\n\/*\r\n * Ensure no text shadow blur when using pseudo elements on back text.\r\n *\/\r\n#cfh-business-scope\r\n.cfh-business-card__description::selection {\r\n    background: rgba(216, 180, 93, 0.35);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   4. Keep back English label and title above the panel\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__back-label,\r\n#cfh-business-scope\r\n.cfh-business-card__back-title {\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   5. Responsive adaptations\r\n===================================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n    #cfh-business-scope\r\n    .cfh-business-card__services {\r\n        gap:\r\n            clamp(11px, 1.6vw, 16px);\r\n\r\n        margin-top:\r\n            clamp(24px, 3.2vw, 38px);\r\n\r\n        padding:\r\n            clamp(15px, 1.8vw, 22px)\r\n            14px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__services li {\r\n        font-size:\r\n            clamp(18px, 2vw, 23px);\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__description {\r\n        min-height:\r\n            clamp(86px, 12vw, 120px);\r\n\r\n        font-size:\r\n            clamp(18px, 2vw, 23px);\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n    #cfh-business-scope\r\n    .cfh-business-card__services {\r\n        gap: 8px;\r\n\r\n        margin-top: 14px;\r\n        padding: 12px 8px;\r\n\r\n        border-radius: 10px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__services li {\r\n        font-size:\r\n            clamp(13px, 3.8vw, 17px);\r\n\r\n        line-height: 1.4;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__description {\r\n        min-height: 76px;\r\n        max-width: 96%;\r\n\r\n        padding: 14px 10px;\r\n\r\n        border-radius: 10px;\r\n\r\n        font-size:\r\n            clamp(13px, 3.8vw, 17px);\r\n\r\n        line-height: 1.45;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 390px) {\r\n    #cfh-business-scope\r\n    .cfh-business-card__services {\r\n        gap: 7px;\r\n        margin-top: 12px;\r\n        padding: 10px 6px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__services li {\r\n        font-size: 13px;\r\n    }\r\n\r\n    #cfh-business-scope\r\n    .cfh-business-card__description {\r\n        min-height: 70px;\r\n        padding: 12px 8px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n\/* =====================================================\r\n   Business Scope Final Fine-Tuning\r\n   1. Enhance card internal gradient while keeping original blue tone\r\n   2. Remove gold line at top of front transparent box\r\n   3. Remove the circle around the flip icon at bottom right\r\n   4. Fix slight displacement of flip icon when flipping back\r\n===================================================== *\/\r\n\r\n\r\n\/* =====================================================\r\n   1. Enhance card internal blue gradient\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__front {\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #3b7099 0%,\r\n            #35688f 28%,\r\n            #2d5b82 58%,\r\n            #23496f 100%\r\n        ) !important;\r\n}\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__back {\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #315f86 0%,\r\n            #2b567b 30%,\r\n            #23496f 68%,\r\n            #1d405f 100%\r\n        ) !important;\r\n}\r\n\r\n\r\n\/*\r\n * Enhance soft light-dark layering from top-left to bottom-right,\r\n * without changing original blue tone.\r\n *\/\r\n#cfh-business-scope\r\n.cfh-business-card__front::after,\r\n#cfh-business-scope\r\n.cfh-business-card__back::after {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(151, 202, 226, 0.11) 0%,\r\n            rgba(151, 202, 226, 0.035) 34%,\r\n            rgba(15, 44, 70, 0.08) 72%,\r\n            rgba(15, 44, 70, 0.18) 100%\r\n        ) !important;\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   2. Remove yellow horizontal line at top of front transparent box\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__services::before {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   3. Keep only flip icon at bottom right,\r\n   remove circle, border, and background\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__flip-hint {\r\n    width: auto !important;\r\n    height: auto !important;\r\n\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n\r\n    background: transparent !important;\r\n\r\n    color:\r\n        rgba(240, 210, 138, 0.86);\r\n\r\n    opacity: 0.82;\r\n\r\n    font-size:\r\n        clamp(17px, 1.15vw, 21px);\r\n\r\n    line-height: 1;\r\n\r\n    \/*\r\n     * No longer use independent transform on icon,\r\n     * avoiding upward shift or misalignment when flipping back.\r\n     *\/\r\n    transform: none !important;\r\n    transition: opacity 0.3s ease !important;\r\n}\r\n\r\n\r\n\/*\r\n * On hover only increase icon brightness,\r\n * no rotation to avoid overlapping with card flip.\r\n *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n    #cfh-business-scope\r\n    .cfh-business-card:hover\r\n    .cfh-business-card__flip-hint {\r\n        background: transparent !important;\r\n        opacity: 1;\r\n\r\n        transform: none !important;\r\n    }\r\n}\r\n\r\n\r\n\/*\r\n * Flip state also does not change icon position.\r\n *\/\r\n#cfh-business-scope\r\n.cfh-business-card.is-flipped\r\n.cfh-business-card__flip-hint {\r\n    background: transparent !important;\r\n    opacity: 0.9;\r\n\r\n    transform: none !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   4. Re-anchor flip icon position\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__front\r\n.cfh-business-card__flip-hint {\r\n    position: absolute;\r\n\r\n    right:\r\n        clamp(17px, 1.5vw, 25px);\r\n\r\n    bottom:\r\n        clamp(15px, 1.5vw, 23px);\r\n\r\n    z-index: 5;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    \/*\r\n     * Explicitly prevent icon from independent displacement.\r\n     *\/\r\n    translate: none !important;\r\n    rotate: none !important;\r\n    scale: none !important;\r\n}\r\n\/* =====================================================\r\n   Business Scope Card Natural Gradient Fix\r\n   Reference multi-layer gradient from resource library top\r\n   Remove obvious horizontal dividing line in middle\r\n===================================================== *\/\r\n\r\n\r\n\/* =====================================================\r\n   1. Natural card main gradient\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__front {\r\n    background:\r\n        radial-gradient(\r\n            circle at 18% 0%,\r\n            rgba(126, 190, 220, 0.18),\r\n            transparent 36%\r\n        ),\r\n        radial-gradient(\r\n            circle at 88% 88%,\r\n            rgba(8, 36, 70, 0.22),\r\n            transparent 48%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #356b94 0%,\r\n            #285a82 38%,\r\n            #174264 68%,\r\n            #0d304f 100%\r\n        ) !important;\r\n}\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__back {\r\n    background:\r\n        radial-gradient(\r\n            circle at 18% 0%,\r\n            rgba(105, 166, 199, 0.14),\r\n            transparent 36%\r\n        ),\r\n        radial-gradient(\r\n            circle at 88% 88%,\r\n            rgba(6, 28, 54, 0.28),\r\n            transparent 50%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #315f86 0%,\r\n            #2b597f 40%,\r\n            #123a59 70%,\r\n            #082a46 100%\r\n        ) !important;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   2. Remove horizontal split caused by local pseudo elements\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__front::after,\r\n#cfh-business-scope\r\n.cfh-business-card__back::after {\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    border-radius: inherit;\r\n\r\n    \/*\r\n     * Use soft glow across entire card,\r\n     * no longer only cover top half.\r\n     *\/\r\n    background:\r\n        radial-gradient(\r\n            ellipse at 20% 8%,\r\n            rgba(151, 202, 226, 0.08),\r\n            transparent 42%\r\n        ),\r\n        radial-gradient(\r\n            ellipse at 86% 92%,\r\n            rgba(216, 180, 93, 0.045),\r\n            transparent 38%\r\n        ) !important;\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   3. Ensure content layer sits above natural gradient\r\n===================================================== *\/\r\n\r\n#cfh-business-scope\r\n.cfh-business-card__content,\r\n#cfh-business-scope\r\n.cfh-business-card__back\r\n.cfh-business-card__content,\r\n#cfh-business-scope\r\n.cfh-business-card__flip-hint {\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n#cfh-business-scope .cfh-business-card__title {\r\n    font-size: clamp(21px, 1.55vw, 28px) !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.02em !important;\r\n    overflow-wrap: break-word !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__services {\r\n    gap: clamp(10px, 1vw, 17px) !important;\r\n    margin-top: clamp(22px, 2.6vw, 36px) !important;\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__services li {\r\n    font-size: clamp(15px, 1.05vw, 21px) !important;\r\n    line-height: 1.32 !important;\r\n    letter-spacing: 0.015em !important;\r\n    white-space: normal !important;\r\n    overflow-wrap: break-word !important;\r\n    word-break: normal !important;\r\n}\r\n@media (max-width: 767px) {\r\n    #cfh-business-scope .cfh-business-card__title {\r\n        font-size: clamp(16px, 4vw, 21px) !important;\r\n    }\r\n\r\n    #cfh-business-scope .cfh-business-card__services {\r\n        gap: 9px !important;\r\n        margin-top: 18px !important;\r\n    }\r\n\r\n    #cfh-business-scope .cfh-business-card__services li {\r\n        font-size: clamp(12px, 3.2vw, 15px) !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n}\r\n#cfh-business-scope .cfh-business-card__back-label {\r\n    font-size: clamp(8px, 0.52vw, 10px) !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.04em !important;\r\n    white-space: normal !important;\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__back-title {\r\n    font-size: clamp(20px, 1.45vw, 27px) !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.02em !important;\r\n    overflow-wrap: break-word !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n#cfh-business-scope .cfh-business-card__description {\r\n    max-width: 94% !important;\r\n    font-size: clamp(14px, 1vw, 20px) !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: 0.015em !important;\r\n    overflow-wrap: break-word !important;\r\n    word-break: normal !important;\r\n}\r\n@media (max-width: 767px) {\r\n    #cfh-business-scope .cfh-business-card__back-title {\r\n        font-size: clamp(16px, 4vw, 21px) !important;\r\n    }\r\n\r\n    #cfh-business-scope .cfh-business-card__description {\r\n        max-width: 92% !important;\r\n        font-size: clamp(12px, 3.2vw, 15px) !important;\r\n        line-height: 1.45 !important;\r\n    }\r\n}\r\n<\/style><div class=\"cfh-business-scope__wrapper\"><header class=\"cfh-business-scope__header\"><span class=\"cfh-business-scope__eyebrow\">BUSINESS SCOPE<\/span><h2 id=\"cfh-business-scope-title\" class=\"cfh-business-scope__title\">Business Scope<\/h2><span class=\"cfh-business-scope__line\" aria-hidden=\"true\"><\/span><p class=\"cfh-business-scope__intro\">CFH takes the direction of the \"Big Five\" real estate consulting firms \u2014 industry pioneers such as Cushman & Wakefield and JLL \u2014 always oriented to client needs, committed to value creation as the core, and provides customized solutions.<\/p><\/header><svg class=\"cfh-business-scope__flow\" viewBox=\"0 0 1600 280\" preserveAspectRatio=\"none\" aria-hidden=\"true\"><defs><linearGradient id=\"cfhBusinessStaticMetal\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"><stop offset=\"0%\" stop-color=\"#8bbbd2\" stop-opacity=\".26\"><\/stop><stop offset=\"18%\" stop-color=\"#4c91b7\" stop-opacity=\".72\"><\/stop><stop offset=\"36%\" stop-color=\"#f0d28a\" stop-opacity=\".92\"><\/stop><stop offset=\"48%\" stop-color=\"#fff7cf\" stop-opacity=\".98\"><\/stop><stop offset=\"58%\" stop-color=\"#d8b45d\" stop-opacity=\".9\"><\/stop><stop offset=\"76%\" stop-color=\"#6ca9c9\" stop-opacity=\".7\"><\/stop><stop offset=\"100%\" stop-color=\"#315f82\" stop-opacity=\".24\"><\/stop><\/linearGradient><linearGradient id=\"cfhBusinessStaticHighlight\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"><stop offset=\"0%\" stop-color=\"#fff\" stop-opacity=\".1\"><\/stop><stop offset=\"25%\" stop-color=\"#f0d28a\" stop-opacity=\".72\"><\/stop><stop offset=\"50%\" stop-color=\"#fff\" stop-opacity=\".96\"><\/stop><stop offset=\"75%\" stop-color=\"#f0d28a\" stop-opacity=\".62\"><\/stop><stop offset=\"100%\" stop-color=\"#fff\" stop-opacity=\".1\"><\/stop><\/linearGradient><\/defs><path class=\"cfh-business-scope__flow-static-shadow\" d=\"M -80 148 C 120 18,280 18,470 148 S 820 278,1010 148 S 1360 18,1680 148\"><\/path><path class=\"cfh-business-scope__flow-static-secondary cfh-business-scope__flow-static-secondary--top\" d=\"M -80 136 C 120 6,280 6,470 136 S 820 266,1010 136 S 1360 6,1680 136\"><\/path><path class=\"cfh-business-scope__flow-static-metal\" d=\"M -80 148 C 120 18,280 18,470 148 S 820 278,1010 148 S 1360 18,1680 148\"><\/path><path class=\"cfh-business-scope__flow-static-secondary cfh-business-scope__flow-static-secondary--bottom\" d=\"M -80 160 C 120 30,280 30,470 160 S 820 290,1010 160 S 1360 30,1680 160\"><\/path><path class=\"cfh-business-scope__flow-static-highlight\" d=\"M -80 142 C 120 12,280 12,470 142 S 820 272,1010 142 S 1360 12,1680 142\"><\/path><\/svg><div class=\"cfh-business-scope__cards\" role=\"list\">\r\n<article class=\"cfh-business-card\" role=\"listitem\" tabindex=\"0\" aria-label=\"Land Consulting, hover or click to view business description\"><div class=\"cfh-business-card__inner\"><div class=\"cfh-business-card__front\" aria-hidden=\"false\"><div class=\"cfh-business-card__content\"><div class=\"cfh-business-card__english\">LAND CONSULTING<\/div><h3 class=\"cfh-business-card__title\">Land Consulting<\/h3><div class=\"cfh-business-card__divider\" aria-hidden=\"true\"><\/div><ul class=\"cfh-business-card__services\"><li>Policy Consulting<\/li><li>Site Selection Negotiation<\/li><li>Procedures Handling<\/li><\/ul><\/div><span class=\"cfh-business-card__flip-hint\" aria-hidden=\"true\">\u21bb<\/span><\/div><div class=\"cfh-business-card__back\" aria-hidden=\"true\"><div class=\"cfh-business-card__content\"><div class=\"cfh-business-card__back-label\">LAND CONSULTING<\/div><h3 class=\"cfh-business-card__back-title\">Land Consulting<\/h3><p class=\"cfh-business-card__description\">From policy assessment to land acquisition<\/p><\/div><div class=\"cfh-business-card__back-note\">BUSINESS SCOPE \/ 01<\/div><\/div><\/div><\/article>\r\n<article class=\"cfh-business-card\" role=\"listitem\" tabindex=\"0\" aria-label=\"Project Development, hover or click to view business description\"><div class=\"cfh-business-card__inner\"><div class=\"cfh-business-card__front\" aria-hidden=\"false\"><div class=\"cfh-business-card__content\"><div class=\"cfh-business-card__english\">PROJECT DEVELOPMENT<\/div><h3 class=\"cfh-business-card__title\">Project Development<\/h3><div class=\"cfh-business-card__divider\" aria-hidden=\"true\"><\/div><ul class=\"cfh-business-card__services\"><li>Spatial Planning<\/li><li>Project Management<\/li><li>Property Operations<\/li><\/ul><\/div><span class=\"cfh-business-card__flip-hint\" aria-hidden=\"true\">\u21bb<\/span><\/div><div class=\"cfh-business-card__back\" aria-hidden=\"true\"><div class=\"cfh-business-card__content\"><div class=\"cfh-business-card__back-label\">PROJECT DEVELOPMENT<\/div><h3 class=\"cfh-business-card__back-title\">Project Development<\/h3><p class=\"cfh-business-card__description\">From planning design to project operations<\/p><\/div><div class=\"cfh-business-card__back-note\">BUSINESS SCOPE \/ 02<\/div><\/div><\/div><\/article>\r\n<article class=\"cfh-business-card\" role=\"listitem\" tabindex=\"0\" aria-label=\"Capital Operation, hover or click to view business description\"><div class=\"cfh-business-card__inner\"><div class=\"cfh-business-card__front\" aria-hidden=\"false\"><div class=\"cfh-business-card__content\"><div class=\"cfh-business-card__english\">CAPITAL OPERATION<\/div><h3 class=\"cfh-business-card__title\">Capital Operation<\/h3><div class=\"cfh-business-card__divider\" aria-hidden=\"true\"><\/div><ul class=\"cfh-business-card__services\"><li>Investment and Financing Strategy<\/li><li>Investment and Financing Operations<\/li><li>Asset Operations<\/li><\/ul><\/div><span class=\"cfh-business-card__flip-hint\" aria-hidden=\"true\">\u21bb<\/span><\/div><div class=\"cfh-business-card__back\" aria-hidden=\"true\"><div class=\"cfh-business-card__content\"><div class=\"cfh-business-card__back-label\">CAPITAL OPERATION<\/div><h3 class=\"cfh-business-card__back-title\">Capital Operation<\/h3><p class=\"cfh-business-card__description\">From capital injection to asset appreciation<\/p><\/div><div class=\"cfh-business-card__back-note\">BUSINESS SCOPE \/ 03<\/div><\/div><\/div><\/article>\r\n<article class=\"cfh-business-card\" role=\"listitem\" tabindex=\"0\" aria-label=\"Government Investment, hover or click to view business description\"><div class=\"cfh-business-card__inner\"><div class=\"cfh-business-card__front\" aria-hidden=\"false\"><div class=\"cfh-business-card__content\"><div class=\"cfh-business-card__english\">GOVERNMENT INVESTMENT<\/div><h3 class=\"cfh-business-card__title\">Government Investment<\/h3><div class=\"cfh-business-card__divider\" aria-hidden=\"true\"><\/div><ul class=\"cfh-business-card__services\"><li>Resource Connection<\/li><li>Industry Incubation<\/li><li>Business Format Restructuring<\/li><\/ul><\/div><span class=\"cfh-business-card__flip-hint\" aria-hidden=\"true\">\u21bb<\/span><\/div><div class=\"cfh-business-card__back\" aria-hidden=\"true\"><div class=\"cfh-business-card__content\"><div class=\"cfh-business-card__back-label\">GOVERNMENT INVESTMENT<\/div><h3 class=\"cfh-business-card__back-title\">Government Investment<\/h3><p class=\"cfh-business-card__description\">From industry introduction to regional upgrading<\/p><\/div><div class=\"cfh-business-card__back-note\">BUSINESS SCOPE \/ 04<\/div><\/div><\/div><\/article>\r\n<\/div><\/div><script>\r\n(function(){'use strict';var m=document.getElementById('cfh-business-scope');if(!m||m.getAttribute('data-cfh-business-ready')==='true')return;m.setAttribute('data-cfh-business-ready','true');var cards=m.querySelectorAll('.cfh-business-card'),touch=window.matchMedia('(hover:none),(pointer:coarse)').matches;cards.forEach(function(card){card.addEventListener('click',function(){if(!touch)return;var f=card.classList.toggle('is-flipped');card.setAttribute('aria-pressed',f?'true':'false')});card.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault();var f=card.classList.toggle('is-flipped');card.setAttribute('aria-pressed',f?'true':'false')}if(e.key==='Escape'){card.classList.remove('is-flipped');card.setAttribute('aria-pressed','false')}});card.addEventListener('focus',function(){card.setAttribute('aria-pressed',card.classList.contains('is-flipped')?'true':'false')})})})();\r\n<\/script><\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83e3663 elementor-widget elementor-widget-html\" data-id=\"83e3663\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n    id=\"cfh-investment\"\r\n    class=\"cfh-investment\"\r\n    aria-labelledby=\"cfh-investment-title\">\r\n\r\n    <style>\r\n        \/* =====================================================\r\n           CFH \u7522\u696d\u62db\u5546\u8207\u4f01\u696d\u9078\u5740\u8cc7\u6e90\u5eab\r\n           \u5b8c\u6574\u91cd\u69cb\u7248\r\n\r\n           1. \u6240\u6709\u6837\u5f0f\u4ec5\u4f5c\u7528\u4e8e\u5f53\u524d\u6a21\u5757\r\n           2. \u4fee\u590d\u626b\u5149\u4e0e\u641c\u7d22\u6846\u7684\u5408\u6210\u5c42\u95ea\u70c1\r\n           3. \u641c\u7d22\u6846\u5149\u6807\u6539\u4e3a\u91d1\u8272\r\n           4. \u684c\u9762\u53cc\u680f\u3001\u624b\u673a\u5355\u680f\r\n           5. \u4fdd\u7559\u7b5b\u9009\u3001\u641c\u7d22\u4e0e\u81ea\u52a8\u6eda\u52a8\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment {\r\n            --cfh-invest-blue: #0d3f72;\r\n            --cfh-invest-blue-light: #144d87;\r\n            --cfh-invest-blue-bright: #1d5c98;\r\n            --cfh-invest-gold: #d8b45d;\r\n            --cfh-invest-gold-light: #f0d28a;\r\n            --cfh-invest-gold-deep: #9c7a38;\r\n            --cfh-invest-text: #ffffff;\r\n            --cfh-invest-muted: #b8c4d4;\r\n            --cfh-invest-line: rgba(216, 180, 93, 0.22);\r\n            --cfh-invest-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n            position: relative;\r\n            isolation: isolate;\r\n\r\n            width: 100%;\r\n\r\n            padding:\r\n                clamp(76px, 8vw, 126px)\r\n                0;\r\n\r\n            color: var(--cfh-invest-text);\r\n            background: transparent;\r\n\r\n            font-family:\r\n                \"PingFang SC\",\r\n                \"Microsoft YaHei\",\r\n                \"Noto Sans TC\",\r\n                \"Noto Sans SC\",\r\n                Arial,\r\n                sans-serif;\r\n        }\r\n\r\n        #cfh-site .cfh-investment,\r\n        #cfh-site .cfh-investment *,\r\n        #cfh-site .cfh-investment *::before,\r\n        #cfh-site .cfh-investment *::after {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n           #cfh-site .cfh-investment__wrapper {\r\n            position: relative;\r\n            z-index: 1;\r\n\r\n            width: var(--cfh-home-shell-width);\r\n            max-width: var(--cfh-home-max-width);\r\n\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           \u9876\u90e8\u6807\u9898\u4e0e\u641c\u7d22\u533a\u57df\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__header {\r\n            position: relative;\r\n            isolation: isolate;\r\n\r\n            overflow: hidden;\r\n\r\n            padding:\r\n                clamp(25px, 3vw, 38px)\r\n                clamp(24px, 3.2vw, 48px)\r\n                clamp(26px, 3vw, 38px);\r\n\r\n            border: 1px solid var(--cfh-invest-line);\r\n            border-bottom-color: rgba(216, 180, 93, 0.14);\r\n            border-radius:\r\n                clamp(24px, 2.4vw, 34px)\r\n                clamp(24px, 2.4vw, 34px)\r\n                0\r\n                0;\r\n\r\n            background:\r\n                radial-gradient(\r\n                    circle at 85% 15%,\r\n                    rgba(48, 108, 180, 0.24),\r\n                    transparent 31%\r\n                ),\r\n                linear-gradient(\r\n                    135deg,\r\n                    rgba(11, 36, 68, 0.97),\r\n                    rgba(16, 56, 98, 0.95),\r\n                    rgba(10, 29, 56, 0.98)\r\n                );\r\n\r\n            box-shadow:\r\n                0 24px 70px rgba(0, 0, 0, 0.2),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n\r\n            -webkit-backdrop-filter: blur(10px);\r\n            backdrop-filter: blur(10px);\r\n\r\n            \/*\r\n             * \u9650\u5236\u626b\u5149\u7684\u7ed8\u5236\u8303\u56f4\uff0c\u907f\u514d\u5176 GPU \u5408\u6210\u5c42\r\n             * \u5728\u641c\u7d22\u8f93\u5165\u6846\u9644\u8fd1\u6b8b\u7559\u95ea\u70c1\u767d\u6761\u3002\r\n             *\/\r\n            contain: paint;\r\n        }\r\n\r\n\r\n        \/*\r\n         * \u626b\u5149\u5c42\u4e0d\u518d\u4f7f\u7528 inset:0 \u7684\u6574\u5757\u534a\u900f\u660e\u56fe\u5c42\u3002\r\n         * \u6539\u6210\u72ec\u7acb\u7a84\u5149\u5e26\uff0c\u5e76\u8ba9\u8d77\u70b9\u548c\u7ec8\u70b9\u5f7b\u5e95\u4f4d\u4e8e\u5bb9\u5668\u5916\u3002\r\n         *\/\r\n        #cfh-site .cfh-investment__header::before {\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            top: -35%;\r\n            bottom: -35%;\r\n            left: -42%;\r\n            z-index: 0;\r\n\r\n            width: 30%;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    90deg,\r\n                    transparent 0%,\r\n                    rgba(196, 218, 255, 0.035) 28%,\r\n                    rgba(210, 226, 255, 0.16) 50%,\r\n                    rgba(196, 218, 255, 0.035) 72%,\r\n                    transparent 100%\r\n                );\r\n\r\n            transform:\r\n                translate3d(0, 0, 0)\r\n                skewX(-18deg);\r\n\r\n            will-change: transform;\r\n\r\n            pointer-events: none;\r\n\r\n            animation:\r\n                cfhInvestmentSweep\r\n                6.4s\r\n                ease-in-out\r\n                infinite;\r\n        }\r\n\r\n        @keyframes cfhInvestmentSweep {\r\n            0%,\r\n            46% {\r\n                transform:\r\n                    translate3d(0, 0, 0)\r\n                    skewX(-18deg);\r\n            }\r\n\r\n            72%,\r\n            100% {\r\n                transform:\r\n                    translate3d(490%, 0, 0)\r\n                    skewX(-18deg);\r\n            }\r\n        }\r\n\r\n\r\n        \/* \u6807\u9898\u5185\u5bb9\u59cb\u7ec8\u5728\u626b\u5149\u5c42\u4e0a\u65b9 *\/\r\n        #cfh-site .cfh-investment__heading,\r\n        #cfh-site .cfh-investment__search {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__eyebrow {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n\r\n            margin: 0 0 9px;\r\n\r\n            color: var(--cfh-invest-gold-light);\r\n\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            line-height: 1.4;\r\n            letter-spacing: 0.25em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__eyebrow::before {\r\n            content: \"\";\r\n\r\n            display: block;\r\n\r\n            width: 32px;\r\n            height: 1px;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    90deg,\r\n                    var(--cfh-invest-gold-light),\r\n                    transparent\r\n                );\r\n        }\r\n\r\n        #cfh-site .cfh-investment__title {\r\n            margin: 0 0 9px;\r\n\r\n            color: #ffffff;\r\n\r\n            font-size: clamp(28px, 2.7vw, 44px);\r\n            font-weight: 700;\r\n            line-height: 1.24;\r\n            letter-spacing: 0.07em;\r\n\r\n            text-shadow:\r\n                0 5px 20px rgba(0, 0, 0, 0.24);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__description {\r\n            max-width: 820px;\r\n            margin: 0;\r\n\r\n            color: rgba(245, 241, 232, 0.7);\r\n\r\n            font-size: 14px;\r\n            line-height: 1.75;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u641c\u7d22\u6846\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__search {\r\n            isolation: isolate;\r\n\r\n            width: min(100%, 780px);\r\n            margin-top: 20px;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__search-icon {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 18px;\r\n            z-index: 3;\r\n\r\n            display: grid;\r\n            place-items: center;\r\n\r\n            width: 20px;\r\n            height: 20px;\r\n\r\n            color: var(--cfh-invest-gold-light);\r\n\r\n            transform: translateY(-50%);\r\n\r\n            pointer-events: none;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__search-icon svg {\r\n            display: block;\r\n\r\n            width: 19px;\r\n            height: 19px;\r\n\r\n            fill: none;\r\n            stroke: currentColor;\r\n            stroke-width: 1.7;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__search-input {\r\n            position: relative;\r\n            z-index: 2;\r\n\r\n            display: block;\r\n\r\n            width: 100%;\r\n            height: 50px;\r\n\r\n            margin: 0;\r\n            padding: 0 20px 0 50px;\r\n\r\n            border: 1px solid rgba(216, 180, 93, 0.38);\r\n            border-radius: 999px;\r\n            outline: none;\r\n\r\n            color: #ffffff;\r\n\r\n            \/*\r\n             * \u4f7f\u7528\u8f83\u7a33\u5b9a\u7684\u5b9e\u8272\u534a\u900f\u660e\u80cc\u666f\uff0c\r\n             * \u4e0d\u5bf9 input \u81ea\u8eab\u4f7f\u7528 backdrop-filter\uff0c\r\n             * \u907f\u514d\u626b\u5149\u5c42\u7ecf\u8fc7\u65f6\u4ea7\u751f\u6d4f\u89c8\u5668\u5408\u6210\u95ea\u70c1\u3002\r\n             *\/\r\n            background: rgba(17, 55, 96, 0.88);\r\n\r\n            box-shadow:\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.07),\r\n                0 8px 22px rgba(0, 0, 0, 0.08);\r\n\r\n            font-size: 14px;\r\n            line-height: 1;\r\n\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n\r\n            \/*\r\n             * \u8f93\u5165\u5149\u6807\u6539\u4e3a\u91d1\u8272\u3002\r\n             * \u5373\u4f7f\u8f93\u5165\u6846\u5904\u4e8e\u7126\u70b9\u72b6\u6001\uff0c\u4e5f\u4e0d\u4f1a\u51fa\u73b0\u7a81\u5140\u767d\u6761\u3002\r\n             *\/\r\n            caret-color: var(--cfh-invest-gold-light);\r\n\r\n            transition:\r\n                border-color 0.25s ease,\r\n                background-color 0.25s ease,\r\n                box-shadow 0.25s ease;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__search-input::placeholder {\r\n            color: rgba(255, 255, 255, 0.52);\r\n            opacity: 1;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__search-input:hover {\r\n            border-color: rgba(240, 210, 138, 0.58);\r\n            background: rgba(20, 62, 106, 0.92);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__search-input:focus {\r\n            border-color: rgba(240, 210, 138, 0.78);\r\n\r\n            background: rgba(18, 59, 101, 0.98);\r\n\r\n            box-shadow:\r\n                0 0 0 4px rgba(216, 180, 93, 0.12),\r\n                0 10px 30px rgba(0, 0, 0, 0.13);\r\n        }\r\n\r\n        \/*\r\n         * \u6e05\u9664\u6d4f\u89c8\u5668\u81ea\u52a8\u586b\u5145\u4ea7\u751f\u7684\u767d\u8272\u6216\u6d45\u8272\u80cc\u666f\u3002\r\n         *\/\r\n        #cfh-site .cfh-investment__search-input:-webkit-autofill,\r\n        #cfh-site .cfh-investment__search-input:-webkit-autofill:hover,\r\n        #cfh-site .cfh-investment__search-input:-webkit-autofill:focus {\r\n            -webkit-text-fill-color: #ffffff;\r\n\r\n            box-shadow:\r\n                0 0 0 1000px rgba(18, 59, 101, 1)\r\n                inset;\r\n\r\n            caret-color: var(--cfh-invest-gold-light);\r\n\r\n            transition:\r\n                background-color 9999s ease-out 0s;\r\n        }\r\n\r\n        \/*\r\n         * \u9690\u85cf Edge \/ IE \u65e7\u5f0f\u8f93\u5165\u6846\u6e05\u9664\u6309\u94ae\uff0c\r\n         * \u907f\u514d\u51fa\u73b0\u4e0d\u4e00\u81f4\u7684\u767d\u8272\u56fe\u6807\u3002\r\n         *\/\r\n        #cfh-site .cfh-investment__search-input::-ms-clear,\r\n        #cfh-site .cfh-investment__search-input::-ms-reveal {\r\n            display: none;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u4e24\u680f\u8d44\u6e90\u603b\u5bb9\u5668\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__panels {\r\n            position: relative;\r\n\r\n            display: grid;\r\n            grid-template-columns:\r\n                repeat(2, minmax(0, 1fr));\r\n            gap: clamp(16px, 1.6vw, 24px);\r\n\r\n            padding:\r\n                0\r\n                clamp(16px, 1.8vw, 24px)\r\n                clamp(16px, 1.8vw, 24px);\r\n\r\n            border: 1px solid var(--cfh-invest-line);\r\n            border-top: 0;\r\n            border-radius:\r\n                0\r\n                0\r\n                clamp(24px, 2.4vw, 34px)\r\n                clamp(24px, 2.4vw, 34px);\r\n\r\n            background:\r\n                linear-gradient(\r\n                    to bottom,\r\n                    rgba(11, 36, 68, 0.97) 80%,\r\n                    rgba(11, 36, 68, 0.9) 100%\r\n                ),\r\n                linear-gradient(\r\n                    180deg,\r\n                    rgba(11, 36, 68, 0.95),\r\n                    rgba(8, 28, 52, 0.97)\r\n                );\r\n\r\n            box-shadow:\r\n                0 22px 58px rgba(0, 0, 0, 0.16),\r\n                inset 0 -15px 30px -5px rgba(13, 45, 82, 0.28);\r\n\r\n            -webkit-backdrop-filter: blur(12px);\r\n            backdrop-filter: blur(12px);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u5355\u4e2a\u8d44\u6e90\u9762\u677f\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__panel {\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            min-width: 0;\r\n            height: clamp(520px, 58vh, 680px);\r\n            min-height: 520px;\r\n\r\n            overflow: hidden;\r\n\r\n            border: 1px solid rgba(216, 180, 93, 0.24);\r\n            border-radius:\r\n                0\r\n                0\r\n                clamp(20px, 1.8vw, 26px)\r\n                clamp(20px, 1.8vw, 26px);\r\n\r\n            background:\r\n                linear-gradient(\r\n                    180deg,\r\n                    rgba(28, 78, 112, 0.94),\r\n                    rgba(24, 66, 102, 0.94)\r\n                );\r\n\r\n            box-shadow:\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.06),\r\n                0 20px 40px rgba(0, 0, 0, 0.23);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u9762\u677f\u6807\u9898\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__panel-header {\r\n            position: relative;\r\n\r\n            flex: 0 0 auto;\r\n\r\n            padding:\r\n                clamp(18px, 2vw, 24px)\r\n                clamp(19px, 2.2vw, 28px)\r\n                18px;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    135deg,\r\n                    rgba(20, 38, 62, 0.96),\r\n                    rgba(22, 42, 82, 0.92)\r\n                );\r\n\r\n            border-bottom:\r\n                1px solid\r\n                rgba(216, 180, 93, 0.4);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__panel-header::after {\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            bottom: -1px;\r\n            left: clamp(19px, 2.2vw, 28px);\r\n\r\n            width: 120px;\r\n            height: 2px;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    90deg,\r\n                    var(--cfh-invest-gold-light),\r\n                    var(--cfh-invest-gold-deep)\r\n                );\r\n\r\n            box-shadow:\r\n                0 0 18px\r\n                rgba(240, 210, 138, 0.58);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__panel-title {\r\n            margin: 0;\r\n\r\n            color: #ffffff;\r\n\r\n            font-size: clamp(21px, 1.8vw, 27px);\r\n            font-weight: 700;\r\n            line-height: 1.3;\r\n            letter-spacing: 0.14em;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__panel-subtitle {\r\n            display: block;\r\n\r\n            margin-top: 7px;\r\n\r\n            color: var(--cfh-invest-gold-light);\r\n\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            line-height: 1.4;\r\n            letter-spacing: 0.2em;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u7b5b\u9009\u680f\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__filters {\r\n            display: grid;\r\n            grid-template-columns:\r\n                repeat(2, minmax(0, 1fr));\r\n            gap: 12px;\r\n\r\n            flex: 0 0 auto;\r\n\r\n            padding: 15px 16px;\r\n\r\n            background:\r\n                rgba(15, 42, 68, 0.9);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                rgba(216, 180, 93, 0.18);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__select {\r\n            display: block;\r\n\r\n            width: 100%;\r\n            height: 42px;\r\n\r\n            margin: 0;\r\n            padding: 0 38px 0 14px;\r\n\r\n            border:\r\n                1px solid\r\n                rgba(216, 180, 93, 0.28);\r\n            border-radius: 12px;\r\n            outline: none;\r\n\r\n            color: var(--cfh-invest-text);\r\n\r\n            background-color:\r\n                rgba(14, 39, 73, 0.92);\r\n\r\n            background-image:\r\n                linear-gradient(\r\n                    45deg,\r\n                    transparent 50%,\r\n                    var(--cfh-invest-gold-light) 50%\r\n                ),\r\n                linear-gradient(\r\n                    135deg,\r\n                    var(--cfh-invest-gold-light) 50%,\r\n                    transparent 50%\r\n                );\r\n\r\n            background-position:\r\n                calc(100% - 17px) 18px,\r\n                calc(100% - 12px) 18px;\r\n\r\n            background-size:\r\n                5px 5px,\r\n                5px 5px;\r\n\r\n            background-repeat: no-repeat;\r\n\r\n            font-size: 13px;\r\n\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n\r\n            cursor: pointer;\r\n\r\n            transition:\r\n                border-color 0.25s ease,\r\n                box-shadow 0.25s ease,\r\n                background-color 0.25s ease;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__select:hover,\r\n        #cfh-site .cfh-investment__select:focus {\r\n            border-color:\r\n                var(--cfh-invest-gold-light);\r\n\r\n            background-color:\r\n                rgba(18, 53, 91, 0.98);\r\n\r\n            box-shadow:\r\n                0 0 0 3px\r\n                rgba(216, 180, 93, 0.12);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__select option {\r\n            color: #ffffff;\r\n            background: #0d2f55;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u81ea\u52a8\u6eda\u52a8\u5217\u8868\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__scroll {\r\n            position: relative;\r\n\r\n            flex: 1 1 auto;\r\n            min-height: 0;\r\n\r\n            overflow-x: hidden;\r\n            overflow-y: auto;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    90deg,\r\n                    rgba(255, 255, 255, 0.02) 1px,\r\n                    transparent 1px\r\n                ),\r\n                linear-gradient(\r\n                    180deg,\r\n                    rgba(255, 255, 255, 0.015) 1px,\r\n                    transparent 1px\r\n                ),\r\n               #0F3862;\r\n\r\n            background-size: 34px 34px;\r\n\r\n            scrollbar-width: thin;\r\n            scrollbar-color:\r\n                rgba(255, 255, 255, 0.24)\r\n                transparent;\r\n        }\r\n\r\n        \/* \u4e0a\u4e0b\u8f7b\u5fae\u6e10\u9690\uff0c\u907f\u514d\u5185\u5bb9\u5728\u8fb9\u7f18\u7a81\u7136\u5207\u65ad *\/\r\n        #cfh-site .cfh-investment__scroll::before,\r\n        #cfh-site .cfh-investment__scroll::after {\r\n            content: \"\";\r\n\r\n            position: sticky;\r\n            left: 0;\r\n            z-index: 4;\r\n\r\n            display: block;\r\n\r\n            width: 100%;\r\n            height: 14px;\r\n\r\n            pointer-events: none;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__scroll::before {\r\n            top: 0;\r\n\r\n            margin-bottom: -14px;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    to bottom,\r\n                    rgba(8, 36, 65, 0.92),\r\n                    transparent\r\n                );\r\n        }\r\n\r\n        #cfh-site .cfh-investment__scroll::after {\r\n            bottom: 0;\r\n\r\n            margin-top: -14px;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    to top,\r\n                    rgba(8, 36, 65, 0.92),\r\n                    transparent\r\n                );\r\n        }\r\n\r\n        #cfh-site .cfh-investment__scroll::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__scroll::-webkit-scrollbar-track {\r\n            background: transparent;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__scroll::-webkit-scrollbar-thumb {\r\n            border-radius: 999px;\r\n\r\n            background:\r\n                rgba(255, 255, 255, 0.25);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__scroll::-webkit-scrollbar-thumb:hover {\r\n            background:\r\n                rgba(255, 255, 255, 0.42);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__list {\r\n            --cfh-list-height: 0px;\r\n\r\n            position: relative;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__list.is-scrolling {\r\n            animation:\r\n                cfhInvestmentMarquee\r\n                28s\r\n                linear\r\n                infinite;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__scroll:hover\r\n        .cfh-investment__list.is-scrolling,\r\n        #cfh-site .cfh-investment__scroll:focus-within\r\n        .cfh-investment__list.is-scrolling {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__list.is-static {\r\n            animation: none !important;\r\n            transform: none !important;\r\n        }\r\n\r\n        @keyframes cfhInvestmentMarquee {\r\n            from {\r\n                transform: translate3d(0, 0, 0);\r\n            }\r\n\r\n            to {\r\n                transform:\r\n                    translate3d(\r\n                        0,\r\n                        calc(-1 * var(--cfh-list-height)),\r\n                        0\r\n                    );\r\n            }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u5355\u6761\u8d44\u6e90\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__item {\r\n            padding: 8px 16px;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                rgba(216, 180, 93, 0.1);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__item.is-hidden {\r\n            display: none;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__link {\r\n            position: relative;\r\n\r\n            display: block;\r\n\r\n            padding:\r\n                14px\r\n                18px\r\n                14px\r\n                50px;\r\n\r\n            border:\r\n                1px solid\r\n                rgba(255, 255, 255, 0.08);\r\n            border-radius: 16px;\r\n\r\n            color:\r\n                rgba(245, 241, 232, 0.91);\r\n\r\n            background:\r\n                rgba(255, 255, 255, 0.05);\r\n\r\n            box-shadow:\r\n                inset 0 1px 0\r\n                rgba(255, 255, 255, 0.025);\r\n\r\n            text-decoration: none;\r\n\r\n            font-size: 15px;\r\n            line-height: 1.58;\r\n\r\n            -webkit-backdrop-filter: blur(12px);\r\n            backdrop-filter: blur(12px);\r\n\r\n            transition:\r\n                color 0.28s var(--cfh-invest-ease),\r\n                border-color 0.28s var(--cfh-invest-ease),\r\n                background 0.28s var(--cfh-invest-ease),\r\n                box-shadow 0.28s var(--cfh-invest-ease),\r\n                transform 0.28s var(--cfh-invest-ease);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__link::before {\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 19px;\r\n\r\n            width: 17px;\r\n            height: 17px;\r\n\r\n            border:\r\n                1px solid\r\n                var(--cfh-invest-gold);\r\n            border-radius: 50%;\r\n\r\n            background:\r\n                rgba(216, 180, 93, 0.16);\r\n\r\n            box-shadow:\r\n                0 0 14px\r\n                rgba(216, 180, 93, 0.35);\r\n\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__link::after {\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 25px;\r\n\r\n            width: 5px;\r\n            height: 5px;\r\n\r\n            border-radius: 50%;\r\n\r\n            background:\r\n                var(--cfh-invest-gold-light);\r\n\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__link:hover {\r\n            color: #ffffff;\r\n\r\n            border-color:\r\n                rgba(240, 210, 138, 0.58);\r\n\r\n            background:\r\n                linear-gradient(\r\n                    135deg,\r\n                    rgba(216, 180, 93, 0.18),\r\n                    rgba(255, 255, 255, 0.06)\r\n                );\r\n\r\n            box-shadow:\r\n                0 14px 34px rgba(0, 0, 0, 0.27),\r\n                0 0 26px rgba(216, 180, 93, 0.2);\r\n\r\n            transform:\r\n                translate3d(6px, 0, 0);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__link:focus-visible {\r\n            outline:\r\n                2px solid\r\n                var(--cfh-invest-gold-light);\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        #cfh-site .cfh-investment__empty {\r\n            padding: 52px 20px;\r\n\r\n            color: var(--cfh-invest-muted);\r\n\r\n            font-size: 15px;\r\n            text-align: center;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u8fdb\u5165\u5c4f\u5e55\u52a8\u753b\r\n        ====================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__wrapper {\r\n            opacity: 0;\r\n\r\n            transform:\r\n                translate3d(0, 68px, 0)\r\n                scale(0.985);\r\n\r\n            transition:\r\n                opacity 0.85s var(--cfh-invest-ease),\r\n                transform 1s var(--cfh-invest-ease);\r\n        }\r\n\r\n        #cfh-site .cfh-investment.is-inview\r\n        .cfh-investment__wrapper {\r\n            opacity: 1;\r\n\r\n            transform:\r\n                translate3d(0, 0, 0)\r\n                scale(1);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u4e2d\u578b\u684c\u9762\u4e0e\u5c0f\u578b\u7b14\u8bb0\u672c\r\n        ====================================================== *\/\r\n\r\n               @media (max-width: 1280px) {\r\n            #cfh-site .cfh-investment__wrapper {\r\n                width: var(--cfh-home-shell-width);\r\n                max-width: var(--cfh-home-max-width);\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel {\r\n                height: clamp(510px, 60vh, 630px);\r\n                min-height: 510px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__filters {\r\n                gap: 9px;\r\n                padding: 13px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__select {\r\n                padding-left: 11px;\r\n                font-size: 12px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__link {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u5e73\u677f\r\n        ====================================================== *\/\r\n\r\n                @media (max-width: 960px) {\r\n            #cfh-site .cfh-investment {\r\n                padding:\r\n                    clamp(66px, 9vw, 90px)\r\n                    0;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__wrapper {\r\n                width: var(--cfh-home-shell-width);\r\n                max-width: var(--cfh-home-max-width);\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panels {\r\n                grid-template-columns: 1fr;\r\n\r\n                padding:\r\n                    0\r\n                    16px\r\n                    16px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel {\r\n                height: clamp(500px, 64vh, 620px);\r\n                min-height: 500px;\r\n\r\n                border-radius: 22px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel:first-child {\r\n                border-radius:\r\n                    0\r\n                    0\r\n                    22px\r\n                    22px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__filters {\r\n                grid-template-columns:\r\n                    repeat(2, minmax(0, 1fr));\r\n            }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u624b\u673a\r\n        ====================================================== *\/\r\n\r\n                @media (max-width: 767px) {\r\n            #cfh-site .cfh-investment {\r\n                padding: 64px 0;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__wrapper {\r\n                width: var(--cfh-home-shell-width);\r\n                max-width: var(--cfh-home-max-width);\r\n            }\r\n\r\n            #cfh-site .cfh-investment__header {\r\n                padding:\r\n                    24px\r\n                    20px\r\n                    25px;\r\n\r\n                border-radius:\r\n                    25px\r\n                    25px\r\n                    0\r\n                    0;\r\n            }\r\n\r\n            \/*\r\n             * \u624b\u673a\u4e0a\u964d\u4f4e\u626b\u5149\u5f3a\u5ea6\u548c\u9891\u7387\uff0c\r\n             * \u51cf\u5c11 GPU \u5408\u6210\u538b\u529b\u3002\r\n             *\/\r\n            #cfh-site .cfh-investment__header::before {\r\n                width: 38%;\r\n\r\n                opacity: 0.68;\r\n\r\n                animation-duration: 7.8s;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__eyebrow {\r\n                margin-bottom: 8px;\r\n\r\n                font-size: 10px;\r\n                letter-spacing: 0.17em;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__eyebrow::before {\r\n                width: 23px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__title {\r\n                margin-bottom: 8px;\r\n\r\n                font-size: clamp(26px, 7.6vw, 35px);\r\n                line-height: 1.34;\r\n                letter-spacing: 0.035em;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__description {\r\n                font-size: 13px;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__search {\r\n                margin-top: 17px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__search-input {\r\n                height: 48px;\r\n\r\n                padding-right: 15px;\r\n                padding-left: 45px;\r\n\r\n                font-size: 13px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__search-icon {\r\n                left: 16px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panels {\r\n                gap: 16px;\r\n\r\n                padding:\r\n                    0\r\n                    10px\r\n                    10px;\r\n\r\n                border-radius:\r\n                    0\r\n                    0\r\n                    25px\r\n                    25px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel,\r\n            #cfh-site .cfh-investment__panel:first-child {\r\n                height: min(590px, 72vh);\r\n                min-height: 490px;\r\n\r\n                border-radius: 20px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel:first-child {\r\n                border-radius:\r\n                    0\r\n                    0\r\n                    20px\r\n                    20px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-header {\r\n                padding:\r\n                    18px\r\n                    17px\r\n                    16px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-header::after {\r\n                left: 17px;\r\n\r\n                width: 95px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-title {\r\n                font-size: 21px;\r\n                letter-spacing: 0.11em;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-subtitle {\r\n                font-size: 9px;\r\n                letter-spacing: 0.16em;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__filters {\r\n                grid-template-columns: 1fr;\r\n                gap: 9px;\r\n\r\n                padding: 12px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__select {\r\n                height: 41px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__item {\r\n                padding: 7px 10px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__link {\r\n                padding:\r\n                    13px\r\n                    13px\r\n                    13px\r\n                    43px;\r\n\r\n                border-radius: 14px;\r\n\r\n                font-size: 13px;\r\n                line-height: 1.58;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__link::before {\r\n                left: 15px;\r\n\r\n                width: 16px;\r\n                height: 16px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__link::after {\r\n                left: 21px;\r\n\r\n                width: 4px;\r\n                height: 4px;\r\n            }\r\n\r\n            \/*\r\n             * \u624b\u673a\u4e0a\u53d6\u6d88\u6c34\u5e73\u4f4d\u79fb\uff0c\u907f\u514d\u5361\u7247\u5411\u53f3\u79fb\u52a8\u540e\u6ea2\u51fa\u3002\r\n             *\/\r\n            #cfh-site .cfh-investment__link:hover {\r\n                transform: none;\r\n            }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u51cf\u5c11\u52a8\u753b\u8f85\u52a9\u8bbe\u7f6e\r\n        ====================================================== *\/\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            #cfh-site .cfh-investment__header::before,\r\n            #cfh-site .cfh-investment__list.is-scrolling {\r\n                animation: none !important;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__wrapper {\r\n                opacity: 1;\r\n\r\n                transform: none;\r\n\r\n                transition: none;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__link {\r\n                transition: none;\r\n            }\r\n        }\r\n        \/* =====================================================\r\n   CFH \u8d44\u6e90\u5e93\u7248\u9762\u7d27\u51d1\u5316\u8c03\u6574\r\n   1. \u538b\u7f29\u9876\u90e8\u6807\u9898\u53ca\u641c\u7d22\u533a\u57df\u9ad8\u5ea6\r\n   2. \u4e0a\u79fb\u641c\u7d22\u6846\u4e0b\u65b9\u8fb9\u754c\u7ebf\r\n   3. \u538b\u7f29\u201c\u62db\u5546\u8cc7\u8a0a \/ \u4f01\u696d\u9700\u6c42\u201d\u6807\u9898\u680f\r\n   4. \u79fb\u9664\u6eda\u52a8\u4fe1\u606f\u4e4b\u95f4\u7684\u6de1\u767d\u5206\u9694\u7ebf\r\n   5. \u9002\u5f53\u653e\u5927\u6eda\u52a8\u4fe1\u606f\u5b57\u4f53\r\n===================================================== *\/\r\n\r\n\r\n\/* \u9876\u90e8\u6807\u9898\u4e0e\u641c\u7d22\u533a\u57df\uff1a\u51cf\u5c11\u5e95\u90e8\u7a7a\u95f4\uff0c\u8ba9\u767d\u8272\u8fb9\u754c\u7ebf\u4e0a\u79fb *\/\r\n#cfh-site .cfh-investment__header {\r\n    padding-top: clamp(23px, 2.6vw, 32px);\r\n    padding-bottom: clamp(18px, 2vw, 26px);\r\n}\r\n\r\n\r\n\/* \u641c\u7d22\u6846\u4e0e\u6807\u9898\u4e4b\u95f4\u7684\u8ddd\u79bb\u7565\u5fae\u6536\u7d27 *\/\r\n#cfh-site .cfh-investment__search {\r\n    margin-top: 16px;\r\n}\r\n\r\n\r\n\/* \u62db\u5546\u8cc7\u8a0a \/ \u4f01\u696d\u9700\u6c42\u6807\u9898\u680f\u538b\u7f29 *\/\r\n#cfh-site .cfh-investment__panel-header {\r\n    padding-top: clamp(15px, 1.6vw, 19px);\r\n    padding-bottom: clamp(13px, 1.5vw, 16px);\r\n}\r\n\r\n\r\n\/* \u7b5b\u9009\u6846\u533a\u57df\u7565\u5fae\u538b\u7f29 *\/\r\n#cfh-site .cfh-investment__filters {\r\n    gap: 10px;\r\n    padding-top: 11px;\r\n    padding-bottom: 11px;\r\n}\r\n\r\n\r\n\/* \u6eda\u52a8\u4fe1\u606f\uff1a\u79fb\u9664\u6bcf\u6761\u4fe1\u606f\u4e4b\u95f4\u7684\u6de1\u767d\u6a2a\u7ebf *\/\r\n#cfh-site .cfh-investment__item {\r\n    padding-top: 5px;\r\n    padding-bottom: 5px;\r\n    border-bottom: none;\r\n}\r\n\r\n\r\n\/* \u6eda\u52a8\u4fe1\u606f\u5b57\u4f53\u9002\u5f53\u653e\u5927\uff0c\u4f46\u4e0d\u7a81\u7834\u70b9\u51fb\u533a\u57df *\/\r\n#cfh-site .cfh-investment__link {\r\n    padding-top: 12px;\r\n    padding-bottom: 12px;\r\n    font-size: 16px;\r\n    line-height: 1.48;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u5e73\u677f\u53ca\u4ee5\u4e0b\r\n===================================================== *\/\r\n\r\n@media (max-width: 960px) {\r\n    #cfh-site .cfh-investment__header {\r\n        padding-top: 22px;\r\n        padding-bottom: 20px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__panel-header {\r\n        padding-top: 15px;\r\n        padding-bottom: 14px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__filters {\r\n        padding-top: 10px;\r\n        padding-bottom: 10px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__item {\r\n        padding-top: 4px;\r\n        padding-bottom: 4px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__link {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u624b\u673a\u7aef\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    \/* \u9876\u90e8\u533a\u57df\u8fdb\u4e00\u6b65\u538b\u7f29 *\/\r\n    #cfh-site .cfh-investment__header {\r\n        padding-top: 20px;\r\n        padding-bottom: 18px;\r\n    }\r\n\r\n    \/* \u641c\u7d22\u6846\u4e0a\u79fb *\/\r\n    #cfh-site .cfh-investment__search {\r\n        margin-top: 14px;\r\n    }\r\n\r\n    \/* \u624b\u673a\u641c\u7d22\u6846\u9ad8\u5ea6\u7565\u5fae\u538b\u7f29 *\/\r\n    #cfh-site .cfh-investment__search-input {\r\n        height: 46px;\r\n    }\r\n\r\n    \/* \u6807\u9898\u680f\u7d27\u51d1\u5316 *\/\r\n    #cfh-site .cfh-investment__panel-header {\r\n        padding-top: 14px;\r\n        padding-bottom: 12px;\r\n    }\r\n\r\n    \/* \u7b5b\u9009\u680f\u7d27\u51d1\u5316 *\/\r\n    #cfh-site .cfh-investment__filters {\r\n        gap: 7px;\r\n        padding-top: 9px;\r\n        padding-bottom: 9px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__select {\r\n        height: 39px;\r\n    }\r\n\r\n    \/* \u5220\u9664\u4fe1\u606f\u4e4b\u95f4\u7684\u7ebf\uff0c\u5e76\u51cf\u5c11\u5782\u76f4\u7a7a\u9699 *\/\r\n    #cfh-site .cfh-investment__item {\r\n        padding: 3px 10px;\r\n        border-bottom: none;\r\n    }\r\n\r\n    \/* \u5b57\u4f53\u4ece\u539f\u6765\u7684 13px \u8c03\u5927\uff0c\u540c\u65f6\u4fdd\u6301\u5728\u70b9\u51fb\u6846\u8303\u56f4\u5185 *\/\r\n    #cfh-site .cfh-investment__link {\r\n        padding-top: 11px;\r\n        padding-bottom: 11px;\r\n        font-size: 14.5px;\r\n        line-height: 1.5;\r\n    }\r\n}\r\n\/* =====================================================\r\n   \u672c\u6b21\u5c40\u90e8\u5fae\u8c03\r\n   1. \u82f1\u6587\u7709\u9898\u4e0a\u79fb\uff0c\u9760\u8fd1\u9876\u90e8\u8fb9\u7f18\r\n   2. \u6807\u9898\u4e0e\u641c\u7d22\u6846\u4e4b\u95f4\u66f4\u7d27\u51d1\r\n   3. \u4fe1\u606f\u5361\u7247\u4e0a\u4e0b\u5b8c\u5168\u8d34\u5408\uff0c\u4fdd\u7559\u5f27\u5f62\u5916\u6846\r\n   4. \u6b63\u6587\u5b57\u4f53\u52a0\u5927\r\n   5. \u53d6\u6d88\u524d\u65b9\u9ec4\u8272\u5706\u70b9\u7684\u5149\u6655\r\n===================================================== *\/\r\n\r\n\r\n\/* \u9876\u90e8\u82f1\u6587\u5c0f\u6807\u9898\u4e0a\u79fb\uff0c\u9760\u8fd1\u8d44\u6e90\u5e93\u533a\u57df\u4e0a\u8fb9\u7f18 *\/\r\n#cfh-site .cfh-investment__header {\r\n    padding-top: clamp(14px, 1.8vw, 22px);\r\n    padding-bottom: clamp(16px, 1.8vw, 23px);\r\n}\r\n\r\n\r\n\/* \u82f1\u6587\u7709\u9898\u4e0e\u4e3b\u6807\u9898\u4e4b\u95f4\u7684\u5782\u76f4\u7a7a\u95f4\u6536\u7d27 *\/\r\n#cfh-site .cfh-investment__eyebrow {\r\n    margin-bottom: 5px;\r\n}\r\n\r\n\r\n\/* \u4e3b\u6807\u9898\u4e0e\u641c\u7d22\u6846\u4e4b\u95f4\u7684\u8ddd\u79bb\u6536\u7d27 *\/\r\n#cfh-site .cfh-investment__title {\r\n    margin-bottom: 5px;\r\n}\r\n\r\n#cfh-site .cfh-investment__search {\r\n    margin-top: 11px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u6eda\u52a8\u4fe1\u606f\u5361\u7247\r\n   \u4fdd\u7559\u539f\u6709\u5f27\u5f62\u8fb9\u6846\uff0c\u53ea\u8ba9\u4e0a\u4e0b\u5361\u7247\u8d34\u5408\r\n===================================================== *\/\r\n\r\n#cfh-site .cfh-investment__item {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    border-bottom: none;\r\n}\r\n\r\n#cfh-site .cfh-investment__link {\r\n    \/*\r\n     * \u4fdd\u7559\u539f\u6709\u5f27\u5f62\u5916\u6846\r\n     * \u4e0d\u518d\u4f7f\u7528\u4e4b\u524d\u53d6\u6d88\u5706\u89d2\u7684\u8bbe\u7f6e\r\n     *\/\r\n    border-radius: 16px;\r\n\r\n    \/*\r\n     * \u6b63\u6587\u5b57\u4f53\u52a0\u5927\r\n     *\/\r\n    padding-top: 13px;\r\n    padding-bottom: 13px;\r\n    font-size: 16.5px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* \u53d6\u6d88\u6587\u5b57\u524d\u9ec4\u8272\u5706\u5708\u7684\u5149\u6655\uff0c\u53ea\u4fdd\u7559\u6e05\u6670\u8fb9\u7f18 *\/\r\n#cfh-site .cfh-investment__link::before {\r\n    box-shadow: none;\r\n}\r\n\r\n\r\n\/* \u786e\u4fdd\u9ec4\u8272\u4e2d\u5fc3\u70b9\u672c\u8eab\u4e5f\u4e0d\u4ea7\u751f\u989d\u5916\u6a21\u7cca *\/\r\n#cfh-site .cfh-investment__link::after {\r\n    box-shadow: none;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u5e73\u677f\u7aef\r\n===================================================== *\/\r\n\r\n@media (max-width: 960px) {\r\n    #cfh-site .cfh-investment__header {\r\n        padding-top: 16px;\r\n        padding-bottom: 18px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__eyebrow {\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__title {\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__search {\r\n        margin-top: 11px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__item {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__link {\r\n        padding-top: 12px;\r\n        padding-bottom: 12px;\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        border-radius: 15px;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u624b\u673a\u7aef\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    #cfh-site .cfh-investment__header {\r\n        padding-top: 15px;\r\n        padding-bottom: 16px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__eyebrow {\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__title {\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__search {\r\n        margin-top: 11px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__item {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__link {\r\n        padding-top: 11px;\r\n        padding-bottom: 11px;\r\n        font-size: 15.5px;\r\n        line-height: 1.5;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__link::before {\r\n        box-shadow: none;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__link::after {\r\n        box-shadow: none;\r\n    }\r\n}\r\n.cfh-investment__item {\r\n    border-bottom: 0;\r\n}\r\n\r\n.cfh-investment__link {\r\n    margin-bottom: -1px;\r\n}\r\n\r\n        \/* =====================================================\r\n           CFH \u8d44\u6e90\u5e93\u6700\u7ec8\u7248\u5c3a\u5bf8\u5fae\u8c03\r\n           \u4e0d\u4fee\u6539\u6eda\u52a8\u52a8\u753b\u3001\u6eda\u52a8\u901f\u5ea6\u53ca\u9f20\u6807\u4e0a\u6d6e\u6548\u679c\r\n        ===================================================== *\/\r\n\r\n\r\n        \/* =====================================================\r\n           \u9876\u90e8\u4e3b\u6807\u9898\r\n           \u7f29\u5c0f\u5b57\u53f7\u3001\u589e\u52a0\u5b57\u95f4\u8ddd\uff0c\u5e76\u538b\u7f29\u7a7a\u51fa\u7684\u5782\u76f4\u7a7a\u95f4\r\n        ===================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__header {\r\n            padding-top: clamp(19px, 2vw, 26px);\r\n            padding-bottom: clamp(14px, 1.5vw, 20px);\r\n        }\r\n\r\n        #cfh-site .cfh-investment__title {\r\n            margin-bottom: 2px;\r\n\r\n            font-size: clamp(25px, 2.35vw, 38px);\r\n            line-height: 1.18;\r\n            letter-spacing: 0.13em;\r\n        }\r\n\r\n\r\n        \/* \u641c\u7d22\u6846\u5411\u4e0a\u9760\u8fd1\u6807\u9898\uff0c\u641c\u7d22\u6846\u4e0b\u65b9\u8fb9\u754c\u7ebf\u540c\u6b65\u4e0a\u79fb *\/\r\n        #cfh-site .cfh-investment__search {\r\n            margin-top: 11px;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u62db\u5546\u8cc7\u8a0a \/ \u4f01\u696d\u9700\u6c42\u6807\u9898\u680f\r\n           \u5b57\u4f53\u7f29\u5c0f\u4e00\u53f7\u3001\u4e0a\u4e0b\u7a7a\u95f4\u538b\u7f29\u3001\u6587\u5b57\u5c45\u4e2d\r\n        ===================================================== *\/\r\n\r\n        #cfh-site .cfh-investment__panel-header {\r\n            padding-top: 12px;\r\n            padding-bottom: 10px;\r\n\r\n            text-align: center;\r\n        }\r\n\r\n\r\n        \/* \u6807\u9898\u7f29\u5c0f\u4e00\u53f7 *\/\r\n        #cfh-site .cfh-investment__panel-title {\r\n            font-size: clamp(19px, 1.55vw, 24px);\r\n            line-height: 1.2;\r\n            letter-spacing: 0.14em;\r\n        }\r\n\r\n\r\n        \/* \u9ec4\u6761\u6c34\u5e73\u5c45\u4e2d *\/\r\n        #cfh-site .cfh-investment__panel-header::after {\r\n            left: 50%;\r\n            width: 105px;\r\n\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u9762\u677f\u9ad8\u5ea6\r\n           \u5411\u4e0b\u589e\u52a0\u7ea6\u4e00\u6761\u4fe1\u606f\u7684\u5c55\u793a\u7a7a\u95f4\r\n        ===================================================== *\/\r\n\r\n        @media (min-width: 1281px) {\r\n            #cfh-site .cfh-investment__panel {\r\n                height: calc(clamp(520px, 58vh, 680px) + 70px);\r\n                min-height: 590px;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 961px) and (max-width: 1280px) {\r\n            #cfh-site .cfh-investment__panel {\r\n                height: calc(clamp(510px, 60vh, 630px) + 70px);\r\n                min-height: 580px;\r\n            }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u5e73\u677f\u7aef\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 960px) {\r\n            #cfh-site .cfh-investment__header {\r\n                padding-top: 18px;\r\n                padding-bottom: 16px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__title {\r\n                margin-bottom: 2px;\r\n\r\n                font-size: clamp(24px, 5.3vw, 32px);\r\n                line-height: 1.2;\r\n                letter-spacing: 0.11em;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__search {\r\n                margin-top: 10px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-header {\r\n                padding-top: 11px;\r\n                padding-bottom: 9px;\r\n                text-align: center;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-title {\r\n                font-size: 20px;\r\n                line-height: 1.2;\r\n                letter-spacing: 0.13em;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-header::after {\r\n                left: 50%;\r\n                width: 95px;\r\n\r\n                transform: translateX(-50%);\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel {\r\n                height: calc(clamp(500px, 64vh, 620px) + 64px);\r\n                min-height: 560px;\r\n            }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           \u624b\u673a\u7aef\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 767px) {\r\n            #cfh-site .cfh-investment__header {\r\n                padding-top: 15px;\r\n                padding-bottom: 15px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__eyebrow {\r\n                margin-bottom: 5px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__title {\r\n                margin-bottom: 2px;\r\n\r\n                font-size: clamp(24px, 6.8vw, 32px);\r\n                line-height: 1.2;\r\n                letter-spacing: 0.09em;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__search {\r\n                margin-top: 9px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-header {\r\n                padding-top: 10px;\r\n                padding-bottom: 8px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-title {\r\n                font-size: 19px;\r\n                line-height: 1.2;\r\n                letter-spacing: 0.1em;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel-header::after {\r\n                width: 88px;\r\n            }\r\n\r\n            #cfh-site .cfh-investment__panel {\r\n                height: calc(min(590px, 72vh) + 60px);\r\n                min-height: 550px;\r\n            }\r\n        }\r\n        \/* =====================================================\r\n   \u672c\u6b21\u5fae\u8c03\r\n   1. \u6eda\u52a8\u4fe1\u606f\u5361\u7247\u5185\u90e8\u4e0a\u4e0b\u95f4\u8ddd\u7565\u5fae\u589e\u52a0\r\n   2. \u6eda\u52a8\u6587\u5b57\u9002\u5f53\u653e\u5927\r\n   3. \u9876\u90e8\u201c\u7522\u696d\u62db\u5546\u8207\u4f01\u696d\u9078\u5740\u8cc7\u6e90\u5eab\u201d\u6807\u9898\u518d\u7f29\u5c0f\r\n   4. \u6807\u9898\u533a\u57df\u540c\u6b65\u538b\u7f29\uff0c\u641c\u7d22\u6846\u4e0b\u65b9\u8fb9\u754c\u7ebf\u4e0a\u79fb\r\n===================================================== *\/\r\n\r\n\r\n\/* =====================================================\r\n   \u6eda\u52a8\u4fe1\u606f\u5361\u7247\r\n   \u4fdd\u7559\u5706\u89d2\u3001\u9f20\u6807\u89e6\u78b0\u4e0a\u6d6e\u53ca\u539f\u6709\u6eda\u52a8\u6548\u679c\r\n===================================================== *\/\r\n\r\n#cfh-site .cfh-investment__link {\r\n    \/*\r\n     * \u4ec5\u589e\u52a0\u5361\u7247\u5185\u90e8\u4e0a\u4e0b\u7a7a\u95f4\r\n     *\/\r\n    padding-top: 16px;\r\n    padding-bottom: 16px;\r\n\r\n    \/*\r\n     * \u6587\u5b57\u7a0d\u5fae\u589e\u5927\r\n     *\/\r\n    font-size: 17px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* \u4e2d\u578b\u5c4f\u5e55 *\/\r\n@media (max-width: 1280px) {\r\n    #cfh-site .cfh-investment__link {\r\n        padding-top: 15px;\r\n        padding-bottom: 15px;\r\n        font-size: 16.5px;\r\n        line-height: 1.5;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u9876\u90e8\u4e3b\u6807\u9898\r\n   \u7f29\u5c0f\u5b57\u53f7\u3001\u589e\u52a0\u5b57\u95f4\u8ddd\r\n===================================================== *\/\r\n\r\n#cfh-site .cfh-investment__title {\r\n    \/*\r\n     * \u6bd4\u4e0a\u4e00\u7248\u518d\u7f29\u5c0f\u4e00\u70b9\r\n     *\/\r\n    font-size: clamp(23px, 2.15vw, 35px);\r\n\r\n    \/*\r\n     * \u5b57\u95f4\u8ddd\u589e\u52a0\r\n     *\/\r\n    letter-spacing: 0.15em;\r\n\r\n    \/*\r\n     * \u7f29\u5c0f\u6807\u9898\u672c\u8eab\u7684\u5782\u76f4\u5360\u7528\r\n     *\/\r\n    line-height: 1.16;\r\n    margin-bottom: 1px;\r\n}\r\n\r\n\r\n\/*\r\n * \u6807\u9898\u533a\u57df\u4e0a\u4e0b\u7a7a\u767d\u540c\u6b65\u538b\u7f29\uff0c\r\n * \u4f7f\u641c\u7d22\u6846\u4e0b\u65b9\u7684\u8fb9\u754c\u7ebf\u5411\u4e0a\u79fb\u52a8\r\n *\/\r\n#cfh-site .cfh-investment__header {\r\n    padding-top: clamp(18px, 1.8vw, 24px);\r\n    padding-bottom: clamp(12px, 1.25vw, 17px);\r\n}\r\n\r\n\r\n\/*\r\n * \u641c\u7d22\u6846\u4e0e\u6807\u9898\u4e4b\u95f4\u7684\u8ddd\u79bb\u540c\u6b65\u6536\u7d27\r\n *\/\r\n#cfh-site .cfh-investment__search {\r\n    margin-top: 9px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u5e73\u677f\u7aef\r\n===================================================== *\/\r\n\r\n@media (max-width: 960px) {\r\n    #cfh-site .cfh-investment__header {\r\n        padding-top: 17px;\r\n        padding-bottom: 14px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__title {\r\n        font-size: clamp(22px, 4.9vw, 29px);\r\n        line-height: 1.18;\r\n        letter-spacing: 0.13em;\r\n        margin-bottom: 1px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__search {\r\n        margin-top: 9px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__link {\r\n        padding-top: 15px;\r\n        padding-bottom: 15px;\r\n        font-size: 16.5px;\r\n        line-height: 1.5;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u624b\u673a\u7aef\r\n===================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    #cfh-site .cfh-investment__header {\r\n        padding-top: 14px;\r\n        padding-bottom: 13px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__title {\r\n        font-size: clamp(22px, 6.2vw, 29px);\r\n        line-height: 1.18;\r\n        letter-spacing: 0.11em;\r\n        margin-bottom: 1px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__search {\r\n        margin-top: 8px;\r\n    }\r\n\r\n    #cfh-site .cfh-investment__link {\r\n        padding-top: 14px;\r\n        padding-bottom: 14px;\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n    }\r\n}\r\n\/* =====================================================\r\n   1. \u653e\u5927\u6eda\u52a8\u4fe1\u606f\u6b63\u6587\uff0c\u4fdd\u6301\u4fe1\u606f\u6846\u5c3a\u5bf8\u4e0d\u53d8\r\n   2. \u9690\u85cf\u641c\u7d22\u6846\u4e0b\u65b9\u52a0\u8f7d\u540e\u51fa\u73b0\u7684\u660e\u663e\u767d\u7ebf\r\n===================================================== *\/\r\n\r\n\r\n\/* =====================================================\r\n   \u6eda\u52a8\u4fe1\u606f\u6b63\u6587\r\n   \u4e0d\u6539\u53d8\u5361\u7247\u5185\u90e8\u4e0a\u4e0b\u95f4\u8ddd\u53ca\u5916\u6846\u5c3a\u5bf8\r\n===================================================== *\/\r\n\r\n#cfh-site .cfh-investment__link {\r\n    font-size: 12px;\r\n    line-height: 1.2;\r\n\r\n    \/*\r\n     * \u9632\u6b62\u653e\u5927\u5b57\u4f53\u540e\u6587\u5b57\u7a81\u7834\u539f\u6709\u70b9\u51fb\u6846\r\n     *\/\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n\r\n\/* \u4e2d\u578b\u684c\u9762\u53ca\u5e73\u677f *\/\r\n@media (max-width: 1280px) {\r\n    #cfh-site .cfh-investment__link {\r\n        font-size: 10px;\r\n        line-height: 1.2;\r\n    }\r\n}\r\n\r\n\r\n\/* \u624b\u673a\u7aef *\/\r\n@media (max-width: 767px) {\r\n    #cfh-site .cfh-investment__link {\r\n        font-size: 8px;\r\n        line-height: 1.2;\r\n    }\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   \u9690\u85cf\u641c\u7d22\u6846\u4e0b\u65b9\u52a0\u8f7d\u540e\u51fa\u73b0\u7684\u767d\u7ebf\r\n===================================================== *\/\r\n\r\n\/*\r\n * \u8be5\u7ebf\u6765\u81ea\u9876\u90e8 header \u7684\u5e95\u90e8\u8fb9\u6846\u3002\r\n * \u4fdd\u7559\u539f\u6709\u80cc\u666f\u3001\u626b\u5149\u6548\u679c\u548c\u641c\u7d22\u6846\uff0c\u4ec5\u9690\u85cf\u8fb9\u754c\u7ebf\u3002\r\n *\/\r\n#cfh-site .cfh-investment__header {\r\n    border-bottom-color: transparent !important;\r\n}\r\n\r\n\r\n\/*\r\n * \u9632\u6b62\u626b\u5149\u5c42\u5728\u5e95\u90e8\u5f62\u6210\u4eae\u7ebf\u6216\u52a0\u8f7d\u6b8b\u5f71\r\n *\/\r\n#cfh-site .cfh-investment__header::before {\r\n    bottom: -45%;\r\n}\r\n\r\n\r\n\/*\r\n * \u5982\u679c\u4e3b\u9898\u6216\u6d4f\u89c8\u5668\u989d\u5916\u7ed8\u5236\u4e86\u5e95\u90e8\u5185\u9634\u5f71\uff0c\u4e00\u5e76\u5173\u95ed\r\n *\/\r\n#cfh-site .cfh-investment__header {\r\n    box-shadow:\r\n        0 24px 70px rgba(0, 0, 0, 0.2),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n}\r\n\/* =====================================================\r\n   \u4fee\u590d\u9876\u90e8\u533a\u57df\u4e0e\u4e0b\u65b9\u53cc\u680f\u533a\u57df\u4e4b\u95f4\u7684\u767d\u7ebf\r\n   \u4ec5\u538b\u7f29\u4e24\u90e8\u5206\u4e4b\u95f4\u7684\u63a5\u7f1d\uff0c\u4e0d\u6539\u53d8\u5176\u4ed6\u5e03\u5c40\r\n===================================================== *\/\r\n\r\n\r\n\/* \u9876\u90e8\u533a\u57df\u53d6\u6d88\u5e95\u90e8\u8fb9\u6846 *\/\r\n#cfh-site .cfh-investment__header {\r\n    border-bottom: 0 !important;\r\n}\r\n\r\n\r\n\/* \u4e0b\u65b9\u53cc\u680f\u533a\u57df\u5411\u4e0a\u8d34\u5408 2px\uff0c\u8986\u76d6\u539f\u6709\u63a5\u7f1d *\/\r\n#cfh-site .cfh-investment__panels {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin-top: -2px;\r\n\r\n    border-top: 0 !important;\r\n}\r\n\r\n\r\n\/*\r\n * \u4f7f\u7528\u4e0b\u65b9\u533a\u57df\u7684\u6df1\u8272\u80cc\u666f\u8986\u76d6\u9876\u90e8\u6b8b\u7559\u7ebf\r\n * \u4e0d\u4f7f\u7528 transform\uff0c\u907f\u514d\u5f71\u54cd\u6eda\u52a8\u5185\u5bb9\u52a8\u753b\r\n *\/\r\n#cfh-site .cfh-investment__panels::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    top: -2px;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 3;\r\n\r\n    height: 3px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(11, 36, 68, 0.98),\r\n            rgba(11, 36, 68, 0.97)\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* \u786e\u4fdd\u5de6\u53f3\u9762\u677f\u6807\u9898\u533a\u57df\u8986\u76d6\u63a5\u7f1d\uff0c\u4e0d\u51fa\u73b0\u4eae\u7ebf *\/\r\n#cfh-site .cfh-investment__panel {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* \u53d6\u6d88\u9876\u90e8\u533a\u57df\u4f2a\u5143\u7d20\u53ef\u80fd\u5f62\u6210\u7684\u5e95\u90e8\u4eae\u8fb9 *\/\r\n#cfh-site .cfh-investment__header::after {\r\n    display: none !important;\r\n}\r\n\r\n    <\/style>\r\n\r\n\r\n    <div class=\"cfh-investment__wrapper\">\r\n\r\n        <!-- \u9876\u90e8\u6807\u9898\u4e0e\u641c\u7d22 -->\r\n        <header class=\"cfh-investment__header\">\r\n            <div class=\"cfh-investment__heading\">\r\n                <p class=\"cfh-investment__eyebrow\">\r\n                    CFH \u00b7 INDUSTRIAL RESOURCES\r\n                <\/p>\r\n\r\n                <h2\r\n                    id=\"cfh-investment-title\"\r\n                    class=\"cfh-investment__title\">\r\n                    Industrial Investment & Enterprise Site Selection Resource Library\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <div\r\n                class=\"cfh-investment__search\"\r\n                role=\"search\">\r\n\r\n                <span\r\n                    class=\"cfh-investment__search-icon\"\r\n                    aria-hidden=\"true\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"11\" cy=\"11\" r=\"6.5\"><\/circle>\r\n                        <path d=\"M16 16L21 21\"><\/path>\r\n                    <\/svg>\r\n                <\/span>\r\n\r\n                <input\r\n                    class=\"cfh-investment__search-input\"\r\n                    type=\"search\"\r\n                    inputmode=\"search\"\r\n                    autocomplete=\"off\"\r\n                    aria-label=\"Search investment information or enterprise demands\"\r\n                    placeholder=\"Enter keywords to search investment info or enterprise demands, e.g. Zhejiang, Smart Manufacturing, Factory, Land\">\r\n            <\/div>\r\n        <\/header>\r\n\r\n\r\n        <!-- \u4e24\u680f\u8d44\u6e90 -->\r\n        <div class=\"cfh-investment__panels\">\r\n\r\n            <!-- Investment Information -->\r\n            <section\r\n                class=\"cfh-investment__panel\"\r\n                data-cfh-panel=\"investment\"\r\n                aria-labelledby=\"cfh-investment-info-title\">\r\n\r\n                <header class=\"cfh-investment__panel-header\">\r\n                    <h3\r\n                        id=\"cfh-investment-info-title\"\r\n                        class=\"cfh-investment__panel-title\">\r\n                        Investment Information\r\n                    <\/h3>\r\n                <\/header>\r\n\r\n                <div class=\"cfh-investment__filters\">\r\n                    <select\r\n                        class=\"cfh-investment__select\"\r\n                        data-cfh-filter=\"region\"\r\n                        aria-label=\"Filter investment information by region\">\r\n\r\n                        <option value=\"\">All Regions<\/option>\r\n                        <option value=\"Beijing-Tianjin-Hebei\">Beijing-Tianjin-Hebei<\/option>\r\n                        <option value=\"Pearl River Delta\">Pearl River Delta<\/option>\r\n                        <option value=\"Yangtze River Delta\">Yangtze River Delta<\/option>\r\n                        <option value=\"Philippines\">Philippines<\/option>\r\n                    <\/select>\r\n\r\n                    <select\r\n                        class=\"cfh-investment__select\"\r\n                        data-cfh-filter=\"type\"\r\n                        aria-label=\"Filter investment information by type\">\r\n\r\n                        <option value=\"\">All Types<\/option>\r\n                        <option value=\"AI\">AI<\/option>\r\n                        <option value=\"Smart Manufacturing\">Smart Manufacturing<\/option>\r\n                        <option value=\"New Energy\">New Energy<\/option>\r\n                        <option value=\"Integrated Circuits\">Integrated Circuits<\/option>\r\n                        <option value=\"Biomedicine\">Biomedicine<\/option>\r\n                        <option value=\"Automotive\">Automotive<\/option>\r\n                        <option value=\"Factory Buildings\">Factory Buildings<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"cfh-investment__scroll\"\r\n                    tabindex=\"0\"\r\n                    aria-label=\"Investment information list\">\r\n\r\n                    <div class=\"cfh-investment__list\"><\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n\r\n            <!-- Enterprise Demands -->\r\n            <section\r\n                class=\"cfh-investment__panel\"\r\n                data-cfh-panel=\"demand\"\r\n                aria-labelledby=\"cfh-demand-title\">\r\n\r\n                <header class=\"cfh-investment__panel-header\">\r\n                    <h3\r\n                        id=\"cfh-demand-title\"\r\n                        class=\"cfh-investment__panel-title\">\r\n                        Enterprise Demands\r\n                    <\/h3>\r\n                <\/header>\r\n\r\n                <div class=\"cfh-investment__filters\">\r\n                    <select\r\n                        class=\"cfh-investment__select\"\r\n                        data-cfh-filter=\"region\"\r\n                        aria-label=\"Filter enterprise demands by region\">\r\n\r\n                        <option value=\"\">All Regions<\/option>\r\n                        <option value=\"Zhejiang\">Zhejiang<\/option>\r\n                        <option value=\"Fujian\">Fujian<\/option>\r\n                        <option value=\"Guangdong\">Guangdong<\/option>\r\n                    <\/select>\r\n\r\n                    <select\r\n                        class=\"cfh-investment__select\"\r\n                        data-cfh-filter=\"type\"\r\n                        aria-label=\"Filter enterprise demands by type\">\r\n\r\n                        <option value=\"\">All Types<\/option>\r\n                        <option value=\"Smart Manufacturing\">Smart Manufacturing<\/option>\r\n                        <option value=\"Home Appliances\">Home Appliances<\/option>\r\n                        <option value=\"Lithium Battery\">Lithium Battery<\/option>\r\n                        <option value=\"Mechanical Equipment\">Mechanical Equipment<\/option>\r\n                        <option value=\"Food\">Food<\/option>\r\n                        <option value=\"Auto Parts\">Auto Parts<\/option>\r\n                        <option value=\"Chemical\">Chemical<\/option>\r\n                        <option value=\"Plastics\">Plastics<\/option>\r\n                        <option value=\"Building Materials\">Building Materials<\/option>\r\n                        <option value=\"Electronics\">Electronics<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"cfh-investment__scroll\"\r\n                    tabindex=\"0\"\r\n                    aria-label=\"Enterprise demands list\">\r\n\r\n                    <div class=\"cfh-investment__list\"><\/div>\r\n                <\/div>\r\n            <\/section>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n    <script>\r\n        (function () {\r\n            \"use strict\";\r\n\r\n            var currentScript = document.currentScript;\r\n\r\n            var module = currentScript\r\n                ? currentScript.closest(\".cfh-investment\")\r\n                : null;\r\n\r\n            if (\r\n                !module ||\r\n                module.getAttribute(\"data-cfh-investment-ready\") === \"true\"\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            module.setAttribute(\r\n                \"data-cfh-investment-ready\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            \/* =================================================\r\n               Original investment data: content and links unchanged\r\n            ================================================= *\/\r\n\r\n            var investmentData = [\r\n                [\"Beijing-Tianjin-Hebei\", \"AI\", \"http:\/\/www.cfhvip.com\/%e6%94%bf%e5%ba%9c1-0\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,2.5,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Beijing-Tianjin-Hebei -- Beijing Investment -- Next-gen IT Application Innovation, AI, Intelligent Connected New Energy Vehicles\"],\r\n                [\"Beijing-Tianjin-Hebei\", \"Integrated Circuits\", \"http:\/\/www.cfhvip.com\/%e6%94%bf%e5%ba%9c1-1\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,1.3,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Beijing-Tianjin-Hebei -- Tianjin Investment -- Integrated Circuits, Robotics, High-end Instruments, Intelligent Connected Vehicles\"],\r\n                [\"Beijing-Tianjin-Hebei\", \"Automotive\", \"http:\/\/www.cfhvip.com\/%e6%94%bf%e5%ba%9c1-2\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,2.0,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Beijing-Tianjin-Hebei -- Langfang Investment -- Safety Emergency Equipment, Auto Parts, Biomedicine\"],\r\n                [\"Pearl River Delta\", \"Biomedicine\", \"http:\/\/www.cfhvip.com\/%e6%94%bf%e5%ba%9c1-3\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,1.8,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Pearl River Delta -- Guangzhou Investment -- Next-gen Electronic Information, Automotive, Biomedicine, Headquarters Economy\"],\r\n                [\"Pearl River Delta\", \"Smart Manufacturing\", \"http:\/\/www.cfhvip.com\/1-4\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,1.6,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Pearl River Delta -- Foshan Investment -- Smart Manufacturing, New Materials, New Energy (Hydrogen)\"],\r\n                [\"Pearl River Delta\", \"New Energy\", \"http:\/\/www.cfhvip.com\/1-5\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,4.0,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Pearl River Delta -- Dongguan Investment -- Smart Terminals, New Energy, High-end Equipment\"],\r\n                [\"Pearl River Delta\", \"AI\", \"http:\/\/www.cfhvip.com\/1-6\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,5.0,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Pearl River Delta -- Shenzhen Investment -- AI, Fintech, Digital Economy, Advanced Manufacturing\"],\r\n                [\"Pearl River Delta\", \"Biomedicine\", \"http:\/\/www.cfhvip.com\/1-7\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,2.5,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Pearl River Delta -- Zhuhai Investment -- High-end Equipment, Biomedicine, Cultural Tourism\"],\r\n                [\"Yangtze River Delta\", \"Integrated Circuits\", \"http:\/\/www.cfhvip.com\/1-8\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,2.8,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Yangtze River Delta -- Shanghai Investment -- Automotive New Four Modernizations, Integrated Circuits, Biomedicine, Future Intelligence\/Energy\"],\r\n                [\"Yangtze River Delta\", \"Smart Manufacturing\", \"http:\/\/www.cfhvip.com\/1-9-2\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,2.1,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Yangtze River Delta -- Hangzhou Investment -- Digital Economy, Smart Manufacturing, E-commerce, Biomedicine\"],\r\n                [\"Yangtze River Delta\", \"New Energy\", \"http:\/\/www.cfhvip.com\/%e4%bc%81%e6%a5%ad1-0\/#:~:text=%E5%AE%B9%E7%A9%8D%E7%8E%87-,2.0,-%E5%9C%9F%E5%9C%B0%E9%9D%A2%E7%A9%8D\", \"Yangtze River Delta -- Suzhou Investment -- High-end Equipment Manufacturing, New Energy, New Materials, Integrated Circuits\"],\r\n                [\"Philippines\", \"Factory Buildings\", \"http:\/\/www.cfhvip.com\/%e4%bc%81%e6%a5%ad1-1\/#:~:text=%E7%B8%BD%E5%8D%A0%E5%9C%B0%E9%9D%A2%E7%A9%8D%EF%BC%9A-,31%2C253%E3%8E%A1,-%E6%9C%89%E9%A0%82%E9%9D%A2%E7%A9%8D\", \"Philippines -- Pampanga -- Mexico Town Investment -- Suitable for Diverse Manufacturing Industries -- Factory\"],\r\n                [\"Philippines\", \"Factory Buildings\", \"http:\/\/www.cfhvip.com\/13-2\/#:~:text=%E7%B8%BD%E5%8D%A0%E5%9C%B0%E9%9D%A2%E7%A9%8D%EF%BC%9A-,31%2C310%E3%8E%A1,-%E6%9C%89%E9%A0%82%E9%9D%A2%E7%A9%8D\", \"Philippines -- Pampanga -- Porac Town Investment -- Suitable for Diverse Manufacturing Industries -- Factory\"],\r\n                [\"Philippines\", \"Factory Buildings\", \"http:\/\/www.cfhvip.com\/14-2\/#:~:text=%E7%B8%BD%E5%8D%A0%E5%9C%B0%E9%9D%A2%E7%A9%8D%EF%BC%9A-,20%2C720%E3%8E%A1,-%E6%9C%89%E9%A0%82%E9%9D%A2%E7%A9%8D\", \"Philippines -- Davao del Sur -- Panabo City Investment -- Suitable for Diverse Manufacturing Industries -- Factory\"],\r\n                [\"Philippines\", \"Factory Buildings\", \"http:\/\/test.cfhvip.com\/%e6%b5%8b%e8%af%95%e7%8e%af%e5%a2%83\/#:~:text=%E7%B8%BD%E5%8D%A0%E5%9C%B0%E9%9D%A2%E7%A9%8D%EF%BC%9A-,21%2C450%E3%8E%A1,-%E6%9C%89%E9%A0%82%E9%9D%A2%E7%A9%8D\", \"Philippines -- Pampanga -- San Fernando City Investment -- Suitable for Diverse Manufacturing Industries -- Factory\"],\r\n                [\"Philippines\", \"Factory Buildings\", \"http:\/\/test.cfhvip.com\/%e6%b5%8b%e8%af%95%e7%8e%af%e5%a2%83-test2\/#:~:text=%E7%B8%BD%E5%8D%A0%E5%9C%B0%E9%9D%A2%E7%A9%8D-,39%2C925%E3%8E%A1,-%E6%9C%89%E9%A0%82%E9%9D%A2%E7%A9%8D\", \"Philippines -- Rizal -- Taytay City Investment -- Suitable for Diverse Manufacturing Industries -- Factory\"],\r\n                [\"Philippines\", \"Factory Buildings\", \"http:\/\/test.cfhvip.com\/%e6%b5%8b%e8%af%95%e7%8e%af%e5%a2%83-test4\/#:~:text=%E7%B8%BD%E5%8D%A0%E5%9C%B0%E9%9D%A2%E7%A9%8D-,8%2C030%E3%8E%A1,-%E6%9C%89%E9%A0%82%E9%9D%A2%E7%A9%8D\", \"Philippines -- Laguna -- Calamba City Investment -- Suitable for Diverse Manufacturing Industries -- Factory\"]\r\n            ];\r\n\r\n\r\n            \/* =================================================\r\n               Original enterprise demand data: content and links unchanged\r\n            ================================================= *\/\r\n\r\n            var demandData = [\r\n                [\"Zhejiang\", \"Smart Manufacturing\", \"http:\/\/www.cfhvip.com\/1-2\/#:~:text=%E8%B3%BC%E7%BD%AE%0A%E5%BB%BA%E7%AF%89%E9%9D%A2%E7%A9%8D%EF%BC%9A-,20%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E6%84%8F%E5%90%91%E5%9C%B0%E5%8C%BA%EF%BC%9A%E6%B5%99%E6%B1%9F\", \"Seeking Zhejiang -- Smart Manufacturing enterprise site selection, intent to purchase 20 mu of land in Zhejiang\"],\r\n                [\"Zhejiang\", \"Home Appliances\", \"http:\/\/www.cfhvip.com\/2-2\/#:~:text=%E8%B3%BC%E7%BD%AE%0A%E5%BB%BA%E7%AF%89%E9%9D%A2%E7%A9%8D%EF%BC%9A-,5%2D10%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E6%84%8F%E5%90%91%E5%9C%B0%E5%8C%BA%EF%BC%9A%E6%B5%99%E6%B1%9F\", \"Seeking Zhejiang -- Home Appliance enterprise site selection, intent to purchase 10 mu of land in Zhejiang\"],\r\n                [\"Zhejiang\", \"Lithium Battery\", \"http:\/\/www.cfhvip.com\/3-2\/#:~:text=%E8%B3%BC%E7%BD%AE%0A%E5%BB%BA%E7%AF%89%E9%9D%A2%E7%A9%8D%EF%BC%9A-,30%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E6%84%8F%E5%90%91%E5%9C%B0%E5%8C%BA%EF%BC%9A%E6%B5%99%E6%B1%9F\", \"Seeking Zhejiang -- Lithium Battery enterprise with 26 million tax is selecting site to purchase land\"],\r\n                [\"Zhejiang\", \"Mechanical Equipment\", \"http:\/\/www.cfhvip.com\/4-2\/#:~:text=%E8%B3%BC%E7%BD%AE%0A%E5%BB%BA%E7%AF%89%E9%9D%A2%E7%A9%8D%EF%BC%9A-,5%2D20%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E6%84%8F%E5%90%91%E5%9C%B0%E5%8C%BA%EF%BC%9A%E6%B5%99%E6%B1%9F\", \"Seeking Zhejiang -- Mechanical Equipment enterprise site selection, intent to purchase 20 mu of land in Zhejiang\"],\r\n                [\"Fujian\", \"Food\", \"http:\/\/www.cfhvip.com\/5-2\/#:~:text=%E8%B3%BC%E7%BD%AE%0A%E5%BB%BA%E7%AF%89%E9%9D%A2%E7%A9%8D%EF%BC%9A-,20%E4%BA%A9,-%E6%84%8F%E5%90%91%E5%9C%B0%E5%8C%BA%EF%BC%9A%E6%B5%99%E6%B1%9F\", \"Seeking Fujian -- Agricultural and Sideline Food enterprise site selection, intent to purchase 10 mu of land in Fujian\"],\r\n                [\"Fujian\", \"Auto Parts\", \"http:\/\/www.cfhvip.com\/6-3\/#:~:text=%E4%B8%87%0A%E7%94%9F%E4%BA%A7%E9%9C%80%E6%B1%82%EF%BC%9A-,10%E4%BA%A9%E5%9C%9F%E5%9C%B0\/%E5%8E%82%E6%88%BF,-%E5%85%B3%E6%B3%A8%E9%87%8D%E7%82%B9%EF%BC%9A%E7%A6%8F%E5%BB%BA\", \"Seeking Fujian -- Auto Parts enterprise site selection, intent to purchase 10 mu of land in Fujian\"],\r\n                [\"Fujian\", \"Food\", \"http:\/\/www.cfhvip.com\/7-2\/#:~:text=%E7%99%BD%E9%86%8B%0A%E7%94%9F%E7%94%A2%E9%9C%80%E6%B1%82%EF%BC%9A-,20%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E9%97%9C%E6%B3%A8%E9%87%8D%E9%BB%9E%EF%BC%9A%E4%BA%A4%E9%80%9A\", \"Seeking Fujian -- Food Manufacturing enterprise site selection, intent to purchase 20 mu of land in Fujian\"],\r\n                [\"Fujian\", \"Chemical\", \"http:\/\/www.cfhvip.com\/9-2\/#:~:text=%E7%A1%85%E9%85%B8%E9%88%89%0A%E7%94%9F%E7%94%A2%E9%9C%80%E6%B1%82%EF%BC%9A-,30%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E7%B6%93%E7%87%9F%E6%83%85%E6%B3%81%EF%BC%9A%E9%A1%8D\", \"Seeking Fujian -- Chemical Production enterprise site selection, intent to rent 30 mu of land in Fujian\"],\r\n                [\"Guangdong\", \"Plastics\", \"http:\/\/www.cfhvip.com\/9-3\/#:~:text=%E5%B7%A6%E5%8F%B3%0A%E7%94%9F%E7%94%A2%E9%9C%80%E6%B1%82%EF%BC%9A-,30%2D50%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E9%97%9C%E6%B3%A8%E9%87%8D%E9%BB%9E%EF%BC%9A%E4%B8%8B%E6%B8%B8\", \"Seeking Guangdong -- Plastic Products enterprise site selection, intent to purchase 50 mu of land in Guangdong\"],\r\n                [\"Guangdong\", \"New Materials\", \"http:\/\/www.cfhvip.com\/%e6%94%bf%e5%ba%9c2\/#:~:text=%E4%BB%A5%E4%B8%8A%0A%E7%94%9F%E7%94%A2%E9%9C%80%E6%B1%82%EF%BC%9A-,10%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E8%A3%9C%E5%85%85%E4%BF%A1%E6%81%AF%EF%BC%9A%E6%AD%A4%E6%AC%A1\", \"Seeking Guangdong -- New Materials enterprise site selection, intent to purchase 10 mu of land in Guangdong\"],\r\n                [\"Guangdong\", \"Chemical\", \"http:\/\/www.cfhvip.com\/11-2\/#:~:text=%E5%8C%96%E5%B7%A5%0A%E7%94%9F%E7%94%A2%E9%9C%80%E6%B1%82%EF%BC%9A-,10%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E9%97%9C%E6%B3%A8%E9%87%8D%E9%BB%9E%EF%BC%9A%E7%94%A2%E6%A5%AD\", \"Seeking Guangdong -- Chemical enterprise site selection, intent to purchase 10 mu of land in Guangdong\"],\r\n                [\"Guangdong\", \"Building Materials\", \"http:\/\/www.cfhvip.com\/%e6%94%bf%e5%ba%9c3\/#:~:text=%E7%94%9F%E7%94%A2%0A%E7%94%9F%E7%94%A2%E9%9C%80%E6%B1%82%EF%BC%9A-,10%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E9%97%9C%E6%B3%A8%E9%87%8D%E9%BB%9E%EF%BC%9A%E4%BD%9B%E5%B1%B1\", \"Seeking Guangdong -- Building Materials enterprise site selection, intent to purchase 10 mu of land in Guangdong\"],\r\n                [\"Zhejiang\", \"Electronics\", \"http:\/\/www.cfhvip.com\/6-2\/#:~:text=%E8%90%AC%0A%E7%94%9F%E7%94%A2%E9%9C%80%E6%B1%82%EF%BC%9A-,10%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E9%97%9C%E6%B3%A8%E9%87%8D%E9%BB%9E%EF%BC%9A%E6%BA%AB%E5%B7%9E\", \"Seeking Zhejiang -- Electronics enterprise site selection, intent to purchase 10 mu of land in Zhejiang\"],\r\n                [\"Zhejiang\", \"Food\", \"http:\/\/www.cfhvip.com\/14-3\/#:~:text=%E5%8A%A0%E5%B7%A5%0A%E7%94%9F%E7%94%A2%E9%9C%80%E6%B1%82%EF%BC%9A-,30%2D40%E7%95%9D%E5%9C%9F%E5%9C%B0,-%E9%97%9C%E6%B3%A8%E9%87%8D%E9%BB%9E%EF%BC%9A%E6%9D%AD%E5%B7%9E\", \"Seeking Zhejiang -- Agricultural and Sideline Food enterprise site selection, intent to purchase 30-40 mu of land in Zhejiang\"]\r\n            ];\r\n\r\n\r\n            var searchInput = module.querySelector(\r\n                \".cfh-investment__search-input\"\r\n            );\r\n\r\n            var panels = Array.prototype.slice.call(\r\n                module.querySelectorAll(\r\n                    \".cfh-investment__panel\"\r\n                )\r\n            );\r\n\r\n\r\n            function getDataForPanel(panel) {\r\n                return panel.getAttribute(\"data-cfh-panel\") === \"investment\"\r\n                    ? investmentData\r\n                    : demandData;\r\n            }\r\n\r\n\r\n            function createResourceItem(dataItem) {\r\n                var item = document.createElement(\"div\");\r\n\r\n                item.className =\r\n                    \"cfh-investment__item\";\r\n\r\n                item.setAttribute(\r\n                    \"data-region\",\r\n                    dataItem[0]\r\n                );\r\n\r\n                item.setAttribute(\r\n                    \"data-type\",\r\n                    dataItem[1]\r\n                );\r\n\r\n                item.setAttribute(\r\n                    \"data-text\",\r\n                    dataItem[3]\r\n                );\r\n\r\n                var link =\r\n                    document.createElement(\"a\");\r\n\r\n                link.className =\r\n                    \"cfh-investment__link\";\r\n\r\n                link.href = dataItem[2];\r\n                link.target = \"_blank\";\r\n                link.rel = \"noopener noreferrer\";\r\n                link.textContent = dataItem[3];\r\n\r\n                item.appendChild(link);\r\n\r\n                return item;\r\n            }\r\n\r\n\r\n            function updateMarqueeHeight(list) {\r\n                if (!list) {\r\n                    return;\r\n                }\r\n\r\n                window.requestAnimationFrame(\r\n                    function () {\r\n                        var isStatic =\r\n                            list.classList.contains(\r\n                                \"is-static\"\r\n                            );\r\n\r\n                        var contentHeight =\r\n                            isStatic\r\n                                ? list.scrollHeight\r\n                                : list.scrollHeight \/ 2;\r\n\r\n                        list.style.setProperty(\r\n                            \"--cfh-list-height\",\r\n                            contentHeight + \"px\"\r\n                        );\r\n\r\n                        if (\r\n                            !isStatic &&\r\n                            contentHeight > 0\r\n                        ) {\r\n                            \/*\r\n                             * Force restart animation so updated list starts from top.\r\n                             *\/\r\n                            list.classList.remove(\r\n                                \"is-scrolling\"\r\n                            );\r\n\r\n                            void list.offsetHeight;\r\n\r\n                            list.classList.add(\r\n                                \"is-scrolling\"\r\n                            );\r\n                        } else {\r\n                            list.classList.remove(\r\n                                \"is-scrolling\"\r\n                            );\r\n                        }\r\n                    }\r\n                );\r\n            }\r\n\r\n\r\n            function renderPanel(panel) {\r\n                var list = panel.querySelector(\r\n                    \".cfh-investment__list\"\r\n                );\r\n\r\n                var regionSelect = panel.querySelector(\r\n                    '[data-cfh-filter=\"region\"]'\r\n                );\r\n\r\n                var typeSelect = panel.querySelector(\r\n                    '[data-cfh-filter=\"type\"]'\r\n                );\r\n\r\n                if (\r\n                    !list ||\r\n                    !regionSelect ||\r\n                    !typeSelect\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n                var region = regionSelect.value;\r\n                var type = typeSelect.value;\r\n\r\n                var keyword = searchInput\r\n                    ? searchInput.value\r\n                        .trim()\r\n                        .toLowerCase()\r\n                    : \"\";\r\n\r\n                var sourceData =\r\n                    getDataForPanel(panel);\r\n\r\n                var hasFilters =\r\n                    Boolean(region || type || keyword);\r\n\r\n                var filteredData =\r\n                    sourceData.filter(\r\n                        function (dataItem) {\r\n                            var itemRegion =\r\n                                dataItem[0];\r\n\r\n                            var itemType =\r\n                                dataItem[1];\r\n\r\n                            var itemText =\r\n                                dataItem[3];\r\n\r\n                            var matchesRegion =\r\n                                !region ||\r\n                                itemRegion.indexOf(region) !== -1;\r\n\r\n                            var matchesType =\r\n                                !type ||\r\n                                itemType.indexOf(type) !== -1 ||\r\n                                itemText.indexOf(type) !== -1;\r\n\r\n                            var matchesKeyword =\r\n                                !keyword ||\r\n                                itemText\r\n                                    .toLowerCase()\r\n                                    .indexOf(keyword) !== -1 ||\r\n                                itemRegion\r\n                                    .toLowerCase()\r\n                                    .indexOf(keyword) !== -1 ||\r\n                                itemType\r\n                                    .toLowerCase()\r\n                                    .indexOf(keyword) !== -1;\r\n\r\n                            return (\r\n                                matchesRegion &&\r\n                                matchesType &&\r\n                                matchesKeyword\r\n                            );\r\n                        }\r\n                    );\r\n\r\n                list.classList.remove(\r\n                    \"is-scrolling\"\r\n                );\r\n\r\n                list.innerHTML = \"\";\r\n\r\n                if (!filteredData.length) {\r\n                    list.classList.add(\r\n                        \"is-static\"\r\n                    );\r\n\r\n                    var empty =\r\n                        document.createElement(\"div\");\r\n\r\n                    empty.className =\r\n                        \"cfh-investment__empty\";\r\n\r\n                    empty.textContent =\r\n                        \"No matching information, please change search or filter criteria.\";\r\n\r\n                    list.appendChild(empty);\r\n\r\n                    updateMarqueeHeight(list);\r\n\r\n                    return;\r\n                }\r\n\r\n                if (hasFilters) {\r\n                    list.classList.add(\r\n                        \"is-static\"\r\n                    );\r\n\r\n                    filteredData.forEach(\r\n                        function (dataItem) {\r\n                            list.appendChild(\r\n                                createResourceItem(dataItem)\r\n                            );\r\n                        }\r\n                    );\r\n                } else {\r\n                    list.classList.remove(\r\n                        \"is-static\"\r\n                    );\r\n\r\n                    \/*\r\n                     * Duplicate data twice for seamless looping when no filter.\r\n                     *\/\r\n                    filteredData\r\n                        .concat(filteredData)\r\n                        .forEach(\r\n                            function (dataItem) {\r\n                                list.appendChild(\r\n                                    createResourceItem(dataItem)\r\n                                );\r\n                            }\r\n                        );\r\n                }\r\n\r\n                var scrollContainer =\r\n                    panel.querySelector(\r\n                        \".cfh-investment__scroll\"\r\n                    );\r\n\r\n                if (scrollContainer) {\r\n                    scrollContainer.scrollTop = 0;\r\n                }\r\n\r\n                updateMarqueeHeight(list);\r\n            }\r\n\r\n\r\n            function renderAllPanels() {\r\n                panels.forEach(renderPanel);\r\n            }\r\n\r\n\r\n            module\r\n                .querySelectorAll(\r\n                    \".cfh-investment__select\"\r\n                )\r\n                .forEach(\r\n                    function (select) {\r\n                        select.addEventListener(\r\n                            \"change\",\r\n                            function () {\r\n                                var panel = select.closest(\r\n                                    \".cfh-investment__panel\"\r\n                                );\r\n\r\n                                if (panel) {\r\n                                    renderPanel(panel);\r\n                                }\r\n                            }\r\n                        );\r\n                    }\r\n                );\r\n\r\n\r\n            if (searchInput) {\r\n                var searchTimer = null;\r\n\r\n                searchInput.addEventListener(\r\n                    \"input\",\r\n                    function () {\r\n                        window.clearTimeout(\r\n                            searchTimer\r\n                        );\r\n\r\n                        searchTimer =\r\n                            window.setTimeout(\r\n                                renderAllPanels,\r\n                                90\r\n                            );\r\n                    }\r\n                );\r\n\r\n                \/*\r\n                 * Press Escape to clear search.\r\n                 *\/\r\n                searchInput.addEventListener(\r\n                    \"keydown\",\r\n                    function (event) {\r\n                        if (\r\n                            event.key === \"Escape\" &&\r\n                            searchInput.value\r\n                        ) {\r\n                            searchInput.value = \"\";\r\n                            renderAllPanels();\r\n                        }\r\n                    }\r\n                );\r\n            }\r\n\r\n\r\n            \/*\r\n             * Trigger entrance animation after element enters viewport.\r\n             *\/\r\n            if (\"IntersectionObserver\" in window) {\r\n                var observer =\r\n                    new IntersectionObserver(\r\n                        function (entries) {\r\n                            entries.forEach(\r\n                                function (entry) {\r\n                                    if (\r\n                                        entry.isIntersecting\r\n                                    ) {\r\n                                        module.classList.add(\r\n                                            \"is-inview\"\r\n                                        );\r\n\r\n                                        observer.disconnect();\r\n                                    }\r\n                                }\r\n                            );\r\n                        },\r\n                        {\r\n                            threshold: 0.08,\r\n                            rootMargin:\r\n                                \"0px 0px -5% 0px\"\r\n                        }\r\n                    );\r\n\r\n                observer.observe(module);\r\n            } else {\r\n                module.classList.add(\r\n                    \"is-inview\"\r\n                );\r\n            }\r\n\r\n\r\n            \/*\r\n             * Recalculate seamless scroll distance after screen resize.\r\n             *\/\r\n            var resizeTimer = null;\r\n\r\n            window.addEventListener(\r\n                \"resize\",\r\n                function () {\r\n                    window.clearTimeout(\r\n                        resizeTimer\r\n                    );\r\n\r\n                    resizeTimer =\r\n                        window.setTimeout(\r\n                            function () {\r\n                                module\r\n                                    .querySelectorAll(\r\n                                        \".cfh-investment__list\"\r\n                                    )\r\n                                    .forEach(\r\n                                        updateMarqueeHeight\r\n                                    );\r\n                            },\r\n                            180\r\n                        );\r\n                }\r\n            );\r\n\r\n\r\n            \/*\r\n             * Recalculate height after font load to avoid scroll seam offset.\r\n             *\/\r\n            if (\r\n                document.fonts &&\r\n                document.fonts.ready\r\n            ) {\r\n                document.fonts.ready.then(\r\n                    function () {\r\n                        module\r\n                            .querySelectorAll(\r\n                                \".cfh-investment__list\"\r\n                            )\r\n                            .forEach(\r\n                                updateMarqueeHeight\r\n                            );\r\n                    }\r\n                );\r\n            }\r\n\r\n\r\n            \/* Initialize both panels *\/\r\n            renderAllPanels();\r\n\r\n        })();\r\n    <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7ddd3f elementor-widget elementor-widget-html\" data-id=\"d7ddd3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"cfh-advantage\" class=\"cfh-advantage\" aria-labelledby=\"cfh-advantage-title\"><style>\r\n#cfh-advantage{--cfh-advantage-blue:#285985;--cfh-advantage-blue-dark:#173e65;--cfh-advantage-gold:#d8b45d;--cfh-advantage-gold-light:#f0d28a;--cfh-advantage-gold-deep:#9c7a38;--cfh-advantage-text:#fff;--cfh-advantage-muted:#d5dfeb;--cfh-advantage-dark-text:#0a1f3a;--cfh-advantage-card:linear-gradient(145deg,#285985 0%,#1d4b76 54%,#173e65 100%);--cfh-advantage-border:rgba(216,180,93,.36);--cfh-advantage-ease:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;width:100%;margin:0;padding:clamp(58px,7vw,104px) 0 clamp(48px,6vw,82px);overflow:hidden;color:var(--cfh-advantage-text);background:transparent;font-family:\"PingFang SC\",\"Microsoft YaHei\",\"Noto Sans TC\",\"Noto Sans SC\",Arial,sans-serif;scroll-margin-top:28px}\r\n#cfh-advantage,#cfh-advantage *,#cfh-advantage *::before,#cfh-advantage *::after{box-sizing:border-box}\r\n#cfh-advantage::before{content:\"\";position:absolute;top:17%;left:50%;z-index:-2;width:min(74vw,1160px);height:72%;border-radius:50%;background:radial-gradient(ellipse,rgba(214,196,148,.16) 0%,rgba(214,196,148,.06) 34%,transparent 72%);transform:translateX(-50%);filter:blur(8px);pointer-events:none}\r\n#cfh-advantage::after{content:\"\";position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(229,224,210,.08));pointer-events:none}\r\n#cfh-advantage .cfh-advantage__wrapper{position:relative;z-index:1;width:min(calc(100% - 64px),1600px);margin:0 auto}\r\n#cfh-advantage .cfh-advantage__wrapper::before{content:\"\";position:absolute;top:8%;left:50%;z-index:-1;width:min(72vw,1120px);height:82%;border-radius:50%;background:radial-gradient(ellipse,rgba(214,196,148,.11),transparent 70%);transform:translateX(-50%);pointer-events:none}\r\n#cfh-advantage .cfh-advantage__header{display:block;width:100%;max-width:none;margin:0 0 clamp(34px,4vw,48px);text-align:center}\r\n#cfh-advantage .cfh-advantage__eyebrow{display:block!important;width:100%!important;margin:0 0 10px!important;color:#d8b45d!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.24em!important;text-align:center!important;text-transform:uppercase}\r\n#cfh-advantage .cfh-advantage__eyebrow::before,#cfh-advantage .cfh-advantage__eyebrow::after{display:none!important;content:none}\r\n#cfh-advantage .cfh-advantage__title{display:block;width:100%;margin:0;padding:0;color:#0b2a50;font-size:clamp(30px,2.8vw,42px);font-weight:700;line-height:1.25;letter-spacing:.1em;text-align:center;text-indent:0}\r\n#cfh-advantage .cfh-advantage__title-line{display:block;width:45px;height:2px;margin:15px auto 0;background:linear-gradient(90deg,var(--cfh-advantage-gold-light),var(--cfh-advantage-gold));box-shadow:0 0 10px rgba(240,210,138,.45)}\r\n#cfh-advantage .cfh-advantage__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:\"card1 card2 card3 card4\" \"stat1 stat2 stat3 stat4\";column-gap:clamp(16px,1.5vw,24px);row-gap:clamp(12px,1.4vw,20px);align-items:start}\r\n#cfh-advantage .cfh-advantage__card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:clamp(250px,18vw,285px);padding:clamp(23px,2.1vw,31px) clamp(18px,2vw,29px) clamp(20px,2vw,27px);overflow:hidden;border:1px solid var(--cfh-advantage-border);border-radius:clamp(14px,1.4vw,19px);background:var(--cfh-advantage-card);box-shadow:0 14px 32px rgba(5,25,48,.18),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .8s var(--cfh-advantage-ease),opacity .7s var(--cfh-advantage-ease),box-shadow .45s var(--cfh-advantage-ease),border-color .45s ease}\r\n#cfh-advantage .cfh-advantage__card:nth-child(1){grid-area:card1}\r\n#cfh-advantage .cfh-advantage__card:nth-child(2){grid-area:card2}\r\n#cfh-advantage .cfh-advantage__card:nth-child(3){grid-area:card3}\r\n#cfh-advantage .cfh-advantage__card:nth-child(4){grid-area:card4}\r\n#cfh-advantage .cfh-advantage__card::before{content:\"\";position:absolute;top:0;left:0;right:auto;z-index:4;width:100%;height:3px;background:linear-gradient(90deg,var(--cfh-advantage-gold-light),var(--cfh-advantage-gold-deep));transform:scaleX(.25);transform-origin:left center;box-shadow:0 0 10px rgba(240,210,138,.5);transition:transform .5s var(--cfh-advantage-ease)}\r\n#cfh-advantage .cfh-advantage__card::after{content:\"\";position:absolute;right:-28%;bottom:-54%;z-index:0;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,180,93,.12),transparent 68%);opacity:.72;pointer-events:none}\r\n#cfh-advantage .cfh-advantage__shine{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;background:linear-gradient(105deg,transparent 38%,rgba(240,210,138,.35) 50%,transparent 62%);transform:translateX(-120%);pointer-events:none;animation:none}\r\n#cfh-advantage .cfh-advantage__number{position:absolute;top:clamp(5px,.7vw,10px);right:clamp(8px,1vw,16px);z-index:1;color:rgba(105,146,186,.42);font-family:Georgia,\"Times New Roman\",serif;font-size:clamp(58px,5.2vw,82px);font-weight:700;line-height:1;opacity:.7;pointer-events:none;user-select:none}\r\n#cfh-advantage .cfh-advantage__card-title{position:relative;z-index:2;margin:clamp(18px,2.0vw,28px) 0 clamp(8px,.8vw,11px);color:var(--cfh-advantage-text);font-size:clamp(21px,1.5vw,26px);font-weight:700;line-height:1.3;letter-spacing:.035em;text-align:left}\r\n#cfh-advantage .cfh-advantage__card-title::after{content:\"\";display:block;width:clamp(21px,1.8vw,27px);height:2px;margin-top:clamp(6px,.65vw,9px);background:linear-gradient(90deg,var(--cfh-advantage-gold-light),rgba(216,180,93,.18))}\r\n#cfh-advantage .cfh-advantage__description{position:relative;z-index:2;margin:0;color:var(--cfh-advantage-muted);font-size:clamp(18px,1.35vw,24px);font-weight:400;line-height:1.58;letter-spacing:0;text-align:left}\r\n#cfh-advantage .cfh-advantage__keyword{color:var(--cfh-advantage-gold);font-weight:600}\r\n#cfh-advantage .cfh-advantage__data{color:var(--cfh-advantage-gold-light);font-weight:700;white-space:nowrap}\r\n#cfh-advantage .cfh-advantage__stat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:clamp(88px,7vw,112px);padding:2px 8px 0;text-align:center;transition:opacity .7s var(--cfh-advantage-ease),transform .8s var(--cfh-advantage-ease)}\r\n#cfh-advantage .cfh-advantage__stat:nth-child(5){grid-area:stat1}\r\n#cfh-advantage .cfh-advantage__stat:nth-child(6){grid-area:stat2}\r\n#cfh-advantage .cfh-advantage__stat:nth-child(7){grid-area:stat3}\r\n#cfh-advantage .cfh-advantage__stat:nth-child(8){grid-area:stat4}\r\n#cfh-advantage .cfh-advantage__stat::before{display:none!important;content:none!important}\r\n#cfh-advantage .cfh-advantage__number-value{position:relative;display:inline-block;min-width:1.8em;color:#d8ad43;font-family:Arial,\"Helvetica Neue\",\"Microsoft YaHei\",\"PingFang SC\",sans-serif;font-size:clamp(48px,4.25vw,68px);font-weight:700;line-height:1.08;letter-spacing:0;white-space:nowrap;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;filter:none;text-shadow:none;transform:translateZ(0) scale(1);transition:transform .38s ease,filter .38s ease}\r\n#cfh-advantage .cfh-advantage__number-value::after{display:none!important;content:none!important}\r\n#cfh-advantage .cfh-advantage__stat-label{margin-top:7px;color:#142c4b;font-size:clamp(15px,1.05vw,18px);font-weight:600;line-height:1.35;letter-spacing:.05em;text-shadow:0 1px 0 rgba(255,255,255,.5)}\r\n#cfh-advantage .cfh-advantage__number-value.is-finished{animation:none;filter:none;text-shadow:none;transform:none}\r\n#cfh-advantage.is-ready .cfh-advantage__card,#cfh-advantage.is-ready .cfh-advantage__stat{opacity:0;transform:translate3d(0,36px,0)}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__card,#cfh-advantage.is-ready.is-inview .cfh-advantage__stat{opacity:1;transform:translate3d(0,0,0)}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__card:nth-child(1){transition-delay:.08s}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__card:nth-child(2){transition-delay:.16s}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__card:nth-child(3){transition-delay:.24s}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__card:nth-child(4){transition-delay:.32s}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__stat:nth-child(5){transition-delay:.42s}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__stat:nth-child(6){transition-delay:.5s}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__stat:nth-child(7){transition-delay:.58s}\r\n#cfh-advantage.is-ready.is-inview .cfh-advantage__stat:nth-child(8){transition-delay:.66s}\r\n@media (hover:hover) and (pointer:fine){#cfh-advantage .cfh-advantage__card:hover .cfh-advantage__shine{animation:cfhAdvantageCardShine .85s var(--cfh-advantage-ease) forwards}#cfh-advantage .cfh-advantage__card:hover::before{transform:scaleX(1)}#cfh-advantage .cfh-advantage__card:hover{transform:translate3d(0,-8px,0);border-color:rgba(216,180,93,.42);box-shadow:0 22px 48px rgba(0,0,0,.35),0 0 0 1px rgba(216,180,93,.12),0 0 20px rgba(216,180,93,.15)}#cfh-advantage .cfh-advantage__stat:hover .cfh-advantage__number-value{transform:translateY(-4px) scale(1.04);filter:drop-shadow(0 3px 0 rgba(118,76,10,.58)) drop-shadow(0 8px 13px rgba(118,78,14,.32)) drop-shadow(0 0 20px rgba(244,204,96,.44))}}\r\n@keyframes cfhAdvantageCardShine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}\r\n@media (max-width:1100px){#cfh-advantage .cfh-advantage__wrapper{width:calc(100% - clamp(40px,7vw,64px))}#cfh-advantage .cfh-advantage__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:\"card1 card2\" \"stat1 stat2\" \"card3 card4\" \"stat3 stat4\";column-gap:clamp(13px,2.4vw,20px);row-gap:clamp(10px,1.8vw,16px)}#cfh-advantage .cfh-advantage__card{min-height:clamp(220px,27vw,250px);padding:clamp(20px,2.8vw,27px) clamp(16px,2.5vw,23px) clamp(18px,2.5vw,24px)}#cfh-advantage .cfh-advantage__number{top:4px;right:9px;font-size:clamp(52px,8vw,72px)}#cfh-advantage .cfh-advantage__card-title{margin:clamp(22px,3.2vw,34px) 0 8px;font-size:clamp(18px,2.25vw,22px)}#cfh-advantage .cfh-advantage__description{font-size:clamp(15px,1.9vw,18px);line-height:1.55}#cfh-advantage .cfh-advantage__stat{min-height:clamp(76px,8vw,98px)}#cfh-advantage .cfh-advantage__number-value{font-size:clamp(42px,5.8vw,58px)}#cfh-advantage .cfh-advantage__stat-label{margin-top:5px;font-size:clamp(14px,1.8vw,17px)}}\r\n@media (max-width:680px){#cfh-advantage{padding:clamp(42px,9vw,58px) 0 clamp(36px,8vw,50px)}#cfh-advantage .cfh-advantage__wrapper{width:calc(100% - 28px)}#cfh-advantage .cfh-advantage__header{margin-bottom:clamp(28px,6vw,36px)}#cfh-advantage .cfh-advantage__eyebrow{font-size:10px!important;letter-spacing:.18em!important}#cfh-advantage .cfh-advantage__title{font-size:clamp(28px,8vw,36px);letter-spacing:.08em}#cfh-advantage .cfh-advantage__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:\"card1 card2\" \"stat1 stat2\" \"card3 card4\" \"stat3 stat4\";column-gap:clamp(8px,2.8vw,13px);row-gap:clamp(8px,2.2vw,13px)}#cfh-advantage .cfh-advantage__card{min-height:clamp(184px,52vw,216px);padding:clamp(14px,3.8vw,20px) clamp(10px,3vw,16px) clamp(14px,3.5vw,19px);border-radius:clamp(12px,3.5vw,17px)}#cfh-advantage .cfh-advantage__card::before{height:2px}#cfh-advantage .cfh-advantage__shine{background:linear-gradient(105deg,transparent 36%,rgba(240,210,138,.28) 50%,transparent 64%)}#cfh-advantage .cfh-advantage__number{top:3px;right:5px;font-size:clamp(43px,13vw,62px)}#cfh-advantage .cfh-advantage__card-title{margin:clamp(20px,5vw,28px) 0 clamp(6px,1.8vw,9px);font-size:clamp(14px,4vw,18px);line-height:1.28;letter-spacing:0}#cfh-advantage .cfh-advantage__card-title::after{width:clamp(17px,4.5vw,22px);height:1px;margin-top:6px}#cfh-advantage .cfh-advantage__description{font-size:clamp(12.5px,3.2vw,15px);line-height:1.48}#cfh-advantage .cfh-advantage__data,#cfh-advantage .cfh-advantage__keyword{white-space:normal}#cfh-advantage .cfh-advantage__stat{min-height:clamp(64px,18vw,80px);padding:0 4px}#cfh-advantage .cfh-advantage__number-value{font-size:clamp(34px,9.5vw,48px);letter-spacing:0;line-height:1.08}#cfh-advantage .cfh-advantage__stat-label{margin-top:4px;font-size:clamp(11px,3.3vw,14px);line-height:1.3;letter-spacing:.02em}#cfh-advantage.is-ready .cfh-advantage__card,#cfh-advantage.is-ready .cfh-advantage__stat{transform:translate3d(0,24px,0)}#cfh-advantage.is-ready.is-inview .cfh-advantage__card,#cfh-advantage.is-ready.is-inview .cfh-advantage__stat{transform:translate3d(0,0,0)}}\r\n@media (max-width:390px){#cfh-advantage .cfh-advantage__wrapper{width:calc(100% - 22px)}#cfh-advantage .cfh-advantage__grid{column-gap:7px;row-gap:8px}#cfh-advantage .cfh-advantage__card{min-height:176px;padding:13px 8px 14px;border-radius:11px}#cfh-advantage .cfh-advantage__number{top:2px;right:4px;font-size:43px}#cfh-advantage .cfh-advantage__card-title{margin-top:19px;margin-bottom:6px;font-size:13px;line-height:1.25}#cfh-advantage .cfh-advantage__description{font-size:11.5px;line-height:1.45}#cfh-advantage .cfh-advantage__stat{min-height:57px}#cfh-advantage .cfh-advantage__number-value{font-size:32px}#cfh-advantage .cfh-advantage__stat-label{font-size:11px}}\r\n@media (prefers-reduced-motion:reduce){#cfh-advantage .cfh-advantage__card,#cfh-advantage .cfh-advantage__stat,#cfh-advantage .cfh-advantage__number-value{animation:none!important;transition:none!important}#cfh-advantage .cfh-advantage__shine{display:none;animation:none}#cfh-advantage .cfh-advantage__card::before{transform:scaleX(.25);transition:none}}\r\n#cfh-advantage .cfh-advantage__grid {\r\n    align-items: start !important;\r\n}\r\n\r\n#cfh-advantage .cfh-advantage__card {\r\n    align-self: stretch !important;\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n}\r\n\r\n#cfh-advantage .cfh-advantage__card-title {\r\n    font-size: clamp(18px, 1.15vw, 22px) !important;\r\n    line-height: 1.22 !important;\r\n    letter-spacing: 0.015em !important;\r\n    overflow-wrap: break-word !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n#cfh-advantage .cfh-advantage__description {\r\n    font-size: clamp(14px, 0.95vw, 18px) !important;\r\n    line-height: 1.48 !important;\r\n    letter-spacing: 0 !important;\r\n    overflow-wrap: break-word !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n#cfh-advantage .cfh-advantage__keyword,\r\n#cfh-advantage .cfh-advantage__data {\r\n    white-space: normal !important;\r\n    overflow-wrap: break-word !important;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n    #cfh-advantage .cfh-advantage__card-title {\r\n        font-size: clamp(17px, 1.9vw, 20px) !important;\r\n    }\r\n\r\n    #cfh-advantage .cfh-advantage__description {\r\n        font-size: clamp(13px, 1.55vw, 16px) !important;\r\n        line-height: 1.45 !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    #cfh-advantage .cfh-advantage__card-title {\r\n        font-size: clamp(13px, 3.7vw, 17px) !important;\r\n        line-height: 1.25 !important;\r\n    }\r\n\r\n    #cfh-advantage .cfh-advantage__description {\r\n        font-size: clamp(11px, 3vw, 14px) !important;\r\n        line-height: 1.42 !important;\r\n    }\r\n}\r\n<\/style><div class=\"cfh-advantage__wrapper\"><header class=\"cfh-advantage__header\"><p class=\"cfh-advantage__eyebrow\">CORE ADVANTAGES<\/p><h2 id=\"cfh-advantage-title\" class=\"cfh-advantage__title\">Core Advantages<\/h2><span class=\"cfh-advantage__title-line\" aria-hidden=\"true\"><\/span><\/header><div class=\"cfh-advantage__grid\"><article class=\"cfh-advantage__card\"><span class=\"cfh-advantage__shine\" aria-hidden=\"true\"><\/span><span class=\"cfh-advantage__number\" aria-hidden=\"true\">01<\/span><h3 class=\"cfh-advantage__card-title\">Rich Operational Experience<\/h3><p class=\"cfh-advantage__description\">Key team members have been deeply engaged in <span class=\"cfh-advantage__keyword\">industrial real estate<\/span> for <span class=\"cfh-advantage__data\">20+<\/span> years, having visited over <span class=\"cfh-advantage__data\">2,000+<\/span> counties and districts nationwide, with total investment exceeding <span class=\"cfh-advantage__data\">300 billion<\/span>.<\/p><\/article><article class=\"cfh-advantage__card\"><span class=\"cfh-advantage__shine\" aria-hidden=\"true\"><\/span><span class=\"cfh-advantage__number\" aria-hidden=\"true\">02<\/span><h3 class=\"cfh-advantage__card-title\">Professional Service Team<\/h3><p class=\"cfh-advantage__description\">Over <span class=\"cfh-advantage__data\">95%<\/span> of employees graduated from <span class=\"cfh-advantage__keyword\">top <span class=\"cfh-advantage__data\">100<\/span> universities worldwide<\/span>, and our management team comes from <span class=\"cfh-advantage__keyword\">Global <span class=\"cfh-advantage__data\">500<\/span> companies<\/span> and <span class=\"cfh-advantage__keyword\">government investment promotion departments<\/span>.<\/p><\/article><article class=\"cfh-advantage__card\"><span class=\"cfh-advantage__shine\" aria-hidden=\"true\"><\/span><span class=\"cfh-advantage__number\" aria-hidden=\"true\">03<\/span><h3 class=\"cfh-advantage__card-title\">Global High-End Resources<\/h3><p class=\"cfh-advantage__description\">Over the years, we have collaborated with <span class=\"cfh-advantage__keyword\">national departments<\/span>, <span class=\"cfh-advantage__keyword\">international forums<\/span>, and institutions to build a <span class=\"cfh-advantage__keyword\">global industrial real estate ecosystem<\/span>, facilitating <span class=\"cfh-advantage__keyword\">high-end resource matching<\/span>.<\/p><\/article><article class=\"cfh-advantage__card\"><span class=\"cfh-advantage__shine\" aria-hidden=\"true\"><\/span><span class=\"cfh-advantage__number\" aria-hidden=\"true\">04<\/span><h3 class=\"cfh-advantage__card-title\">Service First, Payment Later<\/h3><p class=\"cfh-advantage__description\"><span class=\"cfh-advantage__keyword\">Chengfeng<\/span> is committed to accelerating client success, with <span class=\"cfh-advantage__keyword\">service first, payment later<\/span>, dedicated delivery, and quality experience.<\/p><\/article><div class=\"cfh-advantage__stat\" data-target=\"20\" data-suffix=\"Years\"><span class=\"cfh-advantage__number-value\">0<\/span><span class=\"cfh-advantage__stat-label\">Years of Experience<\/span><\/div><div class=\"cfh-advantage__stat\" data-target=\"500\" data-suffix=\"Top\"><span class=\"cfh-advantage__number-value\">0<\/span><span class=\"cfh-advantage__stat-label\">Global 500<\/span><\/div><div class=\"cfh-advantage__stat\" data-target=\"98\" data-suffix=\"%\"><span class=\"cfh-advantage__number-value\">0<\/span><span class=\"cfh-advantage__stat-label\">High-end Resources<\/span><\/div><div class=\"cfh-advantage__stat\" data-target=\"100\" data-suffix=\"%\"><span class=\"cfh-advantage__number-value\">0<\/span><span class=\"cfh-advantage__stat-label\">Dedicated Service<\/span><\/div><\/div><\/div><script>\r\n(function(){'use strict';var s=document.currentScript,m=s?s.closest('#cfh-advantage'):document.getElementById('cfh-advantage');if(!m||m.getAttribute('data-cfh-advantage-ready')==='true')return;m.setAttribute('data-cfh-advantage-ready','true');m.classList.add('is-ready');var cards=m.querySelectorAll('.cfh-advantage__card'),stats=m.querySelectorAll('.cfh-advantage__stat'),values=m.querySelectorAll('.cfh-advantage__number-value'),timers=[],token=0,inView=false;function reset(){token++;timers.forEach(function(id){cancelAnimationFrame(id)});timers=[];values.forEach(function(v){v.textContent='0';v.classList.remove('is-finished')})}function animate(v,target,suffix,delay,t){setTimeout(function(){if(t!==token||!inView)return;var start=null,duration=1450;function frame(now){if(t!==token||!inView)return;if(!start)start=now;var p=Math.min((now-start)\/duration,1),e=1-Math.pow(1-p,3),current=Math.floor(target*e);v.textContent=current+suffix;if(p<1){var id=requestAnimationFrame(frame);timers.push(id)}else{v.textContent=target+suffix;v.classList.remove('is-finished');void v.offsetWidth;v.classList.add('is-finished')}}var id=requestAnimationFrame(frame);timers.push(id)},delay)}function start(){reset();inView=true;m.classList.add('is-inview');var t=token;Array.prototype.forEach.call(values,function(v,i){var stat=stats[i];if(!stat)return;var target=parseInt(stat.getAttribute('data-target'),10)||0,suffix=stat.getAttribute('data-suffix')||'';animate(v,target,suffix,520+i*85,t)})}function stop(){inView=false;m.classList.remove('is-inview');reset()}if('IntersectionObserver' in window){var observer=new IntersectionObserver(function(entries){entries.forEach(function(e){e.isIntersecting?start():stop()})},{threshold:.18,rootMargin:'0px 0px -8% 0px'});observer.observe(m);setTimeout(function(){var r=m.getBoundingClientRect();if(r.top<innerHeight*.88&&r.bottom>0)start()},120);setTimeout(function(){var r=m.getBoundingClientRect();if(r.top<innerHeight*.88&&r.bottom>0)start()},600)}else start()})();\r\n<\/script><\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5fa49a elementor-widget elementor-widget-html\" data-id=\"b5fa49a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n    id=\"cfh-cases\"\r\n    class=\"cfh-cases\"\r\n    aria-labelledby=\"cfh-cases-title\">\r\n\r\n    <style>\r\n        #cfh-cases {\r\n            --blue: #1e3150;\r\n            --blue-light: #365f85;\r\n            --blue-deep: #23496f;\r\n            --gold: #d8b45d;\r\n            --gold-light: #f0d28a;\r\n            --gold-deep: #9c7a38;\r\n            --white: #fff;\r\n            --muted: rgba(245, 241, 232, .78);\r\n            --ease: cubic-bezier(.25, .46, .45, .94);\r\n\r\n            position: relative;\r\n            isolation: isolate;\r\n            width: 100%;\r\n            margin: 0;\r\n            padding: clamp(28px, 4vw, 52px) 0 clamp(40px, 5vw, 68px);\r\n            overflow: hidden;\r\n\r\n            font-family:\r\n                \"PingFang SC\",\r\n                \"Microsoft YaHei\",\r\n                \"Noto Sans SC\",\r\n                \"Noto Sans TC\",\r\n                Arial,\r\n                sans-serif;\r\n        }\r\n\r\n        #cfh-cases,\r\n        #cfh-cases *,\r\n        #cfh-cases *::before,\r\n        #cfh-cases *::after {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u6807\u9898 *\/\r\n        #cfh-cases .cfh-cases__header {\r\n            width: 100%;\r\n            margin: 0 0 clamp(28px, 3vw, 38px);\r\n            text-align: center;\r\n            opacity: 0;\r\n            transform: translateY(16px);\r\n            transition:\r\n                opacity .8s var(--ease),\r\n                transform .8s var(--ease);\r\n        }\r\n\r\n        #cfh-cases.is-visible .cfh-cases__header {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__eyebrow {\r\n            display: block;\r\n            margin: 0 0 6px;\r\n            color: var(--gold);\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            line-height: 1.3;\r\n            letter-spacing: .24em;\r\n            text-align: center;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__title {\r\n            margin: 0;\r\n            padding: 0;\r\n            color: #0a1f3a;\r\n            font-size: clamp(28px, 2.8vw, 40px);\r\n            font-weight: 700;\r\n            line-height: 1.25;\r\n            letter-spacing: .12em;\r\n            text-align: center;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__title-line {\r\n            display: block;\r\n            width: 0;\r\n            height: 3px;\r\n            margin: 12px auto 0;\r\n            border-radius: 2px;\r\n            background: linear-gradient(\r\n                90deg,\r\n                var(--gold-light),\r\n                var(--gold-deep)\r\n            );\r\n            box-shadow: 0 0 12px rgba(240, 210, 138, .55);\r\n            transition: width .9s var(--ease) .3s;\r\n        }\r\n\r\n        #cfh-cases.is-visible .cfh-cases__title-line {\r\n            width: 60px;\r\n        }\r\n\r\n        \/* \u8f6e\u64ad\u89c6\u7a97 *\/\r\n        #cfh-cases .cfh-cases__viewport {\r\n            position: relative;\r\n            width: 100%;\r\n            height: clamp(405px, 35vw, 480px);\r\n            margin: 0 auto;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__track {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        \/* \u5361\u7247 *\/\r\n        #cfh-cases .cfh-cases__card {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            width: clamp(360px, 32vw, 500px);\r\n            height: clamp(330px, 27vw, 400px);\r\n            padding:\r\n                clamp(17px, 1.5vw, 22px)\r\n                clamp(20px, 1.9vw, 28px)\r\n                clamp(20px, 1.8vw, 24px);\r\n\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255, 255, 255, .08);\r\n            border-radius: 16px;\r\n\r\n            background: linear-gradient(\r\n                145deg,\r\n                var(--blue-light) 0%,\r\n                #2d567d 52%,\r\n                var(--blue-deep) 100%\r\n            );\r\n\r\n            \/*\r\n             * \u5220\u9664\u5361\u7247\u5de6\u53f3\u53ca\u56db\u5468\u9634\u5f71\u3002\r\n             * \u4fdd\u7559\u8fb9\u6846\uff0c\u4e0d\u518d\u4ea7\u751f\u9634\u5f71\u906e\u6321\u4e24\u4fa7\u5361\u7247\u3002\r\n             *\/\r\n            box-shadow: none !important;\r\n\r\n            opacity: 0;\r\n            filter: blur(3px);\r\n            transform:\r\n                translate(-50%, -50%)\r\n                translateX(0)\r\n                scale(.8);\r\n            transform-origin: center center;\r\n\r\n            transition:\r\n                transform .6s var(--ease),\r\n                opacity .6s var(--ease),\r\n                filter .6s var(--ease);\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__card.is-active {\r\n            border-color: rgba(240, 210, 138, .38);\r\n            box-shadow: none !important;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: 5;\r\n            width: 76px;\r\n            height: 3px;\r\n            background: linear-gradient(\r\n                90deg,\r\n                var(--gold-light),\r\n                var(--gold)\r\n            );\r\n            box-shadow: 0 0 10px rgba(240, 210, 138, .42);\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__card::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            right: -22%;\r\n            bottom: -38%;\r\n            z-index: 0;\r\n            width: 65%;\r\n            aspect-ratio: 1;\r\n            border-radius: 50%;\r\n            background: radial-gradient(\r\n                circle,\r\n                rgba(216, 180, 93, .12),\r\n                transparent 68%\r\n            );\r\n            pointer-events: none;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__card-inner {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: 100%;\r\n            height: 100%;\r\n            min-height: 0;\r\n        }\r\n\r\n        \/* \u5361\u7247\u6587\u5b57 *\/\r\n        #cfh-cases .cfh-cases__text-area {\r\n            flex: 0 0 auto;\r\n            width: 100%;\r\n            margin: 0 0 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__top-text {\r\n            margin: 0 0 3px;\r\n            color: var(--muted);\r\n            font-size: clamp(12px, .9vw, 14px);\r\n            font-weight: 400;\r\n            line-height: 1.45;\r\n            letter-spacing: .02em;\r\n            text-align: center;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__big-number {\r\n            margin: 0;\r\n            color: var(--gold-light);\r\n            font-size: clamp(29px, 2.3vw, 36px);\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            letter-spacing: .02em;\r\n            text-align: center;\r\n            text-shadow:\r\n                0 2px 0 rgba(117, 76, 12, .28),\r\n                0 0 12px rgba(240, 210, 138, .16);\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__sub-title {\r\n            margin: 5px 0 0;\r\n            color: #fff;\r\n            font-size: clamp(13px, .95vw, 15px);\r\n            font-weight: 500;\r\n            line-height: 1.4;\r\n            text-align: center;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__sub-number {\r\n            margin: 2px 0 0;\r\n            color: var(--gold-light);\r\n            font-size: clamp(21px, 1.6vw, 25px);\r\n            font-weight: 700;\r\n            line-height: 1.15;\r\n            text-align: center;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__watermark {\r\n            position: absolute;\r\n            top: -13px;\r\n            right: -14px;\r\n            z-index: -1;\r\n            color: rgba(255, 255, 255, .045);\r\n            font-size: clamp(86px, 8vw, 120px);\r\n            font-weight: 900;\r\n            line-height: 1;\r\n            pointer-events: none;\r\n            user-select: none;\r\n        }\r\n\r\n        \/* \u56fe\u7247 *\/\r\n        #cfh-cases .cfh-cases__image-wrap {\r\n            position: relative;\r\n            flex: 1 1 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 100%;\r\n            min-height: 0;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255, 255, 255, .08);\r\n            border-radius: 9px;\r\n            background: linear-gradient(\r\n                145deg,\r\n                rgba(255, 255, 255, .09),\r\n                rgba(255, 255, 255, .025)\r\n            );\r\n            box-shadow: inset 0 0 22px rgba(0, 0, 0, .12);\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__image-wrap::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(\r\n                120deg,\r\n                transparent 35%,\r\n                rgba(255, 255, 255, .11) 50%,\r\n                transparent 65%\r\n            );\r\n            opacity: 0;\r\n            transform: translateX(-120%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__card.is-active\r\n        .cfh-cases__image-wrap::after {\r\n            animation: cfhCasesImageSweep 1.2s ease-out .35s both;\r\n        }\r\n\r\n        @keyframes cfhCasesImageSweep {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(120%);\r\n            }\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__image {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform .7s var(--ease);\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__card.is-active\r\n        .cfh-cases__image {\r\n            transform: scale(1.015);\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__image-fallback {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 100%;\r\n            height: 100%;\r\n            min-height: 150px;\r\n            padding: 20px;\r\n            color: rgba(245, 241, 232, .62);\r\n            font-size: 13px;\r\n            line-height: 1.6;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* \u63a7\u5236\u533a *\/\r\n        #cfh-cases .cfh-cases__controls {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__arrow {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 36px;\r\n            height: 36px;\r\n            padding: 0;\r\n            border: 1px solid rgba(120, 130, 142, .55);\r\n            border-radius: 50%;\r\n            color: #6f7680;\r\n            background: transparent;\r\n            cursor: pointer;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 21px;\r\n            line-height: 1;\r\n            box-shadow: none;\r\n            transition:\r\n                color .25s ease,\r\n                border-color .25s ease,\r\n                background .25s ease,\r\n                transform .25s ease;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__arrow:hover {\r\n            border-color: var(--gold);\r\n            color: #8d6b22;\r\n            background: rgba(216, 180, 93, .08);\r\n            transform: scale(1.06);\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__dots {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            padding: 0;\r\n            border: 0;\r\n            border-radius: 50%;\r\n            background: #d1d5db;\r\n            cursor: pointer;\r\n            transition:\r\n                transform .3s ease,\r\n                background .3s ease,\r\n                box-shadow .3s ease;\r\n        }\r\n\r\n        #cfh-cases .cfh-cases__dot.is-active {\r\n            background: #f0c35f;\r\n            transform: scale(1.22);\r\n            box-shadow: 0 0 0 3px rgba(240, 195, 95, .14);\r\n        }\r\n\r\n        \/* \u5e73\u677f\u7aef *\/\r\n        @media (max-width: 1100px) and (min-width: 641px) {\r\n            #cfh-cases .cfh-cases__viewport {\r\n                height: clamp(365px, 43vw, 430px);\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__card {\r\n                width: clamp(340px, 38vw, 420px);\r\n                height: clamp(310px, 36vw, 370px);\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__top-text {\r\n                font-size: 12px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__big-number {\r\n                font-size: clamp(27px, 3vw, 34px);\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__sub-title {\r\n                font-size: 13px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__sub-number {\r\n                font-size: 22px;\r\n            }\r\n        }\r\n\r\n        \/* \u624b\u673a\u7aef *\/\r\n        @media (max-width: 640px) {\r\n            #cfh-cases {\r\n                padding: 28px 0 42px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__header {\r\n                margin-bottom: 22px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__eyebrow {\r\n                font-size: 10px;\r\n                letter-spacing: .18em;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__title {\r\n                font-size: clamp(26px, 8vw, 34px);\r\n                letter-spacing: .08em;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__viewport {\r\n                height: clamp(390px, 108vw, 455px);\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__card {\r\n                width: calc(100% - 28px);\r\n                height: clamp(365px, 101vw, 430px);\r\n                padding: 16px 15px 17px;\r\n                border-radius: 15px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__top-text {\r\n                font-size: 11.5px;\r\n                line-height: 1.42;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__big-number {\r\n                font-size: clamp(27px, 8vw, 32px);\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__sub-title {\r\n                margin-top: 4px;\r\n                font-size: 12.5px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__sub-number {\r\n                font-size: 21px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__watermark {\r\n                top: -9px;\r\n                right: -7px;\r\n                font-size: 92px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__image-wrap {\r\n                min-height: 190px;\r\n                border-radius: 8px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__controls {\r\n                gap: 16px;\r\n                margin-top: 14px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__card:not(.is-active) {\r\n                opacity: 0 !important;\r\n                pointer-events: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 390px) {\r\n            #cfh-cases .cfh-cases__viewport {\r\n                height: 385px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__card {\r\n                width: calc(100% - 22px);\r\n                height: 360px;\r\n                padding: 14px 12px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__top-text {\r\n                font-size: 10.5px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__big-number {\r\n                font-size: 27px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__sub-title {\r\n                font-size: 11.5px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__sub-number {\r\n                font-size: 19px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__image-wrap {\r\n                min-height: 160px;\r\n            }\r\n\r\n            #cfh-cases .cfh-cases__image-fallback {\r\n                font-size: 11px;\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            #cfh-cases .cfh-cases__header,\r\n            #cfh-cases .cfh-cases__card,\r\n            #cfh-cases .cfh-cases__image,\r\n            #cfh-cases .cfh-cases__image-wrap::after {\r\n                animation: none !important;\r\n                transition: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <header class=\"cfh-cases__header\">\r\n        <small class=\"cfh-cases__eyebrow\">CLASSIC CASES<\/small>\r\n\r\n        <h2\r\n            id=\"cfh-cases-title\"\r\n            class=\"cfh-cases__title\">\r\n            Classic Cases\r\n        <\/h2>\r\n\r\n        <span\r\n            class=\"cfh-cases__title-line\"\r\n            aria-hidden=\"true\"><\/span>\r\n    <\/header>\r\n\r\n    <div\r\n        class=\"cfh-cases__viewport\"\r\n        aria-label=\"Classic Cases Carousel\">\r\n\r\n        <div class=\"cfh-cases__track\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cfh-cases__controls\">\r\n        <button\r\n            type=\"button\"\r\n            class=\"cfh-cases__arrow cfh-cases__prev\"\r\n            aria-label=\"Previous Case\">\r\n            \u2039\r\n        <\/button>\r\n\r\n        <div\r\n            class=\"cfh-cases__dots\"\r\n            aria-label=\"Case Navigation\"><\/div>\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"cfh-cases__arrow cfh-cases__next\"\r\n            aria-label=\"Next Case\">\r\n            \u203a\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function () {\r\n            \"use strict\";\r\n\r\n            var module = document.getElementById(\"cfh-cases\");\r\n\r\n            if (!module ||\r\n                module.getAttribute(\"data-cfh-cases-ready\") === \"true\") {\r\n                return;\r\n            }\r\n\r\n            module.setAttribute(\"data-cfh-cases-ready\", \"true\");\r\n\r\n            var viewport = module.querySelector(\".cfh-cases__viewport\");\r\n            var track = module.querySelector(\".cfh-cases__track\");\r\n            var dotsWrap = module.querySelector(\".cfh-cases__dots\");\r\n            var prevButton = module.querySelector(\".cfh-cases__prev\");\r\n            var nextButton = module.querySelector(\".cfh-cases__next\");\r\n\r\n            if (!viewport || !track || !dotsWrap ||\r\n                !prevButton || !nextButton) {\r\n                return;\r\n            }\r\n\r\n            var cardsData = [\r\n                {\r\n                    num: \"01\",\r\n                    topText:\r\n                        \"Completed the bidding, auction and listing of land use covering over 90,000 mu in total for leading e\u2011commerce enterprises including Amazon, JD and Cainiao, with cumulative investment\",\r\n                    bigNum: \"1000 \u4ebf+\",\r\n                    subTitle:\r\n                        \"Led Vipshop to acquire over 20 warehousing and logistics bases both domestically and internationally\",\r\n                    subNum: \"about 40,000 mu\",\r\n                    imgUrl:\r\n                        \"http:\/\/test.cfhvip.com\/wp-content\/uploads\/2025\/04\/\u56fe\u7247.0-2.png\"\r\n                },\r\n                {\r\n                    num: \"02\",\r\n                    topText:\r\n                        \"Promoted the implementation of projects by enterprises such as SF Airport, Transfar Inland Port and Dongbai Warehouse, with cumulative investment\",\r\n                    bigNum: \"1000 \u4ebf+\",\r\n                    subTitle:\r\n                        \"Assisted SF Express in launching Asia\u2019s largest cargo airport in Ezhou\",\r\n                    subNum: \"about 28,000 mu\",\r\n                    imgUrl:\r\n                        \"http:\/\/test.cfhvip.com\/wp-content\/uploads\/2025\/04\/\u56fe\u72472.0-1.png\"\r\n                },\r\n                {\r\n                    num: \"03\",\r\n                    topText:\r\n                        \"Assisted domestic companies in the gas industry, manufacturing sector, new\u2011energy and other industries with global site\u2011matching and location\u2011selection services\",\r\n                    bigNum: \"200 \u5904+\",\r\n                    subTitle:\r\n                        \"Assisted Jinhong Gas in settling into Jiangsu Chemical Industrial Park\",\r\n                    subNum: \"about 100 mu\",\r\n                    imgUrl:\r\n                        \"http:\/\/test.cfhvip.com\/wp-content\/uploads\/2026\/07\/\u6c5f\u82cf\u5316\u5de5\u56ed\u533a.png\"\r\n                },\r\n                {\r\n                    num: \"04\",\r\n                    topText: \"\\u00A0\\n\\u00A0\",\r\n                    bigNum: \"\",\r\n                    subTitle: \"Supporting international projects and academic cooperation\",\r\n                    subNum: \"\\u00A0\\n\\u00A0\",\r\n                    imgUrl: \"http:\/\/www.cfhvip.com\/en\/wp-content\/uploads\/2026\/07\/\u7ecf\u5178\u6848\u4f8b\u534e\u5357\u7406\u5de5\u5927\u5b66\u5408\u4f5c-scaled.jpg\"\r\n                },\r\n                {\r\n                    num: \"05\",\r\n                    topText: \"\\u00A0\\n\\u00A0\",\r\n                    bigNum: \"\",\r\n                    subTitle: \"We have partnered with more than 200 governments and gained wide recognition.\",\r\n                    subNum: \"\\u00A0\\n\\u00A0\",\r\n                    imgUrl: \"http:\/\/www.cfhvip.com\/en\/wp-content\/uploads\/2026\/07\/\u7ecf\u5178\u6848\u4f8b\u653f\u5e9c\u7ae0.jpg\"\r\n                }\r\n                \r\n            ];\r\n\r\n            var cards = [];\r\n            var dots = [];\r\n            var currentIndex = 0;\r\n            var autoPlayTimer = null;\r\n            var restartTimer = null;\r\n            var resizeTimer = null;\r\n\r\n            var isCardHovered = false;\r\n            var isTouching = false;\r\n            var isPageVisible = !document.hidden;\r\n            var isInViewport = true;\r\n\r\n            function escapeHtml(value) {\r\n                return String(value)\r\n                    .replace(\/&\/g, \"&amp;\")\r\n                    .replace(\/<\/g, \"&lt;\")\r\n                    .replace(\/>\/g, \"&gt;\")\r\n                    .replace(\/\"\/g, \"&quot;\")\r\n                    .replace(\/'\/g, \"&#039;\");\r\n            }\r\n\r\n            function getImageHtml(data) {\r\n                if (data.imgUrl) {\r\n                    return (\r\n                        '<img decoding=\"async\" class=\"cfh-cases__image\"' +\r\n                        ' src=\"' + escapeHtml(data.imgUrl) + '\"' +\r\n                        ' alt=\"' + escapeHtml(data.subTitle) + '\"' +\r\n                        ' loading=\"lazy\">'\r\n                    );\r\n                }\r\n\r\n                return (\r\n                    '<div class=\"cfh-cases__image-fallback\">' +\r\n                    \"Content to be supplemented<br>\" +\r\n                    \"The case images and details are being organized\" +\r\n                    \"<\/div>\"\r\n                );\r\n            }\r\n\r\n            function createCards() {\r\n                track.innerHTML = \"\";\r\n                dotsWrap.innerHTML = \"\";\r\n                cards = [];\r\n                dots = [];\r\n\r\n                cardsData.forEach(function (data, index) {\r\n                    var card = document.createElement(\"article\");\r\n\r\n                    card.className = \"cfh-cases__card\";\r\n                    card.setAttribute(\r\n                        \"aria-label\",\r\n                        \"Classic Case \" + data.num\r\n                    );\r\n\r\n                    card.innerHTML =\r\n                        '<div class=\"cfh-cases__card-inner\">' +\r\n                            '<div class=\"cfh-cases__text-area\">' +\r\n                                '<p class=\"cfh-cases__top-text\">' +\r\n                                    escapeHtml(data.topText) +\r\n                                \"<\/p>\" +\r\n                                '<div class=\"cfh-cases__big-number\">' +\r\n                                    escapeHtml(data.bigNum) +\r\n                                \"<\/div>\" +\r\n                                '<div class=\"cfh-cases__sub-title\">' +\r\n                                    escapeHtml(data.subTitle) +\r\n                                \"<\/div>\" +\r\n                                '<div class=\"cfh-cases__sub-number\">' +\r\n                                    escapeHtml(data.subNum) +\r\n                                \"<\/div>\" +\r\n                            \"<\/div>\" +\r\n\r\n                            '<span class=\"cfh-cases__watermark\">' +\r\n                                escapeHtml(data.num) +\r\n                            \"<\/span>\" +\r\n\r\n                            '<div class=\"cfh-cases__image-wrap\">' +\r\n                                getImageHtml(data) +\r\n                            \"<\/div>\" +\r\n                        \"<\/div>\";\r\n\r\n                    card.addEventListener(\"click\", function () {\r\n                        goToCard(index);\r\n                    });\r\n\r\n                    \/*\r\n                     * \u53ea\u6709\u9f20\u6807\u76f4\u63a5\u505c\u7559\u5728\u5361\u7247\u4e0a\u65f6\u6682\u505c\u3002\r\n                     * \u505c\u7559\u5728\u6a21\u5757\u7a7a\u767d\u533a\u57df\u3001\u63a7\u5236\u6309\u94ae\u6216\u5361\u7247\u4ee5\u5916\u65f6\u7ee7\u7eed\u64ad\u653e\u3002\r\n                     *\/\r\n                    card.addEventListener(\"mouseenter\", function () {\r\n                        isCardHovered = true;\r\n                        stopAutoPlay();\r\n                    });\r\n\r\n                    card.addEventListener(\"mouseleave\", function () {\r\n                        isCardHovered = false;\r\n                        startAutoPlay();\r\n                    });\r\n\r\n                    track.appendChild(card);\r\n                    cards.push(card);\r\n\r\n                    var image = card.querySelector(\r\n                        \".cfh-cases__image\"\r\n                    );\r\n\r\n                    if (image) {\r\n                        image.addEventListener(\"error\", function () {\r\n                            var wrapper = image.parentElement;\r\n\r\n                            if (!wrapper) {\r\n                                return;\r\n                            }\r\n\r\n                            image.remove();\r\n\r\n                            var fallback =\r\n                                document.createElement(\"div\");\r\n\r\n                            fallback.className =\r\n                                \"cfh-cases__image-fallback\";\r\n\r\n                            fallback.textContent =\r\n                                \"Image failed to load. Please check the image URL in WordPress media library.\";\r\n\r\n                            wrapper.appendChild(fallback);\r\n                        }, { once: true });\r\n                    }\r\n\r\n                    var dot = document.createElement(\"button\");\r\n\r\n                    dot.type = \"button\";\r\n                    dot.className = \"cfh-cases__dot\";\r\n                    dot.setAttribute(\r\n                        \"aria-label\",\r\n                        \"View Case \" + data.num\r\n                    );\r\n\r\n                    dot.addEventListener(\"click\", function (event) {\r\n                        event.stopPropagation();\r\n                        goToCard(index);\r\n                    });\r\n\r\n                    dotsWrap.appendChild(dot);\r\n                    dots.push(dot);\r\n                });\r\n\r\n                updatePositions();\r\n            }\r\n\r\n            \/*\r\n             * \u91cd\u65b0\u8ba1\u7b97\u684c\u9762\u7aef\u5e03\u5c40\u3002\r\n             *\r\n             * \u5173\u952e\u4fee\u590d\uff1a\r\n             * 1. \u4f7f\u7528 offsetWidth \u83b7\u53d6\u672a\u7f29\u653e\u524d\u7684\u771f\u5b9e\u5361\u7247\u5bbd\u5ea6\uff0c\r\n             *    \u907f\u514d getBoundingClientRect() \u88ab transform \u653e\u5927\u540e\u5bfc\u81f4\u8ba1\u7b97\u9519\u8bef\u3002\r\n             * 2. \u6700\u5916\u4fa7\u5361\u7247\u7684\u4e2d\u5fc3\u4f4d\u7f6e\u4e25\u683c\u6839\u636e\u7f29\u653e\u540e\u7684\u5bbd\u5ea6\u8ba1\u7b97\uff0c\r\n             *    \u8ba9\u5361\u7247\u5916\u8fb9\u7f18\u8d34\u4f4f\u89c6\u7a97\u8fb9\u7f18\uff0c\u4f46\u4e0d\u4f1a\u8d85\u51fa\u89c6\u7a97\u3002\r\n             * 3. \u526f\u5361\u95f4\u8ddd\u4f7f\u7528\u66f4\u5c0f\u6bd4\u4f8b\uff0c\u51cf\u5c11\u5361\u7247\u4e4b\u95f4\u7684\u65e0\u6548\u95f4\u9694\u3002\r\n             *\/\r\n            function getDesktopLayout() {\r\n                var viewportWidth = viewport.clientWidth;\r\n                var activeCard = cards[0];\r\n\r\n                var cardWidth = activeCard\r\n                    ? activeCard.offsetWidth\r\n                    : Math.min(\r\n                        500,\r\n                        Math.max(340, viewportWidth * .32)\r\n                    );\r\n\r\n                if (!cardWidth || cardWidth < 1) {\r\n                    cardWidth = Math.min(\r\n                        500,\r\n                        Math.max(340, viewportWidth * .32)\r\n                    );\r\n                }\r\n\r\n                var outerScale = .72;\r\n                var sideScale = .9;\r\n\r\n                \/*\r\n                 * \u5916\u56f4\u5361\u7247\u5916\u8fb9\u7f18\u4e0e\u89c6\u7a97\u8fb9\u7f18\u5bf9\u9f50\u3002\r\n                 * \u51cf\u53bb 1px\uff0c\u907f\u514d\u6297\u952f\u9f7f\u6216\u8fb9\u6846\u9020\u6210\u6ea2\u51fa\u3002\r\n                 *\/\r\n                var outerOffset = Math.max(\r\n                    0,\r\n                    viewportWidth \/ 2 -\r\n                    cardWidth * outerScale \/ 2 -\r\n                    1\r\n                );\r\n\r\n                \/*\r\n                 * \u7f29\u77ed\u5de6\u53f3\u526f\u5361\u95f4\u8ddd\u3002\r\n                 * \u540c\u65f6\u9650\u5236\u526f\u5361\u4e2d\u5fc3\u4e0d\u4f1a\u8d85\u8fc7\u5916\u56f4\u5361\u7247\u4e2d\u5fc3\u3002\r\n                 *\/\r\n                var sideOffset = Math.min(\r\n                    outerOffset - cardWidth * .08,\r\n                    cardWidth * .68\r\n                );\r\n\r\n                if (viewportWidth < 900) {\r\n                    sideOffset = Math.min(\r\n                        outerOffset - cardWidth * .06,\r\n                        cardWidth * .58\r\n                    );\r\n                }\r\n\r\n                if (viewportWidth < 760) {\r\n                    sideOffset = Math.min(\r\n                        outerOffset - cardWidth * .04,\r\n                        cardWidth * .5\r\n                    );\r\n                }\r\n\r\n                sideOffset = Math.max(0, sideOffset);\r\n\r\n                return {\r\n                    outerOffset: outerOffset,\r\n                    sideOffset: sideOffset\r\n                };\r\n            }\r\n\r\n            function getCircularDiff(index) {\r\n                var total = cards.length;\r\n                var diff = index - currentIndex;\r\n\r\n                if (diff > total \/ 2) {\r\n                    diff -= total;\r\n                }\r\n\r\n                if (diff < -total \/ 2) {\r\n                    diff += total;\r\n                }\r\n\r\n                return diff;\r\n            }\r\n\r\n            function getPosition(diff) {\r\n                if (window.innerWidth <= 640) {\r\n                    return {\r\n                        x: 0,\r\n                        scale: 1,\r\n                        opacity: diff === 0 ? 1 : 0,\r\n                        blur: \"none\",\r\n                        zIndex: diff === 0 ? 10 : 1\r\n                    };\r\n                }\r\n\r\n                var layout = getDesktopLayout();\r\n\r\n                if (diff === -2) {\r\n                    return {\r\n                        x: -layout.outerOffset,\r\n                        scale: .72,\r\n                        opacity: 1,\r\n                        blur: \"none\",\r\n                        zIndex: 2\r\n                    };\r\n                }\r\n\r\n                if (diff === -1) {\r\n                    return {\r\n                        x: -layout.sideOffset,\r\n                        scale: .9,\r\n                        opacity: 1,\r\n                        blur: \"none\",\r\n                        zIndex: 5\r\n                    };\r\n                }\r\n\r\n                if (diff === 0) {\r\n                    return {\r\n                        x: 0,\r\n                        scale: 1.08,\r\n                        opacity: 1,\r\n                        blur: \"none\",\r\n                        zIndex: 10\r\n                    };\r\n                }\r\n\r\n                if (diff === 1) {\r\n                    return {\r\n                        x: layout.sideOffset,\r\n                        scale: .9,\r\n                        opacity: 1,\r\n                        blur: \"none\",\r\n                        zIndex: 5\r\n                    };\r\n                }\r\n\r\n                if (diff === 2) {\r\n                    return {\r\n                        x: layout.outerOffset,\r\n                        scale: .72,\r\n                        opacity: 1,\r\n                        blur: \"none\",\r\n                        zIndex: 2\r\n                    };\r\n                }\r\n\r\n                return {\r\n                    x: diff < 0 ? \"-120%\" : \"120%\",\r\n                    scale: .7,\r\n                    opacity: 0,\r\n                    blur: \"blur(3px)\",\r\n                    zIndex: 1\r\n                };\r\n            }\r\n\r\n            function updatePositions() {\r\n                if (!cards.length) {\r\n                    return;\r\n                }\r\n\r\n                cards.forEach(function (card, index) {\r\n                    var diff = getCircularDiff(index);\r\n                    var position = getPosition(diff);\r\n\r\n                    var xValue =\r\n                        typeof position.x === \"number\"\r\n                            ? position.x + \"px\"\r\n                            : position.x;\r\n\r\n                    card.style.transform =\r\n                        \"translate(-50%, -50%) \" +\r\n                        \"translateX(\" + xValue + \") \" +\r\n                        \"scale(\" + position.scale + \")\";\r\n\r\n                    card.style.opacity = String(position.opacity);\r\n                    card.style.filter = position.blur;\r\n                    card.style.zIndex = String(position.zIndex);\r\n\r\n                    card.classList.toggle(\r\n                        \"is-active\",\r\n                        diff === 0\r\n                    );\r\n                });\r\n\r\n                dots.forEach(function (dot, index) {\r\n                    var active = index === currentIndex;\r\n\r\n                    dot.classList.toggle(\"is-active\", active);\r\n                    dot.setAttribute(\r\n                        \"aria-current\",\r\n                        active ? \"true\" : \"false\"\r\n                    );\r\n                });\r\n            }\r\n\r\n            function schedulePositionUpdate() {\r\n                window.clearTimeout(resizeTimer);\r\n\r\n                resizeTimer = window.setTimeout(function () {\r\n                    updatePositions();\r\n                }, 80);\r\n            }\r\n\r\n            function goToCard(index) {\r\n                if (!cards.length) {\r\n                    return;\r\n                }\r\n\r\n                currentIndex =\r\n                    (index + cards.length) % cards.length;\r\n\r\n                updatePositions();\r\n                restartAutoPlay();\r\n            }\r\n\r\n            function nextCard() {\r\n                goToCard(currentIndex + 1);\r\n            }\r\n\r\n            function prevCard() {\r\n                goToCard(currentIndex - 1);\r\n            }\r\n\r\n            function stopAutoPlay() {\r\n                if (autoPlayTimer) {\r\n                    window.clearInterval(autoPlayTimer);\r\n                    autoPlayTimer = null;\r\n                }\r\n\r\n                window.clearTimeout(restartTimer);\r\n            }\r\n\r\n            function startAutoPlay() {\r\n                stopAutoPlay();\r\n\r\n                \/*\r\n                 * \u53ea\u6709\u4ee5\u4e0b\u60c5\u51b5\u624d\u6682\u505c\uff1a\r\n                 * - \u9f20\u6807\u76f4\u63a5\u505c\u7559\u5728\u4e94\u5f20\u5361\u7247\u4e2d\u7684\u4efb\u610f\u4e00\u5f20\u4e0a\uff1b\r\n                 * - \u624b\u6307\u6b63\u5728\u89e6\u6478\uff1b\r\n                 * - \u9875\u9762\u5904\u4e8e\u540e\u53f0\uff1b\r\n                 * - \u6a21\u5757\u4e0d\u5728\u53ef\u89c6\u533a\u57df\u3002\r\n                 *\r\n                 * \u9f20\u6807\u505c\u7559\u5728\u6a21\u5757\u7a7a\u767d\u5904\u3001\u6309\u94ae\u6216\u9875\u9762\u5176\u4ed6\u4f4d\u7f6e\uff0c\r\n                 * \u5747\u4e0d\u4f1a\u963b\u6b62\u81ea\u52a8\u64ad\u653e\u3002\r\n                 *\/\r\n                if (\r\n                    isCardHovered ||\r\n                    isTouching ||\r\n                    !isPageVisible ||\r\n                    !isInViewport\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n                autoPlayTimer = window.setInterval(\r\n                    nextCard,\r\n                    5000\r\n                );\r\n            }\r\n\r\n            function restartAutoPlay() {\r\n                stopAutoPlay();\r\n\r\n                restartTimer = window.setTimeout(function () {\r\n                    startAutoPlay();\r\n                }, 150);\r\n            }\r\n\r\n            prevButton.addEventListener(\"click\", function () {\r\n                prevCard();\r\n            });\r\n\r\n            nextButton.addEventListener(\"click\", function () {\r\n                nextCard();\r\n            });\r\n\r\n            var touchStartX = 0;\r\n            var touchStartY = 0;\r\n\r\n            module.addEventListener(\"touchstart\", function (event) {\r\n                var touch = event.changedTouches[0];\r\n\r\n                isTouching = true;\r\n                touchStartX = touch.clientX;\r\n                touchStartY = touch.clientY;\r\n\r\n                stopAutoPlay();\r\n            }, { passive: true });\r\n\r\n            module.addEventListener(\"touchend\", function (event) {\r\n                var touch = event.changedTouches[0];\r\n\r\n                var deltaX = touch.clientX - touchStartX;\r\n                var deltaY = touch.clientY - touchStartY;\r\n\r\n                if (\r\n                    Math.abs(deltaX) > 45 &&\r\n                    Math.abs(deltaX) > Math.abs(deltaY)\r\n                ) {\r\n                    if (deltaX < 0) {\r\n                        nextCard();\r\n                    } else {\r\n                        prevCard();\r\n                    }\r\n                }\r\n\r\n                isTouching = false;\r\n                restartAutoPlay();\r\n            }, { passive: true });\r\n\r\n            module.addEventListener(\"touchcancel\", function () {\r\n                isTouching = false;\r\n                restartAutoPlay();\r\n            }, { passive: true });\r\n\r\n            window.addEventListener(\r\n                \"resize\",\r\n                schedulePositionUpdate,\r\n                { passive: true }\r\n            );\r\n\r\n            if (\"ResizeObserver\" in window) {\r\n                var resizeObserver = new ResizeObserver(function () {\r\n                    schedulePositionUpdate();\r\n                });\r\n\r\n                resizeObserver.observe(viewport);\r\n            }\r\n\r\n            document.addEventListener(\"visibilitychange\", function () {\r\n                isPageVisible = !document.hidden;\r\n\r\n                if (isPageVisible) {\r\n                    startAutoPlay();\r\n                } else {\r\n                    stopAutoPlay();\r\n                }\r\n            });\r\n\r\n            if (\"IntersectionObserver\" in window) {\r\n                var observer = new IntersectionObserver(\r\n                    function (entries) {\r\n                        entries.forEach(function (entry) {\r\n                            if (entry.isIntersecting) {\r\n                                isInViewport = true;\r\n                                module.classList.add(\"is-visible\");\r\n                                updatePositions();\r\n                                startAutoPlay();\r\n                            } else {\r\n                                isInViewport = false;\r\n                                stopAutoPlay();\r\n                            }\r\n                        });\r\n                    },\r\n                    {\r\n                        threshold: .12\r\n                    }\r\n                );\r\n\r\n                observer.observe(module);\r\n            } else {\r\n                module.classList.add(\"is-visible\");\r\n                updatePositions();\r\n                startAutoPlay();\r\n            }\r\n\r\n            createCards();\r\n        })();\r\n    <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3adf503 elementor-widget elementor-widget-html\" data-id=\"3adf503\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"cfh-process\" class=\"cfh-process\" aria-labelledby=\"cfh-process-title\"><style>\r\n#cfh-process{--cfh-process-blue-light:#365f85;--cfh-process-blue:#2d567d;--cfh-process-blue-dark:#23496f;--cfh-process-gold:#d8b45d;--cfh-process-gold-light:#f0d28a;--cfh-process-gold-deep:#9c7a38;--cfh-process-muted:rgba(245,241,232,.84);--cfh-process-dark-text:#0a1f3a;--cfh-process-ease:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;width:100%;margin:0;padding:clamp(48px,6vw,76px) 0;overflow:hidden;background:transparent;font-family:\"PingFang SC\",\"Microsoft YaHei\",\"Noto Sans SC\",\"Noto Sans TC\",Arial,sans-serif}\r\n#cfh-process,#cfh-process *,#cfh-process *::before,#cfh-process *::after{box-sizing:border-box}\r\n#cfh-process::before{content:\"\";position:absolute;top:18%;left:50%;z-index:-1;width:min(78vw,1200px);height:60%;border-radius:50%;background:radial-gradient(ellipse,rgba(214,196,148,.13),transparent 70%);transform:translateX(-50%);filter:blur(8px);pointer-events:none}\r\n#cfh-process .cfh-process__wrapper{position:relative;z-index:1;width:var(--cfh-home-shell-width);max-width:var(--cfh-home-max-width);margin:0 auto}\r\n#cfh-process .cfh-process__header{width:100%;margin:0 0 clamp(32px,4vw,48px);text-align:center;opacity:0;transform:translateY(18px);transition:opacity .8s var(--cfh-process-ease),transform .8s var(--cfh-process-ease)}\r\n#cfh-process.is-visible .cfh-process__header{opacity:1;transform:translateY(0)}\r\n#cfh-process .cfh-process__eyebrow{display:block;margin:0 0 8px;color:var(--cfh-process-gold);font-size:clamp(10px,.8vw,12px);font-weight:600;line-height:1.3;letter-spacing:.24em;text-align:center;text-transform:uppercase}\r\n#cfh-process .cfh-process__title{margin:0;padding:0;color:var(--cfh-process-dark-text);font-size:clamp(28px,2.7vw,40px);font-weight:700;line-height:1.25;letter-spacing:.1em;text-align:center}\r\n#cfh-process .cfh-process__title-line{display:block;width:0;height:3px;margin:14px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--cfh-process-gold-light),var(--cfh-process-gold-deep));box-shadow:0 0 12px rgba(240,210,138,.55);transition:width .85s var(--cfh-process-ease) .25s}\r\n#cfh-process.is-visible .cfh-process__title-line{width:52px}\r\n#cfh-process .cfh-process__steps{--cfh-process-gap:clamp(34px,5vw,96px);position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;width:100%;gap:var(--cfh-process-gap)}\r\n#cfh-process .cfh-process__step{position:relative;display:flex;align-items:stretch;flex:1 1 0;width:auto;min-width:0;margin:0;opacity:0;transform:translateY(30px);transition:opacity .7s var(--cfh-process-ease),transform .75s var(--cfh-process-ease)}\r\n#cfh-process .cfh-process__step:last-child{margin-right:0}\r\n#cfh-process .cfh-process__step.is-visible{opacity:1;transform:translateY(0)}\r\n#cfh-process .cfh-process__card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:clamp(214px,15vw,250px);padding:clamp(24px,1.8vw,30px) clamp(22px,2vw,32px) clamp(25px,2vw,32px);overflow:hidden;border:1px solid rgba(216,180,93,.32);border-radius:18px;background:radial-gradient(circle at 85% 15%,rgba(84,145,198,.22),transparent 32%),linear-gradient(145deg,var(--cfh-process-blue-light) 0%,var(--cfh-process-blue) 52%,var(--cfh-process-blue-dark) 100%);box-shadow:0 18px 40px rgba(5,25,48,.18),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .45s var(--cfh-process-ease),border-color .45s ease,box-shadow .45s ease}\r\n#cfh-process .cfh-process__card::after{content:\"\";position:absolute;right:-30%;bottom:-48%;z-index:0;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(216,180,93,.14),transparent 68%);pointer-events:none}\r\n#cfh-process .cfh-process__watermark{position:absolute;top:7px;right:8px;z-index:1;color:rgba(240,210,138,.18);font-family:\"STKaiti\",\"KaiTi\",\"FZKai-Z03\",\"DFKai-SB\",\"\u534e\u6587\u6977\u4f53\",\"\u6977\u4f53\",cursive;font-size:clamp(68px,5vw,88px);font-weight:400;line-height:1;pointer-events:none;user-select:none;transform:rotate(-5deg);transition:color .45s ease,opacity .45s ease,transform .55s var(--cfh-process-ease)}\r\n#cfh-process .cfh-process__card-topline{position:absolute;top:0;left:0;z-index:6;width:100%;height:3px;background:linear-gradient(90deg,var(--cfh-process-gold-light),var(--cfh-process-gold-deep));transform:scaleX(.25);transform-origin:left center;box-shadow:0 0 10px rgba(240,210,138,.5);transition:transform .55s var(--cfh-process-ease)}\r\n#cfh-process .cfh-process__shine{position:absolute;top:0;left:-120%;z-index:5;width:58%;height:100%;opacity:0;background:linear-gradient(105deg,transparent 0%,transparent 36%,rgba(240,210,138,.08) 42%,rgba(240,210,138,.34) 50%,rgba(255,239,181,.48) 54%,rgba(240,210,138,.18) 60%,transparent 68%,transparent 100%);transform:skewX(-18deg);pointer-events:none}\r\n#cfh-process .cfh-process__step.is-highlighted .cfh-process__shine{animation:cfhProcessShine .9s var(--cfh-process-ease) both}\r\n@keyframes cfhProcessShine{0%{left:-120%;opacity:0}10%{opacity:1}50%{opacity:1}100%{left:135%;opacity:0}}\r\n#cfh-process .cfh-process__content{position:relative;z-index:7}\r\n#cfh-process .cfh-process__step-label{display:inline-flex;align-items:center;width:fit-content;margin:0 0 15px;padding:5px 13px;border:1px solid rgba(240,210,138,.42);border-radius:999px;color:var(--cfh-process-gold-light);background:rgba(240,210,138,.08);font-size:clamp(12px,.8vw,14px);font-weight:600;line-height:1.2;letter-spacing:.1em}\r\n#cfh-process .cfh-process__card-title{margin:0 0 11px;color:#fff;font-size:clamp(36px,1.85vw,30px);font-weight:700;line-height:1.25;letter-spacing:.05em;transition:color .35s ease}\r\n#cfh-process .cfh-process__card-title::after{content:\"\";display:block;width:36px;height:2px;margin-top:9px;background:linear-gradient(90deg,var(--cfh-process-gold-light),rgba(216,180,93,.16));transition:width .5s var(--cfh-process-ease)}\r\n#cfh-process .cfh-process__description{max-width:100%;margin:0;color:var(--cfh-process-muted);font-size:clamp(14px,1.05vw,16px);font-weight:400;line-height:1.65;letter-spacing:.01em;transition:color .35s ease}\r\n@media (min-width:1025px){#cfh-process .cfh-process__step:not(:last-child)::after{content:\"\";position:absolute;top:50%;right:calc(var(--cfh-process-gap)*-1 + 1px);z-index:8;width:calc(var(--cfh-process-gap) - 9px);height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cfh-process-gold-light),var(--cfh-process-gold-deep));box-shadow:0 0 8px rgba(240,210,138,.52);transform:translateY(-50%) scaleX(0);transform-origin:left center;transition:transform .7s var(--cfh-process-ease)}#cfh-process .cfh-process__step:not(:last-child)::before{content:\"\";position:absolute;top:50%;right:calc(var(--cfh-process-gap)*-1 + 1px);z-index:9;width:0;height:0;border-left:10px solid var(--cfh-process-gold-deep);border-top:6px solid transparent;border-bottom:6px solid transparent;opacity:0;transform:translateY(-50%) translateX(0);transition:opacity .35s ease .42s,transform .45s var(--cfh-process-ease) .42s}#cfh-process .cfh-process__step.is-line-active:not(:last-child)::after{transform:translateY(-50%) scaleX(1)}#cfh-process .cfh-process__step.is-line-active:not(:last-child)::before{opacity:1;transform:translateY(-50%) translateX(0)}}\r\n@media (hover:hover) and (pointer:fine){#cfh-process .cfh-process__step:hover .cfh-process__shine{animation:cfhProcessShine .85s var(--cfh-process-ease) both}#cfh-process .cfh-process__step:hover .cfh-process__card{transform:translateY(-7px) scale(1.015);border-color:rgba(240,210,138,.58);box-shadow:0 24px 48px rgba(5,25,48,.27),0 0 0 1px rgba(216,180,93,.12),0 0 22px rgba(216,180,93,.16),inset 0 1px 0 rgba(255,255,255,.14)}#cfh-process .cfh-process__step:hover .cfh-process__card-topline{transform:scaleX(1)}#cfh-process .cfh-process__step:hover .cfh-process__watermark{color:rgba(240,210,138,.34);transform:rotate(0deg) translate(-3px,-3px) scale(1.06)}#cfh-process .cfh-process__step:hover .cfh-process__card-title{color:var(--cfh-process-gold-light)}#cfh-process .cfh-process__step:hover .cfh-process__card-title::after{width:48px}#cfh-process .cfh-process__step:hover .cfh-process__description{color:#eee7dc}}\r\n@media (max-width:1024px){#cfh-process .cfh-process__wrapper{width:var(--cfh-home-shell-width);max-width:var(--cfh-home-max-width)}#cfh-process .cfh-process__steps{flex-direction:column;align-items:center;gap:0}#cfh-process .cfh-process__step{flex:0 0 auto;width:min(100%,520px);margin:0 0 48px;transform:translateY(30px)}#cfh-process .cfh-process__step:last-child{margin-bottom:0}#cfh-process .cfh-process__card{min-height:176px;padding:23px 26px}#cfh-process .cfh-process__step:not(:last-child)::after{content:\"\";position:absolute;top:auto;right:auto;bottom:-34px;left:50%;z-index:8;width:2px;height:28px;background:linear-gradient(180deg,var(--cfh-process-gold-light),var(--cfh-process-gold-deep));transform:translateX(-50%) scaleY(0);transform-origin:top center;transition:transform .7s var(--cfh-process-ease)}#cfh-process .cfh-process__step:not(:last-child)::before{content:\"\";position:absolute;top:auto;right:auto;bottom:-45px;left:50%;z-index:9;width:0;height:0;border-top:8px solid var(--cfh-process-gold-deep);border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:none;opacity:0;transform:translateX(-50%) translateY(-8px);transition:opacity .35s ease .42s,transform .45s var(--cfh-process-ease) .42s}#cfh-process .cfh-process__step.is-line-active:not(:last-child)::after{transform:translateX(-50%) scaleY(1)}#cfh-process .cfh-process__step.is-line-active:not(:last-child)::before{opacity:1;transform:translateX(-50%) translateY(0)}}\r\n@media (max-width:640px){#cfh-process{padding:42px 0 52px}#cfh-process .cfh-process__wrapper{width:var(--cfh-home-shell-width);max-width:var(--cfh-home-max-width)}#cfh-process .cfh-process__header{margin-bottom:30px}#cfh-process .cfh-process__eyebrow{font-size:10px;letter-spacing:.18em}#cfh-process .cfh-process__title{font-size:clamp(26px,8vw,35px);letter-spacing:.08em}#cfh-process .cfh-process__step{width:100%;max-width:420px;margin-bottom:42px}#cfh-process .cfh-process__step:not(:last-child)::after{bottom:-29px;height:22px}#cfh-process .cfh-process__step:not(:last-child)::before{bottom:-39px}#cfh-process .cfh-process__card{min-height:154px;padding:21px 20px}#cfh-process .cfh-process__watermark{top:4px;right:5px;font-size:64px}#cfh-process .cfh-process__step-label{margin-bottom:10px;font-size:11px}#cfh-process .cfh-process__card-title{font-size:19px}#cfh-process .cfh-process__description{max-width:88%;font-size:13px;line-height:1.6}}\r\n@media (max-width:390px){#cfh-process .cfh-process__wrapper{width:var(--cfh-home-shell-width);max-width:var(--cfh-home-max-width)}#cfh-process .cfh-process__card{min-height:148px;padding:18px 17px}#cfh-process .cfh-process__watermark{font-size:58px}#cfh-process .cfh-process__card-title{font-size:18px}#cfh-process .cfh-process__description{font-size:12px;line-height:1.55}}\r\n@media (prefers-reduced-motion:reduce){#cfh-process .cfh-process__header,#cfh-process .cfh-process__step,#cfh-process .cfh-process__card,#cfh-process .cfh-process__shine,#cfh-process .cfh-process__title-line,#cfh-process .cfh-process__step::before,#cfh-process .cfh-process__step::after{transition:none!important;animation:none!important}}\r\n<\/style><div class=\"cfh-process__wrapper\"><header class=\"cfh-process__header\"><small class=\"cfh-process__eyebrow\">SERVICE PROCESS<\/small><h2 id=\"cfh-process-title\" class=\"cfh-process__title\">Service Process<\/h2><span class=\"cfh-process__title-line\" aria-hidden=\"true\"><\/span><\/header><div class=\"cfh-process__steps\"><article class=\"cfh-process__step\"><div class=\"cfh-process__card\"><span class=\"cfh-process__card-topline\" aria-hidden=\"true\"><\/span><span class=\"cfh-process__shine\" aria-hidden=\"true\"><\/span><span class=\"cfh-process__watermark\" aria-hidden=\"true\">1<\/span><div class=\"cfh-process__content\"><div class=\"cfh-process__step-label\">Step 1<\/div><h3 class=\"cfh-process__card-title\">Needs Consultation<\/h3><p class=\"cfh-process__description\">One-on-one communication with professional consultants to gain an in-depth understanding of your business needs and industry characteristics.<\/p><\/div><\/div><\/article><article class=\"cfh-process__step\"><div class=\"cfh-process__card\"><span class=\"cfh-process__card-topline\" aria-hidden=\"true\"><\/span><span class=\"cfh-process__shine\" aria-hidden=\"true\"><\/span><span class=\"cfh-process__watermark\" aria-hidden=\"true\">2<\/span><div class=\"cfh-process__content\"><div class=\"cfh-process__step-label\">Step 2<\/div><h3 class=\"cfh-process__card-title\">Confirm Plan<\/h3><p class=\"cfh-process__description\">Provide customized solutions based on your needs, and both parties confirm the best execution plan.<\/p><\/div><\/div><\/article><article class=\"cfh-process__step\"><div class=\"cfh-process__card\"><span class=\"cfh-process__card-topline\" aria-hidden=\"true\"><\/span><span class=\"cfh-process__shine\" aria-hidden=\"true\"><\/span><span class=\"cfh-process__watermark\" aria-hidden=\"true\">3<\/span><div class=\"cfh-process__content\"><div class=\"cfh-process__step-label\">Step 3<\/div><h3 class=\"cfh-process__card-title\">Contract Signing<\/h3><p class=\"cfh-process__description\">Professional team assists in contract negotiation to ensure clear terms and protected rights.<\/p><\/div><\/div><\/article><article class=\"cfh-process__step\"><div class=\"cfh-process__card\"><span class=\"cfh-process__card-topline\" aria-hidden=\"true\"><\/span><span class=\"cfh-process__shine\" aria-hidden=\"true\"><\/span><span class=\"cfh-process__watermark\" aria-hidden=\"true\">4<\/span><div class=\"cfh-process__content\"><div class=\"cfh-process__step-label\">Step 4<\/div><h3 class=\"cfh-process__card-title\">Implementation & Delivery<\/h3><p class=\"cfh-process__description\">One-stop implementation services to ensure smooth project execution and on-time delivery.<\/p><\/div><\/div><\/article><\/div><\/div><script>\r\n(function(){'use strict';var m=document.getElementById('cfh-process');if(!m||m.dataset.cfhProcessReady==='true')return;m.dataset.cfhProcessReady='true';var steps=m.querySelectorAll('.cfh-process__step');if(!steps.length)return;var timers=[];function clear(){timers.forEach(function(t){clearTimeout(t)});timers=[]}function reset(){clear();m.classList.remove('is-visible');steps.forEach(function(s){s.classList.remove('is-visible','is-highlighted','is-line-active')})}function play(){reset();var h=setTimeout(function(){m.classList.add('is-visible')},80);timers.push(h);steps.forEach(function(step,i){var st=setTimeout(function(){step.classList.add('is-visible','is-highlighted');var lt=setTimeout(function(){step.classList.remove('is-highlighted');if(i<steps.length-1)step.classList.add('is-line-active')},430);timers.push(lt)},260+i*520);timers.push(st)})}if('IntersectionObserver' in window){var ob=new IntersectionObserver(function(entries){entries.forEach(function(e){e.isIntersecting?play():reset()})},{threshold:.18});ob.observe(m)}else play()})();\r\n<\/script><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CFH INDUSTRIAL RESOURCE NETWORK CFH SERVICE PHILOSOPHY Service Philosophy Customer FirstCraftsmanship &amp; Co-CreationPragmatic &amp; EfficientDiversity &amp; Win-Win GOVERNMENT &amp; ENTERPRISE COOPERATION Facilitating Strategic Signing between Pu&#8217;er City and Asia Fortune Forum Deeply engaging with local governments to drive high-quality regional economic development Government-Enterprise Cooperation GLOBAL INDUSTRIAL DIALOGUE Attended the Fortune Global 500 Summit \u2013 Greater&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"enable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-501","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cfhvip.com\/en\/index.php?rest_route=\/wp\/v2\/pages\/501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cfhvip.com\/en\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cfhvip.com\/en\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cfhvip.com\/en\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cfhvip.com\/en\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=501"}],"version-history":[{"count":22,"href":"https:\/\/www.cfhvip.com\/en\/index.php?rest_route=\/wp\/v2\/pages\/501\/revisions"}],"predecessor-version":[{"id":538,"href":"https:\/\/www.cfhvip.com\/en\/index.php?rest_route=\/wp\/v2\/pages\/501\/revisions\/538"}],"wp:attachment":[{"href":"https:\/\/www.cfhvip.com\/en\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}