麦格纳科技创新 - 出行电动化自动驾驶汽车互联

<!DOCTYPE html> <html data-geo="na" lang="zh"> <head>  <script charset="UTF-8" data-document-languag="true" data-domain-script="0f4ce83a-f579-499e-b010-1b6a74ba5982" src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js" type="text/javascript"></script><script type="text/javascript" >function OptanonWrapper() { }</script>  <meta name="viewport" content="initial-scale=1, width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta charset="utf-8" />  <script type="text/javascript" > (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-K67JRD2'); </script>   <script type="text/javascript" > var _hmt = _hmt || []; (function () { var hm = document.createElement('script'); hm.src = 'https://hm.baidu.com/hm.js?f0364d12858fb442f61350063f53a6bd'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script type="text/javascript" > var _hmt = _hmt || []; (function () {{ var hmb = document.createElement('script'); hmb.src = 'https://hm.baidu.com/hm.js?ad3a5139b0d2e39d438e618b079aca8d'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(hmb, s); }})(); </script> <link href="/favicon.ico" rel="shortcut icon" /> <style type="text/css" integrity="sha256-nCCsbhe8thTPmEo/DsWcB2+3nL5nMJYSjPxUlOkbd04="> /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://www.fonts.com */ @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/4ff9f3fa-9221-4fc5-97e6-93572b6efa24.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/ca8d25cd-e264-4404-b271-4afc45c779c4.woff) format('woff'); font-style: normal; font-weight: 100; font-display: fallback; } @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/3a46542f-f429-4821-9a88-62e3be54a640.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/50ac1699-f3d2-47b6-878f-67a368a17c41.woff) format('woff'); font-style: normal; font-display: fallback; } @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/3dac71eb-afa7-4c80-97f0-599202772905.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff) format('woff'); font-style: normal; font-weight: 400; font-display: fallback; } @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/050b1948-f226-4d20-a65a-15d8ed031222.woff) format('woff'); font-style: normal; font-weight: 500; font-display: fallback; } @font-face { font-family: 'Helvetica Neue'; src: url(/ResourcePackages/HighroadFramework/dist/fonts/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2) format('woff2'), url(/ResourcePackages/HighroadFramework/dist/fonts/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff) format('woff'); font-style: normal; font-weight: 700; font-display: fallback; } </style> <link href="/CoreCSS" rel="stylesheet" type="text/css" /> <title> 麦格纳科技创新 - 出行电动化自动驾驶汽车互联 - 麦格纳Magna官网 </title> <link href="/Frontend-Assembly/Telerik.Sitefinity.Frontend.Lists/Mvc/Styles/Lists/List.Pillars.css?package=HighroadFramework" rel="stylesheet" type="text/css" /> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.min.js" type="text/javascript"></script><script src="https://code.jquery.com/jquery-migrate-3.4.0.min.js" type="text/javascript"></script> <script type="text/javascript" >var MTIProjectId = 'd7224680-5aa8-4cd5-9480-22031e99aded';(function () { var mtiTracking = document.createElement('script'); mtiTracking.type = 'text/javascript'; mtiTracking.async = 'true'; mtiTracking.src = '/ResourcePackages/HighroadFramework/src/scripts/mtiFontTrackingCode.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(mtiTracking);})();</script> <meta name="keywords" content="科技创新,可持续发展,碳排放,电动化,自动驾驶,汽车互联,麦格纳,Magna"><meta property="og:title" content="麦格纳科技创新 - 出行电动化自动驾驶汽车互联 - 麦格纳Magna官网" /><meta property="og:description" content="麦格纳通过符合二氧化碳排放新法规，并优先考虑效率和性能的电动化解决方案，探寻未来出行电动化、自动驾驶、汽车互联等大趋势，打造未来出行。" /><meta property="og:url" content="https://www.magna.com/zh/科技创新" /><meta property="og:type" content="website" /><meta property="og:site_name" content="Magna" /><style type="text/css" media="all">.slick-initialized .card-product-rotator__content { margin-top: calc(var(--heading-h2-size) * 2.25); } .slick-slide { margin-top: 0; } .slick-dots { list-style-type: none; padding-left: 0; position: absolute; left: 0; display: flex; gap: 1rem; top: 1.25rem; margin-top: 66.6129%; } .slick-dots button { background-color: transparent; padding: 0; min-height: 0; font-size: var(--heading-h2-size); font-weight: var(--heading-h2-weight); color: rgba(0, 0, 0, 0.25); } .slick-active button { color: rgba(0, 0, 0, 1); } .slick-arrow { position: absolute; top: 1.25rem; margin-top: 66.6129%; height: var(--heading-h2-size); width: 1.25rem; z-index: 1; cursor: pointer; } .slick-arrow.slick-disabled { color: rgba(0, 0, 0, 0.25); cursor: auto; } .slick-prev { right: 40px; } .slick-next { right: 0; } .o-buttonlink-sticky { position: fixed; top: 5rem; width: 100%; left: 50%; transform: translateX(-50%); padding: 0 var(--gutter); max-width: calc(var(--container-width,112.5rem) + var(--gutter) * 2); } .o-buttonlink-sticky .o-buttonlink-wrapper { float: right; } .o-buttonlink-sticky a:hover { --button-background: #DA291C; --button-border: solid 1px #DA291C; --button-color: #fff; } @media only screen and (max-width: 839px) { .o-buttonlink-sticky { top: 5.3125rem; } } /* Override when inside editor mode. */ .sfPageEditor .o-buttonlink-sticky { position: static; transform: none; } @media (max-width: 37.49em) { .is-fixed-button { --button-padding: 1em 0.5em; a::before { margin: 0; margin-inline-start: 1em; transform: rotate(90deg); } } }</style><style type="text/css" media="screen">.l-region--media { min-height: min(calc(100dvh - 85px), 950px); } .l-region--fullheight { --region-media-mask: 0; display: flex; flex-direction: column; } .l-region--fullheight > div > video { object-position: 50% 100%; } .l-region--fullheight > div { flex-grow: 1; display: flex; flex-direction: column; } .l-region--fullheight > div > div { width: 100%; }</style><style type="text/css" media="all">body:not(.sfPageEditor) .l-region-custom-hero { isolation: isolate; } .l-region.l-region--media { overflow: hidden; } .l-region--media__indicator { display: none !important; } .l-region.l-region--media:not(:first-child) { min-height: min(calc(100dvh - 85px), 950px); } @media (orientation: portrait) { .l-region.l-region--media:not(:first-child) { min-height: 0; } } .l-region-custom-apply-now { --region-vertical-top-padding: 22px; --region-vertical-bottom-padding: 22px; --region-background: rgba(0, 0, 0, 0.65); --heading-h3-color: currentColor; color: #fff; } body:not(.sfPageEditor) .l-region-custom-apply-now { position: absolute; bottom: 0; left: 0; width: 100%; animation: slide-in-blurred-bottom 0.6s 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; z-index: 999; } .l-region-custom-apply-now.js-disabled { pointer-events: none; animation: slide-out 2.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards !important; } .l-region-custom-apply-now button[type="button"] { margin-top: 0; padding: 5px; width: 25px; height: 25px; min-height: 0; background: transparent; cursor: pointer; align-self: flex-start; margin-left: auto; } @media only screen and (min-width: 1024px) { .l-region-custom-apply-now button[type="button"] { position: absolute; top: 12.5px; right: var(--gutter); } } .l-region-custom-apply-now .l-column--full { display: flex; flex-wrap: wrap; align-items: center; gap: 1em var(--gutter); opacity: 1 !important; } .l-region-custom-apply-now .l-column--full > :first-child { flex-grow: 1; } .l-region-custom-apply-now .l-column--full > * { margin-top: 0; opacity: 0; animation: fade-in 1.2s 1.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards; } /* ---------------------------------------------- * Generated by Animista on 2022-8-2 21:23:1 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation slide-in-blurred-bottom * ---------------------------------------- */ @keyframes slide-in-blurred-bottom { 0% { transform: translateY(1000px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slide-out { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(1000px); opacity: 0; } } /** * ---------------------------------------- * animation fade-in * ---------------------------------------- */ @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* Semi-transparent vehicle promo */ .custom-region-promo { margin: 0; overflow: clip; } @media (min-width: 1310px) { body:not(.sfPageEditor) .custom-region-promo + .l-region { --region-vertical-top-padding: 0px; } } @media (max-width: 599px) { body:not(.sfPageEditor) .custom-region-promo + .l-region { --region-vertical-top-padding: 0px; } } body:not(.sfPageEditor) .custom-region-promo > div::after { content: ""; clear: both; display: table; } body:not(.sfPageEditor) .custom-region-promo-layer-bg { --region-vertical-top-padding: 70px; --region-vertical-bottom-padding: 70px; float: left; width: 100%; } body:not(.sfPageEditor) .custom-region-promo-layer-fg { --region-background: transparent; --region-vertical-top-padding: 20px; --region-vertical-bottom-padding: 0; float: left; width: 100%; margin-left: -100%; pointer-events: none; } body:not(.sfPageEditor) .custom-region-promo-image { padding-bottom: 4%; } body:not(.sfPageEditor) .custom-region-promo-image img{ transform-origin: 0 0; transform: scale(1.4) translateX(-7%); } @media (min-width: 600px) and (max-width: 1309px) { body:not(.sfPageEditor) .custom-region-promo-image img { transform: scale(2) translateX(-15%); } } @media (max-width: 599px) { body:not(.sfPageEditor) .custom-region-promo-layer-bg { --region-vertical-top-padding: 30px; --region-vertical-bottom-padding: 30px; float: none; } body:not(.sfPageEditor) .custom-region-promo-layer-fg { --region-vertical-top-padding: 0px; float: none; margin-left: 0; } body:not(.sfPageEditor) .custom-region-promo-image { padding-bottom: 8%; } body:not(.sfPageEditor) .custom-region-promo-image img { transform: scale(1.4) translateX(-14%); } }</style><style type="text/css" media="screen">.is-animate-ready body:not(.sfPageEditor) .is-animate, .is-animate-ready body:not(.sfPageEditor) .is-animate-stagger > *, .is-animate-ready body:not(.sfPageEditor) [data-animate], .is-animate-ready body:not(.sfPageEditor) [data-animate='fadeSlideUpStagger'] > * { opacity: 0; } .is-animate-ready body:not(.sfPageEditor) [data-animate='fadeSlideUpStagger'] { opacity: 1; }</style><style type="text/css" media="screen">@media (min-width: 52.5em) { .c-menu-main__dropdown.c-menu-main__dropdown__products .l-region .l-container-inner { grid-auto-flow: column; grid-template-columns: auto; } .c-menu-main__dropdown.c-menu-main__dropdown__products .c-menu-main__subnav__item { text-wrap: balance; } } /* Modal 'window'. */ .custom-modal { margin-top: 0; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; flex-direction: column; justify-content: center; align-items: center; padding: var(--gutter); display: none; } .custom-modal.js-active { display: flex; } .modal__close, .custom-modal__close, .a11y-dialog button[data-a11y-dialog-hide] { background-color: transparent; border: none; padding: 0; min-height: 0; height: 2.5rem; width: 2.5rem; position: absolute; top: calc(80px + var(--gutter)) !important; right: var(--gutter) !important; z-index: 100; } .a11y-dialog button[data-a11y-dialog-hide] { top: calc(var(--gutter) / 2) !important; } .modal__close:focus, .modal__close:hover, .custom-modal__close:focus, .custom-modal__close:hover, .a11y-dialog button[data-a11y-dialog-hide]:focus, .a11y-dialog button[data-a11y-dialog-hide]:hover { background-color: transparent !important; opacity: 0.8; cursor: pointer; } .custom-modal__content { margin-top: 0; max-width: 1200px; max-height: 100%; width: 100%; overflow: hidden; display: flex; flex-direction: column; align-items: center; aspect-ratio: 16 / 9; } .custom-modal__content > video { height: 100%; width: 100%; object-fit: cover; } .nav__link:focus, .nav__link:hover { background-color: transparent !important; } body:not(.sfPageEditor) .a11y-dialog, body:not(.sfPageEditor) .a11y-dialog div[data-a11y-dialog-hide] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } body.sfPageEditor .a11y-dialog { position: relative; } body.sfPageEditor .a11y-dialog::before { content: "DIALOG/POPUP WINDOW"; background-color: #000; color: #fff; font-size: 1rem; font-wight: bold; padding: 10px 20px; position: absolute; top: 0; left: 0; } .a11y-dialog > * { margin-top: 0; } .a11y-dialog button[data-a11y-dialog-hide] { } body.sfPageEditor .a11y-dialog button[data-a11y-dialog-hide] { display: none; } .a11y-dialog { z-index: 2000; display: flex; padding: calc(var(--gutter) * 2) var(--gutter) !important; isolation: isolate; background-color: transparent !important; } body:not(.sfPageEditor) .a11y-dialog[aria-hidden='true'] { visibility: hidden; } .a11y-dialog [data-a11y-dialog-hide] { background-color: rgba(0, 0, 0, 0.9); } .a11y-dialog__window { margin: auto; z-index: 2; position: relative; background-color: var(--region-background); padding: var(--region-vertical-top-padding,12vmin) var(--gutter) var(--region-vertical-bottom-padding,12vmin); max-height: 100%; overflow-y: auto; } /* Fixed 'Contact us' Button */ body:not(.sfPageEditor) .is-fixed-button { margin-block: 0; position: fixed; top: 80px; left: 0; width: 100%; padding-inline: var(--gutter); } @media (max-width: 37.4375em) { .l-region--fullheight { height: auto; min-height: min(100dvh - 85px, 640px); } .is-fixed-button { writing-mode: vertical-rl; } .is-fixed-button .o-buttonlink--icon::before { margin-left: 0; margin-inline-start: 1em; rotate: 90deg; } } .is-fixed-button > div { max-width: var(--container-width, 112.5rem); margin-inline: auto; display: flex; flex-direction: column; align-items: end; } .l-region:has(.is-fixed-button) { z-index: 2; } .is-fixed-button .o-buttonlink { padding-inline: 1.2em; padding-block: 0.45em; } .l-region-footer { --link-underline: underline; }</style><style type="text/css" media="screen">#onetrust-consent-sdk { margin: 0 !important; }</style><meta name="Generator" content="Sitefinity 15.0.8227.0 DX" /><link rel="canonical" href="https://www.magna.com/zh/科技创新" /><meta name="description" content="麦格纳通过符合二氧化碳排放新法规，并优先考虑效率和性能的电动化解决方案，探寻未来出行电动化、自动驾驶、汽车互联等大趋势，打造未来出行。" /></head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K67JRD2" height="0" width="0" style="display:none;visibility:hidden"></iframe>` </noscript>  <script> // Anime.js preloader if (!!window.IntersectionObserver && !document.body.classList.contains('sfPageEditor')) { document.documentElement.classList.add("is-animate-ready"); } </script> <header class="l-region-header"> <div class="l-container"> <nav class="c-menu-main" aria-label="Primary menu" > <div class="c-menu-main__home"> <a href="/zh">  <img alt="logo of Magna International" width="132" src="/ResourcePackages/HighroadFramework/dist/images/logo_Magna-white.svg"> </a> </div> <div class="c-menu-main__toggle"> <button class="c-menu-main__toggle__hamburger hamburger hamburger--slider" type="button" aria-label="Menu" aria-controls="navigation" id="navigation_toggle"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> <div class="c-menu-main__nav" id="navigation"> <ul class="c-menu-main__list"> <li class="c-menu-main__list__item" aria-controls="subnav_02"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle 科技创新 menu" aria-controls="subnav_02"> <span class="o-a11y__visuallyhidden">Toggle 科技创新 menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__list__item__link" href="/zh/科技创新">科技创新</a> <div class="c-menu-main__dropdown"> <div class="c-menu-main__dropdown__column" style="background-image: url('/images/default-source/mega-menu-feature-banners/innovation_menu.png?Status=Temp&sfvrsn=8f8907f9_2'); background-position: right top;"></div> <div class="c-menu-main__dropdown__column"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__heading">科技创新</span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" id="subnav_02"> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/zh/科技创新/专注环保的创新科技" target="_self">专注环保的创新科技</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/zh/科技创新/赋能品牌创造独特体验" target="_self">赋能品牌创造独特体验</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/zh/科技创新/全新出行生态" target="_self">全新出行生态</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/zh/科技创新/全方位的驾驶辅助系统" target="_self">全方位的驾驶辅助系统</a> </li> </ul> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item" aria-controls="subnav_021"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle 产品技术 menu" aria-controls="subnav_021"> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__list__item__link" href="/zh/产品技术">产品技术</a> <div class="c-menu-main__dropdown c-menu-main__dropdown__products" id="subnav_021"> <div class="l-region"> <div class="l-container"> <p class="c-menu-main__heading">产品技术</p> <div class="l-container-inner"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_0'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">整车解决方案</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_0'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/整车/整车工程" target="_self">整车工程</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/整车/整车制造" target="_self">整车制造</a> </li> </ul> </div> </div> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_1'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">车身与底盘</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_1'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/车身与底盘/电池壳体" target="_self">电池壳体</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/车身与底盘/白车身结构" target="_self">白车身结构</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/车身与底盘/底盘系统" target="_self">底盘系统</a> </li> </ul> </div> </div> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_2'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">电子/电器 </span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_2'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/电子-电器/adas与自动驾驶" target="_self">ADAS与自动驾驶</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/电子-电器/控制模块" target="_self">控制模块</a> </li> </ul> </div> </div> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_3'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">外饰/内饰</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_3'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/外饰-内饰/主动式空气动力系统" target="_self">主动式空气动力系统</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/外饰-内饰/外饰系统与模块" target="_self">外饰系统和模块</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/外饰-内饰/照明" target="_self">照明</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/外饰-内饰/机电智能" target="_self">机电智能</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/外饰-内饰/车镜及车顶控制台" target="_self">车镜及车顶控制台</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/外饰-内饰/座椅" target="_self">座椅</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/外饰-内饰/饰件和车辆保温技术" target="_self">饰件和车辆保温技术</a> </li> </ul> </div> </div> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__subheading u-block"> <button class="c-menu-main__subnav__toggle-products" type="button" aria-label="Toggle Products menu" aria-controls='subnav_child_02_4'> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <span class="spacing-top-0">动力总成</span> </span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" style="display:block" id='subnav_child_02_4'> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/动力总成/纯电动动力传动产品" target="_self">纯电动动力传动产品</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/动力总成/混合动力传动产品" target="_self">混合动力传动产品</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/动力总成/内燃机动力传动产品" target="_self">内燃机动力传动产品</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/动力总成/动力系统模块和组件" target="_self">动力系统模块和组件</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/产品技术/动力总成/能源储存系统" target="_self">能源储存系统</a> </li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item" aria-controls="subnav_01"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle 麦格纳的故事 menu" aria-controls="subnav_01"> <span class="o-a11y__visuallyhidden">Toggle</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z"></path></svg> </button> <a class="c-menu-main__list__item__link" href="/zh/麦格纳的故事">麦格纳的故事</a> <div class="c-menu-main__dropdown"> <div class="c-menu-main__dropdown__column" style="background-image: url('https://www.magna.com/images/default-source/mega-menu-feature-banners/stories_mega_menu_image.webp');"></div> <div class="c-menu-main__dropdown__column"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__heading">麦格纳的故事</span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" id="subnav_01"> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/zh/麦格纳的故事/?type=news-press-releases">Releases</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/zh/麦格纳的故事/?topic=magna-people">Magna People</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/zh/麦格纳的故事/?topic=product-technology">Product & Technology</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/zh/麦格纳的故事/?topic=growth">Growth</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/zh/麦格纳的故事/?topic=esg">ESG</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/zh/麦格纳的故事/?topic=financials">Financials</a> </li> <li class="c-menu-main__subnav__item"> <a class="c-menu-main__subnav__link" target="_self" href="/zh/麦格纳的故事/?topic=inside-automotive">Inside Automotive</a> </li> </ul> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item" aria-controls="subnav_03"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle 公司概况 menu" aria-controls="subnav_03"> <span class="o-a11y__visuallyhidden">Toggle 公司概况 menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__list__item__link" href="/zh/公司">公司概况</a> <div class="c-menu-main__dropdown"> <div class="c-menu-main__dropdown__column" style="background-image: url('https://www.magna.com/images/default-source/brand/stock-photography/1920x960-menu-photos-02.jpg?Status=Temp&sfvrsn=b9bedceb_4');"></div> <div class="c-menu-main__dropdown__column"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__heading">公司概况</span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" id="subnav_03"> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_03_1"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle 公司概况 menu" aria-controls="subnav_child_03_1"> <span class="o-a11y__visuallyhidden">Toggle 公司概况 menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/zh/公司/公司概况" target="_self">公司概况</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_03_1"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/公司概况/麦格纳集团" target="_self">麦格纳事业部</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/公司概况/事实与历史" target="_self">事实与历史</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/公司概况/客户" target="_self">客户</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/公司概况/大事记" target="_self">行业活动</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/公司概况/管理及监管-(en)" target="_self">管理及监管 (EN)</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/公司概况/全球分布" target="_self">全球分布</a> </li> </ul> </li> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_03_2"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle 投资者 (EN) menu" aria-controls="subnav_child_03_2"> <span class="o-a11y__visuallyhidden">Toggle 投资者 (EN) menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/zh/公司/投资者-(en)" target="_self">投资者 (EN)</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_03_2"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/投资者-(en)/财务报告和公开披露文件-(en)" target="_self">财务报告和公开披露文件 (EN)</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/投资者-(en)/活动和演示日历-en" target="_self">/活动和演示日历 (en)</a> </li> </ul> </li> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_03_3"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle 新闻中心 menu" aria-controls="subnav_child_03_3"> <span class="o-a11y__visuallyhidden">Toggle 新闻中心 menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/zh/公司/新闻中心" target="_self">新闻中心</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_03_3"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/新闻中心/资讯和新闻发布" target="_self">资讯和新闻发布</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/新闻中心/news-press-releases" target="_self">新闻和新闻稿存档</a> </li> </ul> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/zh/公司/麦格纳技术投资" target="_self">麦格纳技术投资</a> </li> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_03_5"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle ESG menu" aria-controls="subnav_child_03_5"> <span class="o-a11y__visuallyhidden">Toggle ESG menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/zh/公司/esg" target="_self">ESG</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_03_5"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/esg/可持续发展" target="_self">可持续发展</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/esg/多元化与包容性" target="_self">多元化与包容性</a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/公司/esg/管理及监管-(en)" target="_self">管理及监管 (EN)</a> </li> </ul> </li> </ul> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item" aria-controls="subnav_04"> <button class="c-menu-main__list__item__toggle" type="button" aria-label="Toggle 职业发展 menu" aria-controls="subnav_04"> <span class="o-a11y__visuallyhidden">Toggle 职业发展 menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__list__item__link" href="/zh/职业发展">职业发展</a> <div class="c-menu-main__dropdown"> <div class="c-menu-main__dropdown__column" style="background-image: url('/images/default-source/brand/stock-photography/0ed4ae76-c685-4e2f-b4db-9e6b861b40ca_8722d9e8-182f-4477-ac75-955ccefae8b6_2022-navdropdown-1920x660-v2-1.jpg?sfvrsn=f74e4f10_3');"></div> <div class="c-menu-main__dropdown__column"> <div class="c-menu-main__dropdown__column__item"> <span class="c-menu-main__heading">职业发展</span> <div class="c-menu-main__subnav"> <ul class="c-menu-main__subnav__list" id="subnav_04"> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/zh/职业发展/空缺职位" target="_blank">空缺职位 </a> </li> <li class="c-menu-main__subnav__item " aria-controls="subnav_child_04_2"> <button class="c-menu-main__subnav__toggle" type="button" aria-label="Toggle 招聘活动 menu" aria-controls="subnav_child_04_2"> <span class="o-a11y__visuallyhidden">Toggle 招聘活动 menu</span> <svg width="7" height="10"><path d="M.6 10l-.59-.78 5.41-4.05L0 .76.62 0 7 5.2.6 10z" /></svg> </button> <a class="c-menu-main__subnav__link" href="/zh/职业发展/招聘活动" target="_self">招聘活动</a> <ul class="c-menu-main__subnav__list c-menu-main__subnav__list--child" id="subnav_child_04_2"> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/职业发展/招聘活动/美洲" target="_self">美洲 </a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/职业发展/招聘活动/欧洲" target="_self">欧洲 </a> </li> <li class="c-menu-main__subnav__item "> <a class="c-menu-main__subnav__link" href="/zh/职业发展/招聘活动/亚太" target="_self">亚太 </a> </li> </ul> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/zh/职业发展/校园招聘" target="_self">校园招聘</a> </li> <li class="c-menu-main__subnav__item" > <a class="c-menu-main__subnav__link" href="/zh/职业发展/警惕欺诈性招聘信息" target="_self">警惕欺诈性招聘信息</a> </li> </ul> </div> </div> </div> </div> </li> <li class="c-menu-main__list__item c-menu-main__list__item--utility"> <a class="c-menu-main__list__item__link" href="/zh/联系方式" target="_self">联系我们</a> </li> <li class="c-menu-main__list__item c-menu-main__list__item--dropdown"> <button class="c-menu-main__list__item__link" type="button" aria-controls="dropdown_search"> <span class="o-a11y__visuallyhidden">搜索 Toggle</span> <svg class="u-block spacing-top-0" xmlns="http://www.w3.org/2000/svg" width="18.56" height="16.21" viewBox="0 0 18.56 16.21"> <path d="M6.49,13A6.49,6.49,0,1,1,13,6.49,6.5,6.5,0,0,1,6.49,13Zm0-12A5.49,5.49,0,1,0,12,6.49,5.49,5.49,0,0,0,6.49,1Z" /> <rect x="14.14" y="7.96" width="1" height="9.51" transform="translate(-4.56 15.45) rotate(-49.08)" /> </svg> </button> <div class="c-menu-search" id="dropdown_search"> <form action="/zh/科技创新/search" method="POST" name="GoogleSearchController"> <div class="o-input__inline"> <label class="o-a11y__visuallyhidden" for="s">Enter search terms</label> <input class="o-input__text" id="s" name="s" type="search" placeholder="输入搜索内容" value="" autocomplete="off"> <button class="o-button" type="submit">搜索</button> </div> </form> </div> </li> <li class="c-menu-main__list__item c-menu-main__list__item--dropdown"> <button class="c-menu-main__list__item__link" type="button" aria-label="Language Menu" aria-controls="dropdown_language"> <span class="o-a11y__visuallyhidden">Language Menu</span> <svg class="u-block spacing-top-0" xmlns="http://www.w3.org/2000/svg" width="19" height="19.08" viewBox="0 0 19 19.08"> <path d="M9.5,19.1A9.5,9.5,0,1,1,19,9.6,9.51,9.51,0,0,1,9.5,19.1Zm0-18A8.5,8.5,0,1,0,18,9.6,8.51,8.51,0,0,0,9.5,1.1Z" transform="translate(0 -0.02)" /> <rect x="9.07" y="0.47" width="1" height="18.15" /> <rect x="0.5" y="9.04" width="18.14" height="1" /> <rect x="1.7" y="4.44" width="15.88" height="1" /> <rect x="1.7" y="13.64" width="15.88" height="1" /> <path d="M9.28,19A11.56,11.56,0,0,1,4.54,9.49,11.54,11.54,0,0,1,9.28,0l.59.8A10.57,10.57,0,0,0,5.54,9.49a10.55,10.55,0,0,0,4.33,8.67Z" transform="translate(0 -0.02)" /> <path d="M9.87,19l-.59-.81A10.6,10.6,0,0,0,13.61,9.5,10.63,10.63,0,0,0,9.28.82L9.87,0A11.59,11.59,0,0,1,14.61,9.5,11.58,11.58,0,0,1,9.87,19Z" transform="translate(0 -0.02)" /> </svg> </button> <div class="c-menu-language" id="dropdown_language"> <button class="c-menu-language__link o-heading-body2 " lang="en" type="button" onclick="openLink('en'); return false;">English</button> <button class="c-menu-language__link o-heading-body2 " lang="de" type="button" onclick="openLink('de'); return false;">Deutsch</button> <button class="c-menu-language__link o-heading-body2 " lang="es" type="button" onclick="openLink('es'); return false;">español</button> <button class="c-menu-language__link o-heading-body2 is-selected" lang="zh" type="button" onclick="openLink('zh'); return false;">中文</button> <button class="c-menu-language__link o-heading-body2 " lang="ja" type="button" onclick="openLink('ja'); return false;">日本語</button> </div> </li> </ul> </div> </nav> </div> </header> <main class="l-region-main spacing-top-0"> <div class="l-region l-region--dark l-region--fullheight l-region--media is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_T3C21CAB5001_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container (Media)"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C212_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__one-column" data-sf-element="Grid Type"> <div id="BodyRegion_T3C21CAB5002_Col00" class="sf_colsIn l-column l-column--full is-animate-stagger" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div > <div ><span class="o-keyline"></span></div> </div> <div class="spacing-top-20" > <div ><h1 class="o-heading-h1">麦格纳实力</h1></div> </div> </div> </div> </div> <video aria-hidden="true" muted playsinline loop preload="metadata" src="https://cdn.mediavalet.com/usil/mediamanager/n3sjp9XO-kapbYegUyJ3Jg/jsGoHh55kky1A50IYYtGgw/Widescreen1080p/01_BETTER%20MOBILITY_GENERIC_WEBSITE%20HEADER_200723.mp4"></video><div class="l-container l-grid-layout u-grow" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__one-column u-align--center is-animate-stagger spacing-top-40 spacing-bottom-40" data-sf-element="Grid Type"> <div id="BodyRegion_C214_Col00" class="sf_colsIn l-column l-column--full" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--ghost o-buttonlink-wrapper--icon text-center" > <div ><a href="https://cdn.mediavalet.com/usil/mediamanager/F0ROYYzeWUmL6pYHG1kq5A/AnqMCBAZsE-B9w7QNWfgIA/Widescreen720p/Innovation_Bucket_Clip_The_Power_of_Magna.mp4" class="custom-video-widget__button" data-sf-ec-immutable="">看视频</a></div> </div> </div> </div> </div><div class="l-region l-region--default l-region-custom-apply-now" data-sf-element="Row"> <div id="BodyRegion_C219_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__one-column" data-sf-element="Grid Type"> <div id="BodyRegion_C220_Col00" class="sf_colsIn l-column l-column--full" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="o-heading-h3" > <div >加入我们，大有可为。</div> </div> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--accent o-buttonlink-wrapper--icon" > <div ><a href="http://magna.51job.com/" data-sf-ec-immutable="">即刻申请</a></div> </div> <button aria-label="不，谢谢" type="button" onclick="closeSnackbar()"> <svg class="u-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.414 14.414"> <g fill="none" stroke="#707070" stroke-width="2"> <path d="m.707.707 13 13" /> <path d="m.707 13.707 13-13" /> </g> </svg> </button> <script> const closeSnackbar = () => { document .querySelector('.l-region-custom-apply-now') ?.classList.add('js-disabled'); }; </script> </div> </div> </div> </div> </div> </div> <div class="l-region--media__indicator"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 18.8 12.9" xml:space="preserve"> <path d="M9 12.9L0 .9 1.2 0l7.9 10.5L17.6 0l1.2.9z"></path> </svg> </div> </div> <div class="l-region l-region--default is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C268_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C269_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-bottom-30" > <div ><span class="o-keyline" aria-hidden="true"></span></div> </div> <div > <div ><h2 class="o-heading-h1">聚焦于可持续发展的创新</h2></div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--dark is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C270_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container (Black)"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C275_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <section class="no-title list-pillar is-animate-ready"> <div class="list-pillar-header"> <span class="o-keyline"></span> <h2 class="o-heading-h2 spacing-top-10 spacing-bottom-30" > Sustainability Technologies </h2> </div> <div class="list-pillar-container"> <div class="list-pillar-item" > <div class="list-pillar-item-collapse"> <div> <div class="list-pillar-item-title"> <h3 class="o-heading-lead u-fontweight-700" > 麦格纳电驱动系统-高功率 </h3> </div> <div class="spacing-top-40" > <div data-bg-image="https://cdn.mediavalet.com/usil/mediamanager/94_VMPdnjECaKahTt9w2Gg/lriJLwOGoE6waA4pZ7bcaw/Large/Magna-Next-Gen-eDrive-01.jpeg"><p>麦格纳最新的高功率电驱动系统可提供世界级一流的效率，功率重量比，扭矩密度及可持续性。</p><p class="o-buttonlink-wrapper o-buttonlink-wrapper--ghost o-buttonlink-wrapper--icon spacing-top-40"><a href="/zh/产品技术/动力总成/电气化动力总成产品/edrive">了解更多关于麦格纳高功率电驱动系统的信息</a></p></div> </div> </div> </div> </div> <div class="list-pillar-item" > <div class="list-pillar-item-collapse"> <div> <div class="list-pillar-item-title"> <h3 class="o-heading-lead u-fontweight-700" > 环保的座椅产品 </h3> </div> <div class="spacing-top-40" > <div data-bg-image="https://cdn.mediavalet.com/usil/mediamanager/jN6imRoxnkOjhJ7_t4ImzQ/UauAu-gzR0mA7z8NJsbTzw/Large/A7403122.jpeg"><p>保护生态系统的重要性不言而喻，我们的座椅解决方案采用可回收材料和生物基材料。</p><p class="o-buttonlink-wrapper o-buttonlink-wrapper--ghost o-buttonlink-wrapper--icon spacing-top-40"><a href="/zh/产品技术/外饰-内饰/座椅/座椅可持续化">了解更多关于环保座椅的信息</a></p></div> </div> </div> </div> </div> <div class="list-pillar-item" > <div class="list-pillar-item-collapse"> <div> <div class="list-pillar-item-title"> <h3 class="o-heading-lead u-fontweight-700" > 主动空气动力学 </h3> </div> <div class="spacing-top-40" > <div data-bg-image="https://www.magna.com/images/default-source/products/body-exteriors-and-structures/active-aerodynamic/active_aero.jpg?sfvrsn=726a1494_3"> <p>探索可持续发展的汽车技术，使车辆以更少的成本跑得更快、更远。</p> <p class="o-buttonlink-wrapper o-buttonlink-wrapper--ghost o-buttonlink-wrapper--icon spacing-top-40"><a href="/zh/产品技术/外饰-内饰/主动式空气动力系统">查看麦格纳主动空气动力学技术</a> </p> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> <div class="custom-region-promo is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C261_Col00" class="sf_colsIn" data-sf-element="Container" data-placeholder-label="Container (Black)"><div class="l-region l-region--dark custom-region-promo-layer-bg" data-sf-element="Row"> <div id="BodyRegion_C267_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container (Black)"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C262_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="text-center o-heading-lead u-fontweight-500" > <div ><p style="z-index:1;" class="u-position--relative">解锁<br />麦格纳实力! </p><span class="u-block u-text--center spacing-top-30 xs:spacing-top-20"><svg role="presentation" viewBox="0 0 18.781 12.9" height="12.9" width="18.781" xmlns="http://www.w3.org/2000/svg"><path stroke-width="1.5" stroke="#fff" fill="none" transform="translate(828.201 -455.026) rotate(90)" d="M455.5,810l11.211,9.156L455.5,827.6"></path></svg></span></div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--default custom-region-promo-layer-fg" data-sf-element="Row"> <div id="BodyRegion_C266_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout custom-region-promo-image" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C265_Col00" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> </div> <div id="BodyRegion_C265_Col01" class="sf_colsIn l-column l-column--6of12 l-column--4of8 custom-region-promo-image" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <img src="/images/default-source/default-album/miscellaneous/20221001-magna-suv-lr-v1-webp_2.webp?sfvrsn=297b25cf_0" alt="20221001-magna-suv-lr-v1.webp_2" /> </div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--default is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C176_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C175_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-top-0" > <div ><h2 class="o-heading-h2"><strong>“大”系统定义“大“趋势。</strong>麦格纳以高度集成系统定义整车，乘大势之所趋。</h2></div> </div> </div> <div id="BodyRegion_C175_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <div > <div ><div>麦格纳实力 — 凭借全系统解决方案、深厚的产品知识以及整车专长，麦格纳能够纵览全局并不断创新，推动未来出行的发展。66年的深耕，探寻未来出行<span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">电动化、自动驾驶、汽车互联等大趋势，</span><span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">经验的积累与运用，技术更新与迭代，助力站上时代的浪头。</span><span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">全球30个国家和地区、超过17万名员工的团队协作，共同面对未来的挑战。</span></div><div><span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">准备好和我们一起，探索未来无限可能了吗？</span><br /></div><p> </p></div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--default is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C043_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C044_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C045_Col00" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-top-0" > <div ><h2 class="o-heading-h2">专注环保的创新科技</h2></div> </div> <div > <div ><p><span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">担心出行工具会造成环境负担？</span><span style="background-color:initial;font-size:inherit;text-align:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">麦格纳正不断努力，确保在</span><strong style="background-color:initial;font-size:inherit;text-align:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">打造卓越驾驶体验</strong><span style="background-color:initial;font-size:inherit;text-align:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">的同时，</span><strong style="background-color:initial;font-size:inherit;text-align:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">不损害地球的生态利益</strong><span style="background-color:initial;font-size:inherit;text-align:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">。</span></p><p> </p></div> </div> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--accent o-buttonlink-wrapper--icon spacing-top-40 xs:spacing-top-20" > <div ><a aria-label="专注环保的创新科技 : 了解详情" href="/zh/科技创新/专注环保的创新科技">了解详情</a></div> </div> </div> <div id="BodyRegion_C045_Col01" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <video preload="metadata" aria-hidden="true" loop playsinline muted src="https://cdn.mediavalet.com/usil/mediamanager/0eNbk7e_mkmm7HBiqNQEbA/ZKliVoKj1EeRluW4r7o8dg/Original/MAGINT_Innovation_Bucket_Clip_Eco_Innovation_720p_240702.mp4" style="max-width: 100%;"></video> </div> </div> </div> </div> </div> <div class="l-region l-region--default is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C119_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C122_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C123_Col00" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-top-0" > <div ><h2 class="o-heading-h2">全方位的驾驶辅助系统</h2></div> </div> <div > <div ><div><p>对驾驶技术和道路安全没信心？<span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">麦格纳的全系统解决方案正在不断提高驾乘舒适性，</span><strong style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">避免人为操作失误带来的危险</strong><span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">。</span></p></div></div> </div> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--accent o-buttonlink-wrapper--icon spacing-top-40 xs:spacing-top-20" > <div ><a aria-label="全方位的驾驶辅助系统 : 了解详情" href="/zh/科技创新/全方位的驾驶辅助系统">了解详情</a></div> </div> </div> <div id="BodyRegion_C123_Col01" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <video preload="metadata" aria-hidden="true" loop playsinline muted src="https://cdn.mediavalet.com/usil/mediamanager/qZteiI0UqUaG5y8feFfCYg/GydgxltyMEiZMxuceRDEQw/Widescreen720p/Innovation_Bucket_Clip_Driver_Assistance.mp4" style="max-width: 100%;"></video> </div> </div> </div> </div> </div> <div class="l-region l-region--default is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C166_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C167_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C168_Col00" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-top-0" > <div ><h2 class="o-heading-h2">赋能品牌创造独特体验</h2></div> </div> <div > <div ><div><p>缺乏称心如意的驾乘体验？<span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">麦格纳的诸多产品重新定了设计理念和终端消费者的体验，</span><strong style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">满足你的个性化需求</strong><span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">。</span></p></div></div> </div> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--accent o-buttonlink-wrapper--icon spacing-top-40 xs:spacing-top-20" > <div ><a aria-label="赋能品牌创造独特体验 : 了解详情" href="/zh/科技创新/赋能品牌创造独特体验">了解详情</a></div> </div> </div> <div id="BodyRegion_C168_Col01" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <video aria-hidden="true" preload="metadata" loop playsinline muted src="https://cdn.mediavalet.com/usil/mediamanager/BBKgevqsw0e85rJrCutK_Q/fQ-PH8HPd0u7p_i2KGgylA/Widescreen720p/Innovation_Bucket_Clip_Distinction_and_Experience.mp4" style="max-width: 100%;"></video> </div> </div> </div> </div> </div> <div class="l-region l-region--default is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C191_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C192_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C193_Col00" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="spacing-top-0" > <div ><h2 class="o-heading-h2">全新出行生态</h2></div> </div> <div > <div ><div><p>想要打造更美好的出行生态？<span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">麦格纳凭借整车专长，能够快速地</span><strong style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">将汽车的概念构想变为现实</strong><span style="background-color:initial;font-size:inherit;text-transform:inherit;white-space:inherit;word-spacing:normal;caret-color:auto;">。</span></p></div></div> </div> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--accent o-buttonlink-wrapper--icon spacing-top-40 xs:spacing-top-20" > <div ><a aria-label="全新出行生态 : 了解详情" href="/zh/科技创新/全新出行生态">了解详情</a></div> </div> </div> <div id="BodyRegion_C193_Col01" class="sf_colsIn l-column l-column--6of12 l-column--4of8" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <video aria-hidden="true" preload="metadata" loop playsinline muted src="https://cdn.mediavalet.com/usil/mediamanager/nSfoQ9B3PUaTC282D2nxNw/vO9TKX3wH0W8o1qZRrYX1A/Original/MAGNA_INNOVATION%20BUCKET%20VIDEOS_NEW%20MOBILITY_NO%20TEXT-5s.mp4" style="max-width: 100%;"></video> </div> </div> </div> </div> </div> <div class="l-region l-region--default is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_T3C21CAB5025_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container"><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C277_Col00" class="sf_colsIn" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-bottom-20 xs:spacing-bottom-10" > <div ><span class="o-keyline"></span></div> </div> </div> </div> </div><div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-grid-layout__two-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C278_Col00" class="sf_colsIn" data-sf-element="Grid Column 1" data-placeholder-label="Column 1"> <div class="o-heading-h2" > <div >关于麦格纳</div> </div> </div> <div id="BodyRegion_C278_Col01" class="sf_colsIn" data-sf-element="Grid Column 2" data-placeholder-label="Column 2"> <div > <div ><p>麦格纳在汽车领域是全球最大的供应商之一，更是一家出行科技公司。我们拥有175,000名开拓创新的员工，分布在全球各地。得益于合理的运营架构，我们如初创公司一样锐意进取。65余年的技术积淀和成长，让我们在汽车的各个领域推陈出新，设计、开发和打造全方位的产品系统，在这个快速迭代的行业里不断驱动出行科技的发展。我们的分支遍布全球，在28个国家设有343家制造工厂和107个产品开发、工程和销售中心。</p><p>如需了解更多，请点击<a href="/zh/公司/公司概况">这里</a>。</p></div> </div> </div> </div> </div> </div> </div> <div class="l-region l-region--media l-region--dark is-animate-ready" data-sf-element="Row"> <div id="BodyRegion_C256_Col00" class="sf_colsIn l-container" data-sf-element="Container" data-placeholder-label="Container (Black)"> <img src="/images/default-source/innovation-thumbnails/technology_investment_thumbnail.jpg?sfvrsn=e89bbd1f_3" alt="Silhouette of a person and a car with a purple sunset an constellations in the background of vehicles" /> <div class="l-container l-grid-layout" data-sf-element="Grid Layout"> <div class="l-row l-row--center l-grid-layout__one-column is-animate-stagger" data-sf-element="Grid Type"> <div id="BodyRegion_C255_Col00" class="sf_colsIn l-column l-column--full colspan-5" data-sf-element="Column 1" data-placeholder-label="Grid Column 1"> <div class="spacing-top-0" > <div ><h2 class="o-heading-h1">初创企业投资</h2></div> </div> <div class="o-heading-lead" > <div ><p>如果您拥有一家初创公司，并且希望进入汽车行业和出行领域，那么，不要再犹豫了。麦格纳正是您所需要的起飞平台。</p><div><br /></div><div><br /></div></div> </div> <div class="o-buttonlink-wrapper o-buttonlink-wrapper--outline o-buttonlink-wrapper--icon spacing-top-30" > <div ><span class="o-a11y__visuallyhidden">Click here to </span><a target="_blank" href="/zh/公司/麦格纳技术投资">即刻启程！</a></div> </div> </div> </div> </div> </div> </div> </main> <footer class="l-region-footer spacing-top-0"> <div class="l-container"> <nav aria-label="Breadcrumb" class="c-menu-breadcrumb"> <div class="spacing-top-10 spacing-bottom-10 u-padding0--left xs:spacing-bottom-0 xs:spacing-top-0"> <ol class="c-menu-breadcrumb__list o-list o-heading-small"> <li class="c-menu-breadcrumb__list__item spacing-top-10 spacing-bottom-10 xs:spacing-top-0 xs:spacing-bottom-0"> <a href="/zh"> <img alt="logo of Magna International" src="/ResourcePackages/HighroadFramework/dist/images/logo_Magna-white.svg" width="150" title="Driving Excellence. Inspiring Innovation."> </a> </li> <li class="c-menu-breadcrumb__list__item spacing-top-10 spacing-bottom-10 xs:spacing-top-0 xs:spacing-bottom-0"> <svg xmlns="http://www.w3.org/2000/svg" width="8.563" height="11.972" viewBox="0 0 8.563 11.972" role="presentation"> <path d="M455.5,810l6.874,5.614-6.874,5.178" transform="translate(-455.026 -809.419)" fill="none" stroke="#cecece" stroke-width="1.5" /> </svg> <span class="c-menu-breadcrumb__link" href="/zh/科技创新">科技创新</span> </li> </ol> </div> </nav> <div class="xs:spacing-top-0" > <div ><nav class="c-menu-secondary o-heading-body2 spacing-top-60 xs:spacing-top-30" aria-label="Utility navigation"><ul class="o-list"><li><a href="/zh/隐私权">隐私权</a> <ul class="o-list"><li class="spacing-top-0"><a href="/zh/隐私条款-欧盟">隐私条款 – 欧盟</a> </li><li class="spacing-top-0"><a href="/zh/privacidade-brasil">隐私权-巴西（葡萄牙语）</a> </li></ul></li><li><a href="/zh/公司/员工">员工</a> </li><li><a href="/zh/公司/供应商">供应商</a> </li><li><a href="/zh/%E5%85%AC%E5%8F%B8/%E8%81%8C%E4%B8%9A%E5%8F%91%E5%B1%95" data-sf-ec-immutable="">职业发展</a> </li><li><a href="/zh/前瞻性声明">前瞻性声明</a> </li><li><a href="/zh/accessibility">可访问性</a> </li><li><a href="/zh/regulatory-matters">相关法规事宜</a> </li><li><span>联系麦格纳</span> <ul class="o-list c-menu-socialmedia"><li><a href="//www.weibo.com/magnachina"><img loading="lazy" alt="Sina Weibo" width="20" src="/ResourcePackages/HighroadFramework/dist/images/icon_weibo.svg" data-sf-ec-immutable="" /></a> </li><li><a href="/wechat"><img loading="lazy" alt="WeChat" width="20" src="/ResourcePackages/HighroadFramework/dist/images/icon_wechat.svg" data-sf-ec-immutable="" /></a> </li></ul></li></ul></nav><p class="o-heading-body2 spacing-top-60 xs:spacing-top-30">所有内容© 2024，麦格纳国际公司版权所有。</p><p class="o-heading-body2 spacing-top-60 xs:spacing-top-30">所属公司：麦格纳汽车技术(上海)有限公司  <a href="https://beian.miit.gov.cn" target="_blank" title="" data-sf-ec-immutable="">沪ICP备19007614号-1</a>  <a data-sf-ec-immutable="" href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank">沪公网安备31011202013558号</a></p></div> </div> <script src="//rum-static.pingdom.net/pa-55dbe179abe53d6b598220ec.js" async type="text/plain" class="optanon-category-2"></script> <script defer src="https://cdn.jsdelivr.net/npm/a11y-dialog@7/dist/a11y-dialog.min.js"></script> <script defer type="text/javascript" src="https://unpkg.com/@popperjs/core@2"></script> <script defer type="text/javascript" src="https://unpkg.com/tippy.js@6"></script> <style> .l-grid-layout__multirow > .l-container, .l-grid-layout__multirow > .l-container > .l-row { display: contents; } .tooltip { cursor: pointer; border-bottom: 1px dotted currentColor; } </style> <div class="custom-modal"> <button class="custom-modal__close" type="button" aria-label="Close this window"> <svg xmlns="http://www.w3.org/2000/svg" height="32px" viewBox="0 0 24 24" width="32px" fill="#FFFFFF"> <path d="M0 0h24v24H0V0z" fill="none"></path> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"></path> </svg> </button> <div class="custom-modal__content"></div> </div> </div> </footer> <script defer src="/CoreJS" type="text/javascript"></script> <script defer src="/MagnaJS/Home" type="text/javascript"></script> <script src="/Frontend-Assembly/Telerik.Sitefinity.Frontend.Navigation/Mvc/Scripts/Navigation.min.js?package=HighroadFramework&v=MTUuMC44MjI3LjA%3d" type="text/javascript"></script><script src="/Frontend-Assembly/Telerik.Sitefinity.Frontend.Lists/Mvc/Scripts/Lists/List.Pillars.js?package=HighroadFramework&v=LTg1NTcyMDc3NA%3d%3d" type="text/javascript"></script><input data-sf-role='en' type='hidden' value='https://www.magna.com/innovation'><input data-sf-role='de' type='hidden' value='https://www.magna.com/de/innovation'><input data-sf-role='es' type='hidden' value='https://www.magna.com/es/innovación'><input data-sf-role='zh' type='hidden' value='https://www.magna.com/zh/科技创新'><input data-sf-role='ja' type='hidden' value='https://www.magna.com/ja/イノベーション'><script type="text/javascript"> const pageAnimation = () => { const easingSnappy = 'cubicBezier(0.350, 0.495, 0.445, 1.005)'; /** * Micro-animation triggers via IntersectObserver and using the animejs * library. * * @ref https://animejs.com/documentation/ */ if ( !!window.IntersectionObserver && !document.body.classList.contains('sfPageEditor') ) { /** * Preload hide the elements that will animate. Need to tighten this up * as otherwise it may run rogue. Use staggered animations as much as * possible to simplify (and optimize) the animation processs. * * @ref https://animejs.com/documentation/ */ const animElements = document.querySelectorAll('.l-region'); const options = { root: null, rootMargin: '0px 0px -200px 0px', }; const callback = (entries, observer) => { const entryVisible = entries.filter((entry) => entry.isIntersecting); entryVisible.forEach((entry, i) => { /** * Use '.is-animate' with care to avoid animation collisions. * In other words, do not assign this to a child element of * the list below. */ const elsToAnimate = entry.target.querySelectorAll( ".is-animate, [data-animate='fade'], [data-animate='fadeSlideUp'], [data-animate='fadeSlideUpStagger'] > *, .is-animate-stagger > *" ); anime({ targets: elsToAnimate, duration: 750, delay: anime.stagger(250, { start: 450 }), easing: easingSnappy, opacity: [0, 1], translateY: (t) => { const data = t.dataset.animate; if ( data === 'fadeSlideUp' || t.parentNode.dataset.animate === 'fadeSlideUpStagger' || t.classList.contains('is-animate') ) { return ['1.25rem', 0]; } else { return 0; } }, scaleX: 1, translateZ: 0, complete: function (anim) { // Allows for child positioning (i.e. modal window fixed positioning) anim.animatables.forEach((el) => { el.target.style.transform = ''; el.target.classList.add('is-animate-done'); }); }, }); observer.unobserve(entry.target); }); }; const observer = new IntersectionObserver(callback, options); [...animElements].forEach((el) => { observer.observe(el); }); } }; (() => { const mainNode = document.querySelector('html'); function callback(mutationsList, observer) { mutationsList.forEach((mutation) => { if ( mutation.attributeName === 'class' && mutation.target.classList.contains('is-animate-loaded') ) { pageAnimation(); } }); } const mutationObserver = new MutationObserver(callback); mutationObserver.observe(mainNode, { attributes: true }); })(); </script><script type="text/javascript"> function openLink(culture) { var url = $('[data-sf-role="' + culture + '"]').val(); window.location = url; } document.addEventListener('DOMContentLoaded', () => { // Tooltips tippy('.tooltip', { content: (reference) => reference.getAttribute('data-content'), trigger: 'click', }); }); // Video modal (() => { const handleVideoGalleryToggleClick = (e) => { e.preventDefault(); const videoUrl = e.currentTarget.getAttribute('href'); const modal = document.querySelector('.custom-modal'); const modalContent = `<video playsinline autoplay controls><source src="${videoUrl}" type="video/mp4"></video>`; if (modal) { modal.querySelector('.custom-modal__content').innerHTML = modalContent; modal.classList.add('js-active'); } }; const modalClose = document.querySelectorAll('.custom-modal__close'); const handleModalClose = () => { const modal = document.querySelector('.custom-modal'); modal.classList.remove('js-active'); modal.querySelector('.custom-modal__content').innerHTML = ''; }; [...modalClose].forEach((el) => { el.addEventListener('click', handleModalClose); }); document.addEventListener('keydown', (e) => { if (e.keyCode === 27) { handleModalClose(); } }); [...document.querySelectorAll('.custom-video-widget__button')].forEach( (video) => video.addEventListener('click', handleVideoGalleryToggleClick) ); })(); // A11y Dialog Init [...document.querySelectorAll('.a11y-dialog')].forEach((dialog, i) => { dialog.setAttribute('data-a11y-dialog', `dialog-${i + 1}`); }); [...document.querySelectorAll('[data-a11y-dialog-show]')].forEach((toggle) => { toggle.addEventListener('click', (e) => { const a11yId = e.target.dataset.a11yDialogShow; const dialog = document.querySelector( `[data-a11y-dialog="${a11yId}"] .a11y-dialog__window` ); const dialogMask = document.querySelector( `[data-a11y-dialog="${a11yId}"] [data-a11y-dialog-hide]` ); const toggleRect = e.target.getBoundingClientRect(); const dialogRect = dialog.getBoundingClientRect(); const invertProps = { left: toggleRect.left - dialogRect.left, top: toggleRect.top - dialogRect.top, scaleX: toggleRect.width / dialogRect.width, scaleY: toggleRect.height / dialogRect.height, }; const { left, top, scaleX, scaleY } = invertProps; dialog.style.transformOrigin = '0 0'; const animation = dialog.animate( [ { opacity: 0, transform: `translate(${left}px, ${top}px) scaleX(${scaleX}) scaleY(${scaleY})`, }, { opacity: 1, transform: `translate(0, 0) scaleX(1) scaleY(1)`, }, ], { delay: 100, duration: 500, easing: 'cubic-bezier(0,0,0.32,1)', fill: 'both', } ); dialogMask.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 300, easing: 'cubic-bezier(0,0,0.32,1)', }); }); }); // Set page language if meta tag present const pageLanguage = document.querySelector('[name=language]'); if (pageLanguage != null) { document.documentElement.setAttribute('lang', pageLanguage.content); document.querySelector('.l-region-header').setAttribute('lang', 'en'); document.querySelector('.l-region-footer').setAttribute('lang', 'en'); } /** * Disable autoplaying of videos for users who prefer redeuced and/or no * animation. If enabled, only autoplay videos once they are within view. * * Consider moving this to main JS file. */ document.addEventListener('DOMContentLoaded', () => { const autoplayingVideos = document.querySelectorAll('video[muted][preload], video[autoplay]'); const playVideoOnUserInteraction = () => { const prefersReducedMotion = window.matchMedia( '(prefers-reduced-motion: reduce)' ); if (!prefersReducedMotion.matches) { const options = { root: null, rootMargin: '0px 0px -33% 0px', }; const callback = (entries, observer) => { entries.forEach((entry, i) => { entry.isIntersecting ? entry.target.play() : entry.target.pause(); }); }; const observer = new IntersectionObserver(callback, options); [...autoplayingVideos].forEach((el) => { observer.observe(el); }); } // Remove event listeners after the video starts playing window.removeEventListener('click', playVideoOnUserInteraction); window.removeEventListener('keydown', playVideoOnUserInteraction); window.removeEventListener('touchstart', playVideoOnUserInteraction); window.removeEventListener('mousemove', playVideoOnUserInteraction); }; // Add event listeners for user interaction window.addEventListener('click', playVideoOnUserInteraction); window.addEventListener('keydown', playVideoOnUserInteraction); window.addEventListener('touchstart', playVideoOnUserInteraction); window.addEventListener('mousemove', playVideoOnUserInteraction); }); </script> </body> </html>

CINXE.COM

麦格纳科技创新 - 出行电动化 自动驾驶 汽车互联 - 麦格纳Magna官网

麦格纳科技创新 - 出行电动化自动驾驶汽车互联 - 麦格纳Magna官网