<!DOCTYPE html>
<html>
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>Darkripper Outdoor Equipments Co., Ltd.</title>
  <meta content="Darkripper Outdoor Equipments Co., Ltd." name="keywords">
  <meta content="Darkripper Outdoor Equipments Co., Ltd." name="description">
  <meta content="IE=9" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <link href="http://www.darkripper.com/statics/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="http://www.darkripper.com/statics/css/font-awesome.min.css" rel="stylesheet"/>
  <link href="http://www.darkripper.com/statics/css/header-v5.css" rel="stylesheet"/>
  <link href="http://www.darkripper.com/statics/css/reset.css" rel="stylesheet" type="text/css"/>
  <link href="http://www.darkripper.com/statics/css/default_gray.css" rel="stylesheet" type="text/css"/>
  <link href="http://www.darkripper.com/statics/css/font/iconfont.css" rel="stylesheet" type="text/css"/>
  <script src="http://www.darkripper.com/statics/js/jquery.min.js" type="text/javascript"></script>
  <script src="http://www.darkripper.com/statics/js/jquery.sgallery.js" type="text/javascript"></script>
  <script src="http://www.darkripper.com/statics/js/search_common.js" type="text/javascript"></script>
</head>
<body>
<!--=== Header v5 ===-->
<div class="header-v5 header-sticky">
  <!-- Navbar -->
  <div class="navbar navbar-default mega-menu" role="navigation">
    <div class="container navbar-default-box">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button">
          <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span>
          <span class="icon-bar"></span></button>
        <a class="navbar-brand" href="http://www.darkripper.com/">
          <img class="img-responsive" id="logo-header" src="http://www.darkripper.com/statics/images/logo.png"/>
        </a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-responsive-collapse">
        <ul class="nav navbar-nav float-right">
                              <li class="dropdown ">
            <a href="http://www.darkripper.com/about/" title="About Us"><span>About Us</span></a>
                                                <ul class="dropdown-menu">
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/about/FactoryTour/" title="Factory Tour">Factory Tour</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=133" title="Certifications">Certifications</a></li>
                            <!--子栏目循环结束-->
            </ul>
                                              </li>
                    <li class="dropdown ">
            <a href="http://www.darkripper.com/products/" title="Products"><span>Products</span></a>
                                                <ul class="dropdown-menu">
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/products/led_flashlights/" title="LED Flashlights">LED Flashlights</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/products/camping_lights/" title="Camping Lights">Camping Lights</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/products/bicycle_lights/" title="Bicycle Lights">Bicycle Lights</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/products/other_gears/" title="Other Gears">Other Gears</a></li>
                            <!--子栏目循环结束-->
            </ul>
                                              </li>
                    <li class="dropdown ">
            <a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=124" title="Resources"><span>Resources</span></a>
                                                <ul class="dropdown-menu">
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=125" title="Learning">Learning</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/Resources/download/" title="Download">Download</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=126" title="Video Show">Video Show</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=127" title="FAQs">FAQs</a></li>
                            <!--子栏目循环结束-->
            </ul>
                                              </li>
                    <li class="dropdown ">
            <a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=128" title="Support"><span>Support</span></a>
                                                <ul class="dropdown-menu">
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=129" title="Warranty">Warranty</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=130" title="Terms & Conditions">Terms & Conditions</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=131" title="Privacy Policy">Privacy Policy</a></li>
                            <!--子栏目循环结束-->
            </ul>
                                              </li>
                    <li class="dropdown ">
            <a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=120" title="Community"><span>Community</span></a>
                                                <ul class="dropdown-menu">
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=121" title="Blogs">Blogs</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=122" title="Press Release">Press Release</a></li>
                            <!--子栏目循环开始-->
              <li><a href="http://www.darkripper.com/index.php?m=content&c=index&a=lists&catid=123" title="Events">Events</a></li>
                            <!--子栏目循环结束-->
            </ul>
                                              </li>
                    <li class="dropdown ">
            <a href="http://www.darkripper.com/contact/" title="Contact Us"><span>Contact Us</span></a>
                                                                      </li>
                                        <li class="dropdown">
            <!--            <a class="icons_a fa fa-search" href="index.php?m=search&siteid=1" style="padding-top:36px;"-->
            <!--               target="_blank"-->
            <!--               title="search"><i class=""></i></a>-->
            <div class="header-search-box">
              <form action="http://www.darkripper.com/index.php" method="get" name="search" target="_blank">
                <input name="m" type="hidden" value="search"/>
                <input name="c" type="hidden" value="index"/>
                <input name="a" type="hidden" value="init"/>
                <input id="typeid" name="typeid" type="hidden" value="54"/>
                <input id="siteid" name="siteid" type="hidden" value="1"/>
                <div class="input-group">
                  <input class="input-text-box" id="q" name="q" placeholder="Search" type="text"/>
                  <span class="input-group-btn">
                    <button class="btn-u searchgo" type="submit">
                      <span class="fa fa-search"></span>
                    </button>
                  </span>
                </div>
              </form>
            </div>

          </li>
          <!-- End Search Block -->
          <!--
              <li class="dropdown">
                <a href="#" title="English"><span>English</span></a>
                <ul class="dropdown-menu">
                  <li><a href="http://www.darkripper.com/html/cn/" title="中文简体">中文简体</a></li>
                </ul>
              </li>
        -->
        </ul>
      </div>
    </div>
  </div>
  <!-- End Navbar -->
</div>
<!--=== End Header v5 ===-->
<script type="text/javascript" src="http://www.darkripper.com/statics/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://www.darkripper.com/statics/js/jquery.DB_tabMotionBanner.min.js"></script>
<link href="http://www.darkripper.com/statics/js/swiper/swiper-bundle.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://www.darkripper.com/statics/js/swiper/swiper-bundle.min.js"></script>
<div class="header">
  <div class="swiper homeBannerSwiper">
    <div class="swiper-wrapper">
                  <div class="swiper-slide" style="background-image: url('http://www.darkripper.com/uploadfile/2023/0621/20230621083357892.jpg');">
        <!--        <p> 123 </p>-->
      </div>
            <div class="swiper-slide" style="background-image: url('http://www.darkripper.com/uploadfile/2023/0621/20230621083237523.jpg');">
        <!--        <p> 123 </p>-->
      </div>
            <div class="swiper-slide" style="background-image: url('http://www.darkripper.com/uploadfile/2023/0621/20230621083111925.jpg');">
        <!--        <p> 123 </p>-->
      </div>
                </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-pagination"></div>
  </div>

  <!-- Initialize Swiper -->
  <script>
    var swiperBanner = new Swiper(".homeBannerSwiper", {
      slidesPerView: 1,
      spaceBetween: 30,
      loop: true,
      pagination: {
        el: ".homeBannerSwiper .swiper-pagination",
        clickable: true,
      },
      navigation: {
        nextEl: ".homeBannerSwiper .swiper-button-next",
        prevEl: ".homeBannerSwiper .swiper-button-prev",
      },
      on: {
        init: function (swiper) {
          slide = this.slides.eq(0);
          slide.addClass('ani-slide');
        },
        transitionStart: function () {
          for (i = 0; i < this.slides.length; i++) {
            slide = this.slides.eq(i);
            slide.removeClass('ani-slide');
          }
        },
        transitionEnd: function () {
          slide = this.slides.eq(this.activeIndex);
          slide.addClass('ani-slide');

        },
      }
    });

  </script>
</div>
</div>


<div class="home-hot-pro-box">
    <div class="home-hot-pro-main-box">
        <ul>
      <li class="home-hot-pro-left-box">
        <img alt="KF4" class="ob1_img_device1" src="http://www.darkripper.com/uploadfile/2023/1207/thumb_568_568_20231207042749340.jpg"/>
      </li>
      <li class="home-hot-pro-right-box">
        <h3>KF4</h3>
        <p>KF4 multi-function mini keychain LED flashlight use 1pc high performance Luminus SST-20 LED generates max 400lm output. Integrated white, purple, red and blue flood lights for various purpose use. Ultra slim design makes the light weights only 18g.

Operations
Spot light: quick double click at any mode to turn on, then single click to switch high - medium - low - eco; Flood light: quick triple click at any mode to turn on white flood light, then single click to switch white - white flashing - purple - red - red flashing - red & blue flashing. Hold the button over 1 second at any lighting mode to turn off the light, hold the button while off to turn turbo momentary on.</p>
        <div>
          <a href="http://www.darkripper.com/products/led_flashlights/368.html" class="home-hot-pro-btn">
            <div>
              Read More
              <div class="svg-box">
                <svg aria-hidden="true" width="0.75em" height="0.75em" viewBox="0 0 12 12" fill="none">
                  <path d="M2.5 6H9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                  <path d="M6 2.5L9.5 6L6 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                        stroke-linejoin="round"></path>
                </svg>
              </div>
            </div>
          </a>
        </div>
      </li>
    </ul>
      </div>
  </div>


<!--main-->
<div class="main">
<!--  <ul class="home_about_ul">-->
<!--    <li class="home_about_video">-->
<!--      <div class="swiper homeVideoSwiper">-->
<!--        <div class="swiper-wrapper">-->
<!--          -->
<!--          -->
<!--          <div class="swiper-slide" style="background-image: url('http://www.darkripper.com/uploadfile/2022/1009/20221009115311189.jpg');">-->
<!--            <a class="icon-svg-box" href="https://youtu.be/bbZ9P8d_3Pg" target="_blank">-->
<!--              <svg class="icon-svg" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">-->
<!--                <path-->
<!--                    d="M510.9 60.7c-245.6 0-446.7 199.8-446.7 446.7C64.2 753 263.9 954 510.8 954s446.6-199.7 446.6-446.6c0.1-245.6-199.6-446.7-446.5-446.7zM692 525.9l-272.1 157c-10.7 6.2-24-1.5-24-13.9V354.9c0-12.3 13.3-20 24-13.9L692 498.1c10.6 6.2 10.6 21.6 0 27.8z"-->
<!--                ></path>-->
<!--              </svg>-->
<!--            </a>-->
<!--          </div>-->
<!--          -->
<!--          -->
<!--        </div>-->
<!--        <div class="swiper-button-next"></div>-->
<!--        <div class="swiper-button-prev"></div>-->
<!--        <div class="swiper-pagination"></div>-->
<!--      </div>-->

<!--      &lt;!&ndash; Initialize Swiper &ndash;&gt;-->
<!--      <script>-->
<!--        var swiperVideo = new Swiper(".homeVideoSwiper", {-->
<!--          pagination: {-->
<!--            el: ".homeVideoSwiper .swiper-pagination",-->
<!--            clickable: true,-->
<!--          },-->
<!--          navigation: {-->
<!--            nextEl: ".homeVideoSwiper .swiper-button-next",-->
<!--            prevEl: ".homeVideoSwiper .swiper-button-prev",-->
<!--          },-->
<!--        });-->

<!--        var w = $('.home_about_video').width();-->
<!--        $('.home_about_video').attr('style', 'height:' + w * 0.5625 + 'px');-->
<!--      </script>-->
<!--    </li>-->
<!--    <li class="home_about_li">-->
<!--      <div class="home_title">Darkripper Services</div>-->
<!--      <div class="home_content">-->
<!--        -->
<!--        -->
<!--        <p>Darkripper has the in-house ability to develop a project from its initial idea, all the way to a market-ready finished product. Whether it involves 3D working, PCBA design, Darkripper can provide a turnkey solution that is on budget and on time. Make us part of your winning team.</p>
<p>Darkripper&#39;s mission is to provide top quality outdoor sport illuminations at competitive prices and the highest level of service and expertise. Contact us today and we will show you how we can turn an idea into a success story.</p>
-->
<!--        -->
<!--        -->
<!--      </div>-->
<!--    </li>-->
<!--  </ul>-->
  <div class="h_m_title">Explore Our Products</div>
  <div class="h_m_content">
    <!-- Swiper -->
    <div class="swiper homeProSwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
          <a href="http://www.darkripper.com/products/led_flashlights/">
                        <img src="http://www.darkripper.com/uploadfile/2025/0509/20250509110239437.jpg" class="ob1_img_device1" alt="LED Flashlights"/>
                        <span>LED Flashlights</span>
          </a>
        </div>
                <div class="swiper-slide">
          <a href="http://www.darkripper.com/products/camping_lights/">
                        <img src="http://www.darkripper.com/uploadfile/2025/0509/20250509113249909.jpg" class="ob1_img_device1" alt="Camping Lights"/>
                        <span>Camping Lights</span>
          </a>
        </div>
                <div class="swiper-slide">
          <a href="http://www.darkripper.com/products/bicycle_lights/">
                        <img src="http://www.darkripper.com/uploadfile/2025/0509/20250509113315864.jpg" class="ob1_img_device1" alt="Bicycle Lights"/>
                        <span>Bicycle Lights</span>
          </a>
        </div>
                <div class="swiper-slide">
          <a href="http://www.darkripper.com/products/other_gears/">
                        <img src="http://www.darkripper.com/uploadfile/2025/0509/20250509023112448.jpg" class="ob1_img_device1" alt="Other Gears"/>
                        <span>Other Gears</span>
          </a>
        </div>
              </div>
            <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-pagination"></div>
    </div>

    <script>
        const slidesNum1 = document.body.offsetWidth > 768 ? 4 : 2;
	  if(document.body.offsetWidth < 768){
	      var swiper1 = new Swiper(".homeProSwiper", {
            slidesPerView: slidesNum1,
            spaceBetween: 10,
			navigation: {
			  nextEl: ".homeProSwiper .swiper-button-next",
			  prevEl: ".homeProSwiper .swiper-button-prev",
			},
			pagination: {
			  el: ".homeProSwiper .swiper-pagination",
			  clickable: true,
			},
		  });
	  }
  
    </script>
  </div>
  <div class="h_m_title">News & Events</div>
  <div class="h_m_content">
    <!-- Swiper -->
    <div class="swiper home-pic-swiper homeNewsSwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
          <a href="http://www.darkripper.com/index.php?m=content&c=index&a=show&catid=121&id=6">
                        <img alt="radio" class="ob1_img_device1" src="http://www.darkripper.com/uploadfile/2025/0509/thumb_394_394_20250509093333439.jpg"/>
                        <p style="font-size: 16px;">radio</p>
            <p style="font-size: 14px; color: #999999">radio</p>
          </a>
        </div>
                <div class="swiper-slide">
          <a href="http://www.darkripper.com/index.php?m=content&c=index&a=show&catid=121&id=5">
                        <img alt="light" class="ob1_img_device1" src="http://www.darkripper.com/uploadfile/2025/0515/thumb_394_394_20250515030823936.jpg"/>
                        <p style="font-size: 16px;">light</p>
            <p style="font-size: 14px; color: #999999">light</p>
          </a>
        </div>
                <div class="swiper-slide">
          <a href="http://www.darkripper.com/index.php?m=content&c=index&a=show&catid=121&id=4">
                        <img alt="test" class="ob1_img_device1" src="http://www.darkripper.com/uploadfile/2025/0523/thumb_394_394_20250523124824548.jpg"/>
                        <p style="font-size: 16px;">test</p>
            <p style="font-size: 14px; color: #999999">test</p>
          </a>
        </div>
              </div>
      
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-pagination"></div>
    </div>

    <script>
        const slidesNum2 = document.body.offsetWidth > 768 ? 3 : 1;
        var swiper2 = new Swiper(".homeNewsSwiper", {
            slidesPerView: slidesNum2,
            spaceBetween: 10,
            navigation: {
                nextEl: ".homeNewsSwiper .swiper-button-next",
                prevEl: ".homeNewsSwiper .swiper-button-prev",
            },
            pagination: {
                el: ".homeNewsSwiper .swiper-pagination",
                clickable: true,
            },
        });
    </script>
  </div>

  <div class="h_m_title">Hot Selling Items</div>
  <div class="h_m_content">
    <!-- Swiper -->
    <div class="swiper home-pic-swiper homeCertificationsSwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
          <a href="http://www.darkripper.com/products/led_flashlights/366.html">
                        <img alt="EC20" class="ob1_img_device1" src="http://www.darkripper.com/uploadfile/2023/1210/thumb_568_568_20231210081355983.jpg"/>
                        <p style="font-size: 16px;">EC20</p>
          </a>
        </div>
              </div>
            <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-pagination"></div>
    </div>
    <script>
        const slidesNum3 = document.body.offsetWidth > 768 ? 4 : 2;
        var swiper3 = new Swiper(".homeCertificationsSwiper", {
            slidesPerView: slidesNum3,
            spaceBetween: 10,
            navigation: {
                nextEl: ".homeCertificationsSwiper .swiper-button-next",
                prevEl: ".homeCertificationsSwiper .swiper-button-prev",
            },
            pagination: {
                el: ".homeCertificationsSwiper .swiper-pagination",
                clickable: true,
            },
        });
    </script>
  </div>
</div>
<div class="footer">
  <div class="foot_box">
    <div class="index_menu">
      <div class="float_left">
        <a class="menu_title">SUBSCRIBE TO OUR NEWSLETTER</a>
        <script language='javascript' src='http://www.darkripper.com/index.php?m=formguide&c=index&a=show&formid=23&action=js&siteid=1'></script>
      </div>
      <div class="float_left">
        <a  href="http://www.darkripper.com/">
          <img src="http://www.darkripper.com/statics/images/logo.png" style="max-width: 100%; padding:0 36px 0 36px"/>
        </a>
      </div>

      <div class="float_left  footer_contact">
        <a class="menu_title">Darkripper Outdoor Equipments Co., Ltd.</a>
        <ul>
          <li>
            Room 401, Block A3, Yuanchuangyuan No. 6, Fuhua Rd., Fucheng St., <br/>Longhua District, Shenzhen 518110, China<br/>
            Tel: (86)133 0296 2705<br/>
            Email:  <a href="mailto:sales@darkripper.com">sales@darkripper.com</a>
          </li>
        </ul>
      </div>
      <div class="float_left footer_follow" >
        <a class="menu_title">Follow Us</a>
        <ul>
          <li>
            <a href="https://www.facebook.com/darkripperoutdoor/" target="_blank">Facebook</a><br/>
            <a href="https://www.instagram.com/powerspeed2010/" target="_blank">Instagram</a><br/>
            <a href="https://www.youtube.com/channel/UC9KSMY48hfTb6K4ouZyItjw/featured?view_as=subscriber" target="_blank">Youtube</a><br/>
            <a href="https://twitter.com/DarkRipper2018" target="_blank">Twitter</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="foot_box">
    <div class="f_b_left">
      Copyright Darkripper Outdoor Equipments Co., Ltd. All Right Reserved.
    </div>
  </div>
</div>
<script src="http://www.darkripper.com/statics/js/js/jquery.min.js"></script>
<script src="http://www.darkripper.com/statics/js/js/bootstrap.min.js"></script>

<script type="text/javascript">
    $(function () {
        $(".picbig").each(function (i) {
            var cur = $(this).find('.img-wrap').eq(0);
            var w = cur.width();
            var h = cur.height();
            $(this).find('.img-wrap img').LoadImage(true, w, h, 'http://www.darkripper.com/statics/images/msg_img/loading.gif');
        });
    })
</script>

</body>
</html>
