<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>test1</title>
<link rel="stylesheet"
href="{dreamer-cms:template /}assets/bootstrap/css/bootstrap.min.css?h=cd822b7fd22c8a95a68470c795adea69">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/Roboto.css?h=6228d9e0a7ba796049393d5465fe3742">
<link rel="stylesheet"
href="{dreamer-cms:template /}assets/css/Roboto%20Slab.css?h=6228d9e0a7ba796049393d5465fe3742">
<link rel="stylesheet"
href="{dreamer-cms:template /}assets/css/bs-theme-overrides.css?h=d7f2e450c2aeb44ab8ed8799eecc5c79">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/aos.min.css?h=ea67d3638a91cd05d22f1b4e31c7b746">
<link rel="stylesheet"
href="{dreamer-cms:template /}assets/css/Hero-Carousel-images.css?h=b172296e5849c06d325e91d829be587a">
<link rel="stylesheet"
href="{dreamer-cms:template /}assets/css/Navbar-Right-Links-icons.css?h=befd8a398792e305b7ffd4a176b5b585">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/smjy-header.css?h=72bdad73735ba5a0d60fc6ed50a99e69">
<link rel="stylesheet"
href="{dreamer-cms:template /}assets/css/sticky-dark-top-nav-with-dropdown.css?h=2bf54df413781017b12488f807b9411c">
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/styles.css?h=a7933a1685dae26a21a3aca0b97e0f6e">
</head>
<body style="margin: 0px;box-sizing: border-box;width: 100vw;">
<header>
<div class="container pt-xl-4" style="margin: 0 auto;padding: 0;">
<nav class="navbar navbar-expand-md bg-body py-3" style="width: 100%;">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="{dreamer-cms:global name='website' /}">
<img class="logo" src="{dreamer-cms:template /}assets/img/logo2.png" alt="logo"
style="margin: 0 .5rem 0 0;" width="50px" height="50px">
<span>{dreamer-cms:global name="title" /}</span>
</a>
<button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2">
<span class="visually-hidden">Toggle navigation</span>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navcol-2">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
{dreamer-cms:categoryartlist length="5"}
{dreamer-cms:if test="('true' eq [field:haschildren/])"}
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link active" aria-expanded="false"
data-bs-toggle="dropdown" href="[field:typeurl/]">[field:typenamecn /]</a>
<div class="dropdown-menu">
{dreamer-cms:channel}
<a class="dropdown-item" href="[field:typeurl/]">[field:typenamecn /]</a>
{/dreamer-cms:channel}
</div>
</li>
{/dreamer-cms:if}
{dreamer-cms:if test="('false' eq [field:haschildren/])"}
<li class="nav-item">
<a class="nav-link active" href="[field:typeurl /]"
title="[field:typenamecn /]">[field:typenamecn /]</a>
</li>
{/dreamer-cms:if}
{/dreamer-cms:categoryartlist}
</ul>
</div>
</div>
</nav>
</div>
</header>
<main>
<section class="py-2 py-md-3 py-xl-8">
<div class="container" style="margin: 0 auto;padding: 0;">
<div class="row gx-0">
<div class="col-12">
<div class="container-fluid bsb-hero-pro-5 bsb-overlay" style="padding: 0;">
<div>
<div class="carousel slide" data-bs-ride="carousel" id="carousel-1"
style="height: 600px;width: auto;">
<div class="carousel-inner h-100">
<div class="carousel-item active h-100">
<img class="w-100 d-block position-absolute h-100 fit-cover"
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
alt="Slide Image" style="z-index: -1;" loading="lazy" />
<div class="container d-flex flex-column justify-content-center h-100">
<div class="row">
<div class="col-md-6 col-xl-4 offset-md-2">
<div style="max-width: 350px;"></div>
</div>
</div>
</div>
</div>
<div class="carousel-item h-100">
<img class="w-100 d-block position-absolute h-100 fit-cover"
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/fef4d873cd266540e10dbf1e1a843026.jpg"
alt="Slide Image" style="z-index: -1;" loading="lazy" />
<div class="container d-flex flex-column justify-content-center h-100">
<div class="row">
<div class="col-md-6 col-xl-4 offset-md-2">
<div style="max-width: 350px;"></div>
</div>
</div>
</div>
</div>
<div class="carousel-item h-100">
<img class="w-100 d-block position-absolute h-100 fit-cover"
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/ebad58b2279361821e3feda290172c2c.jpg"
alt="Slide Image" style="z-index: -1;" loading="lazy" />
<div class="container d-flex flex-column justify-content-center h-100">
<div class="row">
<div class="col-md-6 col-xl-4 offset-md-2">
<div style="max-width: 350px;">
<h1 class="text-uppercase fw-bold"></h1>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<a class="carousel-control-prev" href="#carousel-1" role="button"
data-bs-slide="prev">
<span class="carousel-control-prev-icon"
style="width: 50px;height: 50px;"></span>
<span class="visually-hidden">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-1" role="button"
data-bs-slide="next">
<span class="carousel-control-next-icon"
style="width: 50px;height: 50px;"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
<div class="carousel-indicators">
<button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0"
class="active"></button>
<button type="button" data-bs-target="#carousel-1"
data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#carousel-1"
data-bs-slide-to="2"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container" style="margin: 0 auto;padding: 0;">
<div class="row py-4 gx-3 gy-3 slide-box">
<div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
<div class="hovai-demo-box">
<div class="hovai-box-image" style="height: 100%;"><img
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
width="100%"></div><a class="hovai-box-details" href="work_content.html">
<p>Duis fringilla erat sit amet</p>
</a>
</div>
</div>
<div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
<div class="hovai-demo-box">
<div class="hovai-box-image" style="height: 100%;"><img
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
width="100%"></div><a class="hovai-box-details" href="work_content.html">
<p>Duis fringilla erat sit amet</p>
</a>
</div>
</div>
<div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
<div class="hovai-demo-box">
<div class="hovai-box-image" style="height: 100%;"><img
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
width="100%"></div><a class="hovai-box-details" href="work_content.html">
<p>Duis fringilla erat sit amet</p>
</a>
</div>
</div>
<div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
<div class="hovai-demo-box">
<div class="hovai-box-image" style="height: 100%;"><img
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
width="100%"></div><a class="hovai-box-details" href="work_content.html">
<p>Duis fringilla erat sit amet</p>
</a>
</div>
</div>
<div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
<div class="hovai-demo-box">
<div class="hovai-box-image" style="height: 100%;"><img
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
width="100%"></div><a class="hovai-box-details" href="work_content.html">
<p>Duis fringilla erat sit amet</p>
</a>
</div>
</div>
<div class="visible col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 slide-animate"
data-aos="fade-down-right" data-aos-duration="800" data-aos-once="true">
<div class="hovai-demo-box">
<div class="hovai-box-image" style="height: 100%;"><img
src="https://nikki4.oss-cn-shanghai.aliyuncs.com/xiao4/1ce7d120c9e09bbffb06c4c67f0ac62d.jpg"
width="100%"></div><a class="hovai-box-details" href="work_content.html">
<p>Duis fringilla erat sit amet</p>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container py-4 py-lg-5" style="margin: 0 auto;padding: 0 0 1rem 0;">
<div class="row justify-content-center" style="height: auto;">
<div
class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start order-lg-last">
<div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
fill="currentColor" viewBox="0 0 16 16" class="bi bi-geo-alt-fill" style="font-size: 24px;">
<path
d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6">
</path>
</svg>
<h3 class="fs-6" style="margin: 0px;font-size: 24px;">Location</h3>
</div>
<div>
<p>地址：深圳市宝安区西乡街道宝源路1065号F518时尚创意园F5栋102</p>
</div>
</div>
<div
class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-content-center align-items-lg-start item">
<div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
fill="currentColor" viewBox="0 0 16 16" class="bi bi-person-fill" style="font-size: 24px;">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"></path>
</svg>
<h3 class="fs-6" style="margin: 0px;font-size: 24px;">Phone</h3>
</div>
<div>
<p>电话：13512345678</p>
</div>
</div>
<div
class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start item">
<div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
fill="currentColor" viewBox="0 0 16 16" class="bi bi-envelope-fill"
style="font-size: 24px;">
<path
d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
</path>
</svg>
<h3 class="fs-6" style="margin: 0px;font-size: 24px;">Email</h3>
</div>
<div>
<p>邮箱：13512345678@qq.com</p>
</div>
</div>
<div
class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column align-items-center align-items-lg-start">
<div class="d-flex flex-row justify-content-start align-items-end align-items-xxl-end"
style="margin: 5px 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
fill="currentColor" viewBox="0 0 16 16" class="bi bi-qr-code" style="font-size: 24px;">
<path d="M2 2h2v2H2z"></path>
<path d="M6 0v6H0V0zM5 1H1v4h4zM4 12H2v2h2z"></path>
<path d="M6 10v6H0v-6zm-5 1v4h4v-4zm11-9h2v2h-2z"></path>
<path
d="M10 0v6h6V0zm5 1v4h-4V1zM8 1V0h1v2H8v2H7V1zm0 5V4h1v2zM6 8V7h1V6h1v2h1V7h5v1h-4v1H7V8zm0 0v1H2V8H1v1H0V7h3v1zm10 1h-1V7h1zm-1 0h-1v2h2v-1h-1zm-4 0h2v1h-1v1h-1zm2 3v-1h-1v1h-1v1H9v1h3v-2zm0 0h3v1h-2v1h-1zm-4-1v1h1v-2H7v1z">
</path>
<path d="M7 12h1v3h4v1H7zm9 2v2h-3v-1h2v-1z"></path>
</svg>
<h3 class="fs-6" style="margin: 0px;font-size: 24px;">QR-code</h3>
</div>
<div><img
src="{dreamer-cms:template /}assets/img/bing_generated_qrcode.png?h=0f216ae03372c93581dad2437e5ab489">
</div>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="text-muted mb-0">Copyright © 2024 Brand</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
fill="currentColor" viewBox="0 0 16 16" class="bi bi-sina-weibo">
<path
d="M10.878 1.093a4.23 4.23 0 0 1 4.031 1.305 4.225 4.225 0 0 1 .886 4.14v.001a.612.612 0 0 1-1.166-.377 3.01 3.01 0 0 0-3.495-3.873.611.611 0 1 1-.256-1.196ZM3.753 9.465c.548-1.11 1.972-1.74 3.233-1.411 1.304.338 1.971 1.568 1.437 2.764-.541 1.221-2.095 1.875-3.416 1.449-1.271-.411-1.812-1.67-1.254-2.802Zm2.658.567c.16.066.365-.009.458-.168.088-.16.03-.34-.129-.397-.156-.062-.353.013-.446.168-.09.154-.041.333.117.397Zm-1.607 1.314c.413.188.963.009 1.219-.4.252-.413.12-.883-.296-1.062-.41-.172-.94.005-1.194.402-.256.4-.135.874.271 1.06">
</path>
<path
d="m12.014 7.238.005.001c.919.285 1.941.974 1.939 2.188 0 2.007-2.895 4.535-7.246 4.535C3.393 13.962 0 12.352 0 9.708c0-1.385.876-2.985 2.384-4.493C4.4 3.199 6.751 2.28 7.634 3.165c.39.392.427 1.065.177 1.87-.132.405.38.182.38.182 1.63-.682 3.051-.722 3.57.02.278.397.252.951-.004 1.594-.116.293.035.34.257.407Zm-10.4 3.101c.172 1.738 2.46 2.936 5.109 2.674 2.647-.26 4.656-1.883 4.482-3.623-.17-1.738-2.458-2.937-5.107-2.674-2.647.263-4.656 1.883-4.484 3.623Zm11.681-6.484a2.056 2.056 0 0 0-1.962-.634.526.526 0 1 0 .219 1.031 1.008 1.008 0 0 1 1.17 1.296.528.528 0 0 0 1.005.325 2.062 2.062 0 0 0-.432-2.018Z">
</path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
fill="currentColor" viewBox="0 0 16 16" class="bi bi-wechat">
<path
d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356">
</path>
<path
d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826m4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0m3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0">
</path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round"
class="icon icon-tabler icon-tabler-brand-baidu">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
<path
d="M14.463 11.596c1.282 1.774 3.476 3.416 3.476 3.416s1.921 1.574 .593 3.636c-1.328 2.063 -4.892 1.152 -4.892 1.152s-1.416 -.44 -3.06 -.088c-1.644 .356 -3.06 .22 -3.06 .22s-2.055 -.22 -2.47 -2.304c-.416 -2.084 1.918 -3.638 2.102 -3.858c.182 -.222 1.409 -.966 2.284 -2.394c.875 -1.428 3.337 -2.287 5.027 .221z">
</path>
<path d="M9 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
<path d="M15 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
<path d="M19 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
</svg></li>
</ul>
</div>
</div>
</footer>
<script
src="{dreamer-cms:template /}assets/bootstrap/js/bootstrap.min.js?h=e55bde7d6e36ebf17ba0b8c1e80e4065"></script>
<script src="{dreamer-cms:template /}assets/js/aos.min.js?h=d3718e34eeb0355be8e3179a2e2bccb7"></script>
<script src="{dreamer-cms:template /}assets/js/bs-init.js?h=83edaeb814574dfa3c394ba88d22a18c"></script>
</body>
</html>