<!DOCTYPE html>
<html lang="en">
    <head>
        <!--====== All Meta Tags ======-->
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!--====== Title ======-->
        <title>微车官网 - 北京步鼎方舟科技有限公司</title>
        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <!--====== Bootstrap ======-->
        <link rel="stylesheet" href="?index.php/static/static/static/css/bootstrap.min.css">
        <!--====== Fontawesome ======-->
        <link rel="stylesheet" href="?index.php/static/static/static/css/fontawesome.all.min.css">
        <!--====== Slick Slider ======-->
        <link rel="stylesheet" href="?index.php/static/static/static/css/slick.css">
        <!--====== Nice Select  ======-->
        <link rel="stylesheet" href="?index.php/static/static/static/css/nice-select.css">
        <!--====== Animate css  ======-->
        <link rel="stylesheet" href="?index.php/static/static/static/css/animate.css">
        <!--====== Default css  ======-->
        <link rel="stylesheet" href="?index.php/static/static/static/css/default.css">
        <!--====== Main css ======-->
        <link rel="stylesheet" href="?index.php/static/static/static/css/style.css?v=1">
        <!--====== Responsive css ======-->
        <link rel="stylesheet" href="?index.php/static/static/static/css/responsive.css">
    </head>
    <body data-spy="scroll" data-target=".main-menu" data-offset="0">
        <!--====== Start Preloader ======-->
        <div class="preloader">
            <div class="lds-ellipsis">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <p style="position:absolute;z-index: 999;right: 100px;color: #ffffff; padding-top: 30px;font-size: 24px;font-weight: bold;">北京步鼎方舟科技有限公司</p>
        <!--====== End Preloader ======-->
        <!--====== Start Hero section ======-->
        <section class="bg_cover" id="home">
          <img src="https://img.iwave.net.cn/qm/a534d1ae12acf478bedc4c25f521888c.jpeg" alt="" srcset="">
        </section>
        <!--====== End Hero section ======-->
        <!--====== About area start ======-->
        <!-- <section class="about-area-v1 pt-120 pb-40" id="about">
            <div class="container">
                <div class="row align-items-xl-center">
                    <div class="col-lg-6">
                        <div class="about-img mb-80 wow fadeInLeft"><img src="?index.php/static/static/css/static/picture/about-us.jpg" alt=""></div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-content-box mb-80">
                            <div class="section-title mb-25 wow fadeInUp">
                                <span class="span">care features</span>
                                <h2>We Are A Professional Creative Agency</h2>
                            </div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis at est id leo luctus gravida a in ipsum. Vivamus vel molestie nisi. Aliquam maximus maximus velit, id scelerisque urna elem</p>
                            <ul class="about-list-item">
                                <li class="list-item d-flex wow fadeInUp">
                                    <div class="check-box"><i class="fa fa-check"></i></div>
                                    <div class="list-content">
                                        <h5>Ligula molestie </h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                                    </div>
                                </li>
                                <li class="list-item d-flex wow fadeInUp">
                                    <div class="check-box"><i class="fa fa-check"></i></div>
                                    <div class="list-content">
                                        <h5>Magna vivamus  </h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!--====== About area end ======-->
        <!--====== Get details area start ======-->
        <!-- <div class="cta-area">
            <div class="container">
                <div class="row no-gutters">
                    <div class="col-lg-6 col-md-12 item-bg-one">
                        <div class="cta-item item-one d-flex align-items-center">
                            <div class="info">
                                <h3>Digital marketing made easy</h3>
                            </div>
                            <div class="button">
                                <a href="#" class="main-btn">Get A Quote</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 item-bg-two">
                        <div class="cta-item item-two d-flex align-items-center">
                            <div class="info">
                                <span>Stop wasting time</span>
                                <h3>Need Some Help?</h3>
                            </div>
                            <div class="button">
                                <a href="#" class="main-btn">Get A Quote</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!--====== Get details area start ======-->
        <!--====== Services area start ======-->
        <section class="service-area service-area-v1 pb-30" id="service" style="padding-top: 30px;">
            <div style="max-width: 1200px;margin: auto;">
                <!-- <div class="row">
                    <div class="col-md-12">
                        <div class="section-title mb-70 text-center wow fadeInUp">
                            <span class="span">what we do</span>
                            <h2>We are optimists who love <br> to work together.</h2>
                        </div>
                    </div>
                </div> -->
                <div class="row" style="align-items: center;justify-content: space-between;">
                    <div class="col-xl-5 col-lg-6 col-md-6">
                        <div class="single-service-item mb-30 wow fadeInUp">
                            <div class="icon"><img src="https://img.iwave.net.cn/qm/c8ac2cc171d7fb5c806392e31bea3322.png" alt="service-icon"></div>
                            <div class="service-text">
                                <h5>违章查询</h5>
                                <p>主动提醒、免费查询</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6 col-md-6">
                        <div class="single-service-item mb-30 wow fadeInUp">
                            <div class="icon"><img src="https://img.iwave.net.cn/qm/e456dd5760ced04f16c1a81ea94f2967.png" alt="service-icon"></div>
                            <div class="service-text">
                                <h5>违章代缴</h5>
                                <p>手机在线操作、方便省心</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6 col-md-6">
                        <div class="single-service-item mb-30 wow fadeInUp">
                            <div class="icon"><img src="https://img.iwave.net.cn/qm/2490d75074f807e13139a7721e733767.png" alt="service-icon"></div>
                            <div class="service-text">
                                <h5>汽车资讯</h5>
                                <p>海量汽车资讯、专业用车知识</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6 col-md-6">
                        <div class="single-service-item mb-30 wow fadeInUp">
                            <div class="icon"><img src="https://img.iwave.net.cn/qm/08db13d6e17f6b29a1a1e08b557c3402.png" alt="service-icon"></div>
                            <div class="service-text">
                                <h5>一站式车主平台</h5>
                                <p>新车二手车、摇号、限行提醒</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== Services area end ======-->
        <!--====== Out team members area start ======-->
        <!-- <section class="team-members pt-110 pb-80 bg_cover" id="team" style="background-image: url(?index.php/static/static/css/static/image/team-bg.jpg);">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section-title section-title-white text-center mb-70">
                            <span class="span">Meet Our Team</span>
                            <h2>Our Creative Team</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="single-team-member mb-40 wow fadeInUp">
                            <div class="team-img">
                                <img src="?index.php/static/static/css/static/picture/team-1.jpg" alt="">
                            </div>
                            <div class="member-info">
                                <h5>Carmen Alvarado</h5>
                                <p>Eros vestibulum </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-team-member mb-40 wow fadeInUp">
                            <div class="team-img">
                                <img src="?index.php/static/static/css/static/picture/team-2.jpg" alt="">
                            </div>
                            <div class="member-info">
                                <h5>Carmen Alvarado</h5>
                                <p>Eros vestibulum </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-team-member mb-40 wow fadeInUp">
                            <div class="team-img">
                                <img src="?index.php/static/static/css/static/picture/team-3.jpg" alt="">
                            </div>
                            <div class="member-info">
                                <h5>Carmen Alvarado</h5>
                                <p>Eros vestibulum </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-team-member mb-40 wow fadeInUp">
                            <div class="team-img">
                                <img src="?index.php/static/static/css/static/picture/team-4.jpg" alt="">
                            </div>
                            <div class="member-info">
                                <h5>Carmen Alvarado</h5>
                                <p>Eros vestibulum </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        -->
        <!--====== Out team members area end ====== -->
        <!--====== Case study area start ======-->
        <!-- <section class="case-study case-masonry-grid pt-110 pb-120" id="case_area">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section-title text-center mb-70 wow fadeInUp">
                            <span class="span">Portfolio</span>
                            <h2>Case Study</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">                    
                    <div class="col-md-12">
                        <ul class="portfolios-list text-center wow fadeInUp">
                           <li data-filter='*' class="active">All Projects</li> 
                           <li data-filter=".ui-ux">UI/UX</li> 
                           <li data-filter=".branding">Branding</li> 
                           <li data-filter=".web-design">Web Design</li> 
                           <li data-filter=".printing">Printing</li> 
                        </ul>
                    </div>
                </div>
                <div class="masonry-row row">
                    <div class="col-lg-4 col-md-6 col-sm-12 ui-ux case-column">
                        <div class="single-case-study wow fadeInUp">
                            <div class="case-img">
                                <img src="?index.php/static/static/css/static/picture/case-1.jpg" alt="">
                                <div class="case-overlay">
                                    <div class="case-study-info">
                                        <a href="#" class="icon"><i class="fal fa-plus"></i></a>
                                        <span class="tag"><a href="#">Nec vehicula</a></span>
                                        <h5>Maximus libero ornare </h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 branding case-column">
                        <div class="single-case-study wow fadeInUp">
                            <div class="case-img">
                                <img src="?index.php/static/static/css/static/picture/case-3.jpg" alt="">
                                <div class="case-overlay">
                                    <div class="case-study-info">
                                        <a href="#" class="icon"><i class="fal fa-plus"></i></a>
                                        <span class="tag"><a href="#">Nec vehicula</a></span>
                                        <h5>Maximus libero ornare </h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 web-design case-column">
                        <div class="single-case-study wow fadeInUp">
                            <div class="case-img">
                                <img src="?index.php/static/static/css/static/picture/case-2.jpg" alt="">
                                <div class="case-overlay">
                                    <div class="case-study-info">
                                        <a href="#" class="icon"><i class="fal fa-plus"></i></a>
                                        <span class="tag"><a href="#">Nec vehicula</a></span>
                                        <h5>Maximus libero ornare </h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 printing case-column">
                        <div class="single-case-study wow fadeInUp">
                            <div class="case-img">
                                <img src="?index.php/static/static/css/static/picture/case-4.jpg" alt="">
                                <div class="case-overlay">
                                    <div class="case-study-info">
                                        <a href="#" class="icon"><i class="fal fa-plus"></i></a>
                                        <span class="tag"><a href="#">Nec vehicula</a></span>
                                        <h5>Maximus libero ornare </h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 ui-ux case-column">
                        <div class="single-case-study wow fadeInUp">
                            <div class="case-img">
                                <img src="?index.php/static/static/css/static/picture/case-5.jpg" alt="">
                                <div class="case-overlay">
                                    <div class="case-study-info">
                                        <a href="#" class="icon"><i class="fal fa-plus"></i></a>
                                        <span class="tag"><a href="#">Nec vehicula</a></span>
                                        <h5>Maximus libero ornare </h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">                    
                    <div class="col-md-12 text-center wow fadeInUp">
                        <a href="#" class="main-btn">View All</a>
                    </div>
                </div>
            </div>
        </section> -->
        <!--====== Case study area end ======-->
        <!--====== Footer area start ======-->
        <footer class="footer-area-v1">
            <div class="footer-widget-area">
                <div class="container">
                  <div class="footer-widget pt-85 mb-60">
                      <div class="row">
                          <div class="col-lg-3 col-md-6 col-sm-12">
                              <div class="widget about-widget mb-45 wow fadeInUp">
                                  <h4 class="widget-title">About Us</h4>
                                  <p>北京步鼎方舟科技有限公司</p>
                              </div>
                          </div>
                          <div class="col-lg-3 col-md-6 col-sm-12">
                              <div class="widget contact-widget mb-45 wow fadeInUp">
                                  <h4 class="widget-title">Contuct Us</h4>
                                  <div class="contact-info">
                                      <p><i class="fa fa-map-marker-alt"></i>北京市东郎电影创意产业园区</p>
                                      <!-- <p><i class="fa fa-envelope"></i><a href="mailto:yourmail.@gmail.com">yourmail.@gmail.com</a></p> -->
                                      <p><i class="fa fa-phone"></i><a href="tel:01082608355">01082608355</a></p>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>    
                </div>
            </div>
            <div class="copyright-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                          <div class="copyright-text text-center" style="display: flex; align-items: center; justify-content: center;">
                                <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" style="color: #939393 !important;">
                                    京ICP备11002071号-7
                                </a>
                                <div style="padding:20px 0; margin-left: 20px; display: flex; align-items: center;">
                                  <img src="https://img.iwave.net.cn/qm/d0289dc0a46fc5b15b3363ffa78cf6c7.png" alt="" srcset="">
                                  <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502050845" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010502050845号</p></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer><!--====== Footer area end ======-->
        <!--====== back-to-top ======-->
        <a href="#" class="back-to-top"><i class="far fa-angle-up"></i></a>
        <!--====== jQuery ======-->
        <script src="?index.php/static/static/static/js/jquery-3.6.0.min.js"></script>
        <!--====== Popper ======-->
        <script src="?index.php/static/static/static/js/popper.min.js"></script>
        <!--====== Bootstrap ======-->
        <script src="?index.php/static/static/static/js/bootstrap.min.js"></script>
        <!--====== Slider ======-->
        <script src="?index.php/static/static/static/js/slick.min.js"></script>
        <!--====== Isotop js ======-->
        <script src="?index.php/static/static/static/js/isotope.pkgd.min.js"></script>
        <!--====== Imagesloaded js ======-->
        <script src="?index.php/static/static/static/js/imagesloaded.pkgd.min.js"></script>
        <!--====== Nice Select ======-->
        <script src="?index.php/static/static/static/js/jquery.nice-select.min.js"></script>
        <!--====== counterup js ======-->
        <script src="?index.php/static/static/static/js/jquery.counterup.min.js"></script>
        <!--====== waypoints js ======-->
        <script src="?index.php/static/static/static/js/jquery.waypoints.js"></script>
        <!--====== Wow js ======-->
        <script src="?index.php/static/static/static/js/wow.min.js"></script>
        <!--====== Main Script ======-->
        <script src="?index.php/static/static/static/js/custom.js"></script>
    </body>
</html>
