<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <title>北京蓝蓝设计-卓越的UI界面设计公司-交互设计-UI设计及开发</title>
  <meta name="description"
    content="北京蓝蓝设计是一家专注而卓越的UI界面设计公司,以良好的服务为众多优秀企业提供卓越的UI咨询、竞品分析、交互设计、UI界面设计、嵌入式显示屏界面设计开发、图标icon设计、大型网站设计、用户体验、开发实施....是一家从用户研究、交互设计及优化咨询、软件和网站视觉设计、界面开发实施全方位提供解决方案的创新型设计公司。" />
  <meta name="keywords" content="UI设计公司,UIUE设计,界面设计公司,软件界面设计公司,UI设计服务,ui咨询,高端网站设计公司,UI外包,郑州UI设计公司" />
  <meta name="searchtitle" content="UI设计公司,界面设计公司,软件界面设计公司,UI设计服务,ui咨询、交互设计、高端网站设计公司,UI外包，用户体验公司，数据可视化设计公司" />
  <meta name="page-topic" content="首页综合展示了北京蓝蓝设计的工作范围和相关案例，包括银行金融软件界面设计作品案例，设计每日一贴，" />
  <meta name="audience" content="IT软件公司、互联网公司、UI设计师、设计爱好者、程序工程师、市场营销部门" />
  <meta name="author" content="版权所有www.lanlanwork.com" />
  <meta name="Revisit-after" content="1 Day">
  <meta name="Robots" content="INDEX, FOLLOW">

  <!-- Bootstrap -->
  <link rel="stylesheet" href="assets/css/bootstrap/bootstrap.min.css">

  <!-- Optional theme -->
  <link rel="stylesheet" href="assets/css/bootstrap/bootstrap-theme.min.css">

  <!-- Custom css -->
  <link rel="stylesheet" href="assets/css/style.css">

  <!-- Font Awesome -->
  <link rel="stylesheet" href="assets/css/font-awesome.min.css">

  <link rel="stylesheet" href="assets/css/ionicons.min.css">

  <!-- Flexslider -->
  <link rel="stylesheet" href="assets/css/flexslider.css">

  <!-- Owl -->
  <link rel="stylesheet" href="assets/css/owl.carousel.css">

  <link rel="stylesheet" href="css/style10.css" />

  <!-- Magnific Popup -->
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <link rel="stylesheet" href="assets/css/animate.css">
  <link href='http://cdn.webfont.youziku.com/webfonts/nomal/130876/29782/5d008ffdf629d80dbcf55c9e.css' rel='stylesheet'
    type='text/css' />
  <link rel="stylesheet" type="text/css" href="./src/layout/style/layout.css">
</head>
<style>
  body {
    font-size: 14px;
  }

  #page-content #flexslider ul li .text,
  #page-content #flexslider-nav ul li .text {
    top: 30%;
  }

  #page-content #flexslider-nav ul li .text {
    padding: 0px;
    text-align: left;
    margin-left: 70px;
  }

  .slides h1 {
    color: #f15d67 !important;
    font-size: 44px;
    padding-left: 40px;
    padding-bottom: 20px;
  }

  .slides p {
    color: #333333 !important;
    font-size: 20px;
    padding-top: 40px;
    padding-left: 40px;
  }

  .big:hover {
    background: #318fbf;
  }

  h3.big.margin-bottom-small span {
    float: right;
    display: block;
    width: 25px;
    height: 43px;
    background: #000000;
  }

  h3.big.margin-bottom-small span img {
    float: left;
    margin: 15px 0px 0px 8px;
  }

  .tab_list2 li {
    float: left;
    width: 100%;
    height: 60px;
    color: #e84952;
    font-size: 24px;
    line-height: 60px;
    /*text-shadow: 0px 2px 1px #333;*/
    font-weight: 600;
  }


  .add {
    background: url(../assets/img/bottom1.png) no-repeat left bottom;
    background-size: 59px 6px;
    color: #e84952 !important;
  }

  .content_p>div {
    display: none;
  }

  .content_p .content_one {
    display: block;
    background: #e84952;
    width: 100%;
    color: #333333 !important;
    min-height: 370px;
    float: left;
  }

  .fullpage-wrap.small {
    height: 720px;
    background: url(../assets/img/banner999.gif);
    background-size: cover;
    margin-top: 40px;
  }

  .content_one p {
    color: #FFFFFF !important;
    font-size: 18px;
    padding-top: 40px;
    padding-left: 40px;
    margin-right: 40px;
    font-weight: 500;
    text-align: justify;
  }

  .content_one .text h1 {
    font-size: 30px;
    padding-left: 40px;
    color: #FFFFFF !important;
    line-height: 35px;
    margin-right: 30px;
    margin-bottom: 20px !important;
    font-weight: 600;
  }

  .tab_box {
    width: 410px;
    margin: 0 auto;
    padding-top: 40px;
  }

  .tab_list2 {
    margin-top: 30px;
    float: left;
  }

  #page-content #news .single-news article p {
    font-weight: 400;
  }

  .text_h3 {
    font-size: 28px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }

  .text_h31 {
    font-size: 18px;
    margin-top: 15px;
  }

  .border2 p {
    font-size: 23px;
    font-weight: 400;
  }

  .active_li {
    font-size: 21px !important;
    margin-top: 5px;
    color: #333333;
  }

  /*header nav.navbar #menu-classic .menu-holder{
        width: 100% !important;
    }
   header nav.navbar #menu-classic ul{
       display:-webkit-flex; display: flex; width: 100%;
   }
   header nav.navbar #menu-classic .menu-holder ul li{
       -webkit-flex:1 !important; flex:1;
   }*/
  .text-teshu {
    font-size: 24px !important;
    line-height: 35px;
    line-height: 35px !important;
    padding-top: 58px !important;
  }

  .text.text8.padding-md-bottom-null h3 {
    text-align: center;
  }

  .text.text8.padding-md-bottom-null p {
    text-align: center;
  }

  .text.text7.padding-md-bottom-null h3 {
    text-align: center;
  }

  .text.text7.padding-md-bottom-null p {
    text-align: center;
  }

  h3.margin-bottom-extrasmall span {
    height: 38px;
    display: block;
    width: 80%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .text.padding-topbottom-null p {
    display: -webkit-box;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
  }

  @media screen and (min-width:1365px) and (max-width:1600px) {
    .fullpage-wrap.small {
      height: 720px;
      background: url(../assets/img/banner999.gif);
      background-size: cover;
      margin-top: 40px;
    }
  }

  @media screen and (min-width:1300px) and (max-width:1400px) {
    .fullpage-wrap.small {
      height: 720px;
      background: url(../assets/img/banner999.gif);
      background-size: cover;
      margin-top: 40px;

    }
  }

  @media only screen and (max-width: 768px) {
    .blue {
      font-size: 2rem !important;
      font-weight: 550;
      color: #0e90d2;
    }

    .fullpage-wrap.small {
      height: 720px;
      background: url(../assets/img/banner9991.png);
      background-size: 100% 100%;
      margin-top: 40px;
      height: 600px !important;
    }
  }

  .case h3 {
    font-family: 'Bauhaus-Bold';
  }

  @media screen and (max-width:1024px) {
    .text-teshu {
      padding-top: 35px !important;
    }

    h1.heading.center.white.margin-bottom-small.flex-animation {
      margin-top: 15px !important;
      margin-bottom: 0px !important;
    }

    .content_one .text h1 {
      font-size: 22px !important;
    }

    h1.heading.center.white.margin-bottom-small.flex-animation.demo2.text-danger.pppp {
      font-size: 32px !important;
    }


    .main {
      height: 87vh;
      padding: 20% 0;

      background-position: -80px 20px !important;
      background-size: 150% !important;
      background-repeat: no-repeat;
    }

    .title0 {
      font-size: 20px !important;
      margin-top: 220px !important;
    }
  }

  h3.big {
    background: #e25e60;
  }

  h3.big:hover {
    background: #d15456;
  }

  .main {
    height: 87vh;
    padding: 20% 0;

    background-position: 175px 0px;
    background-size: 80%;
    background-repeat: no-repeat
  }

  .title0 {
    font-size: 28px;
    margin-top: 220px;
  }
</style>

<!--计时器-->
<script type="text/javascript">
  function countDown (secs, surl) {
    var jumpTo = document.getElementById('jumpTo');
    jumpTo.innerHTML = secs;
    if (--secs > 0) {
      setTimeout("countDown(" + secs + ",'" + surl + "')", 1500);
    }
    else {
      location.href = surl;
    }
  }
</script>

<body>
  <!--  Header & Menu  -->
  <header class="header">
    <nav class="nav-bar">
      <h1><a href="./index.html"><img class="logo" alt="兰亭妙微ui设计公司-专注优秀UI设计与软件开发"
            src="./src/assets/img/header/pages_header/logo.png" /></a></h1>
      <img class="header-navigation" src="./src/assets/image/layout/navigation_icon.png"
        alt="兰亭妙微ui设计公司-案例菜单：首页、案例、公益、关于我们、设计每日一贴" onclick="toggleMenu()">
      <ul id="sidebar" class="nav-content">
        <li class="nav-item"><a target="_blank" href="./index.html">首页</a></li>
        <li class="nav-item nav-item-pc"><a target="_blank" href="./recently.html">案例</a></li>
        <li class="nav-item nav-item-app" onclick="showCaseSubMenus()">
          <a>案例</a>
          <img class="arrows-icon" src="./src/layout/image/down_icon.png"
            alt="兰亭妙微ui设计公司——案例菜单：大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计">
          <ul class="case-sub-menus" id="case-sub-menus">
            <a target="_blank" href="./dp.html">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">大数据可视化设计</h3>
              </li>
            </a>
            <a target="_blank" href="./bs.html">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">B端UI设计</h3>
              </li>
            </a>
            <a target="_blank" href="./csjm.html">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">系统UI设计</h3>
              </li>
            </a>
            <a target="_blank" href="./scjm.html">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">移动端UI设计</h3>
              </li>
            </a>
            <a target="_blank" href="./icon.html">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">图标设计</h3>
              </li>
            </a>
            <a target="_blank" href="">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">软件开发</h3>
              </li>
            </a>
            <a target="_blank" href="./web.html">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">高端网站设计</h3>
              </li>
            </a>
            <a target="_blank" href="./logo.html">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">logo设计</h3>
              </li>
            </a>
            <a target="_blank" href="./xz.html">
              <li class="case-sub-menus-content-item">
                <h3 class="case-sub-menus-content-item-title">平面设计</h3>
              </li>
            </a>
          </ul>
        </li>
        <li class="nav-item" id="solution" onclick="showSubMenus()">
          <div class="nav-select-item">
            <a>解决方案</a>
            <img class="arrows-icon solution-icon" src="./src/layout/image/down_icon.png"
              alt="兰亭妙微ui设计公司-解决方案：金融ui设计、航天军工ui设计、医疗ui设计、交通ui设计、能源ui设计、智能制造ui设计、智慧园区ui设计、其他ui设计">
          </div>
          <div class="sub-menus" id="sub-menus">
            <ul class="sub-menus-content">
              <a target="_blank" href="./bank.html">
                <li class="sub-menus-content-item">
                  <h3 class="sub-menus-content-item-title">金融</h3>
                  <p class="sub-menus-content-item-text">先进流程领路，产品领先一步</p>
                </li>
              </a>
              <a target="_blank" href="./aerospace.html">
                <li class="sub-menus-content-item">
                  <h3 class="sub-menus-content-item-title">航天军工</h3>
                  <p class="sub-menus-content-item-text">创新设计航天国防软件UI，创造惊喜易用、美观的软件使用体验</p>
                </li>
              </a>
              <a target="_blank" href="./medicalyl.html">
                <li class="sub-menus-content-item">
                  <h3 class="sub-menus-content-item-title">医疗</h3>
                  <p class="sub-menus-content-item-text">共创医疗健康未来，为每一个生命点亮希望之光</p>
                </li>
              </a>
              <a target="_blank" href="./traffic.html">
                <li class="sub-menus-content-item">
                  <h3 class="sub-menus-content-item-title">交通</h3>
                  <p class="sub-menus-content-item-text">多维度可视化分析城市交通发展情况，助力市域精细化治理</p>
                </li>
              </a>
              <a target="_blank" href="./monitor.html">
                <li class="sub-menus-content-item">
                  <h3 class="sub-menus-content-item-title">能源</h3>
                  <p class="sub-menus-content-item-text">积极推动智能生产，推动能源产业与数字技术融合发展</p>
                </li>
              </a>
              <a target="_blank" href="./enterprise.html">
                <li class="sub-menus-content-item">
                  <h3 class="sub-menus-content-item-title">智能制造</h3>
                  <p class="sub-menus-content-item-text">制造业不仅是经济的基石，更是国家科技实力和创新能力的重要体现</p>
                </li>
              </a>
              <a target="_blank" href="./zhyq.html">
                <li class="sub-menus-content-item">
                  <h3 class="sub-menus-content-item-title">智慧园区</h3>
                  <p class="sub-menus-content-item-text">科技赋能产业，助开启园区实现数字化管理新时代</p>
                </li>
              </a>
            </ul>
          </div>
        </li>
        <li class="nav-item"><a target="_blank" href="./gy.html">公益</a></li>
        <li class="nav-item"><a target="_blank" href="./gywm.html">关于我们</a></li>
        <li class="nav-item"><a target="_blank" href="http://www.lanlanwork.com/blog">设计每日一帖</a></li>
      </ul>
      <div class="tel-box">
        <img src="./src/assets/img/header/pages_header/sj.png"
          alt="兰亭妙微UI设计联系电话：大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计" />
        010 - 6333 4945
      </div>
    </nav>
  </header>
  <!--  END Header & Menu  -->


  <div class="main" style=" background-image: url(assets/img/not404.png) ;   ">


    <h2 class="title0" style="text-align:center;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #666666;">抱歉，您要找的页面现在找不到了，请返回重试或者看看其他页面吧&nbsp;&nbsp;</h2>
    <p style="text-align:center;"><span style="ffont-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #999999;"> <span id="jumpTo">5</span>秒之后返回首页...</span></p>
    <p style="text-align:center;">没有返回？<a href="index.html" style="font-size:24px;color:#3fadf9;">点击此处返回</a></p>
  </div>


  <!--  Footer  -->


  <!--  END Footer. Class fixed for fixed footer  -->

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="assets/js/jquery.min.js"></script>
  <!-- All js library -->
  <script src="assets/js/bootstrap/bootstrap.min.js"></script>
  <script src="assets/js/jquery.flexslider-min.js"></script>
  <script src="assets/js/owl.carousel.min.js"></script>
  <script src="assets/js/isotope.min.js"></script>
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <!---<script src="http://ditu.google.cn/dzcvxvsds/api/js?v=3.exp&signed_in=false"></script>--->
  <script src="assets/js/jquery.scrollTo.min.js"></script>
  <script src="assets/js/smooth.scroll.min.js"></script>
  <script src="assets/js/jquery.appear.js"></script>
  <script src="assets/js/jquery.countTo.js"></script>
  <script src="assets/js/jquery.scrolly.js"></script>
  <script src="assets/js/plugins-scroll.js"></script>
  <script src="assets/js/imagesloaded.min.js"></script>
  <script src="assets/js/pace.min.js"></script>
  <script src="assets/js/main.js"></script>
  <script src="assets/js/wz.js"></script>
  <!--		<script src="assets/js/footer.js"></script>-->
  <!-- <div id="footer1" style="
    margin: 0 auto;
    background: #262c30;
    height: 135px;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;">
    <div class="container">
      <div class="row">
        <div class="col-xs-4 col-sm-2 col-md-2 col-lg-1 img_box">
          <img src="assets/img/gongzhonghao.jpg" width="100%" />
          <p id="minWindth" style="min-width: 65px;font-size: 14px;color: #ffffff">蓝蓝设计</p>
        </div>
        <div class=" col-lg-9 col-sm-8 col-md-8 hidden-xs hidden-sm">
          <div class="welcome pull-left">您好</div>
          <div class="copyright pull-left">
            <p style="color: #ffffff">Copy right
              2007-2020&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京兰亭妙微科技有限公司版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;京ICP备12006971号
            </p>
            <p style="color: #ffffff">
              电话：<span>4006086026&nbsp;&nbsp;&nbsp;&nbsp;010-63334945</span>&nbsp;&nbsp;&nbsp;&nbsp;邮箱:weibaobei@163.com
            </p>
          </div>

        </div>
        <div class="col-xs-8 visible-xs visible-sm">
          <p style="color: #ffffff">Copy right 2007-2019</p>
          <p style="color: #ffffff">北京兰亭妙微科技有限公司版权所有</p>
          <p style="color: #ffffff">电话：<span>4006086026 010-63334945</span></p>
          <p style="color: #ffffff">邮箱:weibaobei@163.com </p>
          <p style="color: #ffffff">京ICP备12006971号 </p>
        </div>
        <div style="padding:0px;margin-bottom:0px" class="col-lg-2 col-sm-2 col-md-2 col-xs-12 img_box2">
          <div class="col-xs-4" style="padding:0px"></div>
          <div class="col-xs-8" style="padding:0px"> <img style="width:55%;"
              src="http://www.gostats.org/0.png?ver=3.8&n=0.8230167412605345&js=&pst=1560937541431&pi=1560937541481&ct=4&ci=1&a=300611012&ns=0&nv=0&nvt=0&rc=0&v=24926927594597360&si=425903050439640400&c=1&se=&sp=&cd=&pl=Win32&l=zh&an=&h=127.0.0.1&p=%2F%E8%93%9D%E8%93%9D0614%2Fdp.php%3F__hbt%3D1560937442348&r=&f=0%2C0%2C0&t=%E5%A4%A7%E5%B1%8F%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1-ui%E8%AE%BE%E8%AE%A1%E5%85%AC%E5%8F%B8%7C%E5%8C%97%E4%BA%AC%E8%93%9D%E8%93%9D%E8%AE%BE%E8%AE%A1&sw=1920&sh=1080&sd=24&j=0&tzo=8&ps=281&pid=1560937541488">
          </div>
        </div>
      </div>

    </div>
  </div> -->
  <footer class="footer-layout">
    <div class="footer-layout-main">
      <div class="footer-layout-police-info-box-pc">
        <img class="footer-layout-logo lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
          data-src="./src/layout/image/footer_layout_logo_pc1.jpg"
          alt="兰亭妙微ui设计公司-专注优秀UI设计与软件开发、大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计">
        <div class="footer-layout-tel">
          <p><img class="icon lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
              data-src="./src/assets/img/page_footer/sj.png"
              alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计UI设计联系电话" />400-6086026</p>
          <p><img class="icon lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
              data-src="./src/assets/img/page_footer/sj.png"
              alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计UI设计联系电话" />010-63334945</p>
        </div>
        <div class="footer-layout-page-view">
          <p>访问量</p>
          <p class="number" id="number_text">0</p>
        </div>
      </div>
      <div class="page-nav-footer">
        <h4 class="page-nav-footer-title">站内导航</h4>
        <ul class="page-nav-footer-content">
          <li class="page-nav-footer-item"><a target="_blank" href="./index.html">首页</a></li>
          <li class="page-nav-footer-item"><a target="_blank" href="./gywm.html">关于我们</a></li>
          <li class="page-nav-footer-item"><a target="_blank" href="http://www.lanlanwork.com/gy.html">公益</a></li>
          <li class="page-nav-footer-item"><a target="_blank" href="http://www.lanlanwork.com/blog">设计每日一贴</a></li>
        </ul>
      </div>
      <div class="page-nav-footer">
        <h4 class="page-nav-footer-title">案例</h4>
        <ul class="page-nav-footer-content">
          <li class="page-nav-footer-item">
            <a target="_blank" href="./dp.html">大数据可视化设计</a>
            <a target="_blank" href="./bs.html">B端UI设计</a>
          </li>
          <li class="page-nav-footer-item">
            <a target="_blank" href="./csjm.html">系统UI设计</a>
            <a target="_blank" href="./scjm.html">移动端UI设计</a>
          </li>
          <li class="page-nav-footer-item">
            <a target="_blank" href="./icon.html">图标设计</a>
            <a target="_blank" href="./index.html">软件开发</a>
          </li>
          <li class="page-nav-footer-item">
            <a target="_blank" href="./web.html">高端网站设计</a>
            <a target="_blank" href="./logo.html">logo设计</a>
          </li>
          <li class="page-nav-footer-item">
            <a target="_blank" href="./xz.html">平面设计</a>
          </li>
        </ul>
      </div>
      <div class="page-nav-footer page-nav-footer2">
        <h4 class="page-nav-footer-title">解决方案</h4>
        <ul class="page-nav-footer-content">
          <li class="page-nav-footer-item">
            <a target="_blank" href="./bank.html">金融</a>
            <a target="_blank" href="./aerospace.html">航天军工</a>
          </li>
          <li class="page-nav-footer-item">
            <a target="_blank" href="./medicalyl.html">医疗</a>
            <a target="_blank" href="./traffic.html">交通</a>
          </li>
          <li class="page-nav-footer-item">
            <a target="_blank" href="./monitor.html">能源</a>
            <a target="_blank" href="./enterprise.html">智能制造</a>
          </li>
          <li class="page-nav-footer-item">
            <a target="_blank" href="./zhyq.html">智慧园区</a>

          </li>
        </ul>
      </div>
      <div class="footer-app-info">
        <p>
          <img class="icon lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
            data-src="./src/assets/img/page_footer/sj.png"
            alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计联系电话" />
          <span class="label">电话：</span>
          <span class="value">400-6086026 010-6333494</span>
        </p>
        <p>
          <img class="icon lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
            data-src="./src/assets/img/page_footer/yj.png"
            alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计联系邮箱" />
          <span class="label">邮箱：</span>
          <span class="value">weihua@lanlanwork.com</span>
        </p>
        <p>
          <img class="icon lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
            data-src="./src/assets/img/page_footer/wz.png"
            alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计联系地址" />
          <span class="label">地址：</span>
          <span class="value">北京市昌平区天通中苑61号楼4门1502</span>
        </p>
      </div>
      <div class="footer-layout-code-box">
        <div class="footer-layout-code-item" style="margin-right: -2px;">
          <img class="lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
            data-src="./src/layout/image/footer_layout_code2.jpg"
            alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计官方小红书二维码">
          <p class="footer-layout-code-item-hint">小红书扫一扫</p>
        </div>
        <div class="footer-layout-code-item">
          <img class="lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
            data-src="./src/layout/image/footer_layout_code3.jpg"
            alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计官方抖音二维码">
          <p class="footer-layout-code-item-hint">抖音扫一扫</p>
        </div>
        <div class="footer-layout-code-item">
          <img class="lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
            data-src="./src/layout/image/footer_layout_code1.jpg"
            alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计官方微信二维码">
          <p class="footer-layout-code-item-hint">微信联系我</p>
        </div>
      </div>
    </div>
    <div class="footer-layout-police-info-box-app">
      <p>
        <img class="police-icon lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
          data-src="./src/layout/image/footer_layout_police_icon.jpg"
          alt="兰亭妙微UI设计公司公安备案：大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计">
        <span class="police-code">京ICP备12006971号</span>
        <span>Copy right © 2007-2024</span>
      </p>
      <p class="police-name">北京兰亭妙微科技有限公司版权所有</p>
    </div>
    <div class="footer-layout-police-info-box">
      <p>Copy right © 2007-2024</p>
      <p class="footer-layout-police-info-name">北京兰亭妙微科技有限公司版权所有</p>
      <p class="police-code-box"><img class="lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
          data-src="./src/layout/image/footer_layout_police_icon.jpg"
          alt="兰亭妙微UI设计公司公安备案：大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计">京ICP备12006971号
      <p class="footer-layout-email">
        <img class="icon lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
          data-src="./src/assets/img/page_footer/yj.png"
          alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计联系邮箱" />weihua@lanlanwork.com
      </p>
      <p class="footer-layout-location">
        <img class="icon lazyload" src="./src/assets/image/layout/default_lazyload.jpeg"
          data-src="./src/assets/img/page_footer/wz.png"
          alt="大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计联系地址" />北京市昌平区天通中苑61号楼4门1502
      </p>
      <a class="site-map" href="./sitemap.html">站点地图</a>
      </p>
    </div>
  </footer>
  <link rel="stylesheet" href="assets/css/buding.css">

  <script type="text/javascript">countDown(3, 'http://www.lanlanwork.com/');</script>
</body>

<script>
  $(document).ready(function () {
    $(".tab_list2 li").each(function (e) {
      $(this).hover(function () {
        $('.tab_list2 .add').removeClass("add");
        $('.content_p .content_one').removeClass("content_one");
        $(this).addClass("add");
        $(".content_p>div:eq(" + e + ")").addClass("content_one");
      })
    })

  })
</script>
<script type="text/javascript">
  $('.animateTitle1').animatext({
    speed: 300,

    effect: 'flipInY',
    reverse: false
  });
  $(".demo1").animatext();
  $(".demo2").animatext({
    speed: 150,
    effect: 'flipInX',
    infinite: true
  });
  $(".demo3").animatext({
    speed: 150,
    mode: "words",
    effect: 'swing',
    infinite: true
  });
  $(".demo4").animatext({
    speed: 150,
    effect: 'bounceIn',
    reverse: true,
    infinite: true
  });
  $(".demo5").animatext({
    speed: 150,
    effect: 'tada',
    random: true,
    infinite: true
  });
</script>
<script>
  $(".menu-button").click(function () {
    if ($("div").hasClass("open")) {
      $(".top-nav").css("position", "fixed");
      $(".top-nav").css("top", "0px");
      $("#main-wrap").hide();

    } else {
      $(".top-nav").css("position", "relative");
      $("#main-wrap").show();

    }
  })

</script>
<script src="./src/utils/tools.js"></script>
<script>
  //   获取访问量
  getNum('number_text')
  initLazyLoad()
</script>

</html>