<div class="seasonal-promotion-kv"> <div class="promotion-banner"> <div class="pc_screen"> <img src="https://segway.imgix.net/wysiwyg/ride_better_pc.png" class="large-screen" /> </div> <div class="mobile_screent"> <img src="https://segway.imgix.net/wysiwyg/ride_better_mobile.png" class="small-screen" /> </div> </div> </div> <style> body .page-wrapper{ margin-top: 144px !important; } .grid .product-image-container { padding-top: 0px !important; padding-bottom: 0px !important; } .seasonal-promotion-kv .promotion-banner img { width:100%; } .seasonal-promotion-kv .promotion-banner .container { position: absolute; width: 100%; top: 25%; text-align: center; } .seasonal-promotion-kv .promotion-banner .container span { font-size: 24px; } .seasonal-promotion-kv .promotion-banner .container_button { position: absolute; width: 100%; bottom: 3%; text-align: center; } .seasonal-promotion-kv .promotion-banner .container_button .button { background-color: black; padding: 10px 30px; font-size: 16px; border: none; border-radius: 30px; cursor: pointer; display: inline-block; text-align: center; color: #FFFFFF; } .seasonal-promotion-kv .promotion-banner .pc-screen{ display: block; } .seasonal-promotion-kv .promotion-banner .mobile_screent { display: none; } @media only screen and (max-width:850px) { .seasonal-promotion-kv .promotion-banner .pc_screen{ display: none; } .seasonal-promotion-kv .promotion-banner .mobile_screent{ display: block; } body .page-wrapper{ margin-top: 85px !important; } .seasonal-promotion-kv .promotion-banner .container { top: 35%; text-align: center; display: flex; justify-content: center; } .seasonal-promotion-kv .promotion-banner .container .box{ width: 70%; } .seasonal-promotion-kv .promotion-banner .container_button .button { font-size: 12px; } } @media only screen and (max-width:640px) { .seasonal-promotion-kv .promotion-banner .pc_screen{ display: none; } .seasonal-promotion-kv .promotion-banner .mobile_screent{ display: block; } .seasonal-promotion-kv .promotion-banner .container span{ font-size: 14px; } } </style>

<div class="ces_title2"> <h2 style="font-size: 32px;font-weight: 700; color:#000;">SIMPLY MOVING</h2> <p style="font-size: 16px;">With prompt, reliable service, our mission is to make every step count and use cutting-edge technologies to simplify and enhance the journey beyond limitations. We deliver exceptional performance and build premium quality into every detail of our industry-leading product design to ensure that even when the destination changes, you are SIMPLY MOVING FORWARD.</p> </div> <style> .ces_title2 { font-size: 16px; max-width: 100%; width: 100%; margin-top: 55px; } </style>

<video controls class="home_video" id="myVideo" > <source src="https://segway.imgix.net/media/wysiwyg/Segway_CES25InsiderVideo.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <style> .home_video { max-width: 70%; } @media only screen and (max-width:810px) { .home_video { max-width: 100%; } } </style>

<div class="features-home" style=""> <div class="features-carousel"> <ol class="s3-carousel product-items owl-carousel"> <li class="product-item"> <div class="media"> <img src="https://segway.imgix.net/media/ces/1.png" alt=""> </div> <h3>More Miles, Extend Your Reach</h3> <p>SegRange increases your mileage by 20% compared to competitors with the same size battery, so you can adventure longer and explore farther.</p> </li> <li class="product-item"> <div class="media"> <img src="https://segway.imgix.net/media/ces/2.png" alt=""> </div> <h3>Experience Unmatched Stability on Every Ride</h3> <p>SegRide improves control in difficult riding situations, especially at high speeds, aggressive turns, and on slick roads.</p> <ul> <li>Disturbance Resistance</li> <li>Handling</li> <li>Skid Resistance</li> </ul> </li> <li class="product-item"> <div class="media"> <img src="https://segway.imgix.net/media/ces/3.png" alt=""> </div> <h3>Bluetooth Unlocking Technology</h3> <p>Automatically unlock your scooter as you approach using Segway's AirLock technology through the Segway Mobility App.</p> </li> <li class="product-item"> <div class="media"> <img src="https://segway.imgix.net/media/ces/4.png" alt=""> </div> <h3>Stay Connected, Stay Controlled</h3> <ul> <li><b>Real-Time Ride Data: </b>Easily access current speeds, battery levels, trip distance, and more in one place.</li> <li><b>Map Navigation: </b>View real-time updates and seamlessly navigate through city streets with turn-by-turn notifications from our trusted map suppliers.</li> <li><b>Incoming Call Notification: </b>The display alerts you to incoming calls, keeping you informed at all times, even as you ride.</li> </ul> </li> </ol> </div> <div class="segway_technology"><span style="color: #000; font-size: 21px;font-weight: bold;">Segway Self-Developed Technology</span></div> </div> <style> .features-home { margin-top: 150px; margin-bottom: 50px; position: relative; } .features-carousel h3 { font-weight: 800; } .segway_technology { position: absolute; top: -100px; width: 100%; text-align: center; } body.catalog-product-view .features-carousel .owl-nav { position: absolute; top: -62px; width: 100%; text-align: center; } @media only screen and (max-width:810px) { .segway_technology { display: none; } body.catalog-product-view .features-carousel .owl-nav { display: none; } .features-home { margin-top: 0; margin-bottom: 0; } .owl-carousel .owl-item img { max-width: 90vh;; } } </style> <script type="text/javascript"> require(['jquery'], function($) { $(document).ready(function() { $('body').addClass('catalog-product-view'); }); $(window).on('resize', function() { $('.owl-carousel').owlCarousel('destroy').removeClass('owl-loaded'); $('.owl-carousel').owlCarousel({ loop: true, margin: 10, nav: true, items: 4, // 自定义配置 }); $('.owl-carousel').trigger('refresh.owl.carousel'); }); }); </script>

<div> <h2 style="font-size: 32px;font-weight: 700;">GO FURTHER ON SEGWAY</h2> </div>

<video autoplay loop muted playsinline> <source src="https://segway.imgix.net/media/ces/ces_gt3_left_new.mp4" type="video/mp4"> Your browser does not support the video tag. </video>

<video autoplay loop muted playsinline> <source src="https://segway.imgix.net/media/ces/ces_gt3_right_new.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <script type="text/javascript"> var video = document.querySelector('video'); video.play().catch(function(error) { video.addEventListener('click', function() { video.play(); }); }); </script>

<div style="background-color: #EFEFEF;"> <video autoplay loop muted playsinline class="home_video_back_v2" > <source src="https://segway.imgix.net/media/ces/segway_ces_video_3.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> <style> .home_video_back_v2{ max-width: 42%; } @media only screen and (max-width:810px) { .home_video_back_v2{ max-width: 100%; } } </style>

<div style="background-color: #EFEFEF;"> <video autoplay loop muted playsinline class="home_video_back_v2" > <source src="https://segway.imgix.net/media/ces/segway_ces_video_3.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <div> <style> .home_video_back_v2{ max-width: 50%; } @media only screen and (max-width:810px) { .home_video_back_v2{ max-width: 100%; } } </style>

<div> <h2 style="font-size: 32px;font-weight: 700;" id="new-launch">NEW LAUNCH</h2> </div>

<div class="seasonal-promotion-comming"> <div class="promotion-banner"> <div class="pc_screen"> <img src="https://segway.imgix.net/media/ces/ces_comming_soon_pc_v2.png" class="large-screen" /> </div> <div class="mobile_screent"> <img src="https://segway.imgix.net/media/ces/ces_comming_soon_mobile_v2.png" class="small-screen" /> </div> <div class="container"> <div class="box"> <h2>COMING SOON</h2> <p>GT3, MAX G3, F3, E3 SERIES</p> </div> </div> <div class="container_video"> <video autoplay loop muted playsinline> <source src="https://segway.imgix.net/media/wysiwyg/Ninebot_ID_Video.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> <div class="new_button"> <a href="https://www.segway.com/segway-super-scooter-gt3-pro/" target="_blank"><span class="more_button">Learn More About GT3 Pro</span></a> <a href="https://www.segway.com/e3-pro/" target="_blank"><span class="more_button" style="margin-top: 20px;">Learn More About E3 Pro</span></a> </div> </div> </div> <style> .cms-page-view .main a:hover { margin: 0 !important; } .seasonal-promotion-comming .promotion-banner { position: relative; } .seasonal-promotion-comming .promotion-banner img { width:100%;} .seasonal-promotion-comming .promotion-banner .pc-screen{ display: block; } .seasonal-promotion-comming .promotion-banner .mobile_screent { display: none; } .seasonal-promotion-comming .promotion-banner .container { position: absolute; top: 10%; left: 55%; text-align: left; } .seasonal-promotion-comming .promotion-banner .container_video { position: absolute; top: 15%; left: 2%; max-width: 45%; } .seasonal-promotion-comming .promotion-banner .container h2{ font-size: 52px; color: #FFFFFF !important; } .seasonal-promotion-comming .promotion-banner .container p { font-size: 32px; color: #FFFFFF !important; font-weight: 100; } .seasonal-promotion-comming .promotion-banner .new_button { position: absolute; top: 42%; left: 55%; text-align: left; display: grid; } .seasonal-promotion-comming .promotion-banner .new_button .more_button { display: inline-block; padding: 10px 20px; border-radius: 20px; background-color: #fff; color: #000; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; transition: background-color 0.3s, color 0.3s; min-width: 260px; } @media only screen and (max-width:850px) { .seasonal-promotion-comming .promotion-banner .pc_screen{ display: none; } .seasonal-promotion-comming .promotion-banner .mobile_screent{ display: none; } .seasonal-promotion-comming .promotion-banner .container { position: static; top: 10%; left: 0; width: 100%; text-align: center; } .seasonal-promotion-comming .promotion-banner .container_video { position: static; width: 100%; max-width: 100%; } .seasonal-promotion-comming .promotion-banner .container h2 { font-size: 24px; color: #000 !important; margin-bottom: 0px !important; } .seasonal-promotion-comming .promotion-banner .container p { font-size: 14px; color: #000 !important; font-weight: 600; } .seasonal-promotion-comming .promotion-banner .new_button { position: static; top: 0%; left: 0%; text-align: center; display: grid; } .seasonal-promotion-comming .promotion-banner .new_button .more_button { display: inline-block; padding: 10px 20px; border-radius: 20px; background-color: #000; color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; transition: background-color 0.3s, color 0.3s; } } </style>

<div class="features-title"> <span style="color: #000; font-size: 21px; font-weight: bold;" id="new-launch">Segway Self-Developed Technology</span> </div> <style> .features-title { display: none; } @media only screen and (max-width:810px) { .features-title { display: block; padding-top: 50px; } } </style>

<p class="space_character"></p> <style> .space_character { padding-bottom: 50px; } @media only screen and (max-width:810px) { .space_character { padding-bottom: 0px; } } </style>

<div class="redeem_save_more" id="sign-up-now"> <div class="klaviyo-form-TzEALv"></div> </div> <script type="text/javascript"> window._klOnsite = window._klOnsite || []; window._klOnsite.push(['openForm', 'TzEALv']); </script> <style> form.klaviyo-form div.needsclick div.needsclick:nth-child(5) button.needsclick { background: #FFFFFF !important; } form[data-testid="klaviyo-form-TzEALv"] button { background: #FFFFFF !important; } form[data-testid="klaviyo-form-TzEALv"] .go300628013 { background: rgb(0, 0, 0) !important; } </style>

<div class="seasonal-promotion-ksp2"> <div class="promotion-banner"> <div class="pc_screen"> <img src="https://segway.imgix.net/media/ces/ces_ksp_2.png" class="large-screen" /> </div> <div class="mobile_screent"> <img src="https://segway.imgix.net/media/ces/ces_ksp_2_v3.png" class="small-screen" /> </div> <div class="container"> <div class="box"> <h2>Segway E-Bike <br/>Pre-Order Starts Now</h2> <p>$200 OFF<br/>For The First Lucky Few*</p> </div> </div> <div class="container_button"> <div class="box"> <a href="https://store.segway.com/segway-ebike-xafari"><span class="button">Shop Now</span></a> <p>*Exclusive $200 off Segway Xafari or Xyber ebikes for limited time.</p> </div> </div> </div> </div> <style> .seasonal-promotion-ksp2 .promotion-banner { position: relative; } .seasonal-promotion-ksp2 .promotion-banner img { width:100%; } .seasonal-promotion-ksp2 .promotion-banner .container { position: absolute; top: 5%; left: 5%; text-align: left; } .seasonal-promotion-ksp2 .promotion-banner .container h2{ font-size: 32px; color: #FFFFFF !important; font-style: normal; } .seasonal-promotion-ksp2 .promotion-banner .container p { font-size: 18px; color: #ECECEC !important; } .seasonal-promotion-ksp2 .promotion-banner .container_button { position: absolute; bottom: 5%; left: 5%; text-align: left; } .seasonal-promotion-ksp2 .promotion-banner .container_button .button { background-color: black; padding: 10px 20px; font-size: 20px; border: none; border-radius: 10px; cursor: pointer; display: inline-block; text-align: center; color: #FFFFFF; } .seasonal-promotion-ksp2 .promotion-banner .container_button p { font-size: 18px; color: #FFFFFF !important; } .seasonal-promotion-ksp2 .promotion-banner .pc-screen{ display: block; } .seasonal-promotion-ksp2 .promotion-banner .mobile_screent { display: none; } @media only screen and (max-width:850px) { .seasonal-promotion-ksp2 .promotion-banner .pc_screen{ display: none; } .seasonal-promotion-ksp2 .promotion-banner .mobile_screent{ display: block; } .seasonal-promotion-ksp2 .promotion-banner .container { text-align: left; display: flex; justify-content: left; } .seasonal-promotion-ksp2 .promotion-banner .container h2{ font-size: 22px; } .seasonal-promotion-ksp2 .promotion-banner .container p{ font-size: 16px; } .seasonal-promotion-ksp2 .promotion-banner .container_button .button { font-size: 16px; } .seasonal-promotion-ksp2 .promotion-banner .container_button p { font-size: 16px; } } @media only screen and (max-width:640px) { .seasonal-promotion-ksp2 .promotion-banner .pc_screen{ display: none; } .seasonal-promotion-ksp2 .promotion-banner .mobile_screent{ display: block; } } </style>