<div class="pc-des-bigbox"><!--7-->
<div class="container-fluid seven-banner-box">
<div class="row">
<div class="col-md-12">
<div class="container seven-txbox">
<div class="row">
<div class="col-md-12 seven-tx-div01 text-right" data-scroll-reveal="enter bottom over 1s and move 300px after 0s"><img alt="" src="/uploads/products/s8/description/seven-tx01.png" /></div>

<div class="col-md-12 seven-tx-div02 text-right" data-scroll-reveal="enter bottom over 1s and move 300px after 0.3s"><img alt="" src="/uploads/products/s8/description/seven-tx02.png" /></div>

<div class="col-md-12 seven-tx-div03 text-right" data-scroll-reveal="enter bottom over 1s and move 300px after 0.5s"><img alt="" src="/uploads/products/s8/description/seven-tx03.png" /></div>
</div>
</div>
</div>
</div>
</div>
<!--2-->

<div class="container-fluid two-banner-box">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 two-banner-bg" data-scroll-reveal="enter left over 1s and move 300px after 0.4s" id="two-banner-bg">
<div class="row">
<div class="container two-banner-cn-box">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="row" data-scroll-reveal="enter bottom over 1s and move 300px after 0.5s">
<div class="col-xs-12 col-md-4 two-tx-s8"><img alt="" src="/uploads/products/s8/description/two-banner-tx-s8.png" /></div>

<div class="col-xs-12 col-md-8 two-tx-h2">
<h2><span>S</span>afe</h2>
</div>

<div class="col-sm-12 col-md-12 two-tx-p" data-scroll-reveal="enter bottom over 1s and move 300px after 0.4s">
<h2>Double braking systems, much safer</h2>

<p>EBS micro-electronic braking system &amp; mechanical auxiliary braking system protect your safety through the journey.</p>

<h2 class="two-tx-h2two">Super bright front LED light for night escort</h2>

<p>A 3W high brightness and irradiation distance up to 5 meters LED light makes you feel safer when riding on a poor light road.</p>
</div>
</div>
</div>

<div class="col-xs-12 col-sm-6 col-md-6 two-key-imgbox">
<div><!--<img id="two-key-imgmv01" class="two-key-imgmv" src="/uploads/products/s8/description/two-banner-img01.png" alt=""/>--><img alt="" class="two-key-imgmv" id="two-key-imgmv02" src="/uploads/products/s8/description/two-banner-img01.png" /> <img alt="" class="two-key-imgmv" id="two-key-imgmv03" src="/uploads/products/s8/description/two-banner-img01.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--3-->

<div class="container-fluid three-banner-box" id="three-banner-bg">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12  three-cnfdbox">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-7 col-md-7 three-green-mvbox text-right" data-scroll-reveal="enter right over 1s and move 300px after 0s"><img alt="" class="three-key-imgmv" id="three-key-imgmv01" src="/uploads/products/s8/description/three-banner-img01.png" /></div>

<div class="col-xs-12 col-sm-5 col-md-5 three-txbox">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 three-txbox-h2" data-scroll-reveal="enter top over 1s and move 300px after 0s">
<h2><span>Tail light </span><span> &amp;</span> wear-resistant tires</h2>
</div>

<div class="col-sm-12 col-md-12 three-txbox-p" data-scroll-reveal="enter bottom over 1s and move 300px after 0s">
<p>The electric scooter with 5-inch wear-resistant inflatable tires can easily pass through flat dirt road, grassplot and deceleration belt.</p>
</div>
</div>
</div>
</div>
</div>

<div class="three-banner-bg" data-scroll-reveal="enter left over 1s and move 300px after 0.4s">&nbsp;</div>
</div>
</div>
</div>
<!--4-->

<div class="container-fluid four-banner-box">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 four-cnfdbox " id="four-cnfdbox">
<div class="container">
<div class="row four-tx-box" data-scroll-reveal="enter bottom over 1s and move 300px after 0.4s"><!--<div class="col-xs-12 col-sm-12 col-md-12 four-tximg">--><!--<img src="/uploads/products/s8/description/four-tx01.png" alt=""/>--><!--</div>-->
<div class="col-xs-12 col-sm-12 col-md-12 four-txh2">
<h2><!--Sh<span>o</span><span>c</span>k-absorbing <span>&</span> Comfortable--><span>Com</span><span>f</span>ortable &amp; Convenient</h2>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 four-txp">
<h3>Shock-absorbing</h3>

<p>Packing drive wheel suspension shock absorber system, the S8 can bring you a comfortable ride.</p>

<h3>One Second Folding</h3>

<p>Fold and go, a vehicle that you can take effortless.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--5-->

<div class="container-fluid five-banner-box">
<div class="row">
<div class="col-md-12 five-cnfdbox">
<div class="container">
<div class="row five-tx-box"><i class="col-md-1"></i>

<div class="col-xs-12 col-xs-12 col-sm-12 col-md-6 five-img" id="five-img02">&nbsp;</div>

<div class="col-xs-12 col-sm-12 col-md-4 five-tx text-right" data-scroll-reveal="enter bottom over 1s and move 400px after 0.4s">
<h2><span>Foldable</span><br />
<span>P</span>ress and fold,</h2>

<p>can be dragged after folding, quick and convenient.</p>
</div>
<i class="col-md-2"></i></div>
</div>
</div>
</div>
</div>
<!--8-->

<div class="container-fluid eight-banner-box">
<div class="row" data-scroll-reveal="enter top over 1s and move 300px after 0.4s">
<div class="col-md-12 eight-txbox text-center" data-scroll-reveal="enter bottom over 1s and move 300px after 0.4s">
<h2>Anti-Skid <span>Ped</span>al</h2>

<p>Friction-resistant particles composed of non-slip pedal, wear-resisting, endothermic, non-slip, do not worry about the foot slippery and fall.</p>
</div>
</div>
</div>
<!--9-->

<div class="container-fluid nine-banner-box">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 nine-bannerbgbox">
<div class="container nine-txbox">
<div class="row nine-tx text-center">
<div class="col-xs-12 col-sm-12 col-md-12 nine-tx-h2box" data-scroll-reveal="enter top over 1s and move 300px after 0.4s">
<h2><span>Rechargeable</span> Battery</h2>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 nine-tx-pbox" data-scroll-reveal="enter top over 1s and move 300px after 0.6s">
<p>The S8 carries high safety 4.4Ah rechargeable battery with 18650 power lithium core. High-rate &amp; high-power power supply, safety and durability performance, intelligent battery management system, providing a 6 smart protections.</p>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 nine-banner-bg text-center" data-scroll-reveal="enter bottom over 1s and move 300px after 0.4s"><img alt="" src="/uploads/products/s8/description/nine-bg.png" /></div>
</div>
</div>
</div>
</div>
</div>
<!--6-->

<div class="container six-banner-box">
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4 text-center six-smbox" data-scroll-reveal="enter top over 1s and move 200px after 0.3s">
<div class="row">
<div class="col-md-12 "><img alt="" src="/uploads/products/s8/description/six-img01.png" /></div>

<div class="col-md-12">
<p>Over Charging Protection</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-4 col-md-4 text-center six-smbox" data-scroll-reveal="enter top over 1s and move 200px after 0.5s">
<div class="row">
<div class="col-md-12"><img alt="" src="/uploads/products/s8/description/six-img02.png" /></div>

<div class="col-md-12">
<p>Over Discharge Protection</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-4 col-md-4 text-center six-smbox" data-scroll-reveal="enter top over 1s and move 200px after 0.7s">
<div class="row">
<div class="col-md-12"><img alt="" src="/uploads/products/s8/description/six-img03.png" /></div>

<div class="col-md-12">
<p>Short-circuit Protection</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-4 col-md-4 text-center six-smbox" data-scroll-reveal="enter bottom over 1s and move 200px after 0.3s">
<div class="row">
<div class="col-md-12 "><img alt="" src="/uploads/products/s8/description/six-img04.png" /></div>

<div class="col-md-12">
<p>Over Current Protection</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-4 col-md-4 text-center six-smbox" data-scroll-reveal="enter bottom over 1s and move 200px after 0.5s">
<div class="row">
<div class="col-md-12"><img alt="" src="/uploads/products/s8/description/six-img05.png" /></div>

<div class="col-md-12">
<p>Abnormal Temperature Protection</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-4 col-md-4 text-center six-smbox" data-scroll-reveal="enter bottom over 1s and move 200px after 0.7s">
<div class="row">
<div class="col-md-12"><img alt="" src="/uploads/products/s8/description/six-img06.png" /></div>

<div class="col-md-12">
<p>Battery Equilibrium Protection</p>
</div>
</div>
</div>
</div>
</div>
<!--1-->

<div class="container-fluid ">
<div class="row ">
<div class="col-xs-12 col-sm-12 col-md-12 one-banner-bg" id="one-banner-bg">
<div class="row">
<div class="container"><i class="col-sm-5 col-md-5 hidden-xs"></i>

<div class="col-xs-12 col-sm-7 col-md-7" data-scroll-reveal="enter bottom over 1s and move 400px after 0.3s"><img alt="" class="one-tx-img one-tximg01" src="/uploads/products/s8/description/one-banner-tx01.png" /> <img alt="" class="one-tx-img one-tximg02" src="/uploads/products/s8/description/one-banner-tx02.png" /> <img alt="" class="one-tx-img one-tximg03" src="/uploads/products/s8/description/one-banner-tx03.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
//        插件里的滚动动画
        (function(){
            window.scrollReveal = new scrollReveal({ reset: true, move: '50px'});
        })();
//        判断屏幕大小改变背景图的路径
        if ((window.screen.width <415)){
//           document.getElementById("one-banner-bg").classList.remove("one-banner-bg");
//           document.getElementById("one-banner-bg").classList.add("one-banner-bg02");

           document.getElementById("two-banner-bg").classList.remove("two-banner-bg");
           document.getElementById("two-banner-bg").classList.add("two-banner-bg02");

           document.getElementById("three-banner-bg").classList.remove("three-banner-bg");
           document.getElementById("three-banner-bg").classList.add("three-banner-bg02");

           document.getElementById("four-cnfdbox").classList.remove("four-cnfdbox");
           document.getElementById("four-cnfdbox").classList.add("four-cnfdbox02");

 

        }


        //呼吸绿圆的动画
        function gdjz(div,cssname,offset){
            var a,b,c,d;
            d=$(div).offset().top;
            a=eval(d + offset);
            b=$(window).scrollTop();
            c=$(window).height();
            if(b+c>a){
                $((div)).addClass((cssname));
            }
        }

        $(document).ready(function(e) {
            $(window).scroll(function(){
                        gdjz("#five-img02",'five-img',0);
                        gdjz("#five-img02",'five-img02',100);
                    }
            );
        });

    </script>