https://cdn-public.firefly.com.cn/www-firefly-cn/cdn-static/_next/…/SafetyAndChassis-9b4a4d09d144d9ea.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8287],{62355:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/firefly/_modules/SafetyAndChassis",function(){return t(71908)}])},56821:function(e,o,t){"use strict";var i=t(31549),s=t(44194),n=t(88811),r=t(79836),l=t(32060),a=t(51865),d=t.n(a),u=t(11787),c=t.n(u);let v={dots:!1,arrows:!1,infinite:!0,speed:100,variableWidth:!0,centerPadding:0},m=(0,s.memo)(e=>{let{className:o="",onClick:t,type:s="std"}=e;return(0,i.jsx)("div",{className:c().carouselArrowWrapper,onClick:t,children:(0,i.jsx)("div",{className:"".concat(c().carouselArrow," ").concat(o),children:"std"==s?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("i",{}),(0,i.jsx)("i",{})]}):l.Wj[s]})})});m.displayName="CarouselArrow";let p=(0,s.memo)(e=>{let{label:o="",active:t,onPaginateClick:n,id:r,progressBar:l}=e,a=(0,s.useCallback)(()=>{n(r)},[r,n]);return(0,i.jsxs)("span",{onClick:a,className:d()(c().carouselPaginationItem,"carouselPaginationItem",{[c().carouselPaginationActive]:t,carouselPaginationActive:t},{[c().progressBar]:l},"firefly-cursor-clickable"),children:[o?(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:o}}):null,l&&(0,i.jsx)("span",{className:c().progressBarWrapper,children:(0,i.jsx)("span",{className:c().progressBarIndicator})})]})});p.displayName="PaginationItem";let h=e=>{var o,t;let a=(0,s.useRef)(),u=(0,s.useRef)(),h=(0,s.useRef)(),{paginationEnabled:g=!0,paginationArrow:C=!1,onPaginationUpdate:_,parentCurrentPage:f,progressBar:y=!1,paginationArrowType:w="std",wrapperClass:b="",floatingNavigation:x={},navLabels:I=[],indicatorSlide:N=!1}=e,j=(0,r.a)("(max-width: 719px)"),A=(0,r.a)(),k=(0,r.a)("(min-width: 720px) and (max-width: 1023px)"),P="number"==typeof f&&!Number.isNaN(f),[V,S]=(0,s.useState)(0),E=P?f:V,M=e.children.length,T=null!==(t=e.infinite)&&void 0!==t?t:v.infinite,R=(0,s.useCallback)(e=>{var o,t;let i=(null===(o=u.current)||void 0===o?void 0:o.getBoundingClientRect())||null,s=(null===(t=u.current)||void 0===t?void 0:t.querySelectorAll(".carouselPaginationItem")[e])||null;if(s&&i&&h&&h.current){let e=s.getBoundingClientRect().left-i.left,o=s.getBoundingClientRect().width,t=s.getBoundingClientRect().height;h.current.style.left="".concat(e,"px"),h.current.style.width="".concat(o,"px"),h.current.style.height="".concat(t,"px"),h.current.style.transition="left 0.3s ease-in-out, width 0.2s ease-in-out"}},[]),B=(0,s.useCallback)(e=>{S(e),null==_||_(e)},[_]),W=(0,s.useCallback)((e,o)=>{a.current&&(E!==e||o?(B(e),a.current.slickGoTo(e)):0===E&&0===e&&(B(e),a.current.slickGoTo(e)))},[E,B]),O=(0,s.useCallback)(e=>{E!==e&&B(e)},[E,B]),L=(0,s.useCallback)(()=>{a.current&&(T||!(E<=0))&&W(E<=0?M-1:E-1)},[E,W,T,M]),Z=(0,s.useCallback)(()=>{a.current&&(T||!(E>=M-1))&&W(E>=M-1?0:E+1)},[E,W,T,M]),F={...v,...e};if(e.settings){if(e.settings.arrowIcon&&(F={...F,prevArrow:l.Wj[e.settings.arrowIcon],nextArrow:l.Wj[e.settings.arrowIcon]}),e.settings.fadeMode){let o=!1;A&&!k&&"desktop"===e.settings.fadeMode&&(o=!0),A||"mobile"!==e.settings.fadeMode||(o=!0),"all"===e.settings.fadeMode&&(o=!0),F={...F,fade:o}}F={...F,...e.settings}}(0,s.useEffect)(()=>{P&&a.current&&a.current.slickGoTo(f)},[P,f]),(0,s.useEffect)(()=>{if(j||k||!N)return;R(E);let e=window.setTimeout(()=>R(E),100);return()=>window.clearTimeout(e)},[E,j,k,N,R]),(0,s.useEffect)(()=>{let e=window.matchMedia("(orientation: landscape)"),o=()=>{window.setTimeout(()=>R(E),0)};return e.addEventListener("change",o),()=>{e.removeEventListener("change",o)}},[E,R]);let G=(0,s.useCallback)(()=>{var o;let t=null==u?void 0:null===(o=u.current)||void 0===o?void 0:o.querySelectorAll(".carouselPagination > span");if(t){t.forEach(e=>{e.classList.contains("carouselPaginationActive")?(e.children[0].children[0].style.width=(e.classList.contains("carouselPaginationActive")?2:0)+"%",e.children[0].children[0].style.transition="width 1.05s ease-in"):(e.children[0].children[0].style.width=(e.classList.contains("carouselPaginationActive")?2:0)+"%",e.children[0].children[0].style.transition="none")});let o=e.autoplaySpeed||3e3,i=u.current.querySelector(".carouselPaginationActive span span");i&&(i.style.width="100%",i.style.transition="width ".concat(o/1e3,"s ease-in"))}}

1,[e.autoplaySpeed]);return(0,s.useEffect)(()=>{y&&M>1&&G()},[E,y,M,G]),(0,i.jsxs)("div",{className:d()(c().carousel,"carousel",b),id:e.id,children:[(0,i.jsx)(n.Z,{...F,afterChange:O,ref:e=>a.current=e,children:e.children}),M>1&&(C||g)&&(0,i.jsxs)("div",{className:d()(c().carouselControls,"carouselControls"),children:[C&&(0,i.jsx)(m,{onClick:L,className:d()({[c().disabled]:!T&&E<=0},c().carouselArrowPrev,"carouselArrowPrev"),type:w}),g&&(0,i.jsxs)("div",{ref:u,className:d()(c().carouselPagination,"carouselPagination",{[c().indicatorSlide]:N}),children:[e.children.map((e,o)=>{let t=I.length&&I[o]?I[o]:"";return(0,i.jsx)(p,{active:o===E,onPaginateClick:W,id:o,progressBar:y,label:t},o)}),N&&!j&&!k&&(0,i.jsx)("div",{ref:h,className:d()(c().sliderIndicator,"sliderIndicator")})]}),C&&(0,i.jsx)(m,{className:d()({[c().disabled]:!T&&E>=M-1},c().carouselArrowNext,"carouselArrowNext"),onClick:Z,type:w})]}),M>1&&(null==x?void 0:x.active)&&(0,i.jsx)("div",{className:d()(c().floatingNavigation,"floatingNavigation"),children:null==x?void 0:null===(o=x.labels)||void 0===o?void 0:o.map((e,o)=>(0,i.jsx)("span",{className:E===o?c().active:"",dangerouslySetInnerHTML:{__html:e},onClick:()=>{W(o)},id:o},o))})]})};h.displayName="Carousel",o.Z=h},71908:function(e,o,t){"use strict";t.r(o);var i=t(31549),s=t(79836),n=t(46178),r=t(56821),l=t(70301),a=t(66634),d=t.n(a);o.default=e=>{let{data:o}=e,t=(0,s.a)("(max-width: 768px");return o?(0,i.jsxs)("div",{className:d().safetyAndChassis,children:[o.title&&(0,i.jsx)(n.Z,{...o.title}),o.items&&o.items.length>0&&(0,i.jsx)("div",{className:d().safetyItems,children:t?(0,i.jsx)(r.Z,{wrapperClass:d().safetyItemsCarousel,paginationEnabled:!1,paginationArrow:!1,fade:!0,children:o.items.map((e,o)=>(0,i.jsxs)("div",{className:d().safetyItem,children:[e.image&&(0,i.jsx)(l.Z,{data:e}),(e.title||e.description)&&(0,i.jsxs)("div",{className:d().safetyItemContent,children:[e.title&&(0,i.jsx)(n.Z,{...e.title}),e.description&&(0,i.jsx)(n.Z,{...e.description})]})]},o))}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:d().safetyItemContent,children:o.items.map((e,o)=>0===o?(0,i.jsx)(i.Fragment,{}):e.title&&(0,i.jsx)("span",{dangerouslySetInnerHTML:{__html:e.title.value}},o))}),(0,i.jsx)("div",{className:d().safetyItemsImages,children:o.items.map((e,o)=>(0,i.jsxs)("div",{className:d().safetyItemsImages,children:[(0,i.jsx)(l.Z,{data:e},o),e.title&&(0,i.jsx)(n.Z,{...e.title}),e.description&&(0,i.jsx)(n.Z,{...e.description})]},o))})]})})]}):(0,i.jsx)(i.Fragment,{})}},70301:function(e,o,t){"use strict";t.d(o,{Z:function(){return y}});var i=t(31549),s=t(44194),n=t(97660),r=t(71408),l=t(30755),a=t(36260);let d=()=>!0,u=()=>d()?window.navigator.userAgent:"",c=()=>!!d()&&/Android|Adr/i.test(u()),v=()=>!!d()&&/Baidu/i.test(u()),m=()=>!!d()&&/Quark/i.test(u());var p=t(2782),h=t(51865),g=t.n(h),C=t(90404),_=t.n(C);let f=e=>{let o=[];for(let t=0;t<e;t++)o.push(1/e*t);return o},y=(0,s.memo)(e=>{var o,t,d,u,h,C,y,w,b,x,I,N,j,A,k;let{data:P,className:V,imageClassName:S,videoClassName:E,style:M,imageStyle:T,videoStyle:R,imgClassName:B,isMobileDvc:W,isAndroidDvc:O}

1=e,[L,Z]=(0,s.useState)(!1),{isDesktop:F,isTablet:G,isMobile:Y}=(0,p.S)(),H=(0,s.useMemo)(()=>!!((null==P?void 0:P.video)&&!P.video.hidden),[null==P?void 0:P.video]),q=(0,s.useMemo)(()=>{var e,o,t,i,s,n;let r="";return H&&(G&&(r=(null===(e=P.video.tablet)||void 0===e?void 0:e.poster)||(null===(o=P.image)||void 0===o?void 0:o.tablet)||""),r||(r=F?(null===(t=P.video.desktop)||void 0===t?void 0:t.poster)||(null===(i=P.image)||void 0===i?void 0:i.desktop)||"":(null===(s=P.video.mobile)||void 0===s?void 0:s.poster)||(null===(n=P.image)||void 0===n?void 0:n.mobile)||"")),r},[H,G,F,null==P?void 0:P.video,null==P?void 0:P.image]),D=(0,s.useMemo)(()=>{var e,o,t,i,s;return H?Y&&(null===(e=P.video.mobile)||void 0===e?void 0:e.src)?null===(i=P.video.mobile)||void 0===i?void 0:i.src:G&&(null===(o=P.video.tablet)||void 0===o?void 0:o.src)?null===(s=P.video.tablet)||void 0===s?void 0:s.src:(null===(t=P.video.desktop)||void 0===t?void 0:t.src)||"":""},[H,Y,G,null==P?void 0:null===(t=P.video)||void 0===t?void 0:null===(o=t.mobile)||void 0===o?void 0:o.src,null==P?void 0:null===(u=P.video)||void 0===u?void 0:null===(d=u.tablet)||void 0===d?void 0:d.src,null==P?void 0:null===(C=P.video)||void 0===C?void 0:null===(h=C.desktop)||void 0===h?void 0:h.src]),J=(0,a.Hv)((H?null==P?void 0:null===(y=P.video)||void 0===y?void 0:y.title:"")||(null==P?void 0:null===(w=P.image)||void 0===w?void 0:w.title)||(null==P?void 0:null===(b=P.title)||void 0===b?void 0:b.value)||(null==P?void 0:P.title));(0,a.Hv)((null==P?void 0:null===(x=P.video)||void 0===x?void 0:x.alt)||(null==P?void 0:null===(I=P.image)||void 0===I?void 0:I.alt)||(null==P?void 0:P.alt));let U=(0,s.useCallback)(function(e,o){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=o.target;i&&t&&(e&&o.isIntersecting&&0===i.currentTime&&i.play(),e&&0!==o.intersectionRatio||(i.pause(),i.currentTime=0))},[]),Q=(0,s.useCallback)((e,o)=>{var t,i;let s=(null==P?void 0:null===(i=P.video)||void 0===i?void 0:null===(t=i.scrollplay)||void 0===t?void 0:t.autoplay)||!1;s&&U(e,o,s)},[U,null==P?void 0:null===(j=P.video)||void 0===j?void 0:null===(N=j.scrollplay)||void 0===N?void 0:N.autoplay]);(0,s.useEffect)(()=>{c()||v()||m()||Z(!0)},[]);let K=null;if(H&&"polyv"===P.video.type)K=(0,i.jsx)(l.W,{className:_().imageAndVideoPolyv,src:D,hideControl:P.video.hideControl||!1});else if(H&&L)K=(0,i.jsx)(n.df,{threshold:f(30),onChange:Q,rootMargin:(null===(A=P.video.scrollplay)||void 0===A?void 0:A.rootMargin)||"50% 0px",delay:(null===(k=P.video.scrollplay)||void 0===k?void 0:k.delay)||0,children:e=>{var o,t,s,n,r;let{ref:l}=e;return(0,i.jsx)("video",{title:J,ref:l,src:D,preload:null!==(o=P.video.preload)&&void 0!==o?o:"metadata",poster:P.video.useBackground?"":q,playsInline:!0,autoPlay:null!==(t=P.video.autoplay)&&void 0!==t&&t,loop:null===(s=P.video.loop)||void 0===s||s,muted:null===(n=P.video.muted)||void 0===n||n,controls:null!==(r=P.video.controls)&&void 0!==r&&r,className:E,style:P.video.useBackground?{backgroundImage:"url(".concat(q,")"),...R}:R,"x5-playsinline":!0,"x5-video-player-type":"h5-page","webkit-playsinline":!0})}});else{if(!(null==P?void 0:P.image))return null;K=(0,i.jsx)(r.t,{className:g()(S,B),style:T,...P.image})}return(0,i.jsx)("div",{className:g()(_().imageAndVideo,V),style:M,children:K})});y.displayName="ImageAndVideo"},11787:function(e){e.exports={carousel:"Carousel_carousel__9KmVh",carouselControls:"Carousel_carouselControls__PN_w_",carouselPagination:"Carousel_carouselPagination__Y336L",indicatorSlide:"Carousel_indicatorSlide__rn9F9",sliderIndicator:"Carousel_sliderIndicator__FeIg7",carouselPaginationItem:"Carousel_carouselPaginationItem__S53JW",carouselPaginationActive:"Carousel_carouselPaginationActive__SwVAy",progressBar:"Carousel_progressBar__B8GyE",progressBarWrapper:"Carousel_progressBarWrapper__OQc_u",progressBarIndicator:"Carousel_progressBarIndicator__T4U7y",carouselArrowWrapper:"Carousel_carouselArrowWrapper__o3fV_",carouselArrow:"Carousel_carouselArrow__2gPdv",carouselArrowNext:"Carousel_carouselArrowNext__6qCLb",carouselArrowPrev:"Carousel_carouselArrowPrev__U6vKw",disabled:"Carousel_disabled__YJlSG",floatingNavigation:"Carousel_floatingNavigation__Ynl1T",active:"Carousel_active__bROWJ",commonCarousel:"C

1arousel_commonCarousel__OORcN",commonCarouselContainer:"Carousel_commonCarouselContainer__JncR8",commonCarouselHeader:"Carousel_commonCarouselHeader__itWnk",commonCarouselTitleWrapper:"Carousel_commonCarouselTitleWrapper__tuusG",commonCarouselTitle:"Carousel_commonCarouselTitle__TynGG",commonCarouselCarousel:"Carousel_commonCarouselCarousel__lYMdj",commonCarouselCarouselItem:"Carousel_commonCarouselCarouselItem__oy4Sa",commonCarouselCarouselItemContent:"Carousel_commonCarouselCarouselItemContent__YYq6O",commonCarouselCarouselContent:"Carousel_commonCarouselCarouselContent__IjQPS",commonCarouselCarouselContentTitle:"Carousel_commonCarouselCarouselContentTitle__AAACo",commonCarouselCarouselContentDescription:"Carousel_commonCarouselCarouselContentDescription__irdpq",commonCarouselCarouselContentFootnote:"Carousel_commonCarouselCarouselContentFootnote__3Odf_"}},66634:function(){},90404:function(e){e.exports={imageAndVideo:"ImageAndVideo_imageAndVideo__RmsfR",imageAndVideoPolyv:"ImageAndVideo_imageAndVideoPolyv__kP_Yu"}},97660:function(e,o,t){"use strict";t.d(o,{YD:function(){return p},df:function(){return m}});var i,s,n=t(44194),r=Object.defineProperty,l=(e,o,t)=>o in e?r(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,a=(e,o,t)=>l(e,"symbol"!=typeof o?o+"":o,t),d=new Map,u=new WeakMap,c=0;function v(e,o,t={},s=i){if(void 0===window.IntersectionObserver&&void 0!==s){let i=e.getBoundingClientRect();return o(s,{isIntersecting:s,target:e,intersectionRatio:"number"==typeof t.threshold?t.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}let{id:n,observer:r,elements:l}=function(e){let o=Object.keys(e).sort().filter(o=>void 0!==e[o]).map(o=>{var t;return`${o}_${"root"===o?(t=e.root)?(u.has(t)||(c+=1,u.set(t,c.toString())),u.get(t)):"0":e[o]}`}).toString(),t=d.get(o);if(!t){let i;let s=new Map,n=new IntersectionObserver(o=>{o.forEach(o=>{var t;let n=o.isIntersecting&&i.some(e=>o.intersectionRatio>=e);e.trackVisibility&&void 0===o.isVisible&&(o.isVisible=n),[...null!=(t=s.get(o.target))?t:[]].forEach(e=>{e(n,o)})})},e);i=n.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),t={id:o,observer:n,elements:s},d.set(o,t)}return t}(t),a=l.get(e)||[];return l.has(e)||l.set(e,a),a.push(o),r.observe(e),function(){a.splice(a.indexOf(o),1),0===a.length&&(l.delete(e),r.unobserve(e)),0===l.size&&(r.disconnect(),d.delete(n))}}var m=class extends n.Component{constructor(e){super(e),a(this,"node",null),a(this,"_unobserveCb",null),a(this,"lastInView"),a(this,"handleNode",e=>{!this.node||(this.unobserve(),e||this.props.triggerOnce||this.props.skip||(this.setState({inView:!!this.props.initialInView,entry:void 0}),this.lastInView=this.props.initialInView)),this.node=e||null,this.observeNode()}),a(this,"handleChange",(e,o)=>{let t=this.lastInView;this.lastInView=e,(void 0!==t||e)&&(e&&this.props.triggerOnce&&this.unobserve(),"function"!=typeof this.props.children||this.setState({inView:e,entry:o}),this.props.onChange&&this.props.onChange(e,o))}),this.state={inView:!!e.initialInView,entry:void 0},this.lastInView=e.initialInView}componentDidMount(){this.unobserve(),this.observeNode()}componentDidUpdate(e){(e.rootMargin!==this.props.rootMargin||e.scrollMargin!==this.props.scrollMargin||e.root!==this.props.root||e.threshold!==this.props.threshold||e.skip!==this.props.skip||e.trackVisibility!==this.props.trackVisibility||e.delay!==this.props.delay)&&(this.unobserve(),this.observeNode())}componentWillUnmount(){this.unobserve()}observeNode(){if(!this.node||this.props.skip)return;let{threshold:e,root:o,rootMargin:t,scrollMargin:i,trackVisibility:s,delay:n,fallbackInView:r}=this.props;void 0===this.lastInView&&(this.lastInView=this.props.initialInView),this._unobserveCb=v(this.node,this.handleChange,{threshold:e,root:o,rootMargin:t,scrollMargin:i,trackVisibility:s,delay:n},r)}unobserve(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)}render(){let{children:e}=this.props;if("function"==typeof e){let{inView:o,entry:t}=this.state;return e({inView:o,entry:t,ref:this.handleNode})}let{as:o,triggerOnce:t,threshold:i,root:s,rootMargin:r,scrollMargin:l,onChange:a,skip:d,trackVisibility:u,delay:c,initialInView:v,fallbackInView:m,...p}=this.props;return n.createElement(o||"div",{ref:this.handleNode,...p},e)}};function p({threshold:e,delay:o,trackVisibility:t,rootMargin:i,scrollMargin:s,root:r,triggerOnce:l,skip:a,initialInView:d,fallbackInView:u,onChange:c}={}){var m;let[p,h]=n.useState(null),g=n.useRef(c),C=n.useRef(d),[_,f]=n.useState({inView:!!d,entry:void 0});g.current=c,n.useEffect(()=>{let n;if(void 0===C.current&&(C.current=d),!a&&p)return n=v(p,(e,o)=>{let t=C.current;C.current=e,(void 0!==t||e)&&(f({inView:e,entry:o}),g.current&&g.current(e,o),o.isIntersecting&&l&&n&&(n(),n=void 0))},{root:r,rootMargin:i,scrollMargin:s,threshold:e,trackVisibility:t,delay:o},u),()=>{n&&n()}},[Array.isArray(e)?e.toString():e,p,r,i,s,l,a,t,u,o]);let y=null==(m=_.entry)?void 0:m.target,w=n.useRef(void 0);p||!y||l||a||w.current===y||(w.current=y,f({inView:!!d,entry:void 0}),C.current=d);let b=[h,_.inView,_.entry];return b.ref=b[0],b.inView=b[1],b.entry=b[2],b}null!=(null!=(s=n.useInsertionEffect)?s:n.useLayoutEffect)||n.useEffect}},function(e){e.O(0,[8811,2888,9774,179],function(){return e(e.s=62355)}),_N_E=e.O()}]);