You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
582 lines
24 KiB
HTML
582 lines
24 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Pychr Building</title>
|
|
|
|
<link rel="stylesheet" href="../static/js/swiper/swiper-bundle.min.css">
|
|
<style>
|
|
.none {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
<link href="../static/css/MyStyle.css" rel="stylesheet" type="text/css"/>
|
|
|
|
<link rel="stylesheet" type="text/css" href="../static/css/style.css"/>
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="../static/css/shortcodes.css"
|
|
/>
|
|
<link rel="stylesheet" type="text/css" href="../static/css/color.css"/>
|
|
|
|
<link rel="stylesheet" type="text/css" href="../static/css/animate.css"/>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="../static/css/responsive.css"
|
|
/>
|
|
<link rel="stylesheet" href="../static/css/all.min.css"/>
|
|
<style>
|
|
.swiper {
|
|
width: 100%;
|
|
height: 600px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.swiper-slide {
|
|
display: flex;
|
|
/*height: 1px; !* 随意指定一个height值即可 *!*/
|
|
}
|
|
|
|
.swiper-slide-active {
|
|
/*height: auto*/
|
|
}
|
|
|
|
.swiper-slide img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain; /* 这会保持图片的纵横比并将多余部分裁剪掉 */
|
|
}
|
|
|
|
.slide-wrap img {
|
|
object-fit: contain;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.swiper-slide-silf{
|
|
position: relative;
|
|
}
|
|
.swiper-slide-silf .product-model{
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.swiper-slide-silf .product-model::before{
|
|
content: '';
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="animsition boxed blog">
|
|
<header id="header" class="header">
|
|
<div class="topbar clearfix" id="topbar">
|
|
<div class="container">
|
|
<div class="tf-topbar">
|
|
<ul class="top-content" style="margin-left: 15px">
|
|
<li class="adress">
|
|
<a href="#"
|
|
><i class="icon-iconmap"></i> 佛山市顺德区大福路</a
|
|
>
|
|
</li>
|
|
<li class="email">
|
|
<a href="page-contact.html"
|
|
><i class="icon-iconmail"></i
|
|
><span
|
|
class="__cf_email__"
|
|
data-cfemail="96fff8f0f9d6e1f3f4e5ffe2f3b8f5f9fb"
|
|
>pychrhome@gmail.com</span
|
|
></a
|
|
>
|
|
</li>
|
|
</ul>
|
|
<div class="topbar-socials">
|
|
<div class="lang-switch">
|
|
<a href="#">
|
|
<span>中文</span>
|
|
<i class="fa fa-angle-down"></i>
|
|
</a>
|
|
<div class="lang-dropdown">
|
|
<a href="index.html">中文</a>
|
|
<a href="../en/index.html">English</a>
|
|
</div>
|
|
</div>
|
|
<span class="icons">
|
|
<a href="https://www.facebook.com/kingson.yu.3"
|
|
><i class="fab fa-facebook-f"></i
|
|
></a>
|
|
<!-- <a href="#"><i class="fab fa-twitter"></i></a> -->
|
|
<!-- <a href="#"><i class="fab fa-google-plus-g"></i></a> -->
|
|
<a href="https://www.instagram.com/k.y.kingsonyu/"
|
|
><i class="fab fa-instagram"></i
|
|
></a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="main-top clearfix">
|
|
<div class="container container-fixel">
|
|
<div class="logo bg-white">
|
|
<a href="index.html">
|
|
<img
|
|
src="../static/picture/LogoDark.png"
|
|
alt="images"
|
|
data-retina="logo/LogoDark@2x.png"
|
|
width="168"
|
|
height="38"
|
|
/>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="content-wrap clearfix">
|
|
<div class="nav-wrap">
|
|
<div class="btn-menu">
|
|
<span></span>
|
|
</div>
|
|
<nav class="mainnav" id="mainnav">
|
|
<ul class="menu" id="activeUl">
|
|
<li>
|
|
<a href="index.html">首页</a>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a href="#">橱柜/瓷砖</a>
|
|
<ul class="sub-menu">
|
|
<li>
|
|
<a
|
|
href="page-case-study.html?param=1¶m1=0&type=8&langType=1"
|
|
>古典/哑光砖</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="page-case-study.html?param=1¶m1=1&type=7&langType=1"
|
|
>现代/亮光砖</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="page-case-study.html?param=2&type=5&langType=1"
|
|
>浴室柜/马桶</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="page-case-study.html?param=3&type=6&langType=1"
|
|
>衣柜</a
|
|
>
|
|
</li>
|
|
<!-- <li class="menu-item-has-children">-->
|
|
<!-- <a href="#">门</a>-->
|
|
<!-- <ul class="sub-menu">-->
|
|
<!-- <li>-->
|
|
<!-- <a-->
|
|
<!-- href="page-case-study.html?param=4¶m1=0&type=1&langType=1"-->
|
|
<!-- >实木门</a-->
|
|
<!-- >-->
|
|
<!-- </li>-->
|
|
<!-- <li>-->
|
|
<!-- <a-->
|
|
<!-- href="page-case-study.html?param=4¶m1=1&type=2&langType=1"-->
|
|
<!-- >复合板门</a-->
|
|
<!-- >-->
|
|
<!-- </li>-->
|
|
<!-- </ul>-->
|
|
<!-- </li>-->
|
|
<li class="menu-item-has-children">
|
|
<a href="#">卧室</a>
|
|
<ul class="sub-menu">
|
|
<li>
|
|
<a
|
|
href="page-case-study.html?param=4¶m1=0&type=9&langType=1"
|
|
>床</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="page-case-study.html?param=4¶m1=1&type=10&langType=1"
|
|
>床垫</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item-has-children">
|
|
<a href="#">家具</a>
|
|
<ul class="sub-menu">
|
|
<!-- <li>-->
|
|
<!-- <a-->
|
|
<!-- href="page-case-study.html?param=5¶m1=0&type=3&langType=1"-->
|
|
<!-- >椅子</a-->
|
|
<!-- >-->
|
|
<!-- </li>-->
|
|
<!-- <li>-->
|
|
<!-- <a-->
|
|
<!-- href="page-case-study.html?param=5¶m1=1&type=4&langType=1"-->
|
|
<!-- >组合</a-->
|
|
<!-- >-->
|
|
<!-- </li>-->
|
|
<li>
|
|
<a
|
|
href="page-case-study.html?param=5¶m1=0&type=11&langType=1"
|
|
>客厅</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="page-case-study.html?param=5¶m1=1&type=12&langType=1"
|
|
>餐厅</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- <li>
|
|
<a href="#" id="goBackLink">返回列表</a>
|
|
</li> -->
|
|
<!-- <li><a href="page-contact.html">联系我们</a></li> -->
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="flat-appointment">
|
|
<a
|
|
class="themesflat-button btn-style-one"
|
|
href="page-contact.html"
|
|
>
|
|
<span class="btn-title">联系我们</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="page-title page-title-inner padding-bottom9">
|
|
<div class="overlay-page-tile"></div>
|
|
<div class="page-title-content">
|
|
<div class="container">
|
|
<div class="blog-title color-white" id="subject">
|
|
<h2>Case Study Details</h2>
|
|
<!-- <span
|
|
><a href="index.html" class="hv-color-st1 color-white">
|
|
Home </a
|
|
>Case Study Details</span
|
|
> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="themesflat-spacer clearfix"
|
|
data-desktop="120"
|
|
data-mobile="60"
|
|
data-smobile="50"
|
|
></div>
|
|
<section class="case-studio-details">
|
|
<div class="container">
|
|
<div class="meta-post">
|
|
<div class="image-hover">
|
|
<div class="image boder-style">
|
|
<img
|
|
src="../static/picture/imgstudy1.jpg"
|
|
alt=""
|
|
id="goodsMainPic"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
id="content"
|
|
class="content-post wow fadeInRight animated"
|
|
data-wow-delay="0ms"
|
|
data-wow-duration="1500ms"
|
|
>
|
|
<!-- <div class="tf-post">
|
|
<div class="tftitle-style4">Project Info</div>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
|
|
diam nonumy eirmod tempor invidunt
|
|
</p>
|
|
</div>
|
|
<div class="tf-post">
|
|
<div class="tftitle-style4">Category</div>
|
|
<p>Curabitur elit metus</p>
|
|
</div>
|
|
<div class="tf-post">
|
|
<div class="tftitle-style4">Date</div>
|
|
<p>April 24, 2021</p>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="themesflat-spacer clearfix"
|
|
data-desktop="42"
|
|
data-mobile="30"
|
|
data-smobile="20"
|
|
></div>
|
|
</section>
|
|
<section class="info-project">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="tf-information">
|
|
<div class="title-section wow fadeInDown">
|
|
<div class="flat-title">介绍</div>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
|
|
diam nonumy eirmod tempor invidunt ut labore et dolore magna
|
|
aliquyam erat, sed diam voluptua. At vero eos et accusam et
|
|
justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
|
sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem
|
|
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
|
|
nonumy eirmod tempor invidunt ut labore et dolore magna
|
|
aliquyam erat, sed diam
|
|
</p>
|
|
</div>
|
|
<div class="image-hover none" id="isShow">
|
|
<div class="image">
|
|
<img
|
|
src="../static/picture/imgcase2.jpg"
|
|
alt=""
|
|
id="goodsAssistantPic"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 none" id="isShow">
|
|
<div class="tf-information-style2">
|
|
<div class="title-section">
|
|
<div class="flat-title">Our Main Goals</div>
|
|
<!-- <p>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
|
|
diam nonumy eirmod tempor invidunt ut labore et dolore magna
|
|
aliquyam erat, sed diam voluptua. At vero eos et accusam et
|
|
justo duo dolores
|
|
</p> -->
|
|
</div>
|
|
<ul class="icon-box-infor">
|
|
<li class="none flex clearfix">
|
|
<span class="number">1</span>
|
|
<div class="tf-icon-box">
|
|
<a href="#">Quality Control System</a>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
|
|
sed diam nonumy
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="none flex clearfix box-style">
|
|
<span class="number number-style2">2</span>
|
|
<div class="tf-icon-box">
|
|
<a href="#">Highly Professional Staff</a>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
|
|
sed diam nonumy
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="none flex clearfix">
|
|
<span class="number number-style2">3</span>
|
|
<div class="tf-icon-box">
|
|
<a href="#">Quality Control System</a>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
|
|
sed diam nonumy
|
|
</p>
|
|
</div>
|
|
</li>
|
|
<li class="none flex clearfix box-style">
|
|
<span class="number number-style2">4</span>
|
|
<div class="tf-icon-box">
|
|
<a href="#">Highly Professional Staff</a>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
|
|
sed diam nonumy
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="themesflat-spacer clearfix"
|
|
data-desktop="77"
|
|
data-mobile="40"
|
|
data-smobile="30"
|
|
></div>
|
|
<div class="tag-social"></div>
|
|
</div>
|
|
<div
|
|
class="themesflat-spacer clearfix"
|
|
data-desktop="118"
|
|
data-mobile="40"
|
|
data-smobile="30"
|
|
></div>
|
|
</section>
|
|
|
|
<!-- 轮播-->
|
|
<section class="portfolio-slider" id="swiper">
|
|
<div class="container">
|
|
<div class="portfolio-nav bg-white clearfix">
|
|
<div class="title-nav title-nav-style flex">
|
|
<div class="title-section wow fadeInDown">
|
|
<div class="flat-title color-style1">展示墙</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper">
|
|
<div class="swiper-wrapper" id="otherPicTarget">
|
|
</div>
|
|
<!-- 如果需要分页器 -->
|
|
<!-- <div class="swiper-pagination"></div>-->
|
|
|
|
<!-- 如果需要导航按钮 -->
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
|
|
<!-- 如果需要滚动条 -->
|
|
<div class="swiper-scrollbar"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div
|
|
class="themesflat-spacer clearfix"
|
|
data-desktop="120"
|
|
data-mobile="60"
|
|
data-smobile="50"
|
|
></div>
|
|
</section>
|
|
<footer id="MyFooter" style="margin-top: 120px;">
|
|
<div class="company">
|
|
<h4>公司</h4>
|
|
<img src="../logo/LogoDark.png" alt=""/>
|
|
<div class="footer-address">
|
|
地址: 佛山市顺德区大福路
|
|
</div>
|
|
<div>
|
|
<a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2023146617号-1</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact">
|
|
<h4>联系我们</h4>
|
|
<div>
|
|
<div class="left">
|
|
<img src="../static/image/mail.png" alt=""/>
|
|
</div>
|
|
<div class="right">
|
|
pychrhome@gmail.com
|
|
<br />
|
|
info@pychr.com
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="left">
|
|
<img src="../static/image/phone-iphone.png" alt=""/>
|
|
</div>
|
|
<div class="right">+86 15899804788</div>
|
|
</div>
|
|
<div>
|
|
<div class="left">
|
|
<img src="../static/image/whatapp.png" alt=""/>
|
|
</div>
|
|
<div class="right">+86 15899804788</div>
|
|
</div>
|
|
</div>
|
|
<div class="useful-links">
|
|
<h4>快速链接</h4>
|
|
<ul>
|
|
<li><a href="index.html">首页</a></li>
|
|
<!-- <li>-->
|
|
<!-- <a href="page-case-study.html?param=4¶m1=0&type=1&langType=1">-->
|
|
<!-- 门类-->
|
|
<!-- </a>-->
|
|
<!-- </li>-->
|
|
<li>
|
|
<a href="page-case-study.html?param=4¶m1=0&type=9&langType=1">
|
|
卧室类
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="page-case-study.html?param=1¶m1=0&type=8&langType=1">
|
|
橱柜类
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="page-case-study.html?param=2&type=5&langType=1">
|
|
浴室柜
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="page-case-study.html?param=3&type=6&langType=1">
|
|
衣柜
|
|
</a>
|
|
</li>
|
|
<!-- <li>-->
|
|
<!-- <a href="page-case-study.html?param=5¶m1=1&type=4&langType=1">-->
|
|
<!-- 组合-->
|
|
<!-- </a>-->
|
|
<!-- </li>-->
|
|
<!-- <li>-->
|
|
<!-- <a href="page-case-study.html?param=5¶m1=0&type=3&langType=1">-->
|
|
<!-- 椅子-->
|
|
<!-- </a>-->
|
|
<!-- </li>-->
|
|
<li>
|
|
<a href="page-case-study.html?param=5¶m1=1&type=12&langType=1">
|
|
餐厅
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="page-case-study.html?param=5¶m1=0&type=11&langType=1">
|
|
客厅
|
|
</a>
|
|
</li>
|
|
<li><a href="page-contact.html">联系我们</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<div class="button-go-top">
|
|
<a href="#" title="" class="go-top">
|
|
<i class="fa fa-chevron-up"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<script
|
|
data-cfasync="false"
|
|
src="../static/js/email-decode.min.js"
|
|
></script>
|
|
<script src="../static/js/jquery.min.js"></script>
|
|
<script src="../static/js/plugins.js"></script>
|
|
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
|
|
<script src="../static/js/parallax.js"></script>
|
|
<script type="text/javascript" src="../static/js/jquery.easing.js"></script>
|
|
<script type="text/javascript" src="../static/js/jquery.cookie.js"></script>
|
|
<script type="text/javascript" src="../static/js/waypoints.min.js"></script>
|
|
<script type="text/javascript" src="../static/js/main.js"></script>
|
|
<script type="text/javascript" src="../static/js/wow.min.js"></script>
|
|
<script
|
|
type="text/javascript"
|
|
src="../static/js/owl.carousel.min.js"
|
|
></script>
|
|
<script type="text/javascript" src="../static/js/animsition.js"></script>
|
|
<script src="../static/js/details.js"></script>
|
|
<script src="../static/js/tourl.js"></script>
|
|
<script src="../static/js/swiper/swiper-bundle.min.js"></script>
|
|
</body>
|
|
</html>
|