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.

1491 lines
76 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head>
<meta charset="UTF-8"/>
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"
/><![endif]-->
<title>Pychr Building</title>
<meta content="themsflat.com" name="author"/>
<meta
content="width=device-width, initial-scale=1, maximum-scale=1"
name="viewport"
/>
<link href="../static/css/style.css" rel="stylesheet" type="text/css"/>
<link
href="../static/css/shortcodes.css"
rel="stylesheet"
type="text/css"
/>
<link href="../static/css/color.css" rel="stylesheet" type="text/css"/>
<link href="../static/css/animate.css" rel="stylesheet" type="text/css"/>
<link
href="../static/css/responsive.css"
rel="stylesheet"
type="text/css"
/>
<link href="../static/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="../static/css/bootstrap.css"/>
<link href="../static/css/MyStyle.css" rel="stylesheet" type="text/css"/>
<style>
.tf-section {
padding: 120px 0;
}
.btn-main {
padding-top: 50px;
}
.btn-main a {
position: relative;
z-index: 99;
padding: 21px 45px 21px 50px;
border-radius: 3px;
background: #ffa800;
color: #11161e;
font-size: 18px;
line-height: 2.667;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0;
font-family: "Oswald", sans-serif;
}
.btn-main a::before {
content: "";
width: 34px;
height: 100%;
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #d98f00;
position: absolute;
z-index: 9;
top: 0;
left: 0;
}
.btn-main a:hover:before {
width: 100% !important;
border-bottom-right-radius: 3px !important;
border-top-right-radius: 3px !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #d98f00;
color: #11161e !important;
position: absolute;
z-index: 9;
top: 0;
left: 0;
}
.btn-main a span.more {
position: relative;
z-index: 99;
}
.btn-main a span.icon {
position: absolute;
left: -41px;
top: -15px;
}
.section-about .intro-content h4.sub-title {
text-transform: uppercase;
color: #ffa800;
margin: 0 0 5px;
}
.section-about .intro-content h3.title {
position: relative;
z-index: 99;
display: inline-block;
text-transform: uppercase;
color: #11161e;
font-size: 32px;
font-weight: 400;
line-height: 1.313em;
}
.section-about .intro-content h3.title span {
position: relative;
z-index: 99;
}
.section-about .intro-content h3.title::before {
content: "";
position: absolute;
z-index: 9;
top: 0;
right: -9px;
width: 25px;
height: 25px;
background: #ffa800;
border-radius: 50%;
}
.section-about .intro-content h5.description {
font-size: 18px;
font-weight: 400;
letter-spacing: -0.05px;
line-height: 1.667em;
padding-top: 36px;
color: #11161e;
}
.section-about .intro-content p.text {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.75em;
color: #777;
padding-right: 75px;
padding-top: 16px;
padding-bottom: 24px;
color: #777;
}
.img-box {
position: relative;
width: 620px;
height: 600px;
}
.img-box img {
position: absolute;
width: 240px;
/* height: 370px; */
}
</style>
</head>
<body class="counter-scroll header-fixed header_sticky">
<div class="animsition boxed blog">
<header class="header" id="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="#" title="123456"
><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="97fef9f1f8d7e0f2f5e4fee3f2b9f4f8fa"
>info@pychr.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 alt="images" src="../static/picture/Logolight.png"/>
</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
class="current-menu current-menu-item current-menu-ancestor"
>
<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&param1=0&type=8&langType=1"
>古典/哑光砖</a
>
</li>
<li>
<a
href="page-case-study.html?param=1&param1=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&param1=0&type=1&langType=1"-->
<!-- >实木门</a-->
<!-- >-->
<!-- </li>-->
<!-- <li>-->
<!-- <a-->
<!-- href="page-case-study.html?param=4&param1=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&param1=0&type=9&langType=1"
></a
>
</li>
<li>
<a
href="page-case-study.html?param=4&param1=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&param1=0&type=3&langType=1"-->
<!-- >椅子</a-->
<!-- >-->
<!-- </li>-->
<!-- <li>-->
<!-- <a-->
<!-- href="page-case-study.html?param=5&param1=1&type=4&langType=1"-->
<!-- >组合</a-->
<!-- >-->
<!-- </li>-->
<li>
<a
href="page-case-study.html?param=5&param1=0&type=11&langType=1"
>客厅</a
>
</li>
<li>
<a
href="page-case-study.html?param=5&param1=1&type=12&langType=1"
>餐厅</a
>
</li>
</ul>
</li>
<!-- <li class="menu-item-has-children">
<a href="#">语言</a>
<ul class="sub-menu">
<li>
<a href="lang">English</a>
</li>
<li>
<a href="lang">中文</a>
</li>
</ul>
</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 padding-bottom31">
<div class="container">
<div class="flat-slider clearfix">
<div class="rev_slider_wrapper fullwidthbanner-container">
<div class="rev_slider fullwidthabanner" id="rev-slider1">
<ul>
<li data-transition="random">
<div
class="tp-caption tp-resizeme text-one"
data-fontsize="['16','16','16','16']"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-lineheight="['30','30','30','30']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="700"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['-205','-170','-170','-250']"
data-whitespace="normal"
data-width="full"
data-x="['center','left','left','left']"
data-y="['middle','middle','middle','middle']"
>
<span class="title1">Fonsetetur sadipscing</span>
</div>
<div
class="tp-caption tp-resizeme text-two"
data-fontsize="['70','70','50','40']"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-lineheight="['68','68','64','52']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="1100"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['-105','-70','-70','-150']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','left']"
data-y="['middle','middle','middle','middle']"
>
<h1 class="title2">The Futurist</h1>
</div>
<div
class="tp-caption tp-resizeme text-two"
data-fontsize="['70','70','50','40']"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-lineheight="['68','68','64','52']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="1300"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['-37','20','0','-40']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','left']"
data-y="['middle','middle','middle','middle']"
>
<h1 class="title2">Windows & Doors</h1>
</div>
<div
class="tp-caption tp-resizeme divider"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="1500"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['27','60','70','50']"
data-whitespace="normal"
data-width="500"
data-x="['left','left','left','left']"
data-y="['middle','middle','middle','middle']"
></div>
<div
class="tp-caption tp-resizeme text-three"
data-fontsize="['16','16','16','16']"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-lineheight="['30','28','28','28']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="1900"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['81','110','150','140']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','left']"
data-y="['middle','middle','middle','middle']"
>
Fonsetetur sadipscing elitr, sed diam nonumy eirmod tempor
<br/>
invidunt ut labore et dolore magna aliquyam
</div>
<div
class="tp-caption btn-text btn-linear hv-linear-gradient"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="2500"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['173','200','250','250']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
>
<a
class="themesflat-button-style2 btn-style-two"
href="page-contact.html"
>
<span class="btn-title">GET A QUOTE</span></a
>
</div>
<div
class="tp-caption tp-resizeme image-slider text-right"
data-height="none"
data-hoffset="['-1','0','10','140']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="100"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['0','0','0,'0']"
data-whitespace="normal"
data-width="full"
data-x="['right','right','center','center']"
>
<img
alt="images"
class="img-center wow jackInTheBox"
src="../static/picture/imgslide.png"
/>
</div>
<div
class="tp-caption tp-resizeme text-three text-image"
data-fontsize="['31','12','12','12']"
data-height="none"
data-hoffset="['695','500','280','-210']"
data-lineheight="['43','28','28','28']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="800"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['294','324','325','105']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','right']"
data-y="['middle','middle','middle','middle']"
>
<h5>minimalism.</h5>
</div>
</li>
<li data-transition="random">
<div
class="tp-caption tp-resizeme text-one"
data-fontsize="['16','16','16','16']"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-lineheight="['30','30','30','30']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="700"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['-205','-170','-170','-250']"
data-whitespace="normal"
data-width="full"
data-x="['center','left','left','left']"
data-y="['middle','middle','middle','middle']"
>
<span class="title1">Fonsetetur sadipscing</span>
</div>
<div
class="tp-caption tp-resizeme text-two"
data-fontsize="['70','70','50','40']"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-lineheight="['68','68','64','52']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="1100"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['-105','-70','-70','-150']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','left']"
data-y="['middle','middle','middle','middle']"
>
<h1 class="title2">The Futurist</h1>
</div>
<div
class="tp-caption tp-resizeme text-two"
data-fontsize="['70','70','50','40']"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-lineheight="['68','68','64','52']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="1300"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['-37','20','0','-40']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','left']"
data-y="['middle','middle','middle','middle']"
>
<h1 class="title2">Windows & Doors</h1>
</div>
<div
class="tp-caption tp-resizeme divider"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="1500"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['27','60','70','50']"
data-whitespace="normal"
data-width="500"
data-x="['left','left','left','left']"
data-y="['middle','middle','middle','middle']"
></div>
<div
class="tp-caption tp-resizeme text-three"
data-fontsize="['16','16','16','16']"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-lineheight="['30','28','28','28']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="1900"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['81','110','150','140']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','left']"
data-y="['middle','middle','middle','middle']"
>
Fonsetetur sadipscing elitr, sed diam nonumy eirmod tempor
<br/>
invidunt ut labore et dolore magna aliquyam
</div>
<div
class="tp-caption btn-text btn-linear hv-linear-gradient"
data-height="none"
data-hoffset="['0','30','10','-10']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="2500"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['173','200','250','250']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','center']"
data-y="['middle','middle','middle','middle']"
>
<a
class="themesflat-button-style2 btn-style-two"
href="page-contact.html"
>
<span class="btn-title">GET A QUOTE</span></a
>
</div>
<div
class="tp-caption tp-resizeme image-slider text-right"
data-height="none"
data-hoffset="['-1','0','10','140']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="100"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['0','0','0,'0']"
data-whitespace="normal"
data-width="full"
data-x="['right','right','center','center']"
>
<img
alt="images"
class="img-center wow jackInTheBox"
src="../static/picture/imgslide.png"
/>
</div>
<div
class="tp-caption tp-resizeme text-three text-image"
data-fontsize="['31','12','12','12']"
data-height="none"
data-hoffset="['695','500','280','-210']"
data-lineheight="['43','28','28','28']"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-responsive_offset="on"
data-splitin="none"
data-splitout="none"
data-start="800"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-voffset="['294','324','325','105']"
data-whitespace="normal"
data-width="full"
data-x="['center','center','center','right']"
data-y="['middle','middle','middle','middle']"
>
<h5>minimalism.</h5>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="slider-imgleft">
<img alt="images" src="../static/picture/imgleft.png"/>
</div>
</div>
</div>
<section class="tf-section section-about">
<div class="container">
<div class="row flex-column-reverse flex-lg-row">
<div class="col-md-12 col-lg-5">
<div class="intro-content wow fadeInDown" data-wow-delay="400ms">
<h4 class="sub-title">About Us</h4>
<h3 class="title">
<span>佛山市栢色建材有限公司 <br/> </span>
</h3>
<h5 class="description">
栢色建材有限公司扎根于中国陶瓷之乡广东省佛山市(同时以生产各种家具,卫浴,门窗等建材产品闻名于世,工厂位于顺德区)
</h5>
<p class="text">
公司具有超过10年为海内外无数客户提供各种一站式高端服务的经验不仅能向客户提供各种高品质的建材产品还能为客户量身打造适合客户的定制家居和建设解决方案
</p>
<p class="text">
我们的产品和服务远销世界超过30个国家包括中东非洲欧洲东南亚和美洲等地区热烈欢迎新老客户联系咨询和洽谈业务
</p>
</div>
<div class="btn-main wow fadeInLeft" data-wow-delay="400ms">
<a href="page-contact.html"
><span class="more"
>了解更多
<span class="icon"><i class="fas fa-plus"></i></span></span
></a>
</div>
</div>
<div class="col-md-12 col-lg-7 wow fadeInRight">
<div class="image-about up-down">
<img src="../static/image/indexImg.png" alt="" style="margin-top:26px;"/>
</div>
</div>
</div>
</div>
</section>
<section class="testimonials" style="padding-top: 120px">
<div class="container">
<div class="row">
<div class="testimonials-style">
<div class="col-md-4 box-testimonials">
<div class="title-section wow fadeInDown">
<div class="sub-title margin5-16 color-style5">
客户评价
</div>
<div class="flat-title color-white">我们的成就</div>
</div>
<div
class="icon-list clearfix margin-top75 wow slideInLeft animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="box">
<div class="icon-material"></div>
<div class="material margintop-14">
<span
class="number"
data-from="0"
data-inviewport="yes"
data-speed="2000"
data-to="10"
>10</span
><span class="number-end"></span>
<div class="text">经验</div>
</div>
</div>
<div class="box box2-style margin50-44">
<div class="icon-heart"></div>
<div class="heart margintop-24">
<span
class="number"
data-from="0"
data-inviewport="yes"
data-speed="2000"
data-to="100"
>100</span
><span class="number-end">%</span>
<div class="text line-height24">客户满意度</div>
</div>
</div>
<div class="box">
<div class="icon-ios-people"></div>
<div class="people margin-top-20">
<span
class="number"
data-from="0"
data-inviewport="yes"
data-speed="2000"
data-to="1000"
>1,000</span
><span class="number-end">+</span>
<div class="text line-height26">工程/客户</div>
</div>
</div>
</div>
</div>
<div class="col-md-8 carosel-testimonials">
<h2 class="flex color-white" style="justify-content: center">和我们合作的客户群体</h2>
<div
class="flat-carousel-box clearfix"
data-column="2"
data-column2="2"
data-column3="1"
data-dots="false"
data-gap="30"
data-loop="true"
data-nav="false"
data-zero="0"
>
<div
class="owl-carousel margin-top54 wow fadeInRight animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="boxtestimonial">
<div class="image-box">
<div class="image boder-style2">
<img
alt="images"
src="../static/picture/imgtestimonio2.jpg"
style="height: auto"
/>
</div>
<div class="content-box">
<h5>
<span class="color-style1">业主/建筑商/承包商</span>
</h5>
<!-- <p class="color-style1">建筑商</p>-->
</div>
</div>
<p class="tf-testimonial color-style1">
向业主/建筑商/承包商提供高质量低成本的建筑材料和解决方案,为业主筑成一个五星级的家。
</p>
</div>
<div class="boxtestimonial">
<div class="image-box">
<div class="image boder-style2">
<img
alt="images"
src="../static/picture/imgtestimonio1.jpg"
style="height: auto"
/>
</div>
<div class="content-box">
<h5>
<span class="color-style1">经销商/设计师</span>
</h5>
<!-- <p class="color-style1">设计师</p>-->
</div>
</div>
<p class="tf-testimonial color-style1">
与众多经销商和设计师合作,提供最优质和全面的一站式产品选购服务,专业性和满意度高。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="themesflat-spacer clearfix"
data-desktop="124"
data-mobile="60"
data-smobile="50"
></div>
</section>
<section class="what-we-do bg-color" id="what-we-do" style="margin-top: 120px;">
<div class="container">
<div class="row">
<div class="what-we-do-content what-we-do-content-style">
<div
class="themesflat-spacer clearfix"
data-desktop="119"
data-mobile="60"
data-smobile="50"
></div>
<div class="content-whatwedo content-style2 clearfix">
<div class="content-service-title">
<div class="title-section wow fadeInDown">
<div class="sub-title">主要业务</div>
<div class="flat-title color-white">为您服务</div>
</div>
</div>
</div>
<div
class="themesflat-spacer clearfix"
data-desktop="47"
data-mobile="30"
data-smobile="25"
></div>
<div class="col-sm-4">
<div
class="image-box wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="image">
<img
alt="images"
src="https://cdn.pychr.com/pychr/PKS0007.jpg"
/>
</div>
<div class="title-imagebox">
<h4 class="text-center">
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=1"
>古典橱柜</a
>
</h4>
</div>
<div class="content-imagebox">
<p class="text-center">
请联系以获取更多信息 - pychrhome@gmail.com
</p>
</div>
<div class="button-imagebox">
<a
href="page-case-study.html?param=1&param1=0&type=8&langType=1"
><i class="icon-iconarrow-right"></i
></a>
</div>
</div>
</div>
<div class="col-sm-4">
<div
class="image-box wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="image">
<img
alt="images"
src="https://cdn.pychr.com/pychr/PKAG0001.jpg"
/>
</div>
<div class="title-imagebox">
<h4 class="text-center">
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=1"
>现代橱柜</a
>
</h4>
</div>
<div class="content-imagebox">
<p class="text-center">
请联系以获取更多信息 - pychrhome@gmail.com
</p>
</div>
<div class="button-imagebox">
<a
href="page-case-study.html?param=1&param1=1&type=7&langType=1"
><i class="icon-iconarrow-right"></i
></a>
</div>
</div>
</div>
<div class="col-sm-4">
<div
class="image-box wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="image">
<img
alt="images"
src="https://cdn.pychr.com/pychr/8809.jpg"
/>
</div>
<div class="title-imagebox">
<h4 class="text-center">
<a href="page-case-study.html?param=2&type=5&langType=1"
>浴室柜</a
>
</h4>
</div>
<div class="content-imagebox">
<p class="text-center">
请联系以获取更多信息 - pychrhome@gmail.com
</p>
</div>
<div class="button-imagebox">
<a href="page-case-study.html?param=2&type=5&langType=1"
><i class="icon-iconarrow-right"></i
></a>
</div>
</div>
</div>
<div class="col-sm-4">
<div
class="image-box wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="image">
<img
alt="images"
src="https://cdn.pychr.com/pychr/PCG0008.jpg"
/>
</div>
<div class="title-imagebox">
<h4 class="text-center">
<a href="page-case-study.html?param=3&type=6&langType=1"
>衣柜</a
>
</h4>
</div>
<div class="content-imagebox">
<p class="text-center">
请联系以获取更多信息 - pychrhome@gmail.com
</p>
</div>
<div class="button-imagebox">
<a href="page-case-study.html?param=2&type=6&langType=1"
><i class="icon-iconarrow-right"></i
></a>
</div>
</div>
</div>
<!-- <div class="col-sm-4">-->
<!-- <div-->
<!-- class="image-box wow fadeInUp animated"-->
<!-- data-wow-delay="0ms"-->
<!-- data-wow-duration="1500ms"-->
<!-- >-->
<!-- <div class="image">-->
<!-- <img-->
<!-- alt="images"-->
<!-- src="https://cdn.pychr.com/pychr/PFC0001.jpg"-->
<!-- />-->
<!-- </div>-->
<!-- <div class="title-imagebox">-->
<!-- <h4 class="text-center">-->
<!-- <a href="page-case-study.html?param=5&param1=0&type=3&langType=1"-->
<!-- >椅子</a-->
<!-- >-->
<!-- </h4>-->
<!-- </div>-->
<!-- <div class="content-imagebox">-->
<!-- <p class="text-center">-->
<!-- 请联系以获取更多信息 - pychrhome@gmail.com-->
<!-- </p>-->
<!-- </div>-->
<!-- <div class="button-imagebox">-->
<!-- <a href="page-case-study.html?param=5&param1=0&type=3&langType=1"-->
<!-- ><i class="icon-iconarrow-right"></i-->
<!-- ></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="col-sm-4">
<div
class="image-box wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="image">
<img
alt="images"
src="https://cdn.pychr.com/pychr/首页客厅封面图.jpg"
/>
</div>
<div class="title-imagebox">
<h4 class="text-center">
<a href="page-case-study.html?param=5&param1=0&type=11&langType=1"
>客厅</a
>
</h4>
</div>
<div class="content-imagebox">
<p class="text-center">
请联系以获取更多信息 - pychrhome@gmail.com
</p>
</div>
<div class="button-imagebox">
<a href="page-case-study.html?param=5&param1=0&type=11&langType=1"
><i class="icon-iconarrow-right"></i
></a>
</div>
</div>
</div>
<!-- <div class="col-sm-4">-->
<!-- <div-->
<!-- class="image-box wow fadeInUp animated"-->
<!-- data-wow-delay="0ms"-->
<!-- data-wow-duration="1500ms"-->
<!-- >-->
<!-- <div class="image">-->
<!-- <img-->
<!-- alt="images"-->
<!-- src="https://cdn.pychr.com/pychr/PFC32210.jpg"-->
<!-- />-->
<!-- </div>-->
<!-- <div class="title-imagebox">-->
<!-- <h4 class="text-center">-->
<!-- <a href="page-case-study.html?param=5&param1=1&type=4&langType=1"-->
<!-- >组合</a-->
<!-- >-->
<!-- </h4>-->
<!-- </div>-->
<!-- <div class="content-imagebox">-->
<!-- <p class="text-center">-->
<!-- 请联系以获取更多信息 - pychrhome@gmail.com-->
<!-- </p>-->
<!-- </div>-->
<!-- <div class="button-imagebox">-->
<!-- <a href="page-case-study.html?param=5&param1=1&type=4&langType=1"-->
<!-- ><i class="icon-iconarrow-right"></i-->
<!-- ></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="col-sm-4">
<div
class="image-box wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="image">
<img
alt="images"
src="https://cdn.pychr.com/pychr/首页餐厅封面图.jpg"
/>
</div>
<div class="title-imagebox">
<h4 class="text-center">
<a href="page-case-study.html?param=5&param1=1&type=12&langType=1"
>餐厅</a
>
</h4>
</div>
<div class="content-imagebox">
<p class="text-center">
请联系以获取更多信息 - pychrhome@gmail.com
</p>
</div>
<div class="button-imagebox">
<a href="page-case-study.html?param=5&param1=1&type=12&langType=1"
><i class="icon-iconarrow-right"></i
></a>
</div>
</div>
</div>
<!-- <div class="col-sm-4">-->
<!-- <div-->
<!-- class="image-box wow fadeInUp animated"-->
<!-- data-wow-delay="0ms"-->
<!-- data-wow-duration="1500ms"-->
<!-- >-->
<!-- <div class="image">-->
<!-- <img-->
<!-- alt="images"-->
<!-- src="https://cdn.pychr.com/pychr/PDSW0002.jpg"-->
<!-- />-->
<!-- </div>-->
<!-- <div class="title-imagebox">-->
<!-- <h4 class="text-center">-->
<!-- <a href="page-case-study.html?param=4&param1=0&type=1&langType=1"-->
<!-- >实木门</a-->
<!-- >-->
<!-- </h4>-->
<!-- </div>-->
<!-- <div class="content-imagebox">-->
<!-- <p class="text-center">-->
<!-- 请联系以获取更多信息 - pychrhome@gmail.com-->
<!-- </p>-->
<!-- </div>-->
<!-- <div class="button-imagebox">-->
<!-- <a href="page-case-study.html?param=4&param1=0&type=1&langType=1"-->
<!-- ><i class="icon-iconarrow-right"></i-->
<!-- ></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-sm-4">-->
<!-- <div-->
<!-- class="image-box wow fadeInUp animated"-->
<!-- data-wow-delay="0ms"-->
<!-- data-wow-duration="1500ms"-->
<!-- >-->
<!-- <div class="image">-->
<!-- <img-->
<!-- alt="images"-->
<!-- src="https://cdn.pychr.com/pychr/PDCW0001.jpg"-->
<!-- />-->
<!-- </div>-->
<!-- <div class="title-imagebox">-->
<!-- <h4 class="text-center">-->
<!-- <a href="page-case-study.html?param=4&param1=1&type=2&langType=1"-->
<!-- >复合板门</a-->
<!-- >-->
<!-- </h4>-->
<!-- </div>-->
<!-- <div class="content-imagebox">-->
<!-- <p class="text-center">-->
<!-- 请联系以获取更多信息 - pychrhome@gmail.com-->
<!-- </p>-->
<!-- </div>-->
<!-- <div class="button-imagebox">-->
<!-- <a href="page-case-study.html?param=4&param1=1&type=2&langType=2"-->
<!-- ><i class="icon-iconarrow-right"></i-->
<!-- ></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="col-sm-4">
<div
class="image-box wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="image">
<img
alt="images"
src="https://cdn.pychr.com/pychr/首页床封面图.jpg"
/>
</div>
<div class="title-imagebox">
<h4 class="text-center">
<a href="page-case-study.html?param=4&param1=0&type=9&langType=1"
></a
>
</h4>
</div>
<div class="content-imagebox">
<p class="text-center">
请联系以获取更多信息 - pychrhome@gmail.com
</p>
</div>
<div class="button-imagebox">
<a href="page-case-study.html?param=4&param1=0&type=9&langType=1"
><i class="icon-iconarrow-right"></i
></a>
</div>
</div>
</div>
<div class="col-sm-4">
<div
class="image-box wow fadeInUp animated"
data-wow-delay="0ms"
data-wow-duration="1500ms"
>
<div class="image">
<img
alt="images"
src="https://cdn.pychr.com/pychr/首页床垫封面图.jpg"
/>
</div>
<div class="title-imagebox">
<h4 class="text-center">
<a href="page-case-study.html?param=4&param1=1&type=10&langType=1"
>床垫</a
>
</h4>
</div>
<div class="content-imagebox">
<p class="text-center">
请联系以获取更多信息 - pychrhome@gmail.com
</p>
</div>
<div class="button-imagebox">
<a href="page-case-study.html?param=4&param1=1&type=10&langType=2"
><i class="icon-iconarrow-right"></i
></a>
</div>
</div>
</div>
</div>
</div>
<div
class="themesflat-spacer clearfix"
data-desktop="145"
data-mobile="60"
data-smobile="50"
></div>
</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&param1=0&type=1&langType=1">-->
<!-- 门类-->
<!-- </a>-->
<!-- </li>-->
<li>
<a href="page-case-study.html?param=4&param1=0&type=9&langType=1">
卧室类
</a>
</li>
<li>
<a href="page-case-study.html?param=1&param1=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&param1=1&type=4&langType=1">-->
<!-- 组合-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="page-case-study.html?param=5&param1=0&type=3&langType=1">-->
<!-- 椅子-->
<!-- </a>-->
<!-- </li>-->
<li>
<a href="page-case-study.html?param=5&param1=1&type=12&langType=1">
餐厅
</a>
</li>
<li>
<a href="page-case-study.html?param=5&param1=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 class="go-top" href="#" title="">
<i class="fa fa-chevron-up"></i>
</a>
<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
src="../static/js/bootstrap.min.js"
type="text/javascript"
></script>
<script src="../static/js/parallax.js"></script>
<script
src="../static/js/jquery-countTo.js"
type="text/javascript"
></script>
<script src="../static/js/main.js" type="text/javascript"></script>
<script
src="../static/js/jquery.easing.js"
type="text/javascript"
></script>
<script
src="../static/js/jquery.cookie.js"
type="text/javascript"
></script>
<script
src="../static/js/waypoints.min.js"
type="text/javascript"
></script>
<script src="../static/js/wow.min.js" type="text/javascript"></script>
<script src="../static/js/animsition.js" type="text/javascript"></script>
<script
src="../static/js/owl.carousel.min.js"
type="text/javascript"
></script>
<script src="../static/js/jquery.themepunch.revolution.min.js"></script>
<script src="../static/js/jquery.themepunch.tools.min.js"></script>
<script src="../static/js/rev-slider.js"></script>
<script src="../static/js/extensionsrevolution.extension.actions.min.js"></script>
<script src="../static/js/extensionsrevolution.extension.carousel.min.js"></script>
<script src="../static/js/extensionsrevolution.extension.kenburn.min.js"></script>
<script src="../static/js/extensionsrevolution.extension.layeranimation.min.js"></script>
<script src="../static/js/extensionsrevolution.extension.migration.min.js"></script>
<script src="../static/js/extensionsrevolution.extension.navigation.min.js"></script>
<script src="../static/js/extensionsrevolution.extension.parallax.min.js"></script>
<script src="../static/js/extensionsrevolution.extension.slideanims.min.js"></script>
<script src="../static/js/extensionsrevolution.extension.video.min.js"></script>
<script src="../static/js/newMain.js"></script>
<script src="../static/js/tourl.js"></script>
</div>
</body>
</html>