. const schemaScript = document.createElement('script'); schemaScript.type = "application/ld+json"; schemaScript.text = JSON.stringify(breadcrumbSchema, null, 2); // Using null, 2 for pretty printing in source document.getElementsByTagName('head')[0].appendChild(schemaScript); })();

91桃色

Skip Content
About us

Industry-defining technology designed by experts

Propel your network and operations forward

Watch video
value, as that changes for SEO purposes) "canonicalURL": "/about", "fullUrl": window.location.href, "videoDuration": kalturaPlayer_164677.config.sources.duration } } window.appEventData.push(eventPayloadVideoEnded); console.dir(eventPayloadVideoEnded); }); // Event listeners for mute/unmute actions kalturaPlayer_164677.addEventListener(kalturaPlayer_164677.Event.UI.USER_CLICKED_MUTE, (event) => { console.log('USER_CLICKED_MUTE'); // capture data when video is muted var eventPayloadVideoMuted = { "event": "videoMuted", "eventType": "custom", "attributes": { "videoName": kalturaPlayer_164677.config.sources.metadata.name, "analyticsPageName": "Component", // This should be a unique name of the page that will NOT ever change (note, don鈥檛 use the <title> value, as that changes for SEO purposes) "canonicalURL": "/about", "fullUrl": window.location.href, "videoDuration": kalturaPlayer_164677.config.sources.duration } } window.appEventData.push(eventPayloadVideoMuted); console.dir(eventPayloadVideoMuted); }); kalturaPlayer_164677.addEventListener(kalturaPlayer_164677.Event.UI.USER_CLICKED_UNMUTE, (event) => { console.log('USER_CLICKED_UNMUTE'); var eventPayloadVideoUnmuted = { "event": "videoUnmuted", "eventType": "custom", "attributes": { "videoName": kalturaPlayer_164677.config.sources.metadata.name, "analyticsPageName": "Component", // This should be a unique name of the page that will NOT ever change (note, don鈥檛 use the <title> value, as that changes for SEO purposes) "canonicalURL": "/about", "fullUrl": window.location.href, "videoDuration": kalturaPlayer_164677.config.sources.duration } } window.appEventData.push(eventPayloadVideoUnmuted); console.dir(eventPayloadVideoUnmuted); }); // Event listener for any errors kalturaPlayer_164677.addEventListener(kalturaPlayer_164677.Event.ERROR, (event) => { console.log('ERROR'); var eventPayloadVideoError = { "event": "videoError", "eventType": "custom", "attributes": { "videoName": kalturaPlayer_164677.config.sources.metadata.name, "analyticsPageName": "Component", // This should be a unique name of the page that will NOT ever change (note, don鈥檛 use the <title> value, as that changes for SEO purposes) "canonicalURL": "/about", "fullUrl": window.location.href, "videoDuration": kalturaPlayer_164677.config.sources.duration } } window.appEventData.push(eventPayloadVideoError); console.dir(eventPayloadVideoError); }); }); } catch (e) { console.error(e.message) } }, 200); } })(); </script> <style> .video-dialog .kaltura-player-container { width: 100%; height: 100%; position:absolute; top:0; left:0; left: 0; right: 0; bottom:0; } </style> <div class="cn-bg_white cn-comp__wrapper cn-cards__image " id=""> <div class="cn-container"> <div class="mb-4 mb-lg-5"> <h2 class="text-tiles__title h4 h3-md h2-lg mb-1 mb-lg-0 pb-2 pb-lg-3 w-75 w-lg-50">Run on confidence <br>in the AI era</br></h2> <p>Navigating an evolving industry landscape requires a solid game plan. As the global leader in high-speed connectivity, we have the technology and expertise to ensure your success every step of the way. </p> </div> <div class="cn-row"> <div class="col-12 col-md-4 d-flex flex-column mb-4"> <script type="text/javascript" style="display:none"> //<![CDATA[ window.__mirage2 = {petok:"y4O6Q97HGv8nemFxJdktuGHd815wn80aG2LecIiaMXU-1800-0.0.1.1"}; //]]> </script> <img alt="The back of a packet ethernet box" class="cn-bg__lightGray2 fcds__card d-flex w-100 object-fit-cover" loading="lazy" data-cfsrc="/__data/assets/image/0024/164652/mosaic_about_people_pillar.png" style="display:none;visibility:hidden;"><noscript><img alt="The back of a packet ethernet box" class="cn-bg__lightGray2 fcds__card d-flex w-100 object-fit-cover" loading="lazy" src="/__data/assets/image/0024/164652/mosaic_about_people_pillar.png"></noscript> <div class="cn-bg__lightGray1"> <div class="fcds__card fcds__card--product p-3 p-xxl-4 d-flex flex-column"> <h3 class="cn-subhead-3 h6-lg pb-1 clamp-3-lines">Rooted in people </h3> <div class="mb-4 clamp-6-lines"> <p>Our boldest achievements start with our people-first culture. We cultivate a higher degree of trust and collaboration with customers, partners, and communities to design networks that better serve the people who run them鈥攁nd use them. </p> </div> <div class="mt-auto d-flex flex-column cn-flex-md-row justify-content-between"> <a href="/about/purpose" class="cn-color__steelGray mt-auto fw-bolder"><span class="cn-target">Purpose</span><i class="fa-solid fa-angle-right ps-2"></i></a> <a href="/about/cienalife" class="cn-color__steelGray mt-auto fw-bolder"><span class="cn-target">Culture</span><i class="fa-solid fa-angle-right ps-2"></i></a> </div> </div> </div> </div> <div class="col-12 col-md-4 d-flex flex-column mb-4"> <img alt="People at a concert" class="cn-bg__lightGray2 fcds__card d-flex w-100 object-fit-cover" loading="lazy" data-cfsrc="/__data/assets/image/0026/164654/mosaic_about_vision_pillar.png" style="display:none;visibility:hidden;"><noscript><img alt="People at a concert" class="cn-bg__lightGray2 fcds__card d-flex w-100 object-fit-cover" loading="lazy" src="/__data/assets/image/0026/164654/mosaic_about_vision_pillar.png"></noscript> <div class="cn-bg__lightGray1"> <div class="fcds__card fcds__card--product p-3 p-xxl-4 d-flex flex-column"> <h3 class="cn-subhead-3 h6-lg pb-1 clamp-3-lines">Fueled by innovation</h3> <div class="mb-4 clamp-6-lines"> <p>Our R&D initiatives focus on enabling organizations to meet today鈥檚 business needs while preparing them for what鈥檚 next. Our Adaptive Network vision is based on a clear roadmap with flexible solutions to adapt and scale ahead of demand.</p> </div> <div class="mt-auto d-flex flex-column cn-flex-md-row justify-content-between"> <a href="/adaptive-network" class="cn-color__steelGray mt-auto fw-bolder"><span class="cn-target">Vision</span><i class="fa-solid fa-angle-right ps-2"></i></a> <a href="/solutions" class="cn-color__steelGray mt-auto fw-bolder"><span class="cn-target">Solutions</span><i class="fa-solid fa-angle-right ps-2"></i></a> </div> </div> </div> </div> <div class="col-12 col-md-4 d-flex flex-column mb-4"> <img alt="Ciena building" class="cn-bg__lightGray2 fcds__card d-flex w-100 object-fit-cover" loading="lazy" data-cfsrc="/__data/assets/image/0022/164650/mosaic_about_impact_pillar.png" style="display:none;visibility:hidden;"><noscript><img alt="Ciena building" class="cn-bg__lightGray2 fcds__card d-flex w-100 object-fit-cover" loading="lazy" src="/__data/assets/image/0022/164650/mosaic_about_impact_pillar.png"></noscript> <div class="cn-bg__lightGray1"> <div class="fcds__card fcds__card--product p-3 p-xxl-4 d-flex flex-column"> <h3 class="cn-subhead-3 h6-lg pb-1 clamp-3-lines">Delivered with expertise</h3> <div class="mb-4 clamp-6-lines"> <p>Our team includes the best and brightest experts in the industry. Their ability to transform networks and operations is based on a proven track record, a consultative approach, and a relentless commitment to outcomes. </p> </div> <div class="mt-auto d-flex flex-column cn-flex-md-row justify-content-between"> <a href="/about/customer-stories" class="cn-color__steelGray mt-auto fw-bolder"><span class="cn-target">Customers</span><i class="fa-solid fa-angle-right ps-2"></i></a> <a href="/about/defining-moments" class="cn-color__steelGray mt-auto fw-bolder"><span class="cn-target">Performance</span><i class="fa-solid fa-angle-right ps-2"></i></a> </div> </div> </div> </div> </div> </div> </div> <div class="breakout cn-conic-bg__red_1-red_2"> <div class="cn-color__white cn-bg__red3 bg-lg-transparent"> <div class="cn-container " id=""> <div class="cn-row gx-0 cn-bg__red3 mx-n5 h-100"><div class="col-12 col-lg-6 cn-pt-lg-9 cn-pt-7 cn-pb-lg-7 cn-pb-5 px-5"> <span class="cn-dashed cn-eyebrow-2 cn-pb-2">OUR EXECUTIVES</span> <h2>Get to know our leaders</h2> <div class="col-12 pe-lg-5"><p></p></div> <div class="cn-mt-6 d-flex flex-column cn-flex-md-row"> <a href="/about/leadership" title="Our executives" class="cn-button cn-button__white cn-mr-md-4 mb-4">Our executives</a><a href="/about/purpose" title="CEO letter" class="cn-button cn-button__white cn-button--outlined cn-mr-md-4 mb-4">CEO letter</a></div></div> <div class="col-12 col-lg-6 position-relative"> <img alt="Ciena's CEO Gary Smith standing at a podium" class="object-fit-cover w-100 h-100" loading="lazy" sizes="(max-width:767px) 650px,(max-width:991px) 696px,696px" srcset="/__data/assets/image/0023/164651/varieties/half.png 650w,/__data/assets/image/0023/164651/mosaic_about_leadership.png 696w,/__data/assets/image/0023/164651/mosaic_about_leadership.png 696w" data-cfsrc="/__data/assets/image/0023/164651/mosaic_about_leadership.png" style="display:none;visibility:hidden;"><noscript><img alt="Ciena's CEO Gary Smith standing at a podium" class="object-fit-cover w-100 h-100" loading="lazy" src="/__data/assets/image/0023/164651/mosaic_about_leadership.png" sizes="(max-width:767px) 650px,(max-width:991px) 696px,696px" srcset="/__data/assets/image/0023/164651/varieties/half.png 650w,/__data/assets/image/0023/164651/mosaic_about_leadership.png 696w,/__data/assets/image/0023/164651/mosaic_about_leadership.png 696w"></noscript> </div> </div> </div> </div> </div> <style> .cn-conic-bg__red_1-red_2::after { content: ""; display: flex; width: 100%; height: 1rem; background: linear-gradient(to right, #640000 0rem, #640000 1rem, #960000 1rem, #960000 2rem, #c40000 2rem, #c40000 3rem, #dc0000 3rem, #dc0000 100% ); } .cn-conic-bg__red_1-red_2 { padding-bottom: 0; } .cn-conic-bg__red_1-red_2 .cn-bg__red3 { background-color: #500000; } @media screen and (min-width: 992px) { .cn-conic-bg__red_1-red_2 { background: linear-gradient(to bottom, #730000 0%, #730000 3rem, #960000 3rem, #960000 6rem, #b90000 6rem, #b90000 9rem, #dc0000 9rem, #dc0000 100%), linear-gradient(to right, #500000 0%, #500000 100%); background-repeat: no-repeat, no-repeat; background-size: 50% 100%, 50% 100%; background-position: right top, left top; padding-bottom: 0; } .cn-conic-bg__red_1-red_2::after{ display: none; } } .cn-conic-bg__red_1-red_2 .cn-eyebrow-2 { color: #E6DCB9; } .cn-conic-bg__red_1-red_2 .cn-dashed::before { display: none; } </style><div class="cn-comp__wrapper"> <div class="fcds cn-container" id=""> <div class="cn-row"> <div class="col-12"> </div> <div class="col-12 col-lg-6 mb-4 mb-xl-0"> <div class="fcds__sqr ratio ratio-1x1 mb-0 h-auto"> <div class="d-flex cn-color__midnight cn-bg__midnight_6 p-4 py-5 p-lg-5"> <div class="p-2 d-flex align-self-end flex-column mt-auto"> <h2 class="cn-dashed cn-pb-3 h4 h3-md h2-xxl mt-3">A career with intention</h2> <p class="col-12 pe-lg-5"></p> <p>Experience a rewarding culture of innovation where you can make an impact with people who bring out the best in you. Connect with a career that matters.</p> <p></p> <div class="d-flex flex-column cn-flex-md-row flex-wrap flex-xxl-nowrap"> <a href="/careers" title="Download" class="cn-button cn-button__blue ">Join us</a> </div> </div> </div> </div> <img alt="Ciena employees volunteering in a field " style="display:none;visibility:hidden;" class="object-fit-cover w-100 h-auto" loading="lazy" sizes="(max-width:767px) 650px,(max-width:991px) 870px,1040px" srcset="/__data/assets/image/0030/164649/varieties/half.png 650w,/__data/assets/image/0030/164649/varieties/two-thirds.png 870w,/__data/assets/image/0030/164649/varieties/four-fifths.png 1040w" data-cfsrc="/__data/assets/image/0030/164649/mosaic_about_career_intention.png" data-cfstyle="max-height: 312px !important;"><noscript><img alt="Ciena employees volunteering in a field " style="max-height: 312px !important;" class="object-fit-cover w-100 h-auto" loading="lazy" src="/__data/assets/image/0030/164649/mosaic_about_career_intention.png" sizes="(max-width:767px) 650px,(max-width:991px) 870px,1040px" srcset="/__data/assets/image/0030/164649/varieties/half.png 650w,/__data/assets/image/0030/164649/varieties/two-thirds.png 870w,/__data/assets/image/0030/164649/varieties/four-fifths.png 1040w"></noscript> </div> <div class="col-12 col-lg-6 mb-4 mb-xl-0 mobile-reverse-flex"> <img alt="a tree surrounded by buildings" style="display:none;visibility:hidden;" class="object-fit-cover w-100 h-auto" loading="lazy" sizes="(max-width:767px) 650px,(max-width:991px) 870px,1040px" srcset="/__data/assets/image/0025/164653/varieties/half.png 650w,/__data/assets/image/0025/164653/varieties/two-thirds.png 870w,/__data/assets/image/0025/164653/varieties/four-fifths.png 1040w" data-cfsrc="/__data/assets/image/0025/164653/mosaic_about_sustainability_work.png" data-cfstyle="max-height: 312px !important;"><noscript><img alt="a tree surrounded by buildings" style="max-height: 312px !important;" class="object-fit-cover w-100 h-auto" loading="lazy" src="/__data/assets/image/0025/164653/mosaic_about_sustainability_work.png" sizes="(max-width:767px) 650px,(max-width:991px) 870px,1040px" srcset="/__data/assets/image/0025/164653/varieties/half.png 650w,/__data/assets/image/0025/164653/varieties/two-thirds.png 870w,/__data/assets/image/0025/164653/varieties/four-fifths.png 1040w"></noscript> <div class="fcds__sqr ratio ratio-1x1 mb-0 h-auto"> <div class="d-flex cn-color__midnight cn-bg__midnight_6 p-4 py-5 p-lg-5"> <div class="p-2 d-flex align-self-end flex-column"> <h2 class="cn-dashed cn-pb-3 h4 h3-md h2-xxl mt-3">Sustainability at work </h2> <p class="col-12 pe-lg-5"></p> <p>We play a critical role in connecting the world, which is a profound responsibility. Environmental stewardship and meaningful social impact practices are integral to our business.</p> <p></p> <div class="d-flex flex-column cn-flex-md-row flex-wrap flex-xxl-nowrap"> <a href="/about/sustainability" title="Download" class="cn-button cn-button__blue">Learn how</a> </div> </div> </div> </div> </div> </div> </div> </div> <style> @media screen and (max-width: 992px) { .mobile-reverse-flex { flex-direction: column-reverse; display: flex; justify-content: space-between; } } </style> <div class="quote-box cn-linear-bg__beige3-reds"> <div class="quote-box-wrapper cn-container " id=""> <div class="cn-row gx-0 mx-n5 h-100 cn-bg__beige3"> <div class="quote-box__left col-12 col-lg-3 pt-5 pb-4 py-lg-5 px-5" aria-hidden="true"> <img src="/__data/assets/file/0022/106258/quote1.svg" alt="" aria-hidden="true" class="quote-box__img mt-3 me-2"> <img src="/__data/assets/file/0023/106259/quote2.svg" alt="" aria-hidden="true" class="quote-box__img mt-3 me-2"> </div> <div class="col-12 col-lg-9 pt-0 pb-5 py-lg-5 px-5 px-lg-0"> <blockquote class="quote-box__quote h5 h4-md h3-lg mb-4"> <p>Ciena will play a key role in helping us build the backbone for the AI economy, giving our customers the capacity, programmability, and capability they need to make the most of the AI era.</p> </blockquote> <p class="quote-box__byline mb-0 cn-fs-smaller cn-fs-lg__normal"> 鈥� Kye Prigg, Executive Vice President, Enterprise Operations, Lumen Technologies </p> </div> </div> </div> </div> <div class=" py-5 p-lg-5 quick-links-grid "> <div class="cn-container py-lg-5"><h2 class="h4 h3-md h2-lg mb-3 mb-lg-5 pb-0 pb-lg-1">Quick links</h2><ul class="cn-ln__none p-0 mb-0 cn-row"><li class="col-12 col-md-6 col-xl-3 mb-2 mb-md-3 mb-xl-5"> <a href="/about/newsroom" class="cn-bg__midnight_6 cn__border-left cn__border-left--8 cn__border-left--red2 p-4 d-flex justify-content-between align-items-center h-100 cn-fs-small cn-fs-lg__normal quick-link-item"> <span class="">Newsroom</span> <i class="fa-light fa-angle-right ps-2"></i> </a></li><li class="col-12 col-md-6 col-xl-3 mb-2 mb-md-3 mb-xl-5"> <a href="/about/security" class="cn-bg__midnight_6 cn__border-left cn__border-left--8 cn__border-left--red2 p-4 d-flex justify-content-between align-items-center h-100 cn-fs-small cn-fs-lg__normal quick-link-item"> <span class="">Security</span> <i class="fa-light fa-angle-right ps-2"></i> </a></li><li class="col-12 col-md-6 col-xl-3 mb-2 mb-md-3 mb-xl-5"> </li><li class="col-12 col-md-6 col-xl-3 mb-2 mb-md-3 mb-xl-5"> <a href="/about/sustainability" class="cn-bg__midnight_6 cn__border-left cn__border-left--8 cn__border-left--red2 p-4 d-flex justify-content-between align-items-center h-100 cn-fs-small cn-fs-lg__normal quick-link-item"> <span class="">Sustainability</span> <i class="fa-light fa-angle-right ps-2"></i> </a></li><li class="col-12 col-md-6 col-xl-3 mb-2 mb-md-3 mb-xl-5"> </li><li class="col-12 col-md-6 col-xl-3 mb-2 mb-md-3 mb-xl-5"> <a href="/about/corporate-governance" class="cn-bg__midnight_6 cn__border-left cn__border-left--8 cn__border-left--red2 p-4 d-flex justify-content-between align-items-center h-100 cn-fs-small cn-fs-lg__normal quick-link-item"> <span class="">Corporate governance</span> <i class="fa-light fa-angle-right ps-2"></i> </a></li><li class="col-12 col-md-6 col-xl-3 mb-2 mb-md-3 mb-xl-5"> <a href="/about/supplier-diversity-program" class="cn-bg__midnight_6 cn__border-left cn__border-left--8 cn__border-left--red2 p-4 d-flex justify-content-between align-items-center h-100 cn-fs-small cn-fs-lg__normal quick-link-item"> <span class="">Supplier diversity program</span> <i class="fa-light fa-angle-right ps-2"></i> </a></li><li class="col-12 col-md-6 col-xl-3 mb-2 mb-md-3 mb-xl-5"> <a href="/about/management-systems" class="cn-bg__midnight_6 cn__border-left cn__border-left--8 cn__border-left--red2 p-4 d-flex justify-content-between align-items-center h-100 cn-fs-small cn-fs-lg__normal quick-link-item"> <span class="">Management systems</span> <i class="fa-light fa-angle-right ps-2"></i> </a></li></ul></div></div> </main> <!--noindex--> <aside> <div class="cn-bg__red2"> <div class="footer-form__wrapper"> <div class="footer-form container cn-container"> <div class="footer-form__gfx d-none d-lg-block" aria-hidden="true"></div> <div class="cn-bg__red2 h-100"> <div class="d-flex ml-3 pt-5 pb-4 content flex-column flex-lg-row"> <div class="footer-form__text mb-5 d-flex flex-column"> <h3 class="footer-form__title h4 h3-lg">Stay connected</h3> <p class="footer-form__subtitle">Stay informed and get Ciena's network insights emailed straight to your inbox.</p> <div class="footer-form__social d-flex"> </div> </div> <div class="footer-form__form d-flex flex-column w-80"> <div class="embeded_form resource-details"> <form id="mktoForm_3290"></form> <script>MktoForms2.loadForm("//mynetwork.ciena.com", "847-FEI-694", 3290);</script> </div> </div> </div> </div> </div> </div> </div> </aside> <!--endnoindex--> <script> /* ReCaptcha Validation Variables */ //var globalSiteKey = "6LeTV4AUAAAAADa2HCgXHDqjoBptZG-a6UQduN3c"; var reCaptchaValidationEndpoint = "/site-resources/esi/n/c/recaptcha"; /* * @author Sanford Whiteman * @version v1.106 2020-04-04 * @copyright 漏 2020 Sanford Whiteman * @license Hippocratic 2.1: This license must appear with all reproductions of this software. * * Create a completely barebones, user-styles-only Marketo form * by removing inline STYLE attributes and disabling STYLE and LINK elements */ function destyleMktoForm(mktoForm, moreStyles){ var formEl = mktoForm.getFormElem()[0], arrayFrom = getSelection.call.bind([].slice); // remove element styles from <form> and children var styledEls = arrayFrom(formEl.querySelectorAll("[style]")).concat(formEl); styledEls.forEach(function(el) { el.removeAttribute("style"); }); // disable remote stylesheets and local <style>s /* var styleSheets = arrayFrom(document.styleSheets); styleSheets.forEach(function(ss) { if ( [mktoForms2BaseStyle,mktoForms2ThemeStyle].indexOf(ss.ownerNode) != -1 || formEl.contains(ss.ownerNode) ) { console.log("Marketo destyle: removing", ss); ss.disabled = true; } else { console.log("Marketo destyle: ignoring", ss); } }); */ if(!moreStyles) { formEl.setAttribute("data-styles-ready", "true"); } }; MktoForms2.whenRendered(function(form) { var parent = document.getElementsByClassName('embeded_form')[0]; var formData = form.vals(); var formID = formData.formid; console.log('formID: ' + formID); if(typeof(parent) != 'undefined' && parent != null && formID == 3290){ destyleMktoForm(form); } }); </script> <style type="text/css"> .embeded_form .mktoButton { background-color: #fff; color: #000; border: 2px solid #fff; display: inline-flex; justify-content: center; align-items: center; text-align: center; width: 15rem; padding: 0 2rem; border-radius: 2rem; font-size: 1rem; font-weight: 600; letter-spacing: -0.04rem; transition: all .3s ease; align-self: center; height: 3rem; margin-bottom: 1.5rem !important; } .embeded_form .mktoButton:not([disabled]):not(.disabled):hover { background-color: #c8c8c8; color: #000; outline:none !important; border:0; } .embeded_form .mktoButton:not([disabled]):not(.disabled):focus { background-color: rgba(0,0,0,0); color: #fff; outline-offset: 3px; border: 2px solid #fff; outline: 2px solid #fff; } .embeded_form .mktoButton:not([disabled]):not(.disabled):active { background-color: #c8c8c8; color: #000; border: 2px solid rgba(0,0,0,0); } .embeded_form input[type=text], .embeded_form input[type=email] { display: flex; background-color: #fff; align-items: center; justify-content: space-between; width: 100% !important; text-align: left; padding: 0.875rem 1rem; color: #787878; border: none; font-size: 0.875rem; line-height: 1.125rem; letter-spacing: -0.04rem; transition: all .3s ease; font-family: inherit; margin: 0; } .embeded_form .mktoForm { font-size: 0.875rem; line-height: 1.125rem; letter-spacing: -0.04rem; max-width: 43.25rem; width: 100%; /*gap: 0.625rem;*/ flex-direction: column !important; display: flex; color: #fff; text-transform:none; opacity:1; font-family:inherit; } .embeded_form .mktoForm .mktoFieldWrap { float:none; } .embeded_form .mktoForm .mktoLabel { color: #fff; text-transform:none; opacity:1; font-size: 0.875rem; line-height: 1.125rem; letter-spacing: -0.04rem; margin-bottom: 0; } .embeded_form .mktoForm .mktoRequiredField label.mktoLabel { font-weight:normal; float:none; margin-bottom:0.5rem; width:auto !important; } .embeded_form .mktoCaptchaDisclaimer { display:none; } .embeded_form .mktoAsterix { display: initial !important; float: right; padding: 0px 5px; } .embeded_form .mktoFieldDescriptor.mktoFormCol { width: 100%; } .embeded_form .mktoFormRow { display: flex; gap: 15px; align-items: flex-start; } @media screen and (max-width: 991px) { .embeded_form .mktoFormRow { flex-direction:column; } } .embeded_form .mktoFormRow.transparent { gap: 5px; margin: 10px 0; flex-direction:row; } .embeded_form .mktoFormRow.transparent .mktoFieldDescriptor.mktoFormCol { width: 20px; background-color:inherit; } .embeded_form .mktoFormRow.transparent .mktoFieldDescriptor.mktoFormCol + div { margin:6px 0 0; background-color:inherit; } .embeded_form .mktoFieldWrap a { text-decoration: underline; } .embeded_form .mktoForm .mktoError { position:relative; right:0 !important; bottom:-3px !important; display:block; pointer-events: none; } .embeded_form .mktoForm .mktoError .mktoErrorArrowWrap { display:none; } .embeded_form .mktoForm .mktoError .mktoErrorMsg { margin-top: 10px; margin-bottom: 0px; color: #fff; opacity: 85%; background-color: transparent; background-image: none; border: 0; border-radius: 0; box-shadow: none; font-size: inherit; line-height: inherit; max-width: 100%; padding: inherit; text-shadow: none; } .embeded_form .mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail { display:inline; } .embeded_form input[type=checkbox] { width:15px; } .embeded_form .mktoError #ValidMsgEmail, .embeded_form .mktoError #ValidMsgCountry { margin-top:3px; } .embeded_form .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { color: #fff; } @media only screen and (max-width: 480px) { .embeded_form .mktoForm .mktoFormCol .mktoLabel { width: auto; } } @media only screen and (max-width: 480px) { .embeded_form .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { float:right; padding:0 5px; } } </style> <footer class="footer cn-bg__red3"> <div class="footer__container cn-container justify-content-between cn-py-4"> <h3 class="h1 m-0 mt-3"> <a href="/" title="Ciena"> <img src="/__data/assets/git_bridge/0015/101616/build/images/logo_dark.svg?h=536960e" alt="Ciena" class="footer__logo"> </a> </h3> <span class="footer__text cn-dashed"><p>Ciena is the global leader in high-speed connectivity. </p> <p>We build adaptive networks to support exponential growth in bandwidth demand鈥攅mpowering our customers, partners, and communities to thrive in the AI era. With unparalleled expertise and innovation, our networking systems, components, automation software, and services revolutionize data transmission and network management.</p></span> <div class="d-flex footer__columns cn-dashed"> <div class="footer__links d-flex w-100 flex-column"> <div class="footer__links-title d-flex"> <a href="/insights" class="footer__link footer__link-heading" title="Footer nav: 91桃色" aria-label="Footer nav: 91桃色">91桃色</a> <button class="footer__column-toggle" title="Toggle"><i class="fa-solid fa-lg fa-plus"></i></button> </div> <div class="footer__links-collapse w-100 flex-column"> <a href="/insights" class="footer__link" title="Footer sub-nav: Featured insights" aria-label="Footer sub-nav: Featured insights" style="display: inline-block;">Featured insights</a><a href="/insights/list?type=articles" target="_blank" class="footer__link" title="Footer sub-nav: Blog" aria-label="Footer sub-nav: Blog" style="display: inline-block;">Blog</a><a href="/insights/case-studies" class="footer__link" title="Footer sub-nav: Case studies" aria-label="Footer sub-nav: Case studies" style="display: inline-block;">Case studies</a><a href="/insights/videos" class="footer__link" title="Footer sub-nav: Videos" aria-label="Footer sub-nav: Videos" style="display: inline-block;">Videos</a><a href="/about/newsroom/podcasts" class="footer__link" title="Footer sub-nav: Podcasts" aria-label="Footer sub-nav: Podcasts" style="display: inline-block;">Podcasts</a> </div></div><div class="footer__links d-flex w-100 flex-column"> <div class="footer__links-title d-flex"> <a href="/about" class="footer__link footer__link-heading" title="Footer nav: 91桃色" aria-label="Footer nav: 91桃色">91桃色</a> <button class="footer__column-toggle" title="Toggle"><i class="fa-solid fa-lg fa-plus"></i></button> </div> <div class="footer__links-collapse w-100 flex-column"> <a href="/about" class="footer__link" title="Footer sub-nav: About Ciena" aria-label="Footer sub-nav: About Ciena" style="display: inline-block;">About Ciena</a><a href="/careers" target="_blank" class="footer__link" title="Footer sub-nav: Careers" aria-label="Footer sub-nav: Careers" style="display: inline-block;">Careers</a><a href="/about/newsroom" class="footer__link" title="Footer sub-nav: Newsroom" aria-label="Footer sub-nav: Newsroom" style="display: inline-block;">Newsroom</a><a href="/about/cienalife" class="footer__link" title="Footer sub-nav: CienaLife" aria-label="Footer sub-nav: CienaLife" style="display: inline-block;">CienaLife</a><a href="/partners" class="footer__link" title="Footer sub-nav: Partners" aria-label="Footer sub-nav: Partners" style="display: inline-block;">Partners</a> </div></div><div class="footer__links d-flex w-100 flex-column"> <div class="footer__links-title d-flex"> <a href="/support" class="footer__link footer__link-heading" title="Footer nav: Support" aria-label="Footer nav: Support">Support</a> <button class="footer__column-toggle" title="Toggle"><i class="fa-solid fa-lg fa-plus"></i></button> </div> <div class="footer__links-collapse w-100 flex-column"> <a href="/contact-us/sales" class="footer__link" title="Footer sub-nav: Contact sales" aria-label="Footer sub-nav: Contact sales" style="display: inline-block;">Contact sales</a><a href="/support" class="footer__link" title="Footer sub-nav: Contact support" aria-label="Footer sub-nav: Contact support" style="display: inline-block;">Contact support</a><a href="/events" class="footer__link" title="Footer sub-nav: Events" aria-label="Footer sub-nav: Events" style="display: inline-block;">Events</a><a href="/ebc" class="footer__link" title="Footer sub-nav: Executive briefing center" aria-label="Footer sub-nav: Executive briefing center" style="display: inline-block;">Executive briefing center</a> </div></div><div class="footer__links d-flex w-100 flex-column"> <div class="footer__links-title d-flex"> <a href="#" target="_blank" class="footer__link footer__link-heading" title="Footer nav: Quicklinks" aria-label="Footer nav: Quicklinks">Quicklinks</a> <button class="footer__column-toggle" title="Toggle"><i class="fa-solid fa-lg fa-plus"></i></button> </div> <div class="footer__links-collapse w-100 flex-column"> <a href="/contact-us/worldwide" class="footer__link" title="Footer sub-nav: Ciena worldwide" aria-label="Footer sub-nav: Ciena worldwide" style="display: inline-block;">Ciena worldwide</a> </div></div> </div> <p class="copyright__text">漏 2025 91桃色. All rights reserved.</p> <div class="copyright__links d-flex"> <a id="copyright-link-privacy-policy" href="/about/corporate-governance/privacy-policy" title="Footer utility nav: Privacy Policy" aria-label="Footer utility nav: Privacy Policy" class="copyright__link">Privacy Policy</a><a id="copyright-link-legal-notices" href="/about/corporate-governance/legal-notices" title="Footer utility nav: Legal notices" aria-label="Footer utility nav: Legal notices" class="copyright__link">Legal notices</a><a id="copyright-link-cookies" href="#" target="_blank" title="Footer utility nav: Cookies" aria-label="Footer utility nav: Cookies" class="copyright__link"> Cookies</a><a id="copyright-link-accessibility-statement" href="/general/accessibility-statement" title="Footer utility nav: Accessibility" aria-label="Footer utility nav: Accessibility" class="copyright__link">Accessibility</a> </div> </div> <a href="#" aria-label="Back to top" class="back-to-top-btn cn-bg__steelGray cn-color__white position-fixed cn-hover-color__white opacity-75 cn-subhead-4"> <i class="fa-light fa-arrow-up-to-line d-flex justify-content-center align-items-center" aria-hidden="true"></i> </a> </footer> <!--noindex--> <!--<script src="/__data/assets/js_file_folder/0025/59515/footer.min.js?v=0.28.1"></script>--> <script src="/__data/assets/git_bridge/0018/140094/build/js/vendor.js?h=9bc452d"></script> <script src="/__data/assets/git_bridge/0018/140094/build/js/global.js?h=9bc452d"></script> <script src="/__data/assets/js_file/0026/136583/Re-design-formstracking.js?v=0.6.6"></script> <script> // Establish the data layer window.appEventData = window.appEventData || []; // Function to send Adobe EDDL event function sendEDDLEvent(eventName, eventAttributes) { window.appEventData.push({ event: eventName, eventType: 'custom', attributes: eventAttributes }); } // Function to retrieve a query parameter value from the URL function getQueryParam(param) { param = param.replace(/[\[\]]/g, '\\$&'); // Escape special characters for regex var regex = new RegExp('[?&]' + param + '(=([^&#]*)|&|#|$)'), results = regex.exec(window.location.href); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } var pageViewEventAttributes = { "analyticsPageName": "About", "canonicalURL": "/about", "fullUrl": window.location.href, "pageTitleTag": document.title, "seoOptimization": "", "seoContentType": document.querySelector('meta[name="seoContentType"]').content, "pageType": getPageType(), "pageCategory": "", "author": "91桃色", "publishedDate": document.querySelector('meta[name="byTypeDate"]').content, "primaryTopic": "", "topics": '', "queryParameter": window.location.search || "", "utmSource": getQueryParam("utm_source") || getQueryParam("source") || "", "utmMedium": getQueryParam("utm_medium") || getQueryParam("medium") || "", "utmContent": getQueryParam("utm_content") || getQueryParam("content") || "", "utmCampaign": getQueryParam("utm_campaign") || getQueryParam("campaign") || "", "utmChannel": getQueryParam("utm_channel") || getQueryParam("channel") || "", "utmTerm": getQueryParam("utm_term") || getQueryParam("term") || "", "adType": getQueryParam("adtype") || "" }; sendEDDLEvent("pageViewed", pageViewEventAttributes); function getPageType() { var pageUrl = window.location.href; if (pageUrl.includes("/solutions/")) { return "Solution"; } else if (pageUrl.includes("/products/")) { return "Product"; } else if (pageUrl.includes("/press-releases/")) { return "Press Release"; } else if (pageUrl.includes("/podcasts/")) { return "Podcast"; } else if (pageUrl.includes("/contact-us/")) { return "Contact"; } else { return "Content"; // Default value if the page type is not matched } } // EDDL Scroll Depth Event const scrollThresholds = [10, 20, 30, 40, 50, 60, 70, 80, 90, 99]; let thresholdsReached = {}; function trackScrollDepthEDDL() { const scrollHeight = document.documentElement.scrollHeight - window.innerHeight; const scrolled = (window.pageYOffset / scrollHeight) * 100; for (const threshold of scrollThresholds) { if (!thresholdsReached[threshold] && scrolled >= threshold) { // Use scroll100 as the event name when the 99 threshold is reached const scrollEvent = threshold === 99 ? 'scroll100' : `scroll${threshold}`; const scrollEventAttributes = { "analyticsPageName": "About", "canonicalURL": "/about", "fullUrl": window.location.href, }; sendEDDLEvent(scrollEvent, scrollEventAttributes); //console.log("thresholdsReached: " + (threshold === 99 ? '100' : threshold)); thresholdsReached[threshold] = true; if (threshold === 99) { window.removeEventListener('scroll', trackScrollDepthEDDL); } } } } window.addEventListener('scroll', trackScrollDepthEDDL); // EDDL for CTA Click Tracking // Function to get CTA type function getCtaType(element) { const navHeader = document.querySelector('header.cn-header'); const navMobile = document.querySelector('div.mm.mm--js'); if ((navHeader && navHeader.contains(element)) || (navMobile && navMobile.contains(element))) { return 'Nav Link'; } else if (element.tagName === 'A' && element.hasAttribute('download')) { return 'Download'; } else if (element.tagName === 'A' && element.classList.contains('quick-link-item')) { return 'Quick Link'; } else if (element.tagName === 'A' && element.querySelector('img') !== null) { return 'Image'; } else if (element.tagName === 'A' && element.querySelector('i') !== null) { return 'Icon Text Link'; } else if (element.classList.contains('nav-link') && (element.getAttribute('data-bs-toggle') === 'tab' || element.getAttribute('data-bs-toggle') === 'collapse')) { return 'Accordion Tab'; } else if (element.classList.contains('tab') && element.classList.contains('js-tab') && element.hasAttribute('data-tab')) { return 'Tabbed Navigation'; } else if (element.tagName === 'A' && element.classList.contains('cn-button')) { return 'Button'; } else if (element.tagName === 'A') { return 'Link'; } else { return 'Unknown'; } } // Function to get CTA text content function getCtaText(element) { // For image links, try to get alt text, otherwise use title if (element.querySelector('img') !== null) { const image = element.querySelector('img'); return image.alt !== '' ? image.alt : (image.title !== '' ? image.title : ' '); } else { return element.textContent.trim().replace(/\s+/g, ' '); } } // Function to get CTA location (percentage from top of viewport) function getCtaLocation(element) { const elementTop = element.getBoundingClientRect().top + window.scrollY; const documentHeight = document.documentElement.scrollHeight; const percentage = (elementTop / documentHeight) * 100; return percentage.toFixed(); } // Add click event listeners to all CTA elements document.querySelectorAll('a, button, li.js-tab').forEach(element => { element.addEventListener('click', function(event) { const ctaType = getCtaType(this); const ctaText = getCtaText(this); const ctaLocation = getCtaLocation(this); const ctaURL = this.href; // Send EDDL event sendEDDLEvent('ctaClicked', { 'ctaType': ctaType, 'ctaText': ctaText, 'ctaLocation': ctaLocation + '%', 'ctaURL': ctaURL, 'analyticsPageName': "About", 'canonicalURL': "/about", 'fullUrl': window.location.href }); // Log data layer contents to the console //console.log("Data Layer: ", JSON.stringify(window.appEventData, null, 2)); }); }); // EDDL for social media shares and profile clicks // Add event listeners to social media icons const socialMediaIcons = document.querySelectorAll('.jssocials-share-link, .podcast-share a, .article-author__social a, .footer-form__social-icons'); socialMediaIcons.forEach((icon) => { icon.addEventListener('click', (event) => { const smpProfile = getSocialMediaProfile(event.currentTarget); let smpLocation = ''; const parentElement = icon.parentElement; if (icon.classList.contains('jssocials-share-link') || parentElement.classList.contains('article-author__social')) { smpLocation = 'Article share link'; } else if (parentElement.classList.contains('podcast-share')) { smpLocation = 'Podcast share link'; } else if (parentElement.classList.contains('footer-form__social')) { smpLocation = 'Footer area'; } const eventAttributes = { smpProfile, smpLocation, analyticsPageName: "About", canonicalURL: "/about", fullUrl: window.location.href }; sendEDDLEvent('smpClicked', eventAttributes); //console.log("Data Layer: ", JSON.stringify(window.appEventData, null, 2)); }); }); function getSocialMediaProfile(target) { const childElement = target.querySelector('i, span'); if (childElement) { if (childElement.classList.contains('fa-twitter')) { return 'Twitter'; } else if (childElement.classList.contains('fa-facebook')) { return 'Facebook'; } else if (childElement.classList.contains('fa-linkedin-square') || childElement.classList.contains('fa-linkedin')) { return 'LinkedIn'; } else if (childElement.classList.contains('fa-youtube')) { return 'YouTube'; } else if (childElement.classList.contains('fa-spotify')) { return 'Spotify'; } else if (childElement.classList.contains('fa-envelope')) { return 'Mail'; } else if (childElement.classList.contains('fa-instagram')) { return 'Instagram'; } } return ''; } // Function to check if a Ceros iframe or script exists function isCerosPresent() { const iframes = document.querySelectorAll('iframe'); for (const iframe of iframes) { if (iframe.src.startsWith('https://view.ceros.com')) { return true; } } const scripts = document.querySelectorAll('script'); for (const script of scripts) { if (script.src === 'https://view.ceros.com/scroll-proxy.min.js') { return true; } } return false; } // Only execute the event listener if a Ceros iframe or script is detected document.addEventListener("DOMContentLoaded", (event) => { if (isCerosPresent()) { window.addEventListener('message', function(event) { if (event.origin !== 'https://view.ceros.com') return; try { var clickData = JSON.parse(event.data); } catch (error) { console.error("Error parsing message data:", error); return; } if (clickData.event === 'ceros-embedded-viewport:global-function') { const functionCall = clickData.globalFunctions[0]; if (functionCall && functionCall.args && functionCall.args.length > 1) { const eventDetails = functionCall.args[1].detail; // Determine event name for EDDL (you can customize this logic) if (eventDetails.eventType === "component-click") { sendEDDLEvent('CerosClick', eventDetails); //console.log("Data Layer: ", JSON.stringify(window.appEventData, null, 2)); } else if (eventDetails.eventType === "experience-open") { sendEDDLEvent('CerosExperienceOpened', eventDetails); //console.log("Data Layer: ", JSON.stringify(window.appEventData, null, 2)); } else if (eventDetails.eventType === "link-click") { sendEDDLEvent('CerosLinkClick', eventDetails); //console.log("Data Layer: ", JSON.stringify(window.appEventData, null, 2)); } else if (eventDetails.eventType === "form-submit") { sendEDDLEvent('CerosFormSubmit', eventDetails); //console.log("Data Layer: ", JSON.stringify(window.appEventData, null, 2)); } } } }); } }); </script> <!--endnoindex--> </body> </html>