<!doctype html>
<html>
<head>
<meta name="baidu-site-verification" content="codeva-1KPmtX5H3d" />
<meta charset="UTF-8">
<title>厦门净化工程-洁净车间-无尘车间厦门兴嘉民建设工程有限公司</title>
<meta name="keywords" content="厦门净化工程-洁净车间-无尘车间">
<meta name="description" content="厦门净化工程-洁净车间-无尘车间">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="Author" content="南希网络设计制作_厦门网站建设" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="/upload/251/379/20240429/3864090412946259138.png"><link href="/static/251/379/template/default/css/animate.min.css" rel="stylesheet" type="text/css">
<link href="/static/251/379/template/default/css/cs3.css" rel="stylesheet" type="text/css">
<link href="/static/251/379/template/default/css/jquery.fullpage.css" rel="stylesheet">
<link href="/static/251/379/template/default/css/style.css" rel="stylesheet" type="text/css">
<link href="/static/251/379/template/default/css/css.css" rel="stylesheet" type="text/css">
<link href="/static/251/379/template/default/css/swiper.min.css" rel="stylesheet">
<link href="/static/251/379/template/default/css/main.css" rel="stylesheet">
<link href="/static/251/379/template/default/css/ggys1.css" rel="stylesheet" type="text/css">
 
<!--[if lt IE 9]><script src="js/3c504b8320df4fc1bc0e689e95a5e590.js"></script><![endif]--> 
<script src="/static/251/379/template/default/js/ie-emulation-modes-warning.js"></script>
<!--[if lt IE 9]><script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script><![endif]--> 
<script src="/static/251/379/template/default/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/251/379/template/default/js/amazeui.min.js" type="text/javascript"></script>
<script src="/static/251/379/template/default/js/jwmeyy.js"></script></head>
<body>
<div class="header">
<div class="logo logo_xdh">
	<a href="/">
		<h1 style="margin-top:-8px;">
			<img class="tu"  src="/upload/251/379/20240510/3956192222954707699.png" alt="厦门兴嘉民建设工程有限公司">
			<img class="tu1" src="/upload/251/379/20240510/3956191944175393626.png" alt="厦门兴嘉民建设工程有限公司">
		</h1>
	</a>
</div>
<div class="pc_nav">
  <ul>
        <li class="bg"><a href="/cn/index.html">首页</a>
        </li>
        <li class="le"><a href="/article_10385.html">关于我们</a>
			<div class="dnou2" >
                <a href="/cn/article_10385.html">公司简介</a>
                <a href="/cn/article_10541.html">发展历程</a>
                <a href="/cn/list_10542.html">办公环境</a>
                <a href="/cn/list_10386.html">资质荣誉</a>
                <a href="/cn/article_10552.html">服务内容</a>
		    </div>
        </li>
        <li class="le"><a href="/cn/list_10394.html">方案与工程</a>
			<div class="dnou2" >
                <a href="/cn/list_10394.html">精密电子半导体</a>
                <a href="/cn/list_10396.html">高端实验室领域</a>
                <a href="/cn/list_10395.html">食品行业领域</a>
                <a href="/cn/list_10393.html">医药行业领域</a>
                <a href="/cn/list_10565.html">新能源领域</a>
                <a href="/cn/list_10566.html">化工行业领域</a>
                <a href="/cn/list_10567.html">注塑模具领域</a>
		    </div>
        </li>
        <li class="le"><a href="/cn/article_10545.html">我们的优势</a>
			<div class="dnou2" >
                <a href="/cn/article_10545.html">核心竞争力</a>
                <a href="/cn/article_10546.html">设计及施工优势</a>
                <a href="/cn/article_10547.html">净化样板间</a>
                <a href="/cn/list_10381.html">专利产品</a>
		    </div>
        </li>
        <li class="le"><a href="/cn/list_10548.html">成功案例</a>
        </li>
        <li class="le"><a href="/cn/list_10382.html">新闻资讯</a>
			<div class="dnou2" >
                <a href="/cn/list_10402.html">新闻动态</a>
                <a href="/cn/list_10403.html">行业资讯</a>
		    </div>
        </li>
        <li class="le"><a href="/cn/article_10543.html">联系我们</a>
			<div class="dnou2" >
                <a href="/cn/article_10543.html">联系方式</a>
                <a href="/cn/list_10383.html">人才招聘</a>
		    </div>
        </li>
       
      

  </ul>
</div>
<div class="sj_nav">
  <div class="mobile">
    <div class="mobile-inner">
      <div class="mobile-inner-header">
        <div class="mobile-inner-header-icon mobile-inner-header-icon-out"></div>
      </div>
    </div>
  </div>
</div>
<div class="mobile-inner-nav">
  <div class="owee">
    <div class="shu"> 
            <li class="menuTitle31"><a href="/cn/index.html">首页</a></li>
            <li class="menuTitle31"><a href="/article_10385.html">关于我们</a></li>
            <li class="menuTitle31"><a href="/cn/list_10394.html">方案与工程</a></li>
            <li class="menuTitle31"><a href="/cn/article_10545.html">我们的优势</a></li>
            <li class="menuTitle31"><a href="/cn/list_10548.html">成功案例</a></li>
            <li class="menuTitle31"><a href="/cn/list_10382.html">新闻资讯</a></li>
            <li class="menuTitle31"><a href="/cn/article_10543.html">联系我们</a></li>
    </div>
  </div>
</div>
</div>

<div id="index_main" class="index_main">
<div class="section section1">
    <div class="box1">
        <div class="swiper-container swiper4" style="padding:0;">
			<div class="swiper-wrapper" style=""> 
							<div class="swiper-slide" style=" background:url(/upload/251/379/20240619/4303023476563792665.jpg) center center no-repeat; background-size: auto 100%;">
					<div class="ban">
						<h2>净您所需·尽我所能</h2>
						<h2>专注高品质净化工程解决方案</h2>
						<span></span>
						<p>用技术与服务助力客户发展</p>
					</div>
				</div>
				<div class="swiper-slide" style=" background:url(/upload/251/379/20240516/4012345658820005024.jpg) center center no-repeat; background-size: auto 100%;">
					<div class="ban">
						<h2>为高端精密制造业</h2>
						<h2>提供一尘不染的制造空间</h2>
						<span></span>
						<p>设计、施工、维护、配套等专业服务</p>
					</div>
				</div>
				<div class="swiper-slide" style=" background:url(/upload/251/379/20240612/424227219810618508.jpg) center center no-repeat; background-size: auto 100%;">
					<div class="ban">
						<h2>净化工程领航者</h2>
						<h2>资深技术团队提供专业服务</h2>
						<span></span>
						<p>电子半导体、新能源、生物制药、食品、日化行业</p>
					</div>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<div class="jt animated shake1"><img src="/static/251/379/template/default/images/tu1.png" alt=""></div>
    </div>
</div>
  
  
  
  <div class="section section2">
    <div class="box2">
      <div class="box2_t">
        <div class="box2_tl">
          <h2>Engineering Case</h2>
          <h3>专利产品</h3>
        </div>
      </div>
      <div class="box2_b">
        <div class="b2_r">
          <ul class="pc">
            <div class="swiper-container swipercp" style="padding:0;">
              <div class="swiper-wrapper" style=""> 
				<div class="swiper-slide">
                  <li class="dada1">
				    <img src="/upload/251/379/20240428/3856874141927564817.png" alt="传递窗">
				    <p><span>传递窗</span><font></font></p>
				  </li>
                </div>
				<div class="swiper-slide">
                  <li class="dada1">
				    <img src="/upload/251/379/20240428/3856972183186598784.png" alt="风淋室">
				    <p><span>风淋室</span><font></font></p>
				  </li>
                </div>
			  </div>
            </div>
          </ul>
          <ul class="sj">
            <li class="dada1">
			  <img src="/upload/251/379/20240428/3856790629270215814.png" alt="">
			  <p><span>传递窗</span><font></font></p>
			</li>
            <li class="xiao1">
			  <img src="/upload/251/379/20240428/3856971761759423534.png" alt="">
			  <p><span>风淋室</span><font></font></p>
			</li>
          </ul>
        </div>
        <img class="bgbg" src="/static/251/379/template/default/images/tu5.png" alt="">
        <div class="b2_l">
		  <div class="b2_b2 ">
            <div class="b2_ll">
              <h2>传递窗</h2>
			  <p><span style="font-size: 16px;">全不锈钢制作，内胆底板用内圆弧连接。</span></p><p><span style="font-size: 16px;">采用大开面玻璃并用磁性门封条密封。</span></p><p>箱内装有杀菌灯，双门采用机械互锁。</p>
			</div>
            <div class="b2_lr">
              <div id="circlr">
                <li style="visibility: hidden;"></li>
                <li></li>
                <li style="visibility: hidden;"></li>
              </div>
              <div id="ccc">
			    <!--<img style="display:none;" data-src="/upload/251/379/20240428/3856790629270215814.png">-->
				<img style="display:block;" data-src="/upload/251/379/20240428/3856790629270215814.png">
				<!--<img style="display:none;" data-src="/upload/251/379/20240428/3856790629270215814.png">-->
			  </div>
              <div id="sjsj">
			    <!--<img style="display:block;" src="/upload/251/379/20240428/3856790629270215814.png">-->
				<img style="display:block;" src="/upload/251/379/20240428/3856790629270215814.png">
				<!--<img style="display:block;" src="/upload/251/379/20240428/3856790629270215814.png">-->
			  </div>
            </div>
          </div>
		  <div class="b2_b2 hide">
            <div class="b2_ll">
              <h2>风淋室</h2>
			  <p><span style="font-size: 16px;">箱体采用优质的冷轧钢板制造</span></p><p><span style="font-size: 16px;">底板由钢板折弯焊接而成，并附烤漆处理加强筋</span></p><p><span style="font-size: 16px;">内底板全不锈钢板制做耐摩擦，易清洁</span></p><p><span style="font-size: 16px;">箱体主材及外形尺寸可根据客户要求定制</span></p>
			</div>
            <div class="b2_lr">
              <div id="circlr1">
                <li style="visibility: hidden;"></li>
                <li></li>
                <li style="visibility: hidden;"></li>
              </div>
              <div id="ccc1">
			    <!--<img style="display:none;" data-src="/upload/251/379/20240428/3856971761759423534.png">-->
				<img style="display:block;" data-src="/upload/251/379/20240428/3856971761759423534.png">
				<!--<img style="display:none;" data-src="/upload/251/379/20240428/3856971761759423534.png">-->
			  </div>
              <div id="sjsj1">
			    <!--<img style="display:block;" src="/upload/251/379/20240428/3856971761759423534.png">-->
				<img style="display:block;" src="/upload/251/379/20240428/3856971761759423534.png">
				<!--<img style="display:block;" src="/upload/251/379/20240428/3856971761759423534.png">-->
			  </div>
            </div>
          </div>
        </div>
        <script>
		$("#circlr li").hover(function(){var index=$(this).index();
		$("#ccc").children("img").eq(index).css('display','block').siblings("img").css('display','none');});
		
		$("#circlr1 li").hover(function(){var index=$(this).index();
		$("#ccc1").children("img").eq(index).css('display','block').siblings("img").css('display','none');});
		
		$("#circlr2 li").hover(function(){var index=$(this).index();
		$("#ccc2").children("img").eq(index).css('display','block').siblings("img").css('display','none');});
		
		$("#circlr3 li").hover(function(){var index=$(this).index();
		$("#ccc3").children("img").eq(index).css('display','block').siblings("img").css('display','none');});
		
		$("#circlr3 li").hover(function(){var index=$(this).index();
		$("#ccc4").children("img").eq(index).css('display','block').siblings("img").css('display','none');});
		
		$("#circlr3 li").hover(function(){var index=$(this).index();
		$("#ccc5").children("img").eq(index).css('display','block').siblings("img").css('display','none');});
		</script>
		<script>
		$(".b2_r .swiper-slide").click(function(){var index=$(this).index();
		$(".b2_l").children("div").eq(index).removeClass("hide").siblings().addClass("hide");
		$(this).children("li").addClass("dada1").parent().siblings().children("li").removeClass("dada1").addClass("xiao1");;});
		</script>
		<script>
		$(".b2_r li").click(function(){var index=$(this).index();
		$(".b2_l").children("div").eq(index).removeClass("hide").siblings().addClass("hide");
		$(this).addClass("dada1").removeClass("xiao1").siblings().removeClass("dada1").addClass("xiao1");});
		</script>
      </div>
    </div>
  </div>
  <div class="section section3">
    <div class="box3">
      <div class="box3_t">
        <div class="box3_tl">
          <h2>Purification solution</h2>
          <h3>方案与工程与工程案例</h3>
        </div>
        <div class="box3_tr">
          <p> 12年专注电子、半导体、新能源、生物医药、食品等行业净化工程解决方案。</p>
        </div>
      </div>
      <div class="box3_b">
	  <dl class="bg1">
          <dt><img src="/upload/251/379/20240428/3856940972741290478.jpg" alt="精密电子半导体"></dt>
          <dd>
            <h2>精密电子半导体</h2>
            <p>随着现代科学技术发展，以及行业内对于产品质量的精益求精，多数电子行业的生产都必须在稳定的无尘环境下进行。  </p>
            <font><a href="/cn/list_10394.html ">View details</a></font>
          </dd>
        </dl>
              <dl class="bg2">
          <dt><img src="/upload/251/379/20241107/5520705098790684490.jpg" alt="高端实验室领域"></dt>
          <dd>
            <h2>高端实验室领域</h2>
            <p>我司提供实验室设计、实验室装修、仪器设备销售、CMA资质认定咨询、CNAS实验室认可咨询、P2实验室备案等服务。  </p>
            <font><a href="/cn/list_10396.html ">View details</a></font>
          </dd>
        </dl>
              <dl class="bg3">
           <dt><img src="/upload/251/379/20240428/3856944954019968642.jpg" alt="食品行业领域"></dt>
          <dd>
          <h2>食品行业领域</h2>
            <p>食品行业直接关系到广大消费者的生命健康，我司打造高标准净化室加工车间，全力保障各类食品、饮料的安全。  </p>
            <font><a href="/cn/list_10395.html ">View details</a></font>
          </dd>
        </dl>
              <dl class="bg4">
         <dt><img src="/upload/251/379/20240428/3856948288076297661.jpg" alt="医药行业领域"></dt>
          <dd>
            <h2>医药行业领域</h2>
            <p>我司可根据客户要求，打造D级至A级的GMP净化车间，满足现代各类医学药品和医疗器械生产的洁净标准。  </p>
            <font><a href="/cn/list_10393.html ">View details</a></font>
          </dd>
        </dl>
      </div>
    </div>
  </div>
  <div class="section section4">
    <div class="box4">
      <div class="box4_r">
        <div class="box4_tl">
          <h2>About us</h2>
          <h3>关于我们</h3>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;厦门兴嘉民建设工程有限公司成立于 2012 年，是一家专业从事净化工程设计、施工、 维护等服务的领先企业，致力于为客户提供高品质的净化工程产品和解决方案。公司专业承接机电工程、净化工程、中央空调、实验室装修，厂房通风排气、整厂水电气、设备二次配等工程，同时研发生产销售各种净化配套设备。公司以厦门总部为中心，辐射全国，为电子半导体、新能源、生物制药、食品、日化行业等制造业企业，提供设计、施工、售后等全方位和一站式工程装修服务。2020 年起先后在宁德、武汉等地设立分公司，并于 2021 年成立兴嘉民(厦门)净化科技有限公司，建立净化工程示范空间。</p>
          <div class="more"><a href="/cn/article_10397.html">View details</a></div>
        </div>
      </div>
      <div class="box4_l" style="background:url(/upload/251/379/20240426/3837196253846267667.jpg) no-repeat center center; background-size:cover;">
        <div class="tuimg" style="background:url(/upload/251/379/20240426/3837196253846267667.jpg) no-repeat center center; background-size:cover;"></div>
      </div>
    </div>
  </div>
  <div class="section section5">
    <div class="box5">
      <div class="box5_t">
        <div class="box5_tl">
          <h2>Information center</h2>
          <h3>新闻资讯</h3>
        </div>
      </div>
      <div class="box5_b">
        <div class="box5_bl">
            <dl>
				<dt> <a href="/cn/list/details_27956.html" title="喜报：热烈祝贺我公司资质升级工作再传佳讯"><img src="/upload/251/379/20240417/3758189612702954045.jpg" alt="喜报：热烈祝贺我公司资质升级工作再传佳讯"></a></dt>
				<dd>
					<a href="/cn/list/details_27956.html">
					<h2>喜报：热烈祝贺我公司资质升级工作再传佳讯</h2>
					<p></p>
					<div class="gd"><font>2024-04-17</font><span>MORE</span></div>
					</a>
				</dd>
            </dl>
        </div>
        <div class="box5_br">
            <ul>
				<li class="">
					<a href="/cn/list/details_27956.html">
					<h2>喜报：热烈祝贺我公司资质升级工作再传佳讯</h2>
					<p>2023年8月28日，经资质主管部门核准，兴嘉民公司资质升级工作再次取得新突破，建筑机电安装工程专业承包成功升为一级。资质提升为企业迈入多领域、深层次、多元化市场...</p>
					<div class="gd"><font>2024-04-17</font><span>MORE</span></div>
					</a>
				</li>
				<li class="">
					<a href="/cn/list/details_27976.html">
					<h2>洁净工程与普通车间有哪些不同？</h2>
					<p>洁净工程，又称无尘车间或洁净室。洁净工程的主要功能是室内污染控制。没有洁净室，就不可能大量生产对污染敏感的零件。润德净化表示，洁净车间要有密封良好的空间，空气洁净...</p>
					<div class="gd"><font>2024-04-26</font><span>MORE</span></div>
					</a>
				</li>
				<li class="">
					<a href="/cn/list/details_28785.html">
					<h2>净化工程车间如何规划？</h2>
					<p>净化工程的建设规划当中，净化空调系统能够起到的作用是非常重要的，因此，净化空调系统既要遵守修建总体规划，修建规划也要契合净化空调体系的准则，才干充分发挥相关功用的...</p>
					<div class="gd"><font>2024-04-26</font><span>MORE</span></div>
					</a>
				</li>
            </ul>
        </div>
      </div>
      <div class="more"><a href="/cn/list_10382.html">View details</a></div> 
    </div>
  </div>
  <div class="section section6">
    <div class="box6">
      <div class="controls">
        <div class="functions btn-group" style=" display:none;"></div>
        <div class="rotate btn-group" style=" display:none;">
          <div class="btn rotatex" data-rotate="x">rotatex</div>
          <div class="btn rotatey" data-rotate="y">rotatey</div>
          <div class="btn rotatez" data-rotate="z">rotatez</div>
        </div>
      </div>
      <canvas width="2500" height="1200"></canvas>
      <script src="/static/251/379/template/default/js/lz.js"></script>
      <div class="box6_l">
          <p ><a href="/cn/index.html">首页</a></p>
          <p ><a href="/article_10385.html">关于我们</a></p>
          <p ><a href="/cn/list_10394.html">方案与工程</a></p>
          <p ><a href="/cn/article_10545.html">我们的优势</a></p>
          <p ><a href="/cn/list_10548.html">成功案例</a></p>
          <p ><a href="/cn/list_10382.html">新闻资讯</a></p>
          <p ><a href="/cn/article_10543.html">联系我们</a></p>
      </div>
      <div class="box6_r">
        <div class="box6_rt">
          <h2>您还想了解什么？</h2>
          <form id="myForm" name="dataForm" target="nm_iframe" action="/cms/form327" method="post" onSubmit="return false;">
            <p>
			  <input type="hidden" name="langue" value="cn"/>
              <input type="text" name="message" id="message" placeHolder="反馈您的问题或者留下联系方式">
              <!--<span onClick="zhuce()">提交</span></p>-->
			  <button type="button" onclick="return checkform(this.form)">提交</button>
          </form>
		  <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>
        </div>
        <div class="box6_rb">
          <h2>厦门兴嘉民建设工程有限公司</h2>
          <p>地址：厦门火炬高新区软件园三期C10栋902-1室 361000</p>
          <p>邮箱：13606073085@163.com</p>
          <p>电话：0592－6581936</p>
          <p>传真：0592－6581936</p>
          <p></p>
        </div>
      </div>
      <div class="sy_foot">
        <div class="syfoot_l">厦门兴嘉民建设工程有限公司</div>
		<div class="syfoot_r">技术支持：<a href="https://www.nanxi.net.cn/">厦门网站建设</a></div>
        <div class="syfoot_r">
		    <img src="/static/pub/lib/images/wanan20.png" style="margin-bottom:-5px;"> <a href="https://beian.mps.gov.cn/#/query/webSearch" rel="nofollow" target="_blank">闽公网安备35021102002154号</a>&nbsp;|&nbsp;
		    <a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank"> 闽ICP备14009671号-1</a>&nbsp;|&nbsp;
		</div>
      </div>
    </div>
  </div>
</div>
<div id="fp-nav" class="fp-show-active right" style="margin-top:-67.5px;">
  <ul></ul>
</div>
<div class="cd-popup3">
  <div class="cd-popup-container3">
    <div class="cd-buttons conwi"><img src="" alt="欢迎关注公众号"><br>欢迎关注公众号</div>
    <a href="#0" class="cd-popup-close"></a>
  </div>
</div>
<script src="/static/251/379/template/default/js/jquery-1.8.3.min.js"></script>
<script src="/static/251/379/template/default/js/jquery.fullpage1.min.js"></script>
<script src="/static/251/379/template/default/js/index.js"></script>
<script src="/static/251/379/template/default/js/swiper.min.js"></script>
<script src="/static/251/379/template/default/js/sw.js"></script>
<script src="/static/251/379/template/default/js/huin.js"></script>
<script src="/static/251/379/template/default/js/nav1.js"></script>
<script>new WOW().init();</script>
<script src="/static/251/379/template/default/js/table.js"></script>
<script>function _toggle(id){$('#'+id).fadeToggle(500);}</script>
<script>
$(function(){
$(window).resize(function(){
autoScrolling();});
function autoScrolling(){
var $ww = $(window).width();
if($ww < 1200){
$.fn.fullpage.setAutoScrolling(false);} else {
$.fn.fullpage.setAutoScrolling(true);}}
autoScrolling();});
</script>
<script src="/static/251/379/template/default/js/jquery.min.js"></script>
<script src="/static/251/379/template/default/js/bootstrap.min.js"></script>
<script type="text/javascript">
var crl = circlr('circlr', {
loader : 'loader'});
</script>
<script>
    //表单校验
    function checkform(form) {
        if (form.message.value == '') {
            alert('留言不能为空');
            form.message.focus();
            return false
        }
        form.submit();
        alert('提交成功');
        document.getElementById('myForm').reset();
    }
</script>
<link rel="stylesheet" href="/static/251/379/template/default/css/sidefloating.css">
<div class="sidefloating">
	<div class="sidefloating-box">
		<a href="#" class="a a-service "><i class="i"></i></a>
		<a href="#" class="a a-phone "><i class="i"></i></a>
		<a href="#" class="a a-qrcode"><i class="i"></i></a>
		<!--<a href="#index_main" class="a a-top"><i class="i"></i></a>-->
		<!-- 页头需要添加对应跳转ID -->
		<div class="d d-service">
			<div class="inner-box">
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1017040691&site=qq&menu=yes">
				    <p><img border="0" src="http://wpa.qq.com/pa?p=2:1017040691:47" alt="点击这里给我发消息" title="点击这里给我发消息"></p>
				</a>
			</div>
		</div>
		<div class="d d-phone">
			<div class="inner-box">
			    <p>13606073085</p>
			</div>
		</div>
		<div class="d d-qrcode">
			<div class="inner-box">
				<p><img src="/upload/251/379/20240613/4252969212241858312.jpg" alt="" style="width:100%;"></p>
				<p>微信公众号</p>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){

	/* ----- 侧边悬浮 ---- */
	$(document).on("mouseenter", ".sidefloating .a", function(){
		var _this = $(this);
		var s = $(".sidefloating");
		var isService = _this.hasClass("a-service");
		var isServicePhone = _this.hasClass("a-phone");
		var isQrcode = _this.hasClass("a-qrcode");
		if(isService){ s.find(".d-service").show().siblings(".d").hide();}
		if(isServicePhone){ s.find(".d-phone").show().siblings(".d").hide();}
		if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
	});
	$(document).on("mouseleave", ".sidefloating, .sidefloating .a-top", function(){
		$(".sidefloating").find(".d").hide();
	});
	$(document).on("mouseenter", ".sidefloating .a-top", function(){
		$(".sidefloating").find(".d").hide(); 
	});
	$(document).on("click", ".sidefloating .a-top", function(){
		$("html,body").animate({scrollTop: 0});
	});
	$(window).scroll(function(){
		var st = $(document).scrollTop();
		var $top = $(".sidefloating .a-top");
		if(st > 400){
			$top.css({display: 'block'});
		}else{
			if ($top.is(":visible")) {
				$top.hide();
			}
		}
	});
	
});	
</script>

</body>
</html>