_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[24],{"5UCX":function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/service",function(){return s("FNks")}])},"8G1n":function(e,t,s){"use strict";var n=s("nKUr"),a=s("q1tI"),r=s("yxK2"),c=s.n(r),i=s("YFqc"),o=s.n(i),l=s("OEGI");t.a=function(e){var t=e.data,s=Object(a.useState)(""),r=s[0],i=s[1];return Object(n.jsx)("div",{className:c.a.container,children:t.map((function(e,t){return Object(n.jsx)(o.a,{href:e.path,children:Object(n.jsxs)("div",{id:e.id,className:c.a.more,onMouseOver:function(t){t.currentTarget.id===e.id&&i(e.id)},onMouseLeave:function(){return i("")},children:[Object(n.jsx)("div",{className:c.a.title,children:e.title}),Object(n.jsx)("div",{className:c.a.desc,children:e.desc}),Object(n.jsx)("div",{className:c.a.readmore,children:Object(n.jsx)(l.a,{dark:!1,hoverState:r===e.id,hoverWithContainer:!0,text:e.text})})]})},t)}))})}},FNks:function(e,t,s){"use strict";s.r(t);var n=s("rePB"),a=s("nKUr"),r=s("q1tI"),c=s("Vz0o"),i=s.n(c),o=s("UbMB"),l=s.n(o),u=s("MEj9"),x={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},d={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},j=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],m={CSS:{},springs:{}};function f(e,t,s){return Math.min(Math.max(e,t),s)}function h(e,t){return e.indexOf(t)>-1}function p(e,t){return e.apply(null,t)}var v={arr:function(e){return Array.isArray(e)},obj:function(e){return h(Object.prototype.toString.call(e),"Object")},pth:function(e){return v.obj(e)&&e.hasOwnProperty("totalLength")},svg:function(e){return e instanceof SVGElement},inp:function(e){return e instanceof HTMLInputElement},dom:function(e){return e.nodeType||v.svg(e)},str:function(e){return"string"===typeof e},fnc:function(e){return"function"===typeof e},und:function(e){return"undefined"===typeof e},nil:function(e){return v.und(e)||null===e},hex:function(e){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(e)},rgb:function(e){return/^rgb/.test(e)},hsl:function(e){return/^hsl/.test(e)},col:function(e){return v.hex(e)||v.rgb(e)||v.hsl(e)},key:function(e){return!x.hasOwnProperty(e)&&!d.hasOwnProperty(e)&&"targets"!==e&&"keyframes"!==e}};function b(e){var t=/\(([^)]+)\)/.exec(e);return t?t[1].split(",").map((function(e){return parseFloat(e)})):[]}function y(e,t){var s=b(e),n=f(v.und(s[0])?1:s[0],.1,100),a=f(v.und(s[1])?100:s[1],.1,100),r=f(v.und(s[2])?10:s[2],.1,100),c=f(v.und(s[3])?0:s[3],.1,100),i=Math.sqrt(a/n),o=r/(2*Math.sqrt(a*n)),l=o<1?i*Math.sqrt(1-o*o):0,u=o<1?(o*i-c)/l:-c+i;function x(e){var s=t?t*e/1e3:e;return s=o<1?Math.exp(-s*o*i)*(1*Math.cos(l*s)+u*Math.sin(l*s)):(1+u*s)*Math.exp(-s*i),0===e||1===e?e:1-s}return t?x:function(){var t=m.springs[e];if(t)return t;for(var s=1/6,n=0,a=0;;)if(1===x(n+=s)){if(++a>=16)break}else a=0;var r=n*s*1e3;return m.springs[e]=r,r}}function O(e){return void 0===e&&(e=10),function(t){return Math.ceil(f(t,1e-6,1)*e)*(1/e)}}var N=function(){var e=.1;function t(e,t){return 1-3*t+3*e}function s(e,t){return 3*t-6*e}function n(e){return 3*e}function a(e,a,r){return((t(a,r)*e+s(a,r))*e+n(a))*e}function r(e,a,r){return 3*t(a,r)*e*e+2*s(a,r)*e+n(a)}return function(t,s,n,c){if(0<=t&&t<=1&&0<=n&&n<=1){var i=new Float32Array(11);if(t!==s||n!==c)for(var o=0;o<11;++o)i[o]=a(o*e,t,n);return function(e){return t===s&&n===c||0===e||1===e?e:a(l(e),s,c)}}function l(s){for(var c=0,o=1;10!==o&&i[o]<=s;++o)c+=e;--o;var l=c+(s-i[o])/(i[o+1]-i[o])*e,u=r(l,t,n);return u>=.001?function(e,t,s,n){for(var c=0;c<4;++c){var i=r(t,s,n);if(0===i)return t;t-=(a(t,s,n)-e)/i}return t}(s,l,t,n):0===u?l:function(e,t,s,n,r){var c,i,o=0;do{(c=a(i=t+(s-t)/2,n,r)-e)>0?s=i:t=i}while(Math.abs(c)>1e-7&&++o<10);return i}(s,c,c+e,t,n)}}}(),g=function(){var e={linear:function(){return function(e){return e}}},t={Sine:function(){return function(e){return 1-Math.cos(e*Math.PI/2)}},Circ:function(){return function(e){return 1-Math.sqrt(1-e*e)}},Back:function(){return function(e){return e*e*(3*e-2)}},Bounce:function(){return function(e){for(var t,s=4;e<((t=Math.pow(2,--s))-1)/11;);return 1/Math.pow(4,3-s)-7.5625*Math.pow((3*t-2)/22-e,2)}},Elastic:function(e,t){void 0===e&&(e=1),void 0===t&&(t=.5);var s=f(e,1,10),n=f(t,.1,2);return function(e){return 0===e||1===e?e:-s*Math.pow(2,10*(e-1))*Math.sin((e-1-n/(2*Math.PI)*Math.asin(1/s))*(2*Math.PI)/n)}}};return["Quad","Cubic","Quart","Quint","Expo"].forEach((function(e,s){t[e]=function(){return function(e){return Math.pow(e,s+2)}}})),Object.keys(t).forEach((function(s){var n=t[s];e["easeIn"+s]=n,e["easeOut"+s]=function(e,t){return function(s){return 1-n(e,t)(1-s)}},e["easeInOut"+s]=function(e,t){return function(s){return s<.5?n(e,t)(2*s)/2:1-n(e,t)(-2*s+2)/2}},e["easeOutIn"+s]=function(e,t){return function(s){return s<.5?(1-n(e,t)(1-2*s))/2:(n(e,t)(2*s-1)+1)/2}}})),e}();function _(e,t){if(v.fnc(e))return e;var s=e.split("(")[0],n=g[s],a=b(e);switch(s){case"spring":return y(e,t);case"cubicBezier":return p(N,a);case"steps":return p(O,a);default:return p(n,a)}}function w(e){try{return document.querySelectorAll(e)}catch(t){return}}function M(e,t){for(var s=e.length,n=arguments.length>=2?arguments[1]:void 0,a=[],r=0;r<s;r++)if(r in e){var c=e[r];t.call(n,c,r,e)&&a.push(c)}return a}function C(e){return e.reduce((function(e,t){return e.concat(v.arr(t)?C(t):t)}),[])}function I(e){return v.arr(e)?e:(v.str(e)&&(e=w(e)||e),e instanceof NodeList||e instanceof HTMLCollection?[].slice.call(e):[e])}function k(e,t){return e.some((function(e){return e===t}))}function D(e){var t={};for(var s in e)t[s]=e[s];return t}function S(e,t){var s=D(e);for(var n in e)s[n]=t.hasOwnProperty(n)?t[n]:e[n];return s}function E(e,t){var s=D(e);for(var n in t)s[n]=v.und(e[n])?t[n]:e[n];return s}function B(e){return v.rgb(e)?function(e){var t=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(e);return t?"rgba("+t[1]+",1)":e}(e):v.hex(e)?function(e){var t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(e,t,s,n){return t+t+s+s+n+n})),s=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return"rgba("+parseInt(s[1],16)+","+parseInt(s[2],16)+","+parseInt(s[3],16)+",1)"}(e):v.hsl(e)?function(e){var t,s,n,a=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(e)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(e),r=parseInt(a[1],10)/360,c=parseInt(a[2],10)/100,i=parseInt(a[3],10)/100,o=a[4]||1;function l(e,t,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?e+6*(t-e)*s:s<.5?t:s<2/3?e+(t-e)*(2/3-s)*6:e}if(0==c)t=s=n=i;else{var u=i<.5?i*(1+c):i+c-i*c,x=2*i-u;t=l(x,u,r+1/3),s=l(x,u,r),n=l(x,u,r-1/3)}return"rgba("+255*t+","+255*s+","+255*n+","+o+")"}(e):void 0}function P(e){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(e);if(t)return t[1]}function A(e,t){return v.fnc(e)?e(t.target,t.id,t.total):e}function T(e,t){return e.getAttribute(t)}function F(e,t,s){if(k([s,"deg","rad","turn"],P(t)))return t;var n=m.CSS[t+s];if(!v.und(n))return n;var a=document.createElement(e.tagName),r=e.parentNode&&e.parentNode!==document?e.parentNode:document.body;r.appendChild(a),a.style.position="absolute",a.style.width=100+s;var c=100/a.offsetWidth;r.removeChild(a);var i=c*parseFloat(t);return m.CSS[t+s]=i,i}function L(e,t,s){if(t in e.style){var n=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),a=e.style[t]||getComputedStyle(e).getPropertyValue(n)||"0";return s?F(e,a,s):a}}function Y(e,t){return v.dom(e)&&!v.inp(e)&&(!v.nil(T(e,t))||v.svg(e)&&e[t])?"attribute":v.dom(e)&&k(j,t)?"transform":v.dom(e)&&"transform"!==t&&L(e,t)?"css":null!=e[t]?"object":void 0}function q(e){if(v.dom(e)){for(var t,s=e.style.transform||"",n=/(\w+)\(([^)]*)\)/g,a=new Map;t=n.exec(s);)a.set(t[1],t[2]);return a}}function V(e,t,s,n){var a=h(t,"scale")?1:0+function(e){return h(e,"translate")||"perspective"===e?"px":h(e,"rotate")||h(e,"skew")?"deg":void 0}(t),r=q(e).get(t)||a;return s&&(s.transforms.list.set(t,r),s.transforms.last=t),n?F(e,r,n):r}function W(e,t,s,n){switch(Y(e,t)){case"transform":return V(e,t,n,s);case"css":return L(e,t,s);case"attribute":return T(e,t);default:return e[t]||0}}function U(e,t){var s=/^(\*=|\+=|-=)/.exec(e);if(!s)return e;var n=P(e)||0,a=parseFloat(t),r=parseFloat(e.replace(s[0],""));switch(s[0][0]){case"+":return a+r+n;case"-":return a-r+n;case"*":return a*r+n}}function G(e,t){if(v.col(e))return B(e);if(/\s/g.test(e))return e;var s=P(e),n=s?e.substr(0,e.length-s.length):e;return t?n+t:n}function R(e,t){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}function X(e){for(var t,s=e.points,n=0,a=0;a<s.numberOfItems;a++){var r=s.getItem(a);a>0&&(n+=R(t,r)),t=r}return n}function K(e){if(e.getTotalLength)return e.getTotalLength();switch(e.tagName.toLowerCase()){case"circle":return function(e){return 2*Math.PI*T(e,"r")}(e);case"rect":return function(e){return 2*T(e,"width")+2*T(e,"height")}(e);case"line":return function(e){return R({x:T(e,"x1"),y:T(e,"y1")},{x:T(e,"x2"),y:T(e,"y2")})}(e);case"polyline":return X(e);case"polygon":return function(e){var t=e.points;return X(e)+R(t.getItem(t.numberOfItems-1),t.getItem(0))}(e)}}function Z(e,t){var s=t||{},n=s.el||function(e){for(var t=e.parentNode;v.svg(t)&&v.svg(t.parentNode);)t=t.parentNode;return t}(e),a=n.getBoundingClientRect(),r=T(n,"viewBox"),c=a.width,i=a.height,o=s.viewBox||(r?r.split(" "):[0,0,c,i]);return{el:n,viewBox:o,x:o[0]/1,y:o[1]/1,w:c,h:i,vW:o[2],vH:o[3]}}function H(e,t,s){function n(s){void 0===s&&(s=0);var n=t+s>=1?t+s:0;return e.el.getPointAtLength(n)}var a=Z(e.el,e.svg),r=n(),c=n(-1),i=n(1),o=s?1:a.w/a.vW,l=s?1:a.h/a.vH;switch(e.property){case"x":return(r.x-a.x)*o;case"y":return(r.y-a.y)*l;case"angle":return 180*Math.atan2(i.y-c.y,i.x-c.x)/Math.PI}}function J(e,t){var s=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,n=G(v.pth(e)?e.totalLength:e,t)+"";return{original:n,numbers:n.match(s)?n.match(s).map(Number):[0],strings:v.str(e)||t?n.split(s):[]}}function $(e){return M(e?C(v.arr(e)?e.map(I):I(e)):[],(function(e,t,s){return s.indexOf(e)===t}))}function z(e){var t=$(e);return t.map((function(e,s){return{target:e,id:s,total:t.length,transforms:{list:q(e)}}}))}function Q(e,t){var s=D(t);if(/^spring/.test(s.easing)&&(s.duration=y(s.easing)),v.arr(e)){var n=e.length;2===n&&!v.obj(e[0])?e={value:e}:v.fnc(t.duration)||(s.duration=t.duration/n)}var a=v.arr(e)?e:[e];return a.map((function(e,s){var n=v.obj(e)&&!v.pth(e)?e:{value:e};return v.und(n.delay)&&(n.delay=s?0:t.delay),v.und(n.endDelay)&&(n.endDelay=s===a.length-1?t.endDelay:0),n})).map((function(e){return E(e,s)}))}function ee(e,t){var s=[],n=t.keyframes;for(var a in n&&(t=E(function(e){for(var t=M(C(e.map((function(e){return Object.keys(e)}))),(function(e){return v.key(e)})).reduce((function(e,t){return e.indexOf(t)<0&&e.push(t),e}),[]),s={},n=function(n){var a=t[n];s[a]=e.map((function(e){var t={};for(var s in e)v.key(s)?s==a&&(t.value=e[s]):t[s]=e[s];return t}))},a=0;a<t.length;a++)n(a);return s}(n),t)),t)v.key(a)&&s.push({name:a,tweens:Q(t[a],e)});return s}function te(e,t){var s;return e.tweens.map((function(n){var a=function(e,t){var s={};for(var n in e){var a=A(e[n],t);v.arr(a)&&1===(a=a.map((function(e){return A(e,t)}))).length&&(a=a[0]),s[n]=a}return s.duration=parseFloat(s.duration),s.delay=parseFloat(s.delay),s}(n,t),r=a.value,c=v.arr(r)?r[1]:r,i=P(c),o=W(t.target,e.name,i,t),l=s?s.to.original:o,u=v.arr(r)?r[0]:l,x=P(u)||P(o),d=i||x;return v.und(c)&&(c=l),a.from=J(u,d),a.to=J(U(c,u),d),a.start=s?s.end:0,a.end=a.start+a.delay+a.duration+a.endDelay,a.easing=_(a.easing,a.duration),a.isPath=v.pth(r),a.isPathTargetInsideSVG=a.isPath&&v.svg(t.target),a.isColor=v.col(a.from.original),a.isColor&&(a.round=1),s=a,a}))}var se={css:function(e,t,s){return e.style[t]=s},attribute:function(e,t,s){return e.setAttribute(t,s)},object:function(e,t,s){return e[t]=s},transform:function(e,t,s,n,a){if(n.list.set(t,s),t===n.last||a){var r="";n.list.forEach((function(e,t){r+=t+"("+e+") "})),e.style.transform=r}}};function ne(e,t){z(e).forEach((function(e){for(var s in t){var n=A(t[s],e),a=e.target,r=P(n),c=W(a,s,r,e),i=U(G(n,r||P(c)),c),o=Y(a,s);se[o](a,s,i,e.transforms,!0)}}))}function ae(e,t){return M(C(e.map((function(e){return t.map((function(t){return function(e,t){var s=Y(e.target,t.name);if(s){var n=te(t,e),a=n[n.length-1];return{type:s,property:t.name,animatable:e,tweens:n,duration:a.end,delay:n[0].delay,endDelay:a.endDelay}}}(e,t)}))}))),(function(e){return!v.und(e)}))}function re(e,t){var s=e.length,n=function(e){return e.timelineOffset?e.timelineOffset:0},a={};return a.duration=s?Math.max.apply(Math,e.map((function(e){return n(e)+e.duration}))):t.duration,a.delay=s?Math.min.apply(Math,e.map((function(e){return n(e)+e.delay}))):t.delay,a.endDelay=s?a.duration-Math.max.apply(Math,e.map((function(e){return n(e)+e.duration-e.endDelay}))):t.endDelay,a}var ce=0;var ie=[],oe=function(){var e;function t(s){for(var n=ie.length,a=0;a<n;){var r=ie[a];r.paused?(ie.splice(a,1),n--):(r.tick(s),a++)}e=a>0?requestAnimationFrame(t):void 0}return"undefined"!==typeof document&&document.addEventListener("visibilitychange",(function(){ue.suspendWhenDocumentHidden&&(le()?e=cancelAnimationFrame(e):(ie.forEach((function(e){return e._onDocumentVisibility()})),oe()))})),function(){e||le()&&ue.suspendWhenDocumentHidden||!(ie.length>0)||(e=requestAnimationFrame(t))}}();function le(){return!!document&&document.hidden}function ue(e){void 0===e&&(e={});var t,s=0,n=0,a=0,r=0,c=null;function i(e){var t=window.Promise&&new Promise((function(e){return c=e}));return e.finished=t,t}var o=function(e){var t=S(x,e),s=S(d,e),n=ee(s,e),a=z(e.targets),r=ae(a,n),c=re(r,s),i=ce;return ce++,E(t,{id:i,children:[],animatables:a,animations:r,duration:c.duration,delay:c.delay,endDelay:c.endDelay})}(e);i(o);function l(){var e=o.direction;"alternate"!==e&&(o.direction="normal"!==e?"normal":"reverse"),o.reversed=!o.reversed,t.forEach((function(e){return e.reversed=o.reversed}))}function u(e){return o.reversed?o.duration-e:e}function j(){s=0,n=u(o.currentTime)*(1/ue.speed)}function m(e,t){t&&t.seek(e-t.timelineOffset)}function h(e){for(var t=0,s=o.animations,n=s.length;t<n;){var a=s[t],r=a.animatable,c=a.tweens,i=c.length-1,l=c[i];i&&(l=M(c,(function(t){return e<t.end}))[0]||l);for(var u=f(e-l.start-l.delay,0,l.duration)/l.duration,x=isNaN(u)?1:l.easing(u),d=l.to.strings,j=l.round,m=[],h=l.to.numbers.length,p=void 0,v=0;v<h;v++){var b=void 0,y=l.to.numbers[v],O=l.from.numbers[v]||0;b=l.isPath?H(l.value,x*y,l.isPathTargetInsideSVG):O+x*(y-O),j&&(l.isColor&&v>2||(b=Math.round(b*j)/j)),m.push(b)}var N=d.length;if(N){p=d[0];for(var g=0;g<N;g++){d[g];var _=d[g+1],w=m[g];isNaN(w)||(p+=_?w+_:w+" ")}}else p=m[0];se[a.type](r.target,a.property,p,r.transforms),a.currentValue=p,t++}}function p(e){o[e]&&!o.passThrough&&o[e](o)}function v(e){var x=o.duration,d=o.delay,j=x-o.endDelay,v=u(e);o.progress=f(v/x*100,0,100),o.reversePlayback=v<o.currentTime,t&&function(e){if(o.reversePlayback)for(var s=r;s--;)m(e,t[s]);else for(var n=0;n<r;n++)m(e,t[n])}(v),!o.began&&o.currentTime>0&&(o.began=!0,p("begin")),!o.loopBegan&&o.currentTime>0&&(o.loopBegan=!0,p("loopBegin")),v<=d&&0!==o.currentTime&&h(0),(v>=j&&o.currentTime!==x||!x)&&h(x),v>d&&v<j?(o.changeBegan||(o.changeBegan=!0,o.changeCompleted=!1,p("changeBegin")),p("change"),h(v)):o.changeBegan&&(o.changeCompleted=!0,o.changeBegan=!1,p("changeComplete")),o.currentTime=f(v,0,x),o.began&&p("update"),e>=x&&(n=0,o.remaining&&!0!==o.remaining&&o.remaining--,o.remaining?(s=a,p("loopComplete"),o.loopBegan=!1,"alternate"===o.direction&&l()):(o.paused=!0,o.completed||(o.completed=!0,p("loopComplete"),p("complete"),!o.passThrough&&"Promise"in window&&(c(),i(o)))))}return o.reset=function(){var e=o.direction;o.passThrough=!1,o.currentTime=0,o.progress=0,o.paused=!0,o.began=!1,o.loopBegan=!1,o.changeBegan=!1,o.completed=!1,o.changeCompleted=!1,o.reversePlayback=!1,o.reversed="reverse"===e,o.remaining=o.loop,t=o.children;for(var s=r=t.length;s--;)o.children[s].reset();(o.reversed&&!0!==o.loop||"alternate"===e&&1===o.loop)&&o.remaining++,h(o.reversed?o.duration:0)},o._onDocumentVisibility=j,o.set=function(e,t){return ne(e,t),o},o.tick=function(e){a=e,s||(s=a),v((a+(n-s))*ue.speed)},o.seek=function(e){v(u(e))},o.pause=function(){o.paused=!0,j()},o.play=function(){o.paused&&(o.completed&&o.reset(),o.paused=!1,ie.push(o),j(),oe())},o.reverse=function(){l(),o.completed=!o.reversed,j()},o.restart=function(){o.reset(),o.play()},o.remove=function(e){de($(e),o)},o.reset(),o.autoplay&&o.play(),o}function xe(e,t){for(var s=t.length;s--;)k(e,t[s].animatable.target)&&t.splice(s,1)}function de(e,t){var s=t.animations,n=t.children;xe(e,s);for(var a=n.length;a--;){var r=n[a],c=r.animations;xe(e,c),c.length||r.children.length||n.splice(a,1)}s.length||n.length||t.pause()}ue.version="3.2.1",ue.speed=1,ue.suspendWhenDocumentHidden=!0,ue.running=ie,ue.remove=function(e){for(var t=$(e),s=ie.length;s--;){de(t,ie[s])}},ue.get=W,ue.set=ne,ue.convertPx=F,ue.path=function(e,t){var s=v.str(e)?w(e)[0]:e,n=t||100;return function(e){return{property:e,el:s,svg:Z(s),totalLength:K(s)*(n/100)}}},ue.setDashoffset=function(e){var t=K(e);return e.setAttribute("stroke-dasharray",t),t},ue.stagger=function(e,t){void 0===t&&(t={});var s=t.direction||"normal",n=t.easing?_(t.easing):null,a=t.grid,r=t.axis,c=t.from||0,i="first"===c,o="center"===c,l="last"===c,u=v.arr(e),x=u?parseFloat(e[0]):parseFloat(e),d=u?parseFloat(e[1]):0,j=P(u?e[1]:e)||0,m=t.start||0+(u?x:0),f=[],h=0;return function(e,t,p){if(i&&(c=0),o&&(c=(p-1)/2),l&&(c=p-1),!f.length){for(var v=0;v<p;v++){if(a){var b=o?(a[0]-1)/2:c%a[0],y=o?(a[1]-1)/2:Math.floor(c/a[0]),O=b-v%a[0],N=y-Math.floor(v/a[0]),g=Math.sqrt(O*O+N*N);"x"===r&&(g=-O),"y"===r&&(g=-N),f.push(g)}else f.push(Math.abs(c-v));h=Math.max.apply(Math,f)}n&&(f=f.map((function(e){return n(e/h)*h}))),"reverse"===s&&(f=f.map((function(e){return r?e<0?-1*e:-e:Math.abs(h-e)})))}return m+(u?(d-x)/h:x)*(Math.round(100*f[t])/100)+j}},ue.timeline=function(e){void 0===e&&(e={});var t=ue(e);return t.duration=0,t.add=function(s,n){var a=ie.indexOf(t),r=t.children;function c(e){e.passThrough=!0}a>-1&&ie.splice(a,1);for(var i=0;i<r.length;i++)c(r[i]);var o=E(s,S(d,e));o.targets=o.targets||e.targets;var l=t.duration;o.autoplay=!1,o.direction=t.direction,o.timelineOffset=v.und(n)?l:U(n,l),c(t),t.seek(o.timelineOffset);var u=ue(o);c(u),r.push(u);var x=re(r,e);return t.delay=x.delay,t.endDelay=x.endDelay,t.duration=x.duration,t.seek(0),t.reset(),t.autoplay&&t.play(),t},t},ue.easing=_,ue.penner=g,ue.random=function(e,t){return Math.floor(Math.random()*(t-e+1))+e};var je=ue,me=s("8G1n");t.default=function(){var e=l.a.bind(i.a),t=Object(r.useRef)(),s=Object(r.useState)(!1),c=s[0],o=s[1],x=Object(r.useState)(!1),d=x[0],j=x[1],m=Object(r.useState)(!1),f=m[0],h=m[1],p=Object(r.useState)(!1),v=p[0],b=p[1],y=Object(r.useState)(!1),O=y[0],N=y[1],g=Object(r.useState)(""),_=g[0],w=g[1],M=e({"arrow-scroll":!0,hide:c});Object(r.useEffect)((function(){c&&je({targets:"#step1 circle, #step1 path,#step1 line",strokeDashoffset:[je.setDashoffset,0],easing:"easeInOutSine",duration:700,delay:function(e,t){return 250*t},loop:1,direction:"normal"})}),[c]),Object(r.useEffect)((function(){d&&je({targets:"#step2 circle, #step2 path,#step2 line",strokeDashoffset:[je.setDashoffset,0],easing:"easeInOutSine",duration:700,delay:function(e,t){return 250*t},direction:"normal"})}),[d]),Object(r.useEffect)((function(){f&&je({targets:"#step3 circle, #step3 path,#step3 line",strokeDashoffset:[je.setDashoffset,0],easing:"easeInOutSine",duration:700,delay:function(e,t){return 250*t},direction:"normal"})}),[f]),Object(r.useEffect)((function(){v&&je({targets:"#step4 circle, #step4 path,#step4 line",strokeDashoffset:[je.setDashoffset,0],easing:"easeInOutSine",duration:700,delay:function(e,t){return 250*t},direction:"normal"})}),[v]),Object(r.useEffect)((function(){O&&je({targets:"#step5 circle, #step5 path,#step5 line",strokeDashoffset:[je.setDashoffset,0],easing:"easeInOutSine",duration:700,delay:function(e,t){return 250*t},direction:"normal"})}),[O]),Object(r.useEffect)((function(){var e=function(){window.innerWidth>768?(window.scrollY>50&&!c&&o(!0),window.scrollY>300&&!d&&j(!0),window.scrollY>550&&!f&&h(!0),window.scrollY>800&&!v&&b(!0),window.scrollY>950&&!O&&N(!0)):(window.scrollY>30&&!c&&o(!0),window.scrollY>100&&!d&&j(!0),window.scrollY>270&&!f&&h(!0),window.scrollY>370&&!v&&b(!0),window.scrollY>500&&!O&&N(!0))};return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}),[]);var C=[{id:"step1",animationClass:c,title:"Zero Dimension. \u62c6\u89e3 / \u54c1\u724c\u5065\u8a3a",desc:"\u63a2\u8a0e\u54c1\u724c\u8207\u5e02\u5834\u9593\u7684\u95dc\u4fc2\uff0c\u900f\u904e\u5be6\u969b\u7684\u6f14\u7df4\u8207\u6211\u5011\u8de8\u9818\u57df\u7d50\u5408\u7684\u5b9a\u4f4d\u7cfb\u7d71\u91cd\u65b0\u51fa\u767c\uff0c\u540c\u6b65\u9032\u884c\u54c1\u724c\u7684Mi (\u7406\u5ff5\u5b9a\u4f4d) \u8207 Analysis\uff08\u5206\u6790\u5b9a\u4f4d\uff09\u638c\u63e1\u6642\u7a0b\u7cbe\u6e96\u6027\uff0c\u89e3\u6c7a\u95dc\u9375\u554f\u984c\u3002"},{id:"step2",animationClass:d,title:"First Dimension. \u7d44\u5408 / \u54c1\u724c\u5b9a\u4f4d",desc:" \u6839\u64da\u5206\u6790\u7684\u7d50\u679c\uff0c\u9032\u884c\u54c1\u724c\u5167\u5916\u90e8\u7684\u63a5\u89f8\u9ede\u898f\u5283\u3002\u5c07\u54c1\u724c\u7b56\u7565\u3001\u6642\u9593\u8ef8\u65b9\u5411\u3001\u9810\u671f\u76ee\u6a19\u3001\u5c0d\u8c61\u53d7\u773e\uff08TA\uff09\u3001\u89f8\u9ede\u8868\u73fe\u7b49\u7b49\uff0c\u5b9a\u7fa9\u54c1\u724c\u6a23\u8c8c\u63d0\u9ad8\u63a5\u89f8\u9ede\u7684\u8a2d\u8a08\u7cbe\u6e96\u6027\u3002"},{id:"step3",animationClass:f,title:"\u8a2d\u8a08\u57f7\u884c / \u8b93\u771f\u6b63\u7684\u8de8\u9818\u57df\u5718\u968a\u8a2d\u8a08\u54c1\u724c\u63a5\u89f8\u9ede",desc:Object(a.jsxs)(a.Fragment,{children:["UnMe\u4e0d\u5c07\u4efb\u4f55\u8a2d\u8a08\u5916\u5305\uff0c\u8b93\u54c1\u724c\u9762\u81e8\u65b7\u5c64\u98a8\u96aa\u3002\u6bcf\u9805\u7522\u7269\u90fd\u7531\u6211\u5011\u900f\u904e\u591a\u8a2d\u8a08\u80fd\u529b\u7684\u7d93\u9a57\u503c\u7e2e\u77ed\u54c1\u724c\u7684\u5efa\u7acb\u6642\u9593\uff0c\u6253\u9020\u7368\u7279\u7684\u54c1\u724c\u63a5\u89f8\u9ede\u3002",Object(a.jsx)("div",{className:i.a["sub-title"],children:"\u54c1\u724c\u8a2d\u8a08\u3001\u7db2\u7ad9\u8a2d\u8a08"}),"\u900f\u904e\u5b9a\u4f4d\u7cfb\u7d71\u57282\u7dad\u8a2d\u8a08\u88e1\u63d0\u9ad8\u54c1\u724c\u5f62\u8c61\u4e00\u81f4\u6027\u4e26\u8207\u884c\u92b7\u7522\u751f\u9023\u7d50\u3002\u6211\u5011\u6574\u5408\u5fc3\u667a\u5716\u3001\u4f7f\u7528\u8005\u7d93\u9a57\u5206\u6790\u3001\u60c5\u7dd2\u503c\u3001\u6587\u5b57\u7cfb\u7d71\u3001\u6578\u64da\u5206\u6790\u7b49\uff0c\u898f\u5283\u5b9a\u4f4d\u54c1\u724c\u624b\u518a\u8207\u7db2\u7ad9\u8a2d\u8a08\u7684\u8a2d\u8a08\u7cbe\u6e96\u6027\u3002",Object(a.jsx)("div",{className:i.a["sub-title"],children:"\u54c1\u724c\u7a7a\u9593\u8a2d\u8a08"}),"\u54c1\u724c\u7a7a\u9593\u4e0d\u662f\u8aaa\u8aaa\u6545\u4e8b\u9019\u9ebc\u7c21\u55ae\uff0cUnMe\u900f\u904e\u7d93\u9a57\u7814\u767c\u7684\u576a\u6548\u6f14\u7b97\u3001\u60c5\u7dd2\u5206\u6790\u3001\u884c\u70ba\u8a2d\u8a08\u3001\u4f7f\u7528\u8005\u7d93\u9a57\u7b49\uff0c\u4e32\u9023\u7dda\u4e0a\u8207\u7dda\u4e0b\u7684\u4e00\u81f4\u6027\uff0c\u5275\u9020\u7368\u7279\u7684\u7a7a\u9593\u8a2d\u8a08\u4f86\u7522\u6536\u6c88\u6d78\u5f0f\u9ad4\u9a57\u7684\u771f\u5be6\u50f9\u503c\u3002"]})},{id:"step4",animationClass:v,title:"\u5be6\u52d9\u843d\u5be6 / \u4e0d\u53ea\u8a2d\u8a08\u843d\u5be6\u66f4\u63d0\u4f9b\u5e74\u7d04\u6027\u7684\u670d\u52d9\uff0c\u5354\u52a9\u54c1\u724c\u56de\u6536\u66f4\u591a\u5b9a\u4f4d\u6578\u64da",desc:Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)("div",{className:i.a["sub-title"],children:"\u5305\u88dd\u6587\u5ba3\u3001\u5b98\u7db2\u67b6\u7ad9"}),"\u8a2d\u8a08\u9032\u884c\u6642\u540c\u6b65\u8003\u91cf\u71df\u904b\u6210\u672c\u843d\u5be6\u7684\u53ef\u80fd\u6027\u3002\u6709\u6548\u898f\u5283\u4f01\u696d\u8b58\u5225\u7684\u6587\u5ba3\u7522\u7269\u3001\u7db2\u7ad9\u898f\u5283\u7684\u5efa\u7f6e\u6210\u672c\u3002\u6bcf\u4f4d\u8a2d\u8a08\u5e2b\u7dca\u76ef\u8457\u5370\u5237\u5ee0\u8207Coding\u7684\u54c1\u8cea\uff0c\u8b93\u7522\u7269\u5f97\u4ee5\u771f\u6b63\u843d\u5be6\u5728\u9700\u6c42\u4e0a\u3002",Object(a.jsx)("div",{className:i.a["sub-title"],children:"\u7a7a\u9593\u5de5\u7a0b"}),"\u6211\u5011\u6709\u8457\u62c6\u89e3\u4e0d\u540c\u9700\u6c42\u7684\u7a7a\u9593\u8a2d\u8a08\u80fd\u529b\u3002\u5f9e\u767e\u8ca8\u3001\u9910\u98f2\u3001\u9304\u97f3\u5ba4\u3001\u5065\u8eab\u623f\u3001\u8fa6\u516c\u5ba4\u7b49\uff0c\u5206\u5225\u914d\u5408\u4e0d\u540c\u7684\u5de5\u7a0b\u5718\u968a\u843d\u5be6\u88dd\u6f62\u9700\u6c42\uff0c\u7d93\u7531\u5be6\u969b\u7684\u638c\u63e1\u966a\u540c\u5925\u4f34\u89e3\u6c7a\u7d93\u71df\u554f\u984c\u3002"]})},{id:"step5",animationClass:O,title:"\u6642\u9593\u8ef8\u670d\u52d9 / \u8a2d\u8a08\u4e0d\u8a72\u53ea\u662f\u5c08\u6848\uff0c\u800c\u662f\u54c1\u724c\u65c5\u7a0b\u7684\u5925\u4f34",desc:Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)("div",{className:i.a["sub-title"],children:"\u54c1\u724c\u9867\u554f / \u6559\u80b2\u8a13\u7df4"}),"\u7e2e\u77ed\u4f01\u696d\u5efa\u7acb\u54c1\u724c\u7684\u6642\u7a0b\u4e26\u63d0\u5347\u63a5\u89f8\u9ede\u4e00\u81f4\u6027\uff0c\u662fUnMe\u6210\u7acb\u7684\u76ee\u6a19\u3002",Object(a.jsx)("br",{}),"\u56e0\u6b64\u6211\u5011\u5728\u6bcf\u9805\u670d\u52d9\u4e2d\u90fd\u6709\u8457\u5f8c\u7e8c\u8ffd\u8e64\u3001\u4f01\u696d\u5167\u90e8\u54c1\u724c\u516c\u95dc\u5efa\u7acb\u3001\u7f8e\u7de8\u6559\u80b2\u8a13\u7df4\u3001\u8a2d\u8a08\u5e74\u7d04\u670d\u52d9\u3001\u9867\u554f\u7b49\u76f8\u95dc\u6642\u9593\u8ef8\u898f\u5283\uff0c\u8b93\u8a2d\u8a08\u4e0d\u5728\u505c\u7559\u65bc\u5c08\u6848\u4e0a\uff0c\u96a8\u8457\u6642\u9593\u7684\u6f14\u8b8a\u8abf\u6574\u54c1\u724c\u9700\u6c42\u3002"]})}],I=e({first:!0,in:c}),k=e({"dimension-text":!0,one:!0,in:c}),D=e({"dimension-text":!0,two:!0,in:d}),S=e({"dimension-text":!0,three:!0,in:f}),E=e({"dimension-text":!0,four:!0,in:v}),B=e({"dimension-text":!0,five:!0,in:O});return Object(a.jsx)(a.Fragment,{children:Object(a.jsx)(u.a,{exception:Object(a.jsx)(me.a,{data:[{id:"projects",title:"Our Projects",desc:"\u4ed4\u7d30\u700f\u89bd\u5c0d\u65bc\u6bcf\u500b\u4f5c\u54c1\u7684\u5805\u6301\uff0c\u8b93\u4f60\u80fd\u5920\u653e\u5fc3\u5730\u8207\u6211\u5011\u5408\u4f5c",path:"/projects"},{id:"contact",title:"Contact Us",desc:"\u6b61\u8fce\u5206\u4eab\u66f4\u591a\u95dc\u65bc\u4f60\u7684\u4e8b\u60c5\uff0c\u8b93\u6211\u5011\u8207\u4f60\u4e00\u540c\u63a2\u7d22\u51fa\u4f01\u696d\u7684\u7368\u7279\u6027\uff0c\u966a\u4f34\u54c1\u724c\u4e00\u540c\u6210\u9577\u3002",path:"/contact",text:"contact"}]}),children:Object(a.jsxs)("div",{className:i.a.service,children:[Object(a.jsx)("h1",{children:"\u7dad\u5ea6\u8a2d\u8a08"}),Object(a.jsxs)("section",{className:i.a.top,children:[Object(a.jsxs)("div",{className:i.a.step,children:[Object(a.jsx)("div",{className:i.a.title,children:"Dots make Brand happends / \u63a5\u89f8.\u7406\u89e3"}),Object(a.jsxs)("div",{className:i.a.desc,children:["\u8b93\u6211\u5011\u5148\u5f9e\u4e00\u676f\u5496\u5561\u958b\u59cb\u77ad\u89e3\u5f7c\u6b64\uff0c\u4e0d\u4ee5\u6c88\u91cd\u7684\u6703\u8b70\u5ba4\u958b\u5834\u3002",Object(a.jsx)("br",{}),"\u900f\u904e\u4f7f\u7528\u8005\u7d93\u9a57\u7684\u5c08\u696d\u80cc\u666f\u804a\u804a\u54c1\u724c\u63a5\u89f8\u9ede\u6240\u9047\u898b\u7684\u554f\u984c\u4e26\u91d0\u6e05\u898f\u5283\u7684\u65b9\u5411\uff0c\u8f15\u9b06\u7684\u804a\u804a\u5916\u4e5f\u8b93\u4f60\u66f4\u7406\u89e3\u6211\u5011\u3002"]})]}),Object(a.jsx)("div",{className:I})]}),Object(a.jsx)("div",{className:M}),Object(a.jsxs)("section",{className:i.a.dimension,children:[Object(a.jsxs)("div",{className:k,children:["Zero Dimension.",Object(a.jsx)("br",{})," \u62c6\u89e3 / \u54c1\u724c\u5065\u8a3a"]}),Object(a.jsxs)("div",{className:D,children:["First Dimension.",Object(a.jsx)("br",{})," \u7d44\u5408 / \u54c1\u724c\u5b9a\u4f4d"]}),Object(a.jsxs)("div",{className:S,children:[Object(a.jsx)("div",{children:"\u8a2d\u8a08\u57f7\u884c"}),Object(a.jsx)("div",{children:"\u54c1\u724c\u8a2d\u8a08"}),Object(a.jsx)("div",{children:"\u7db2\u7ad9\u8a2d\u8a08"}),Object(a.jsx)("div",{children:"\u54c1\u724c\u7a7a\u9593\u8a2d\u8a08"})]}),Object(a.jsxs)("div",{className:E,children:[Object(a.jsx)("div",{children:"\u5be6\u52d9\u843d\u5be6"}),Object(a.jsx)("div",{children:"\u7a7a\u9593\u5de5\u7a0b"}),Object(a.jsxs)("div",{children:["\u5305\u88dd\u6587\u5ba3",Object(a.jsx)("br",{}),"\u5b98\u7db2\u67b6\u7ad9"]})]}),Object(a.jsx)("div",{className:B,children:"\u6642\u9593\u8ef8\u670d\u52d9"}),Object(a.jsxs)("svg",{ref:t,style:{opacity:c?1:0},id:"step1",version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 401.2 836.7",children:[Object(a.jsx)("circle",{className:i.a.st0,cx:"25.1",cy:"137.5",r:"12.1"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"25.1",cy:"137.5",r:"23.6"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"25.1",cy:"137.5",r:"6.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"25.1",y1:"125.4",x2:"25.1",y2:"149.6"})]}),Object(a.jsxs)("svg",{style:{opacity:d?1:0},version:"1.1",id:"step2",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 401.2 836.7",children:[Object(a.jsx)("circle",{className:i.a.st1,cx:"376.1",cy:"137.5",r:"12.1"}),Object(a.jsx)("circle",{className:i.a.st1,cx:"376.1",cy:"137.5",r:"23.6"}),Object(a.jsx)("path",{className:i.a.st1,d:"M200.6,49.6c-110,0-199.1,39.4-199.1,87.9s89.1,87.9,199.1,87.9c82.5,0,153.2-22.1,183.5-53.7"}),Object(a.jsx)("path",{className:i.a.st1,d:"M399.7,137.5c0-48.6-89.1-87.9-199.1-87.9"}),Object(a.jsx)("line",{className:i.a.st1,x1:"200.6",y1:"1.5",x2:"200.6",y2:"167.1"}),Object(a.jsx)("path",{className:i.a.st1,d:"M59.5,152.7c-7-6.7-10.9-14-10.9-21.7c0-32.2,68-58.3,151.9-58.3"}),Object(a.jsx)("path",{className:i.a.st1,d:"M230.1,73.7c69.8,5.3,122.5,28.9,122.5,57.2c0,32.2-68,58.3-151.9,58.3c-40.3,0-76.9-6-104.1-15.8"}),Object(a.jsx)("circle",{className:i.a.st1,cx:"376.1",cy:"137.5",r:"6.6"}),Object(a.jsx)("line",{className:i.a.st1,x1:"376.1",y1:"125.4",x2:"376.1",y2:"149.6"})]}),Object(a.jsx)("svg",{style:{opacity:f?1:0},version:"1.1",id:"step3",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 399.2 833.7",children:Object(a.jsxs)("g",{children:[Object(a.jsx)("line",{className:i.a.st0,x1:"13.5",y1:"141.8",x2:"186.5",y2:"426.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"385.5",y1:"142.3",x2:"225.1",y2:"398.3"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"419.1",r:"15"}),Object(a.jsx)("line",{className:i.a.st0,x1:"199.6",y1:"292.3",x2:"199.6",y2:"386.3"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"280.2",r:"23.6"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"419.1",r:"32.8"}),Object(a.jsx)("line",{className:i.a.st0,x1:"216.7",y1:"263.9",x2:"340.9",y2:"151.1"}),Object(a.jsx)("line",{className:i.a.st0,x1:"182.5",y1:"263.9",x2:"58.4",y2:"151.1"}),Object(a.jsx)("line",{className:i.a.st0,x1:"199.6",y1:"256.6",x2:"199.6",y2:"187.8"}),Object(a.jsx)("line",{className:i.a.st0,x1:"116.1",y1:"80.7",x2:"179.9",y2:"241.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"279.4",y1:"94.4",x2:"211.7",y2:"260"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"280.2",r:"12.1"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"280.2",r:"6.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"187.5",y1:"281",x2:"211.7",y2:"281"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"419.1",r:"8.2"}),Object(a.jsx)("line",{className:i.a.st0,x1:"192.2",y1:"406.1",x2:"207.1",y2:"432.1"})]})}),Object(a.jsxs)("svg",{style:{opacity:v?1:0},version:"1.1",id:"step4",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 399.2 833.7",children:[Object(a.jsx)("circle",{className:i.a.st0,cx:"24.1",cy:"702.2",r:"12.1"}),Object(a.jsx)("line",{className:i.a.st0,x1:"217",y1:"568.1",x2:"342.3",y2:"675.1"}),Object(a.jsx)("line",{className:i.a.st0,x1:"182.2",y1:"568.1",x2:"56.9",y2:"675.1"}),Object(a.jsx)("line",{className:i.a.st0,x1:"199.6",y1:"539.5",x2:"199.6",y2:"451.9"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"375.1",cy:"702.2",r:"23.6"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"24.1",cy:"702.2",r:"23.6"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"551.6",r:"23.6"}),Object(a.jsx)("path",{className:i.a.st0,d:"M270.1,643.3c-21.1-4.3-45-6.7-70.5-6.7c-83.9,0-151.9,26.3-151.9,58.7s68,58.7,151.9,58.7 s151.9-26.3,151.9-58.7c0-18.2-21.5-34.5-55.3-45.3"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"375.1",cy:"702.2",r:"12.1"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"551.6",r:"12.1"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"199.6",cy:"551.6",r:"6.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"211.7",y1:"551.6",x2:"187.5",y2:"551.6"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"24.1",cy:"702.2",r:"6.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"24.1",y1:"690.1",x2:"24.1",y2:"714.3"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"375.1",cy:"702.2",r:"6.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"375.1",y1:"690.1",x2:"375.1",y2:"714.3"})]}),Object(a.jsxs)("svg",{style:{opacity:O?1:0},version:"1.1",id:"step5",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 401.2 836.7",children:[Object(a.jsx)("line",{className:i.a.st0,x1:"14",y1:"698.9",x2:"175.2",y2:"441.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"386.7",y1:"697.9",x2:"213.2",y2:"412.4"}),Object(a.jsx)("path",{className:i.a.st0,d:"M1.5,703.7c0-20.9,16.5-40.1,44-55.2"}),Object(a.jsx)("path",{className:i.a.st0,d:"M165.5,790.2c-93.2-7.3-164-43.3-164-86.6"}),Object(a.jsx)("path",{className:i.a.st0,d:"M68,638.1c35.2-13.9,81.7-22.3,132.6-22.3c110,0,199.1,39.4,199.1,87.9s-89.1,87.9-199.1,87.9"}),Object(a.jsx)("line",{className:i.a.st0,x1:"216.2",y1:"590.7",x2:"275.7",y2:"731.9"}),Object(a.jsx)("line",{className:i.a.st0,x1:"115.2",y1:"745.3",x2:"191",y2:"575.2"}),Object(a.jsx)("line",{className:i.a.st0,x1:"200.6",y1:"602.9",x2:"200.6",y2:"835.2"})]})]}),Object(a.jsx)("section",{className:i.a.section,children:Object(a.jsx)("div",{className:i.a.steps,children:C.map((function(t,s){var r=e(Object(n.a)({step:!0},t.id,!0));return Object(a.jsxs)("div",{className:r,onClick:function(){_!==t.id?w(t.id):w("")},children:[Object(a.jsxs)("div",{className:i.a.count,children:[s+1,"."]}),Object(a.jsx)("div",{className:i.a.title,children:t.title}),Object(a.jsx)("div",{className:i.a.desc,children:t.desc})]},t.id)}))})}),Object(a.jsxs)("section",{className:i.a.section,children:[Object(a.jsx)("h2",{children:"Why you need Dimension Design?"}),Object(a.jsx)("h3",{children:"\u54c1\u724c\u9762\u81e8\u7684\u65b7\u5c64\u554f\u984c | Create point Solve point"}),Object(a.jsx)("p",{children:"\u53f0\u7063\u4f01\u696d\u7d93\u71df\u54c1\u724c\u6642\uff0c\u767c\u5305\u7d66\u4e0d\u540c\u5ee0\u5546\u3001\u751a\u81f3\u53ea\u662f\u627e\u5230\u4e00\u500b\u7d71\u5305\u884c\u7684\u9867\u554f\u516c\u53f8\uff0c\u9019\u6a23\u7684\u65b9\u5f0f\u7121\u6cd5\u89e3\u6c7a\u54c1\u724c\u65b7\u5c64\u3002"}),Object(a.jsx)("div",{className:i.a.process,children:Object(a.jsxs)("svg",{version:"1.1",id:"Layer_1",x:"0px",y:"0px",viewBox:"0 0 854.2 543",children:[Object(a.jsxs)("g",{children:[Object(a.jsx)("circle",{className:i.a.st0,cx:"160.4",cy:"87.3",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"160.4",cy:"87.3",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"160.4",y1:"58.6",x2:"160.4",y2:"116.1"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"328.2",cy:"87.3",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"328.2",cy:"87.3",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"328.2",y1:"58.6",x2:"328.2",y2:"116.1"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"496",cy:"87.3",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"496",cy:"87.3",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"496",y1:"58.6",x2:"496",y2:"116.1"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"663.9",cy:"87.3",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"663.9",cy:"87.3",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"663.9",y1:"58.6",x2:"663.9",y2:"116.1"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 155.8429 144.3981)",className:i.a.st3,children:"MI"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 491.0018 144.3981)",className:i.a.st3,children:"VI"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 632.3895 144.3981)",className:i.a.st3,children:"INTERIOR"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 301.2732 144.3981)",className:i.a.st3,children:"ANALYSIS"}),Object(a.jsx)("line",{className:i.a.st0,x1:"200.8",y1:"87.3",x2:"235.6",y2:"87.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"253",y1:"87.3",x2:"287.8",y2:"87.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"368.4",y1:"87.3",x2:"403.2",y2:"87.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"420.5",y1:"87.3",x2:"455.4",y2:"87.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"536.1",y1:"87.3",x2:"570.9",y2:"87.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"588.3",y1:"87.3",x2:"623.1",y2:"87.3"})]}),Object(a.jsxs)("text",{transform:"matrix(1 0 0 1 220.9338 421.277)",children:[Object(a.jsx)("tspan",{x:"5",y:"0",className:i.a.st3,children:"COMPANY"}),Object(a.jsx)("tspan",{x:"35.2",y:"18.2",className:i.a.st3,children:"A"})]}),Object(a.jsxs)("text",{transform:"matrix(1 0 0 1 546.4103 421.277)",children:[Object(a.jsx)("tspan",{x:"6",y:"0",className:i.a.st3,children:"COMPANY"}),Object(a.jsx)("tspan",{x:"34.8",y:"18.2",className:i.a.st3,children:"B"})]}),Object(a.jsx)("polygon",{className:i.a.st0,points:"346.5,450.8 346.5,384.5 259.8,351.4 173.1,384.5 173.1,450.8 259.8,484 "}),Object(a.jsx)("polygon",{className:i.a.st0,points:"670.6,450.8 670.6,384.5 583.8,351.4 497.1,384.5 497.1,450.8 583.8,484 "}),Object(a.jsx)("polyline",{className:i.a.st0,points:"172.7,161.8 259.8,351.4 486.1,161.8 "}),Object(a.jsx)("line",{className:i.a.st0,x1:"259.8",y1:"351.4",x2:"318.8",y2:"161.8"}),Object(a.jsx)("polyline",{className:i.a.st0,points:"340,161.8 583.8,351.4 663.9,161.8 "}),Object(a.jsx)("line",{className:i.a.st0,x1:"359.5",y1:"421.5",x2:"409.4",y2:"421.5"}),Object(a.jsx)("line",{className:i.a.st0,x1:"434.2",y1:"421.5",x2:"484.1",y2:"421.5"}),Object(a.jsx)("line",{className:i.a.st0,x1:"411.9",y1:"405.9",x2:"417.7",y2:"415.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"431.6",y1:"405.9",x2:"425.7",y2:"415.3"}),Object(a.jsx)("line",{className:i.a.st0,x1:"411.9",y1:"437.1",x2:"417.7",y2:"427.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"431.6",y1:"437.1",x2:"425.7",y2:"427.7"}),Object(a.jsx)("text",{transform:"matrix(1.7835 0 0 1 238.9145 92.7322)",className:i.a.st6,children:"?"}),Object(a.jsx)("text",{transform:"matrix(1.7835 0 0 1 406.3662 92.7322)",className:i.a.st6,children:"?"}),Object(a.jsx)("text",{transform:"matrix(1.7835 0 0 1 573.8179 92.7322)",className:i.a.st6,children:"?"})]})}),Object(a.jsx)("h3",{children:"\u7dad\u5ea6\u8a2d\u8a08\u670d\u52d9"}),Object(a.jsx)("p",{children:"UNME \u4e26\u4e0d\u662f\u7dda\u72c0\u9032\u884c\u7684\u8a2d\u8a08\u516c\u53f8\uff0c\u800c\u662f\u53ef\u4ee5\u900f\u904e\u591a\u9ede\u57f7\u884c\u4f01\u696d\u54c1\u724c\u4e0d\u540c\u6642\u7a0b\u4e0b\u7684\u54c1\u724c\u9700\u6c42\uff08\u751f\u614b\u7cfb\uff09"}),Object(a.jsx)("div",{className:i.a.process,children:Object(a.jsxs)("svg",{version:"1.1",id:"Layer_1",x:"0px",y:"0px",viewBox:"0 0 855.2 798.2",children:[Object(a.jsx)("path",{className:i.a.st0,d:"M589,484.9c-2.2-3.9-4.3-7.7-6.2-11.3"}),Object(a.jsx)("path",{className:i.a.st0,d:"M654.6,544.8c-18.4,0-35.9-16.4-50.1-35.7"}),Object(a.jsx)("path",{className:i.a.st0,d:"M710.3,509.1c-16.9,27.2-41.1,35.7-55.8,35.7"}),Object(a.jsx)("path",{className:i.a.st0,d:"M726.3,473.6c-0.8,1.5-3.2,7-5.9,13.2"}),Object(a.jsx)("path",{className:i.a.st0,d:"M570.7,641.9c-69.1,0-131.2-114.9-156.2-168"}),Object(a.jsx)("path",{className:i.a.st0,d:"M710.3,509.1c-30.7,56.9-83.4,132.8-139.7,132.8"}),Object(a.jsx)("path",{className:i.a.st0,d:"M251.4,484.7c-1.8-3.8-3.4-7.4-5-10.7"}),Object(a.jsx)("path",{className:i.a.st0,d:"M486.8,739c-94.9,0-180.9-144.5-223.6-230"}),Object(a.jsx)("path",{className:i.a.st0,d:"M710.3,509.1c-42.6,85.5-128.7,230-223.6,230"}),Object(a.jsx)("polyline",{className:i.a.st0,points:"658.2,550.6 651,544.4 658.2,538.9 "}),Object(a.jsx)("polyline",{className:i.a.st0,points:"574.3,647.7 567.1,641.5 574.3,636.1 "}),Object(a.jsx)("circle",{className:i.a.st0,cx:"67.2",cy:"447.6",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"67.2",cy:"447.6",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"67.2",y1:"418.9",x2:"67.2",y2:"476.4"}),Object(a.jsx)("circle",{className:i.a.st3,cx:"235",cy:"447.6",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st1,cx:"235",cy:"447.6",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st1,x1:"214.7",y1:"427.3",x2:"255.3",y2:"467.9"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"402.8",cy:"447.6",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"402.8",cy:"447.6",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"402.8",y1:"418.9",x2:"402.8",y2:"476.4"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"570.7",cy:"447.6",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"570.7",cy:"447.6",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"570.7",y1:"418.9",x2:"570.7",y2:"476.4"}),Object(a.jsx)("circle",{className:i.a.st0,cx:"738.5",cy:"447.6",r:"28.7"}),Object(a.jsx)("circle",{className:i.a.st2,cx:"738.5",cy:"447.6",r:"15.7"}),Object(a.jsx)("line",{className:i.a.st0,x1:"758.8",y1:"427.3",x2:"718.2",y2:"467.9"}),Object(a.jsxs)("g",{children:[Object(a.jsx)("line",{className:i.a.st0,x1:"38.5",y1:"447.6",x2:"0.5",y2:"447.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"206.3",y1:"447.6",x2:"95.9",y2:"447.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"374.1",y1:"447.6",x2:"263.8",y2:"447.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"541.9",y1:"447.6",x2:"431.6",y2:"447.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"709.8",y1:"447.6",x2:"599.4",y2:"447.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"854.7",y1:"447.6",x2:"767.2",y2:"447.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"825.6",y1:"426.6",x2:"854.7",y2:"447.6"}),Object(a.jsx)("line",{className:i.a.st0,x1:"825.6",y1:"468.6",x2:"854.7",y2:"447.6"})]}),Object(a.jsx)("path",{className:i.a.st0,d:"M318.9,350.5c-29.7,0-56.7,42.3-71.7,71.1"}),Object(a.jsx)("path",{className:i.a.st0,d:"M390.6,421.6c-15-28.8-42.1-71.1-71.7-71.1"}),Object(a.jsx)("path",{className:i.a.st0,d:"M151.1,350.5c-29.7,0-56.7,42.3-71.7,71.1"}),Object(a.jsx)("path",{className:i.a.st0,d:"M222.8,421.6c-15-28.8-42.1-71.1-71.7-71.1"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 58.6392 504.6893)",className:i.a.st3,children:"MI"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 397.1681 504.6893)",className:i.a.st3,children:"VI"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 537.9667 504.6893)",className:i.a.st3,children:"INTERIOR"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 706.2137 504.6893)",className:i.a.st3,children:"COMPANY"}),Object(a.jsx)("text",{transform:"matrix(1 0 0 1 201.8764 504.6893)",className:i.a.st3,children:"ANALYSIS"}),Object(a.jsx)("path",{className:i.a.st0,d:"M402.8,253.4c-69.1,0-124.8,100.6-149.8,153.6"}),Object(a.jsx)("path",{className:i.a.st0,d:"M559,421.3c-25-53.1-87.1-168-156.2-168"}),Object(a.jsx)("path",{className:i.a.st0,d:"M486.8,156.2c-109.7,0-207.7,193.3-240.3,265"}),Object(a.jsx)("path",{className:i.a.st0,d:"M727,421.3c-32.6-71.7-130.6-265-240.3-265"}),Object(a.jsx)("path",{className:i.a.st0,d:"M402.8,59.1c-151,0-285.4,274.6-324.3,362.1"}),Object(a.jsx)("path",{className:i.a.st0,d:"M727.2,421.2C688.2,333.7,553.9,59.1,402.8,59.1"}),Object(a.jsx)("polyline",{className:i.a.st0,points:"314.9,344.5 322.1,350.7 314.9,356.1 "}),Object(a.jsx)("polyline",{className:i.a.st0,points:"395.6,247.2 402.8,253.4 395.6,258.8 "}),Object(a.jsx)("polyline",{className:i.a.st0,points:"479.5,150 486.8,156.2 479.5,161.6 "}),Object(a.jsx)("polyline",{className:i.a.st0,points:"486.8,745.2 479.5,739 486.8,733.6 "})]})})]})]})})})}},OEGI:function(e,t,s){"use strict";var n=s("nKUr"),a=s("q1tI"),r=s("cbVL"),c=s.n(r),i=s("UbMB"),o=s.n(i);t.a=function(e){var t=e.dark,s=void 0!==t&&t,r=e.hoverState,i=void 0!==r&&r,l=e.hoverWithContainer,u=void 0!==l&&l,x=e.text,d=void 0===x?"readmore":x,j=e.onClick,m=e.reverse,f=void 0!==m&&m,h=o.a.bind(c.a),p=Object(a.useState)(i),v=p[0],b=p[1];Object(a.useEffect)((function(){u&&b(i)}),[i]);var y=h({container:!0,hover:v,hoverWithContainer:u}),O=h({arrow:!0,dark:s,reverse:f});return Object(n.jsx)("div",{className:y,onClick:j,children:Object(n.jsx)("div",{className:O,children:Object(n.jsx)("span",{children:d})})})}},Vz0o:function(e,t,s){e.exports={service:"service_service__2Y0v-",steps:"service_steps__2RJZm",step:"service_step__3B-aC",count:"service_count__1_Lgw",title:"service_title__2lluX","sub-title":"service_sub-title__4PDm0",step3:"service_step3__1IntJ",top:"service_top__34GFR",first:"service_first__3dSjT",firstAnimation:"service_firstAnimation__2GRvT",in:"service_in__1L4Kg",dimension:"service_dimension__3LkWl",st0:"service_st0__2POCB",st1:"service_st1__1abja","dimension-text":"service_dimension-text__qHEdP",one:"service_one__ZjG9c",two:"service_two__1ANVN",three:"service_three__3Nu7p",four:"service_four__1bwJw",five:"service_five__iaKQa",process:"service_process__22Og2",st2:"service_st2__2zhS7",st3:"service_st3__8x2ZY",st6:"service_st6__23mLg",st5:"service_st5__nvOoD","arrow-scroll":"service_arrow-scroll__ATEdc",hide:"service_hide__3jtcJ",arrowScroll:"service_arrowScroll__Xh5jK"}},cbVL:function(e,t,s){e.exports={container:"arrow_container__F0jZm",hoverWithContainer:"arrow_hoverWithContainer__38l71",arrow:"arrow_arrow__12Ap2",reverse:"arrow_reverse__2KeS0",hover:"arrow_hover__3vnVh",dark:"arrow_dark__3Oxqn"}},yxK2:function(e,t,s){e.exports={container:"more_container__24JRX",more:"more_more__3FLvy",title:"more_title__R5rTK",desc:"more_desc__2iAJ8",readmore:"more_readmore__3rIiG"}}},[["5UCX",1,2,0,3,4]]]);