<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--><head>      
<meta charset="utf-8" />
      <title>上海翔羽文化传播咨询有限公司 - 翔羽文化 追求卓越</title>
      <meta name="description" content="上海翔羽文化传播咨询有限公司 - 翔羽文化 追求卓越" />
      <meta name="author" content="shxywh.cn" />
      
      <!-- Mobile Specific Metas
            ================================================== -->
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
      
      <!-- All CSS Files
            ================================================== -->        <link rel="stylesheet" href="css/font-awesome.min.css">

                   <link rel="stylesheet" href="css/bootstrap.min.css">      <link rel="stylesheet" href="stylesheets/All-Stylesheets.css" />

   <link rel="stylesheet" href="css/animate.css">

      
      <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   
         
      <!-- Favicons
            ================================================== -->
      <link rel="shortcut icon" href="images/favicons.ico" />
       <!-- <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
      <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
      <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />-->
      
</head>
<body>
      <!-- Home Page Starts
            ================================================== -->
      <div id="homepage">
            <div class="container">
                  <div class="sixteen columns center logo"> <img src="images/logo.png" class="scale-with-grid" alt="" /> </div>                  
                  <div class="slider-text">
                        <div class="sixteen columns center">
                              <div id="slidecaption"></div>
                        </div>
                  </div>                  
                  <!-- Social Icons Starts 
                  <div class="social-icons center">
                        <div class="sixteen columns">
                              <ul class="ch-grid">
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-1"></div>
                                                      <div class="ch-info-back"> <img src="images/social-icons/facebook_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>                                    
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-2"></div>
                                                      <div class="ch-info-back"> <img src="images/social-icons/in_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-3"></div>
                                                      <div class="ch-info-back"> <img src="images/social-icons/twitter02_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                              </ul>
                        </div>
                  </div>
                  <!-- Social Icons Ends --> 
            </div>
            <!-- Left, Right Arrow Buttons Starts --> 
            <a id="prevslide" class="load-item"></a> <a id="nextslide" class="load-item"></a> 
            <!-- Left, Right Arrow Buttons Starts --> 
      </div>
      <!-- Home Page Ends
            ================================================== --> 
            
      <!-- Navigation Starts
            ================================================== -->
      <div id="navigation" class="center">
            <div class="container">
                  <div class="sixteen columns">
                        <ul>
                              <li class="current"><a href="#homepage">首页</a></li>
                              <li><a href="#about">了解翔羽</a></li>
                              <li><a href="#team">设计·开发</a></li>
                              <li><a href="#services">品牌·策划</a></li>
                              <li><a href="#portfolio">客户展示</a></li>
                              <li><a href="#contact">联系我们</a></li>
                        </ul>
                  </div>
            </div>
      </div>
      <!-- Navigation Ends
            ================================================== --> 
            
      <!-- About Pages Starts
            ================================================== -->
      <div id="about">
            <div class="page-header dark-bg">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>了解翔羽</span></h1>
                        </div>
                  </div>
            </div>
            
            <!-- Banner Start -->
            <div class="page-banner">
                  <div class="container">
                        <div class="sixteen columns">
                              <div class="center">
                                    <h3>翔羽，整合网络营销服务提供商</h3>
                              </div>
                        </div>
                  </div>
            </div>
            <!-- Banner Ends -->
            
            <div class="page-contents dark-bg">
                  <div class="container">
                  
                        <!-- Three Columns Starts -->
                        <div class="one-third column medium-t-b-padding">
                              <img src="images/about/pic-1.jpg" class="scale-with-grid image-shadow" alt="" />
                              <h3>好的服务</h3>
                              <p>翔羽从服务出发，满足客户的好的需求</p>
                        </div>
                        <div class="one-third column medium-t-b-padding">
                              <img src="images/about/pic-2.jpg" class="scale-with-grid image-shadow" alt="" />
                              <h3>追求更好</h3>
                              <p>翔羽从技术出发，力求达到满意的评价</p>
                        </div>
                        <div class="one-third column medium-t-b-padding">
                              <img src="images/about/pic-3.jpg" class="scale-with-grid image-shadow" alt="" />
                              <h3>提高价值</h3>
                              <p>翔羽从价值出发，好的性价比是一贯主张
</p>
                        </div>
                        <!-- Three Columns Ends --> 
                        
                        <!-- Two Columns Starts -->
                        <div class="sixteen columns medium-t-b-padding">
                              <h3>公司历程</h3>
                           
                              
                               <ul class="square">
                                    <li>公司下辖4个主力部门及一个应急处理机构，业务能力,成熟业务多元化。公司凭借着管理层敏锐的战略眼光并结合了其发展过程中所得的宝贵经验慢慢形成一套独特的运营管理体系。公司成立之初就把企业文化看作是企业生存的心脏，公司注重文化建立，并逐渐创立了公司自身的“文化”发展。长期以来已经形成了一套独特的“翔羽文化”。公司提倡对员工的文化培养，使每一个员工都具有相当的凝聚力，丰富了公司的业务活动。</li>
                                   
                                 <li> 公司秉承“崭新理念、追寻梦想“的经营理念；并以“服务是主要工作”，“顾客的满意是我们的荣誉”作为我们永远不变的质量政策；以爱护环境、回报社会、关爱雇员等社会责任为己任；把“诚信、负责、创新、团队”作为翔羽人不断的追求和目标， 愿与广大朋友携手共创美好的明天！</li>   
                                    
                              </ul>
                        </div>
                        <div class="sixteen columns medium-t-b-padding">
                              <h3>合作缘起</h3>
                              <ul class="square">
                                    <li>如今的时代是合作的时代，那些靠“单打独斗”的思想观念已在实践中被慢慢排除。对于一个短期目标来说，他需要一个团队进行密切的配合，对于一个长期目标来说就需要若干团队相互合作。 事实验证，如果一个企业想腾飞，那么合作是必不可少的。</li>
                                    <li>它需要与其他单位建立互惠互利的合作关系，也需要在其内部建立一只精干的营销策划团队，“众人划桨驶大船”就是这个道理。但是，很多中小型企业如果想提炼出一支有良好素养的营销策划团队往往难上加难，首先它需要大量资金的长期投入支撑、应对随时可能发生的人事变故等等，即使企业突破了重重困难坚持练成了一只成型的团队，也需要很长时间的积累。往往还没等它发挥作用企业就已经不堪重负了。 </li>
                                    <li>所以翔羽认为如果能帮助中小型企业完成组建一支成熟的团队而不用担心人事变动问题正是每个企业所需要的。正是“花一个人的薪水，得到了一个好的公司的合作”。 </li>
                              </ul>
                        </div>
                        <!-- Two Columns Ends --> 
                        <div class="row">
				
					<!-- first count item -->
					<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms">
						<div class="counters-item">
							<div>
							    <span data-speed="3000" data-to="320">3</span>
							</div>
							<i class="fa fa-flag fa-3x"></i>
                             <p>years of oversea experience</p>
							<h3>年开发经验</h3>
						</div>
					</div>
					<!-- end first count item -->
				
					<!-- second count item -->
					<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="200ms">
						<div class="counters-item">
							<div>
							    <span data-speed="3000" data-to="565">10</span>
							</div>							<i class="fa fa-road fa-3x"></i>

							 <p>years of local experience</p>
							<h3>年本土经验</h3>
						</div>
					</div>
					<!-- end second count item -->
				
					<!-- third count item -->
					<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="400ms">
						<div class="counters-item">
							<div>
							    <span data-speed="3000" data-to="95">300</span>
								<span>+</span>
							</div>
							<i class="fa fa-users fa-3x"></i>
<p>Clients</p>
							<h3>客户</h3>							
						</div>
					</div>
					<!-- end third count item -->
					
					<!-- fourth count item -->
					<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="600ms">
						<div class="counters-item kill-margin-bottom">
							<div>
							    <span data-speed="3000" data-to="2500">500</span>								<span>+</span>

							</div>
							<i class="fa fa-th fa-3x"></i>
							 <p>Cases</p>
							<h3>项目</h3>
						</div>
					</div>
					<!-- end fourth count item -->
					
				</div> 
                  </div>
            </div>
      </div>
      <!-- About Page Ends
            ================================================== --> 
            
      <!-- Image Separator Starts
            ================================================== -->
      <div class="image-separator">
            <div class="line-top"></div>
            <div class="container">
                  <div class="sixteen columns">
                        <div>
                              <img src="images/twitter/twitter-icon-1.png" class="scale-with-grid twitter-icon" alt="" />
                             
                        </div>
                  </div>
            </div>
            <div class="line-bottom"></div>
      </div>
      <!-- Image Separator Ends
            ================================================== --> 
            
      <!-- Team Page Starts
            ================================================== -->
      <div id="team">
            <div class="page-header dark-bg">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>设计·开发</span></h1>
                        </div>
                  </div>
            </div>
            
            <!-- Banner Start -->
            <div class="page-banner">
                  <div class="container">
                        <div class="sixteen columns">
                              <div class="center">
                                    <h3>数字营销全案服务公司</h3>
                              </div>
                        </div>
                  </div>
            </div>
            <!-- Banner Ends -->
             
            <!-- Three Columns Starts -->
            <div class="page-contents dark-bg">
                  <div class="container center">
                  
                   <div class="sixteen columns medium-t-b-padding">
                              
                              <ul class="square">
                                    <li>在超过十年的网站建设工作中，翔羽文化积累了大量宝贵经验</li>
                                    <li>丰富的移动互联网建设经验，能够满足手机、平板等多种展示终端</li>
                                    <li>好的的创意和用户体验设计团队，有能力让网站即美观又易用 </li>
                                     <li>日流量大访客的服务器运维设备，保证网站在高速稳定运行的前提下，更能保护您的数据</li>

                              </ul>
                        </div>
                 <div class="row">
					
					 
					
                    <!-- Single Service Item -->
					<article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms">
						<div class="service-block text-center">
							<div class="service-icon text-center">
								<i class="fa fa-star fa-5x"></i>
							</div>
							<h3>品牌网站</h3>
							<p>致力于对客户提供长期的高质量的品牌网站建设服务，使网站的整体设计风格和您的企业的文化相匹配，让网站成为您的业务员</p>
						</div>
					</article>
                    <!-- End Single Service Item -->
                    
                    <!-- Single Service Item -->
					<article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="200ms">
						<div class="service-block text-center">
							<div class="service-icon text-center">
								<i class="fa fa-language fa-5x"></i>
							</div>
							<h3>外贸网站</h3>
							<p>采用多语言包开发模式，多语言快速切换，不仅按照欧美风格设计和制作，更注重海外搜索引擎优化（SEO），美国本土主机，让网站成为外贸营销利器</p>
						</div>
					</article>
                    <!-- End Single Service Item -->
                    
                    <!-- Single Service Item -->
					<article class="col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="400ms">
						<div class="service-block text-center">
							<div class="service-icon text-center">
								<i class="fa  fa-shopping-cart fa-5x"></i>
							</div>
							<h3>网店商城</h3>
							<p>根据企业实际情况度身打造的一套一站式网上商城解决方案,拥有成熟的后台管理系统和人性化的前台用户体验，同时兼顾不同行业客户运营中的不同需求</p>
						</div>
					</article>
					<!-- End Single Service Item -->
					
					<!-- Single Service Item -->
					<article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="200ms">
						<div class="service-block text-center">
							<div class="service-icon text-center">
								<i class="fa fa-mobile-phone fa-5x"></i>
							</div>
							<h3>移动开发</h3>
							<p>提供为 iPhone、iPad、Android、Windows Phone 定制应用开发，将每一个移动应用软件作为一个新的产品去精心设计和开发</p>
						</div>
					</article>
					<!-- End Single Service Item -->
					
					<!-- Single Service Item -->
					<article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="400ms">
						<div class="service-block text-center">
							<div class="service-icon text-center">
								<i class="fa fa-codepen fa-5x"></i>
							</div>
							<h3>管理软件</h3>
							<p>依据企业管理流程，基于企业管理需求定制，立足于web浏览器和移动终端；私有化传输协议，结合硬件维护方案，提供B/S应用</p>
						</div>
					</article>
					<!-- End Single Service Item -->
					
					<!-- Single Service Item -->
					<article class="col-md-4 col-sm-6 col-xs-12 wow fadeInDown" data-wow-duration="500ms" data-wow-delay="600ms">
						<div class="service-block text-center kill-margin-bottom">
							<div class="service-icon text-center">
								<i class="fa fa-link fa-5x"></i>
							</div>
							<h3>运营维护</h3>
							<p>监测网站的运行情况，提供网页文字内容的更新、修改；网页图片内容的处理、更新，提供网站改进和完善的意见和建议，优化网站的运行流畅度</p>
						</div>
					</article>
					<!-- End Single Service Item -->
						
				</div> 		<!-- End row -->
                
               
                
                        <!-- Column 3 Ends -->                                                		                              
                  </div>
            </div>
            <!-- Three Columns Ends -->
            
      </div>
      <!-- Team Page Ends
            ================================================== --> 
            
      <!-- Image Separator Starts
            ================================================== -->
      <div class="image-separator testimonials">
            <div class="line-top"></div>
            <div class="container">
                  <div class="sixteen columns">
                        <div>
                               <h2>“博采众长，志存高远”展现着翔羽文化全体人员的工作热情和工作态度
   <br>
——翔羽团队                              </h2>
                        </div>
                  </div>
            </div>
            <div class="line-bottom"></div>
      </div>
      <!-- Image Separator Ends
            ================================================== --> 
            
      <!-- Services Page Starts
            ================================================== -->
      <div id="services">
            <div class="page-header dark-bg">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>品牌·策划</span></h1>
                        </div>
                  </div>
            </div>
            
            <!-- Banner Start -->
            <div class="page-banner">
                  <div class="container ">
                        <div class="sixteen columns">
                              <div class="center">
                                    <h3>品牌落地的综合性品牌咨询公司</h3>
                              </div>
                        </div>
                  </div>
            </div>
            <!-- Banner Ends -->
            
            <div class="page-contents dark-bg">
                  <div class="container">
                        <div class="sixteen columns medium-t-b-padding">
                               <ul class="square">
                                    <li> 打造品牌是一个长久性的工程，是方方面面的整合，而不是单纯的造势。</li>
                                    <li>明星概念也好，广告营销也好，都是一把双刃剑，往往需要企业花费大量的资金，因此，我们的品牌推广团队，通常会从网络和媒体等平台入手，用较少的资金量逐步进行品牌推进，让企业在打造品牌的过程中就开始不断获得品牌效应所带来的多的收获。 </li>
                              </ul>
                        </div>
                        <!-- Four Columns Starts -->
                        <div class="four columns center medium-t-b-padding">
                              <img src="images/services/4.png" class="scale-with-grid" alt="" />
                              <h3>品牌咨询</h3>
                              <p>品牌在不同的发展阶段会呈现不同的发展需求，基于行业、市场环境的不同，竞争态势与顾客需求的不同，企业构成与品牌产品的不同，我们期望通过深度的了解与沟通，以企业外脑的形式长期为品牌的发展建言献策。</p>
                        </div>
                        <!-- Column 1 Ends -->
                        <div class="four columns center medium-t-b-padding">
                              <img src="images/services/2.png" class="scale-with-grid" alt="" />
                              <h3>品牌调研</h3>
                              <p>调研内容包括项目需求背景，品牌战略思考、品牌文化、形象识别与价值主张的内外认知、品牌个性联想、消费者态度、市场竞争优势评估、从品牌资产纬度工具中评估品牌的发展策略。</p>
                        </div>
                        <!-- Column 2 Ends -->
                        <div class="four columns center medium-t-b-padding">
                              <img src="images/services/3.png" class="scale-with-grid" alt="" />
                              <h3>品牌定位</h3>
                              <p>品牌定位是以品牌调研为基础，结合企业的品牌战略与业务发展需求，确定品牌在市场中的核心价值定义以及对于利益相关者的价值所在。</p>
                        </div>
                        <!-- Column 3 Ends -->
                        <div class="four columns center medium-t-b-padding">
                              <img src="images/services/1.png" class="scale-with-grid" alt="" />
                              <h3>品牌架构</h3>
                              <p>品牌架构规划能够解决多品牌共存的难题，包括规划集团品牌与产品品牌，母品牌与子品牌的关联与差别，品牌在市场中的角色扮演，不仅让品牌的资源能够合理配置，更让每个品牌在统一规划下保有活力与特色。</p>
                        </div>
                        <!-- Column 4 Ends --> 
                        <!-- Four Columns Ends --> 
                        
                         
                        <!-- Three Columns Starts -->
                        <div class="one-third column center medium-t-b-padding">
                              <img src="images/services/grey-icons/1.png" class="scale-with-grid" alt="" />
                              <h4>定位规划</h4>
                              <ul>
                                <li>核心定义导入</li>
                                <li>价值主张深化</li>
                                <li>价值文化传播</li>
                               
                              </ul>
     



                   </div>
                        <!-- Column 1 Ends -->
                        <div class="one-third column center medium-t-b-padding">
                              <img src="images/services/grey-icons/2.png" class="scale-with-grid" alt="" />
                              <h4>文化导入</h4>
                              <ul>
                                <li>企业的愿景</li>
                                <li>经营理念</li>
                                <li>意识规范</li>
                                
                              </ul>
                        </div>
                        <!-- Column 2 Ends -->
                        <div class="one-third column center medium-t-b-padding">
                              <img src="images/services/grey-icons/3.png" class="scale-with-grid" alt="" />
                              <h4>产品架构</h4>
                              <ul>
                                <li>不同层级产品的关联区分</li>
                                <li>品牌各发展阶段</li>
                                <li> 产品间的组主次投入</li>
                               
                              </ul>
                        </div>
                        <!-- Column 3 Ends --> 
                        <!-- Three Columns Ends -->                         
                  </div>
            </div>
      </div>
      <!-- Services Page Ends
            ================================================== --> 
            
      <!-- Image Separator Starts
            ================================================== -->
     <div class="image-separator testimonials">
            <div class="line-top"></div>
            <div class="container">
                  <div class="sixteen columns">
                        <div>
                               <h2>做丰富的品牌，就如同做一个有品质的人，空喊口号永远抵不过丰富细节的魅力。
                             </h2>
                        </div>
                  </div>
            </div>
            <div class="line-bottom"></div>
      </div>
      <!-- Image Separator Ends
            ================================================== --> 
            
      <!-- Portfolio Page Starts
            ================================================== -->
      <div id="portfolio" class="dark-texture-3">
            <div class="page-header">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>客户展示</span></h1>
                        </div>
                  </div>
            </div>
            <div class="container">
            
                  <!-- Portfolio Navigation Starts  
                  <div class="sixteen columns center">
                        <div id="options">
                              <ul id="filters" class="option-set" data-option-key="filter">
                                    <li><a href="#selected" data-option-value="*" class="selected">All</a></li>
                                    <li><a href="#web" data-option-value=".photos1">Photos 1</a></li>
                                    <li><a href="#photos" data-option-value=".photos2">Photos 2 </a></li>
                                    <li><a href="#video" data-option-value=".video">Videos</a></li>
                              </ul>
                        </div>
                  </div>
                  <!-- Portfolio Navigation Ends -->
                  
                  <div class="clear"></div>
                  <div id="container-thumbs" class="gallery">
                  
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos1">
                              <img src="images/portfolio/thumbs/1.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                               
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="images/portfolio/thumbs/2.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                               
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third video">
                              <img src="images/portfolio/thumbs/v-1.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                               
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third video">
                              <img src="images/portfolio/thumbs/v-2.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                               
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="images/portfolio/thumbs/3.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                              
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos1">
                              <img src="images/portfolio/thumbs/10.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                               
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos1">
                              <img src="images/portfolio/thumbs/5.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                              
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="images/portfolio/thumbs/6.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                               
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos1">
                              <img src="images/portfolio/thumbs/7.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                             
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="images/portfolio/thumbs/8.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                              
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third video">
                              <img src="images/portfolio/thumbs/v-3.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                                
                              
                        </div>
                        <!-- Project Ends --> 
                        
                        <!-- Project Starts -->
                        <div class="one-third column element view view-third photos2">
                              <img src="images/portfolio/thumbs/9.jpg" class="scale-with-grid image-shadow" alt="" />
                              
                              
                        </div>
                        <!-- Project Ends --> 
                        
                  </div>
            </div>
      </div>
      <!-- Portfolio Page Ends
            ================================================== --> 
            
      <!-- Image Separator Starts
            ================================================== -->
     <div class="image-separator testimonials">
            <div class="line-top"></div>
            <div class="container">
                  <div class="sixteen columns">
                        <div>
                               <h2>每一个客户的信任都是我们的责任,用心回报客户是我们应尽的义务。
                             </h2>
                        </div>
                  </div>
            </div>
            <div class="line-bottom"></div>
      </div>
      <!-- Image Separator Ends
            ================================================== --> 
            
      <!-- Contact Page Starts
            ================================================== -->
      <div id="contact" class="black-bg">
            <div class="page-header">
                  <div class="container">
                        <div class="sixteen columns">
                              <h1 class="one"><span>联系我们</span></h1>
                             
                        </div>
                  </div>
            </div>			
                  <div class="container">
                  
                        <!-- Form Starts -->
                        <div class="form-element">
                              <div class="sixteen columns ">
                                    <h2>客户留言</h2>
                                     
                              </div>
                              <div class="form">
                                    <form method="post"  >
                                    <input type="hidden" value="1111" name="ym">

                                          <div class="eight columns form1">
                                                <div class="done" >
                                    <h5 style="color:#FFF">我们已经收到您的信息，会尽快回复您！</h5>
                                    <strong style="color:#FFF"><b>Thank you !</b> We have received your message. </strong></div>
                                                                                <div class="form1" >

                                                <label>姓名/Name *</label>
                                                <input type="text" name="name" autocomplete="off"  class="text" />
                                                <label>手机/Tel *</label>
                                                <input type="text" name="tel" autocomplete="off"  class="text" />
                                               <label>内容/Message *</label>
                                                <textarea name="comment"  autocomplete="off" class="text textarea"></textarea> 
                                                                                               <label>验证码/Verify *</label>
<div class="col-xs-6 col-md-6" style="padding-left:0PX;">
                                                <input name="verify" autocomplete="off" class="text"  type="text" size="5" /></div><div class="col-xs-6  col-md-6"  style="padding-left:0PX;">
                       <img id="verifyImg" src="/old/Public/verify/" onclick="fleshVerify()" border="0" alt="点击切换验证码" style="cursor:pointer; height:47PX;" align="absmiddle" /></div>
                                                <input type="submit" id="submit" value="提交/SUBMIT" /> 
                                          </div> </div>
                                          <div class="eight columns center ">
                                                                                                                              <img src="images/fwh.jpg" class="scale-with-grid twitter-icon medium-t-b-padding" alt="" />
<br> 关注翔羽微信服务号获得更多帮助
                                          </div>
                                          <div class="sixteen columns center">                                                

                                          </div>
                                    </form>
                              </div>
                        </div>
                        <!-- Forms Ends -->
                        
                        <div class="clear"></div>
                        
                        <!-- Addresses Starts -->                        
                        <div class="address"> <div class="one-third column medium-t-b-padding">
                                    <h2>运维/售后部</h2>
                                     Service Department<br />
                                     业务电话 : +86(021)5534 5768-821<br />
                                     业务QQ :172 9962673 <br />
                                    <br />
                                    Tel:  +86(021)5534 5768-821<br />
                                    QQ:172 9962673<br />
                                    <br />
                                    Email: <a href="mailto: service@shxywh.com" target="_blank">service@shxywh.com</a> 
                              </div>
                              <div class="one-third column medium-t-b-padding">
                                    <h2>网络/开发部</h2>
                                     Development Department<br />
                                     业务电话 : +86(021)5534 5768-823<br />
                                     业务QQ :4359 3234 <br />
                                    <br />
                                    Tel:  +86(021)5534 5768-823<br />
                                    QQ::4359 3234<br />
                                    <br />
                                    Email: <a href="mailto: web@shxywh.com" target="_blank">web@shxywh.com</a> 
                              </div>
                              <div class="one-third column medium-t-b-padding">
                                    <h2>品牌/设计部</h2>
                                    Design Department  <br />
                                    业务电话 : +86(021)5534 5768-822<br />
                                    业务QQ :910 178866<br />
                                    <br />
                                    Tel:  +86(021)5534 5768-822<br />
                                    QQ:910 178866<br />
                                    <br />
                                    Email: <a href="mailto: brand@shxywh.com" target="_blank">brand@shxywh.com</a> 
                              </div>
                             
                        </div>
                        <!-- Addresses Ends --> 
                        
                        <!-- Map Starts -->
                        <div class="map">
                              <div class="sixteen columns medium-t-b-padding">
                                    
                              </div>
                        </div>
                        <!-- Map Ends --> 
                        
                        <!-- Say Hello Starts -->
                        <div class="sixteen columns center say-hello medium-t-b-padding">
                              
                              <!-- Social Icons Starts  
                              <ul class="ch-grid">
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-1"></div>
                                                      <div class="ch-info-back"> <img src="images/social-icons/facebook_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-2"></div>
                                                      <div class="ch-info-back"> <img src="images/social-icons/google_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                                    <li>
                                          <div class="ch-item">
                                                <div class="ch-info">
                                                      <div class="ch-info-front ch-img-3"></div>
                                                      <div class="ch-info-back"> <img src="images/social-icons/in_dark.png" alt="" /> </div>
                                                </div>
                                          </div>
                                    </li>
                              </ul>
                              <!-- Social Icons Ends -->
                        </div>
                        <!-- Say Hello Ends -->
                        
                        <div class="clear"></div>
                        
                        <!-- Copyright Start -->
                        <div class="copyright center">                              
                                    © 2006-2016 qsgqt.cn. All Rights Reserved.  <br>
                                    <a href="http://beian.miit.gov.cn" target="_blank">沪ICP备10217551号-12</a>
                        </div>
                        <div style="width:300px;margin:0 auto; padding:20px 0;">
		 		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502005286 

" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="ghs.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">沪公网安备 31011502005286号</p></a>
		 	</div>
                        <!-- Copyright Ends --> 
                        
                  </div>
      </div>
      <!-- Contact Page Ends
            ================================================== --> 
      
      <!-- Included JS Files Starts
            ================================================== --> 
      
                  <!-- jQuery.js 
                        ================================================== --> 
                  <script src="js/jquery.js"></script> 
                  
                  <!-- Social Icons Hover
                        ================================================== -->                  
                  <script type="text/javascript" src="js/social-icons-hover/social-icons-modernizr.custom.js"></script> 
                  
                  <!-- AJAX Contact Form
                        ================================================== -->                   
                  <script type="text/javascript" src="js/contact/contact-form.js"></script>                 
                                   
                  <!-- Portfolio 
                        ================================================== --> 
                  <script src="js/isotope/jquery.isotope.min.js"></script> 
                  <script src="js/isotope/Isotope-Filtering.js"></script> 
                  
                  <!-- PrettyPhoto for Portfolio
                        ================================================== -->
                  <script src="js/prettyphoto/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 
                  <script src="js/prettyphoto/custom.js" type="text/javascript" charset="utf-8"></script> 
                  
                  <!-- Supersized Slider
                        ================================================== -->                  
                  <script type="text/javascript" src="js/supersized/jquery.easing.min.js"></script> 
                  <script type="text/javascript" src="js/supersized/supersized.3.2.7.min.js"></script> 
                  <script type="text/javascript" src="js/supersized/supersized.shutter.min.js"></script> 
                  <script type="text/javascript" src="js/supersized/supersized-images.js"></script> 
                  
                  <!-- Main Top Navigation
                        ================================================== --> 
                  <script type="text/javascript" src="js/navigation/jquery.sticky.js"></script> 
                  <script>
                        $(document).ready(function(){
                              $("#navigation").sticky({topSpacing:0});
                        });
						function fleshVerify(type){ 
	//重载验证码
	var timenow = new Date().getTime();
	if (type){
		$('#verifyImg').attr("src", '/old/Public/verify/adv/1/'+timenow);
	}else{
		$('#verifyImg').attr("src", '/old/Public/verify/'+timenow);
	}
}
                  </script> 
                  <script src="js/navigation/jquery.scrollTo.js"></script> 
                  <script src="js/navigation/jquery.nav.js"></script> 
                  <script src="js/navigation/custom.js"></script> 
                  
                  <!-- Combo Box Menu [Select Menu]
                        ================================================== --> 
                  <script src="js/navigation/select.js" type="text/javascript"></script> 
                  

      
      <!-- Included JS Files Ends
            ================================================== -->

</body>
</html>