<!DOCTYPE html>
<html lang="zh-hans">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit" />
  <meta name="force-rendering" content="webkit" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <title>山东哲科思维网络科技有限公司</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
  <link href="/themes/css/bootstrap.min.css" rel="stylesheet">
  <link href="/themes/css/animate.compat.css" rel="stylesheet">
  <style type="text/css">
    @media (min-width: 992px) {
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 1.5rem;
            padding-left: 1.5rem
        }
      }
  </style>
</head>
<body>

<section class="bg-light">
  <div class="container">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="#"><img src="/themes/img/logo.png" /></a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ms-auto">
          <li class="nav-item active">
            <a class="nav-link" href="/">网站首页</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/category/about/">关于我们</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/category/service/">产品服务</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/category/news/">新闻资讯</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/category/case/">客户案例</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/category/contact/">联系我们</a>
          </li>
        </ul>
      </div>
    </nav>
  </div>
</section>
<style>
  .carousel-caption {
      position: absolute;
      top: 35%;
      bottom: 1.25rem;
      left: 15%;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      color: #fff;
      text-align: left;
  }
  /* Float Shadow */
  .hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
  }
  .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
  }
  .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
  }
  /* Grow */
  .hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  /* Glow */
  .hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
  }
  .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
</style>
<div id="carousel" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
      <img class="img-fluid" src="/themes/img/carousel.png" />
      <div class="carousel-caption d-none d-lg-block">
        <h3 class="display-4">品质似金 敬业如牛</h3>
        <h4 class="py-4">一站式服务，客户的成功是我们大的荣耀</h4>
      </div>
    </div>
  </div>
</div>
<section style="background: #f1f8fe;" class="py-5">
  <div class="container">
    <h2 class="text-center pb-5 wow bounce">选择我们</h2>
    <div class="row text-center">
      <div class="col-6 col-lg-3 hvr-float-shadow">
        <div class="shadow-sm py-5">
          <img src="/themes/img/b1.png" alt="">
          <h5 class="py-3">多年专注</h5>
          <small>创始至今，我们只专注网站建设与网络营销</small>
        </div>
      </div>
      <div class="col-6 col-lg-3 hvr-float-shadow">
        <div class="shadow-sm py-5">
          <img src="/themes/img/b2.png" alt="">
          <h5 class="py-3">品牌优质</h5>
          <small>上百家公司网站设计制作的选择，那是一种信任</small>
        </div>
      </div>
      <div class="col-6 col-lg-3 hvr-float-shadow">
        <div class="shadow-sm py-5">
          <img src="/themes/img/b3.png" alt="">
          <h5 class="py-3">专业品质</h5>
          <small>我们苛求网站制作品质，哪怕是一个像素的间距</small>
        </div>
      </div>
      <div class="col-6 col-lg-3 hvr-float-shadow">
        <div class="shadow-sm py-5">
          <img src="/themes/img/b4.png" alt="">
          <h5 class="py-3">多年专注</h5>
          <small>创始至今，我们只专注网站建设与网络营销</small>
        </div>
      </div>
    </div>
  </div>
</section>
<!--<section class="bg-white py-5">
  <div class="container">
    <h2 class="text-center pb-5">客户案例</h2>
    <div class="row text-center">
      <div class="col-12 col-lg-4 hvr-glow">
        <div class="py-5 hvr-grow">
          <img class="hvr-grow" src="/themes/img/c1.png" alt="">
          <h5 class="py-3">案例1</h5>
          <small>案例1案例1案例1案例1案例1案例1案例1案例1案例1</small>
        </div>
      </div>
      <div class="col-12 col-lg-4 hvr-glow">
        <div class="py-5 hvr-grow">
          <img class="hvr-grow" src="/themes/img/c2.png" alt="">
          <h5 class="py-3">案例2</h5>
          <small>案例2案例2案例2案例2案例2案例2案例2案例2案例2</small>
        </div>
      </div>
      <div class="col-12 col-lg-4 hvr-glow">
        <div class="py-5 hvr-grow">
          <img class="hvr-grow" src="/themes/img/c3.png" alt="">
          <h5 class="py-3">案例3</h5>
          <small>案例3案例3案例3案例3案例3案例3案例3案例3案例3</small>
        </div>
      </div>
    </div>
    <div class="text-center pt-5">
      <a class="btn btn-outline-primary" href="/category/case/" target="_blank">查看更多</a>
    </div>
  </div>
</section>
<section style="background: #f1f8fe;" class="py-5 wow shakeY">
  <div class="container">
    <h2 class="text-center pb-5">新闻资讯</h2>
    <div class="row">
      <div class="col-6 col-lg-4 py-3">
          <h5>新闻资讯1</h5>
          <p class="mb-0">新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1</p>
          <small class="text-muted">2022-01-01 08:00</small>
      </div>
      <div class="col-6 col-lg-4 py-3">
          <h5>新闻资讯2</h5>
          <p class="mb-0">新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2</p>
          <small class="text-muted">2022-01-01 08:00</small>
      </div>
      <div class="col-6 col-lg-4 py-3">
          <h5>新闻资讯3</h5>
          <p class="mb-0">新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3</p>
          <small class="text-muted">2022-01-01 08:00</small>
      </div>
      <div class="col-6 col-lg-4 py-3">
          <h5>新闻资讯4</h5>
          <p class="mb-0">新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1新闻资讯1</p>
          <small class="text-muted">2022-01-01 08:00</small>
      </div>
      <div class="col-6 col-lg-4 py-3">
          <h5>新闻资讯5</h5>
          <p class="mb-0">新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2新闻资讯2</p>
          <small class="text-muted">2022-01-01 08:00</small>
      </div>
      <div class="col-6 col-lg-4 py-3">
          <h5>新闻资讯6</h5>
          <p class="mb-0">新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3新闻资讯3</p>
          <small class="text-muted">2022-01-01 08:00</small>
      </div>
    </div>
    <div class="text-center pt-5">
      <a class="btn btn-outline-primary" href="/category/news/" target="_blank">查看更多</a>
    </div>
  </div>
</section>-->
<section class="bg-primary py-5 text-center">
  <p class="display-3 text-white pt-5 pb-3">您的需求是我们合作的开始！</p>
  <a class="btn btn-outline-info mb-5" href="/category/contact/" target="_blank">联系我们</a>
</section>

<div>
  <div class="text-muted text-center pt-5 small">
    <p>Copyright &#169; 2021 - 2025 山东哲科思维网络科技有限公司 All Rights Reserved</p>
    <p><a href="https://beian.miit.gov.cn">鲁ICP备2021039104号-1</a></p>
    <p></p>
  </div>
</div>

  <script src="/themes/js/jquery.min.js"></script>
  <script src="/themes/js/bootstrap.bundle.min.js"></script>
  <script src="/themes/js/wow.min.js"></script>
  <script type="text/javascript">
    new WOW().init();
  </script>
</body>

</html>