﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>DongGuan XinYuan Curtain Wall Engineeging Co.,Ltd.</title>
<meta name="keywords" content="DongGuan XinYuan Curtain Wall Engineeging Co.,Ltd." />
<meta name="description" content="DongGuan XinYuan Curtain Wall Engineeging Co.,Ltd." />
<link rel="stylesheet" type="text/css" href="css/css.css">
<link rel="stylesheet" type="text/css" href="../css/animate.min.css">
<link rel="stylesheet" type="text/css" href="../css/baguetteBox.min.css">
<link rel="stylesheet" type="text/css" href="../css/font-awesome.css">
<link rel="stylesheet" type="text/css"  href="../css/swiper.min.css">
<script language="JavaScript" type="text/JavaScript" src="../js/jquery-1.11.1.min.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/images.js"></script>
<link rel="stylesheet" type="text/css" href="css/menus.css">
<script language="JavaScript" type="text/JavaScript" src="../js/menus.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/clearbox.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/MSClass.js"></script>
<script language="JavaScript" type="text/javascript" src="../js/baguetteBox.min.js"></script>
<script language="JavaScript" type="text/javascript" src="../js/pubul.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/wow.min.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../js/publics.js"></script>
</head>
<body>
<div class="header bai"  >
<div class="main">

<div class="fl">

<div class="navbar">
	<div class="nav-container">
		<div class="navbar-menu">
			<span class="top"></span> <span class="menu mid"></span> <span class="menu bottom"></span>
		</div>
		
		<a href="index.php" class="navbar-logo">
			<img src="../images/logow.png" class="logo1" style="display:none;">
			<img src="../images/logo.png" class="logo2" style="display: block;">
		</a>
		
<div class="collapse">
<ul class="navbar-nav">	
 <li>
            		<a class="language-icon" href="javascript:void(0)">
                		<img src="../images/language.png" width="20px">                	</a>
                	<!--<a class="language lan-act" href="javascript:void(0);">中文</a>-->
                
                	<a class="language " href="../">中文</a>  </li>
<li><a href="index.php">Home</a></li>
<li class="menu-item-1"><a href="about.php">About Us</a>
<div class="dropdown-box">
								<div class="box1">
									<div class="product-list">
									    
<a href="about.php#1" >Company Profile</a><a href="about.php#2" >History</a><a href="about.php#5" >Culture</a><a href="about.php#4" >Partner</a><a href="company.php">Subsidiary</a>
									</div>
								</div>
				</div>
</li>
<li><a href="honor.php">Honor</a></li>
<li class="menu-item-1"><a href="product.php">Engineering</a>
<div class="dropdown-box">
								<div class="box1">
									<div class="product-list">
																				
										<a href="product.php?cid=430">Curtain Wall</a>
								
										<a href="product.php?cid=456">Doors and windows</a>
								
										<a href="product.php?cid=499">Fire Window</a>
										
									  </div>
									
								</div>
								
							</div></li>
<li class="menu-item-1"><a href="news.php">News</a>
<div class="dropdown-box">
								<div class="box1">
									<div class="product-list">
																				
										  <a href="news.php?cid=466">Company News</a>
								
										  <a href="news.php?cid=467">Industry News</a>
										
									  </div>
									
								</div>
								
							</div></li>
<li><a href="jobs.php">Recruitment</a></li>
<li><a href="contact.php">Contact Us</a></li>

</ul>	
</div>
		
		
		
	</div>
</div>

</div>

<div class="wap_none">

<div class="fr edition"><dl class="select">
<a href="../">中文</a>
</dl></div>


</div>

<div class="clear"></div>

</div>

</div>
</div>
<div class="top_h"></div><link rel="stylesheet" type="text/css" href="../css/banner.css">
<div class="banner_h" style="position:relative; width:100%; overflow:hidden;">
<div class="b2" style="position:absolute;">
<div class="banner_txt1 wow fadeInUp"   data-wow-delay="0.2s"></div>
<div class="banner_txt2 wow fadeInUp"   data-wow-delay="0.5s"></div>
<div class="line wow fadeIn"  data-wow-delay="0.8s"></div>
</div>
<div class="banner2" style="background-image:url(../upload_files/2021-04/202104070951237692.jpg)"></div>  
  
</div>

<div class="m2pos clear">
<ul class="cp2">
<li class="wow fadeInUp"><a href="about.php#1" >Company Profile</a></li>
<li class="wow fadeInUp"><a href="about.php#2" >History</a></li>
<li class="wow fadeInUp"><a href="about.php#5" >Culture</a></li>
<li class="wow fadeInUp"><a href="about.php#4" >Partner</a></li>
<li class="wow fadeInUp"><a href="company.php" >Subsidiary</a></li>
</ul>
</div>



<div class="p50">
<div class="main"  style="position:relative;">
<div class="section_position"  id="1"></div>
<div class="bt2s  wow fadeInUp">Company Profile</div>
<div class="txt txtimg mt50">
</div>


<div class="wap_none">
<div class="clear">
<ul class="ot tz-gallery" id="waterfall">
<li class="wow fadeInUp"><a href="../upload_files/2021-04/202104141025517637.jpg"  title=""><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104141025517637.jpg" width="285" height="190" onload="javascript: DrawImage(this,285,190)"  alt=""></span><div class="mask"></div></div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2021-04/202104141025518732.jpg"  title=""><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104141025518732.jpg" width="285" height="190" onload="javascript: DrawImage(this,285,190)"  alt=""></span><div class="mask"></div></div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2021-04/202104141025518099.jpg"  title=""><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104141025518099.jpg" width="285" height="190" onload="javascript: DrawImage(this,285,190)"  alt=""></span><div class="mask"></div></div></a></li>
<li class="wow fadeInUp"><a href="../upload_files/2021-04/2021041410255010014.jpg"  title=""><div class="photo"><span class="pics"><img src="../upload_files/2021-04/2021041410255010014.jpg" width="285" height="190" onload="javascript: DrawImage(this,285,190)"  alt=""></span><div class="mask"></div></div></a></li>
</ul>
</div>

</div>


<div class=" pc_none">
<ul class="cplist2 tz-gallery clear" id="waterfall">
<li><a href="../upload_files/2021-04/202104141025517637.jpg"  title=""><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104141025517637.jpg" alt=""></span></div><div class="info"></div></a></li>
<li><a href="../upload_files/2021-04/202104141025518732.jpg"  title=""><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104141025518732.jpg" alt=""></span></div><div class="info"></div></a></li>
<li><a href="../upload_files/2021-04/202104141025518099.jpg"  title=""><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104141025518099.jpg" alt=""></span></div><div class="info"></div></a></li>
<li><a href="../upload_files/2021-04/2021041410255010014.jpg"  title=""><div class="photo"><span class="pics"><img src="../upload_files/2021-04/2021041410255010014.jpg" alt=""></span></div><div class="info"></div></a></li>
</ul>



</div>
</div>
<div style="position:relative;">
<div class="section_position"  id="2"></div>

<div class="p_wbox mt50">

<div class="main clear">

<div class="fl l_w">
<div class="bt2s  whitefont wow fadeInUp tlt">History</div>

</div>

<div class="fr r_w whitex">
<div class="mb40 wow fadeInUp" data-wow-delay="0.2s" style="position:relative;">
<div class="times">2012</div>
<div class="fonts"><p>Founded</p></div>
</div>
<div class="mb40 wow fadeInUp" data-wow-delay="0.4s" style="position:relative;">
<div class="times">2015</div>
<div class="fonts"></div>
</div>
<div class="mb40 wow fadeInUp" data-wow-delay="0.6s" style="position:relative;">
<div class="times">2016</div>
<div class="fonts"></div>
</div>
<div class="mb40 wow fadeInUp" data-wow-delay="0.8s" style="position:relative;">
<div class="times">2017</div>
<div class="fonts"></div>
</div>
<div class="mb40 wow fadeInUp" data-wow-delay="1s" style="position:relative;">
<div class="times">2018</div>
<div class="fonts"></div>
</div>
<div class="mb40 wow fadeInUp" data-wow-delay="1.2s" style="position:relative;">
<div class="times">2019</div>
<div class="fonts"></div>
</div>
<div class="mb40 wow fadeInUp" data-wow-delay="1.4s" style="position:relative;">
<div class="times">2020</div>
<div class="fonts"></div>
</div>
<div class="mb40 wow fadeInUp" data-wow-delay="1.6s" style="position:relative;">
<div class="times">2021</div>
<div class="fonts"></div>
</div>


</div>

</div>
</div>
</div>



<div style="position:relative;">
<div class="section_position"  id="5"></div>
<div class="bt2s mt50 wow fadeInUp">Culture</div>
<div class="solution-wrap mt50">
  <div class="list pc wow fadeIn">
    <div class="zhongjuan">
            <div class="solution fl trans  wow fadeInUp" data-wow-delay=".1s" data-wow-duration="1.5s" style="visibility: visible; animation-duration: 1.5s; animation-delay: .1s; animation-name: fadeInUp;">
        <div class="img"><img src="../upload_files/2021-04/202104160505407695.png" /> </div>
        <div class="title">
                  </div>
        <div class="brief">
                  </div>
      </div>
            <div class="solution fl trans  wow fadeInUp" data-wow-delay=".2s" data-wow-duration="1.5s" style="visibility: visible; animation-duration: 1.5s; animation-delay: .2s; animation-name: fadeInUp;">
        <div class="img"><img src="../upload_files/2021-04/202104160506379571.png" /></div>
        <div class="title">
                  </div>
        <div class="brief">
                  </div>
      </div>
            <div class="solution fl trans  wow fadeInUp" data-wow-delay=".3s" data-wow-duration="1.5s" style="visibility: visible; animation-duration: 1.5s; animation-delay: .3s; animation-name: fadeInUp;">
        <div class="img"><img src="../upload_files/2021-04/202104160507091189.png" /></div>
        <div class="title">
                  </div>
        <div class="brief">
                  </div>
      </div>
            <div class="solution fl trans  wow fadeInUp" data-wow-delay=".4s" data-wow-duration="1.5s" style="visibility: visible; animation-duration: 1.5s; animation-delay: .4s; animation-name: fadeInUp;">
        <div class="img"><img src="../upload_files/2021-04/202104160507319829.png" /></div>
        <div class="title">
                  </div>
        <div class="brief">
                  </div>
      </div>
            <div class="solution fl trans  wow fadeInUp" data-wow-delay=".5s" data-wow-duration="1.5s" style="visibility: visible; animation-duration: 1.5s; animation-delay: .5s; animation-name: fadeInUp;">
        <div class="img"><img src="../upload_files/2021-04/202104160507477388.png" /></div>
        <div class="title">
                  </div>
        <div class="brief">
                  </div>
      </div>
          </div>
	    <div class="clear"></div>
  </div>
  <div class="list mobile swiper-container-horizontal">


    <!-- Swiper -->
    <div class="swiper-container swiper-container-video swiper-container-horizontal">
      <div class="swiper-wrapper" >
    
                 <div class="solution fl trans swiper-slide">
           <div class="img"> <img src="../upload_files/2021-04/202104160505407695.png" /> </div>
          <div class="title">     </div>
          <div class="brief">   </div>
        </div>

        <div class="solution fl trans swiper-slide">
           <div class="img"> <img src="../upload_files/2021-04/202104160506379571.png" /> </div>
          <div class="title">     </div>
          <div class="brief">   </div>
        </div>

        <div class="solution fl trans swiper-slide">
           <div class="img"> <img src="../upload_files/2021-04/202104160507091189.png" /> </div>
          <div class="title">     </div>
          <div class="brief">   </div>
        </div>

        <div class="solution fl trans swiper-slide">
           <div class="img"> <img src="../upload_files/2021-04/202104160507319829.png" /> </div>
          <div class="title">     </div>
          <div class="brief">   </div>
        </div>

        <div class="solution fl trans swiper-slide">
           <div class="img"> <img src="../upload_files/2021-04/202104160507477388.png" /> </div>
          <div class="title">     </div>
          <div class="brief">   </div>
        </div>

      
      </div>
      <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
 <script>
    $('.solution-wrap .list .solution').hover(function(){
        $(this).addClass('on').siblings('.solution').removeClass('on');
    })
</script>
<script>
    var swiper = new Swiper('.swiper-container-video', {
        slidesPerView: 5,
        spaceBetween: 10,
        navigation: {
            nextEl: '.video-wrap .swiper-button-next',
            prevEl: '.video-wrap .swiper-button-prev',
        },
        loop:true,
        breakpoints: { 
            //当宽度小于等于480
            480: { 
              slidesPerView: 1,
              spaceBetween: 15
            },
            //当宽度小于等于720
            980: {
              slidesPerView: 1,
              spaceBetween: 15
            },
			 1200: {
              slidesPerView: 5,
              spaceBetween: 10
            }
        }
    });

    var swiper = new Swiper('.solution-wrap .list.mobile', {
        slidesPerView: 1,
        spaceBetween: 0,
    });
</script>
</div>

<div class="main" style="position:relative;">
<div class="section_position"  id="4"></div>
<div class="bt2s mt50 wow fadeInUp">Partner</div>

<div class="wap_none" style="margin-bottom:80px;">
<ul class="w836_u">
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156503465.jpg" alt="1" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156508519.jpg" alt="2" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156517822.jpg" alt="3" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156516210.jpg" alt="4" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156516749.jpg" alt="5" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156512671.jpg" alt="6" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/2021041401565110045.jpg" alt="7" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156515515.jpg" alt="8" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156513667.jpg" alt="9" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156511735.jpg" alt="10" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156511714.jpg" alt="11" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156511939.jpg" alt="12" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156518039.jpg" alt="13" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156518536.jpg" alt="14" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156511746.jpg" alt="15" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156519337.jpg" alt="16" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156514277.jpg" alt="17" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156523183.jpg" alt="18" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156528385.jpg" alt="19" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156529646.jpg" alt="20" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156529479.jpg" alt="21" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156524757.jpg" alt="22" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156521336.jpg" alt="23" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
<li><div class="photo"><span class="pics"><img src="../upload_files/2021-04/202104140156523589.jpg" alt="24" width="214" height="100" onload="javascript: DrawImage(this,214,1002)"></span></div></li>
</ul>
</div>

<div class="pc_none" style="margin-top:2%; margin-bottom:2%;">
<ul class="cplist2 cplist3 clear">
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156503465.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156508519.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156517822.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156516210.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156516749.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156512671.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/2021041401565110045.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156515515.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156513667.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156511735.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156511714.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156511939.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156518039.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156518536.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156511746.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156519337.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156514277.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156523183.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156528385.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156529646.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156529479.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156524757.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156521336.jpg"></span></div></li>
<li class="wow fadeIn"><div class="photo photo3"><span class="pics"><img src="../upload_files/2021-04/202104140156523589.jpg"></span></div></li>
</ul>
</div>
</div>

</div>

<div class="foot_b wap_none">
<div class="main ">
<div class="clear">
<div class="foot_t1 wow2 fadeInUp clear"  data-wow-delay="0.3s"><a href="" class="top" id="gototop"><img src="../images/top.png"></a><a href="about.php">About Us</a><a href="honor.php">Honor</a><a href="product.php">Engineering</a><a href="news.php">News</a><a href="jobs.php">Recruitment</a><a href="contact.php">Contact Us</a></div>


</div>



</div>



</div>

<div class="foot">
<div class="main clear">
<div class="fl wow2 fadeInUp" data-wow-delay="0.5s">© DongGuan XinYuan Curtain Wall Engineeging Co.,Ltd. All Rights Reserved.<span></span><a href='http://beian.miit.gov.cn/' target='_blank'>粤ICP备17018768号</a></div>
<div class="fr fc wow2 fadeInUp" data-wow-delay="0.5s">Power by：<a href='http://www.0769net.com' target='_blank'>0769net.com</a></div>
</div>
</div>





<script type="text/javascript">
baguetteBox.run('.tz-gallery');
var opt={
getResource:function(index,render){//index为已加载次数,render为渲染接口函数,接受一个dom集合或jquery对象作为参数。通过ajax等异步方法得到的数据可以传入该接口进行渲染，如 render(elem)
	  if(index>=1) index=index%7+1; 
  },
  auto_imgHeight:true,
  insert_type:1
}
$('#waterfall').waterfall(opt);
</script>

</body>
</html>
