</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <!-- nav --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">友泰信格(廊坊)过滤设备有限公司</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="top-nav-right navbar-right"> <ul> <li id="fat-menu" class="dropdown"> <a class="dropdown-toggleglyphicon glyphicon glyphicon-globe" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a> <ul class="dropdown-menu" aria-labelledby="drop3"> <li><a id="StranLink" name="StranLink">繁體</a></li> <li><a href="new-filter.com" target="_blank">阿里巴巴</a></li> <li><a href="http://121.28.80.66:8089/hbnweb/dzbzsq.jhtml" target="_blank">工商红盾</a></li> </ul> </li> <li class="glyphicon glyphicon-shopping-cart nav-shopping"><a href="/index.php?case=archive&act=orders" target="_blank"></a></li><li class="glyphicon glyphicon-search" data-toggle="modal" data-target=".bs-example-modal-lg-search" aria-hidden="true"></li> </ul> </div> <!-- logo --> <a href="/" class="navbar-brand text-center"><img src="/images/logo.png" class="img-responsive" alt="友泰信格(廊坊)过滤设备有限公司" /></a> <!-- logo end --> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen active"><a href="/">网站首页</a></li> <li class="oen dropdown"> <a href="list_1.htm" data-toggle="dropdown" data-submenu="">关于我们<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="企业文化" href="list_4.htm">企业文化</a> </li> <li> <a title="职位招聘" href="list_7.htm">职位招聘</a> </li> <li> <a title="公司荣誉" href="list_11.htm">公司荣誉</a> </li> <li> <a title="发展历程" href="list_12.htm">发展历程</a> </li> </ul> </li> <li class="oen dropdown"> <a href="list_2.htm" data-toggle="dropdown" data-submenu="">企业新闻<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="公司动态" href="list_9.htm">公司动态</a> </li> <li> <a title="行业新闻" href="list_13.htm">行业新闻</a> </li> </ul> </li> <li class="oen dropdown"> <a href="list_3.htm" data-toggle="dropdown" data-submenu="">产品中心<span class="caret"></span></a> <ul class="two dropdown-menu"> <li class="dropdown-submenu"> <a title="peco滤芯" href="list_8.htm">peco滤芯</a> <ul class="three dropdown-menu"> <li> <a title="FF系列" href="list_15.htm">FF系列</a> </li> <li> <a title="FG系列" href="list_16.htm">FG系列</a> </li> <li> <a title="PCHG系列" href="list_17.htm">PCHG系列</a> </li> <li> <a title="PMGRF系列 " href="list_18.htm">PMGRF系列 </a> </li> <li> <a title="NGGC系列 " href="list_19.htm">NGGC系列 </a> </li> <li> <a title="聚结滤芯 " href="list_20.htm">聚结滤芯 </a> </li> <li> <a title="滤袋" href="list_21.htm">滤袋</a> </li> </ul> </li> </ul> </li> <li class="oen"> <a href="list_5.htm">联系我们</a> </li> <li class="oen"> <a href="list_14.htm">泰格应用案例</a> </li> </ul> <div class="navbar-right user-panel"> <script src="/index.php?case=user&act=login_js"></script></div> </div> </div> </nav> <div class="clearall"></div> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> <li data-target="#myCarousel" data-slide-to="4"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <img class="first-slide" src="/images/slide/banner01.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="http://www.new-filter.cn" role="button">了解更多</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/images/slide/banner02.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="http://www.new-filter.cn" role="button">了解更多</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/images/slide/banner03.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="http://www.new-filter.cn" role="button">了解更多</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/images/slide/banner04.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="http://www.new-filter.cn" role="button">了解更多</a></p> </div> </div> </div> <div class="item"> <img class="first-slide" src="/images/slide/banner05.jpg" alt=""> <div class="container"> <div class="carousel-caption"> <h3></h3> <p></p> <p><a class="btn btn-lg btn-primary" href="http://www.new-filter.cn" role="button">了解更多</a></p> </div> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><!-- /.carousel --> <!-- Large modal --> <div class="clearall"></div><div class="blank30"></div> <div class="title wow bounceIn"> <div class="container"> <h3><a href="list_3.htm" title="产品中心">产品中心</a></h3> <p>products</p> </div> </div> <div class="container wow fadeInUp " data-wow-delay="0.6s"> <div id="owl-demo" class="owl-carousel"> <div class="item"> <a title="变压器油含氢量超标用变压器专用滤油机" target="_blank" href="show_10.htm" class="img-auto"> <img alt="变压器油含氢量超标用变压器专用滤油机" src="/upload/images/201702/14875721338144.jpg" class="img-responsive" data-src="/upload/images/201702/14875721338144.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="变压器油含氢量超标用变压器专用滤油机" target="_blank" href="show_10.htm"><h4>变压器油含氢量超标用变压器专用滤油机<small></small></h4></a> </div> <div class="item"> <a title="派克汉尼汾为重卡提供高品质过滤解决方案" target="_blank" href="show_11.htm" class="img-auto"> <img alt="派克汉尼汾为重卡提供高品质过滤解决方案" src="/upload/images/201702/14875814523566.jpg" class="img-responsive" data-src="/upload/images/201702/14875814523566.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="派克汉尼汾为重卡提供高品质过滤解决方案" target="_blank" href="show_11.htm"><h4>派克汉尼汾为重卡提供高品质过滤解决方案<small></small></h4></a> </div> <div class="item"> <a title="天然气滤清器保养注意点" target="_blank" href="show_12.htm" class="img-auto"> <img alt="天然气滤清器保养注意点" src="/upload/images/201702/14875818183164.jpg" class="img-responsive" data-src="/upload/images/201702/14875818183164.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="天然气滤清器保养注意点" target="_blank" href="show_12.htm"><h4>天然气滤清器保养注意点<small></small></h4></a> </div> <div class="item"> <a title="泰格滤清器 派克升级天然气滤芯" target="_blank" href="show_13.htm" class="img-auto"> <img alt="泰格滤清器 派克升级天然气滤芯" src="/upload/images/201702/14875817125078.jpg" class="img-responsive" data-src="/upload/images/201702/14875817125078.jpg" onerror='this.src="/images/nopic.gif"' /></a> <a title="泰格滤清器 派克升级天然气滤芯" target="_blank" href="show_13.htm"><h4>泰格滤清器 派克升级天然气滤芯<small></small></h4></a> </div> </div> </div> <script src="/template/default_html5/skin/js/owl.carousel.min.js"></script> <script> $(document).ready(function() { $("#owl-demo").owlCarousel({ items : 4, lazyLoad : true, navigation : true }); }); </script> <div class="blank30"></div> <div class="bg_1 pa5 mb30 index-2"> <div class="title wow bounceIn"> <div class="container"> <h3><a href="list_2.htm" title="企业新闻">企业新闻</a></h3> <p>news</p> <div class="url_1"> <a href="list_9.htm" title="公司动态">公司动态</a> <a href="list_13.htm" title="行业新闻">行业新闻</a> </div> </div> </div> <div class="container wow zoomIn " data-wow-delay="0.6s"> <script type="text/javascript"> function tab_m(obj,name) { var p = obj.parentNode.getElementsByTagName("li"); var p1 = document.getElementById(name).getElementsByTagName("div"); for(i=0;i<p1.length;i++) { if(obj==p[i]) { p[i].className = "s"; p1[i].className = "dis"; } else { p[i].className = "#"; p1[i].className = "undis"; } } } </script> <div class="col-sm-6 tabbox" id="tabbox"> <div class="dis" onclick="('tab',1)"> <a style="color:;" href="show_44.htm"><img src="/upload/images/201707/14990418969135.jpg" width="485" height="290"></a> </div> <div onclick="('tab',1)"> <a style="color:;" href="show_40.htm"><img src="/upload/images/201704/149100996143.jpg" width="485" height="290"></a> </div> <div onclick="('tab',1)"> <a style="color:;" href="show_30.htm"><img src="/upload/images/201702/14874964271920.jpg" width="485" height="290"></a> </div> </div> <!--/tabbox--> <ul class="col-sm-6 tabnav"> <li class="s" onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>行业新闻</strong> <div> <h5><span class="hidden-sm">2017-07</span><a style="color:;" href="show_44.htm" class="hover" title="贺德克新型滤芯"><font style="color:;">贺德克新型滤芯</font></a></h5> <p>泰格滤清器贺德克滤芯将汲取国外贺德克厂家经验，进行产品升级改进。</p> </div> </li> <li onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>行业新闻</strong> <div> <h5><span class="hidden-sm">2017-05</span><a style="color:;" href="show_40.htm" class="hover" title="pall聚结滤芯的过滤原理"><font style="color:;">pall聚结滤芯的过滤原</font></a></h5> <p> 聚结滤芯是由多种复合材料经特殊工艺加工而成，具有亲水特性，它不仅能滤除介质中的</p> </div> </li> <li onMouseOver="tab_m(this,'tabbox')" onclick="('tab',3)"> <strong>公司动态</strong> <div> <h5><span class="hidden-sm">2015-08</span><a style="color:;" href="show_30.htm" class="hover" title="天然气过滤器_天然气过滤器是什么样的设备"><font style="color:;">天然气过滤器_天然气过滤</font></a></h5> <p>天然气过滤器简单理解就是一种过滤天然气的设备，如今为我们日常生活和工业生产等都发</p> </div> </li> </ul> <!-- tabnav --> <div class="clear"></div> <div class="row list_1"> <div class="col-md-3 col-sm-6"> <a style="color:;" href="show_44.htm" title="贺德克新型滤芯" target="_blank"><font style="color:;">贺德克新型滤芯</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="show_40.htm" title="pall聚结滤芯的过滤原理" target="_blank"><font style="color:;">pall聚结滤芯的过滤原理</font></a> </div> <div class="col-md-3 col-sm-6"> <a style="color:;" href="show_30.htm" title="天然气过滤器_天然气过滤器是什么样的设备" target="_blank"><font style="color:;">天然气过滤器_天然气过滤器是什么样的设备</font></a> </div> </div> <div class="blank30"></div> </div> <!-- w_set --> </div> </div> <div class="title wow bounceIn"> <div class="container"> <h3><a href="list_1.htm" title="关于我们">关于我们</a></h3> <p>about</p> </div> </div> <div class="container pa20"> <div class="i_about wow fadeIn" data-wow-delay="0.6s"> <div class="i_about_banner"> <center><a href="list_1.htm" title=""><img src="/upload/images/201506/guanyu.jpg" alt="" /></a></center> </div> <div class="i_about_text"> <p> 泰格滤清器经公司多年研发，结合国外先进过滤技术，依靠强大的技术团队，泰格已将Triple R Europe日本3R滤芯，PALL滤芯,派克PARKER滤芯,威格士VICKERS滤芯,玛勒MAHLE滤芯,PLASSER（普拉塞）,西德福滤芯,MP翡翠,雅歌ARGO滤芯,EPE滤芯,DENISON丹尼逊，hydac贺德克等几十种品牌成功国产化。 &n…</p> </div> <div class="i_about_text_pic"> <div class="row"> <section class="wow fadeInLeft" data-wow-delay="1.0s"> <div class="col-sm-4"> <div> <a href="list_12.htm"><img src="/upload/images/201506/gushi.jpg" width="232" height="161" alt="发展历程" /></a> <h3><a href="list_12.htm">发展历程</a></h3> <p> 泰格自成立以来就开始从事进口滤芯的国产化，替代的品牌已经覆盖国外几百种主流品牌。目前国外过滤产品，不但产品价格高而且货期时间太长。</p> </div> </div> </section> <section class="wow bounceIn" data-wow-delay="1.6s"> <div class="col-sm-4"> <div> <a href="list_11.htm"><img src="/upload/images/201506/rongyu.jpg" width="232" height="161" alt="公司荣誉" /></a> <h3><a href="list_11.htm">公司荣誉</a></h3> <p>公司于2002年7月全面通过了ISO9001：2000国际质量体系认证（图），技术力量雄厚，检测设备齐全。为保障优质的产品，滤材全部同美国、德国、芬兰等国家先进滤纸生产厂家进口。公司主要客户有大港油田</p> </div> </div> </section> <section class="wow fadeInRight" data-wow-delay="1.0s"> <div class="col-sm-4"> <div> <a href="list_4.htm"><img src="/upload/images/201506/wenhua.jpg" width="232" height="161" alt="企业文化" /></a> <h3><a href="list_4.htm">企业文化</a></h3> <p>重泰山之诺，做人格产品！公司一直秉承这一口号，服务与广大用户。现在泰格的产品在冶金工业、汽车工业、电力设备、化工、工程机械、造纸工业、造船工业以及机床制造等领域都得到广泛应用。例如：国内许多大型冶金设</p> </div> </div> </section> </div> </div> </div> </div> <div class="title wow bounceIn"> <div class="container"> <h3><a href="list_5.htm" title="联系我们">联系我们</a></h3> <p>contact</p> </div> </div> <div class="blank30"></div> <div class="container index4" style="z-index:7; position:relative; "> <div class="col-md-4 col-sm-6 wow fadeInLeft" data-wow-delay="0.6s"> <dl class="ico_tel"> <dt>电 话</dt> <dd>0316-6123701</dd> </dl> <dl class="ico_qq"> <dt>在线客服</dt> <dd> <a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=326888235&site=qq&menu=yes" target="_blank">客服一</a><a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=251646117&site=qq&menu=yes" target="_blank">客服二</a><div class="clear"></div> </dd> </dl> <dl class="ico_add"> <div class="blank20"></div> <dt>地 址</dt> <dd> 河北省廊坊市固安县林城滤清器工业园欣欣路2-126号</dd> </dl> <dl class="ico_weixin"> <dt>关注官方微信</dt> <dd> <br> <br> <img src="/images/w.gif" width="170" onerror='this.src="/images/nopic.gif"' /> </dd> </dl> </div> <div class="col-md-4 col-sm-6 wow fadeInUp"> <h3 class="t_3"><a href="list_7.htm">职位招聘</a> </h3> <ul class="list_2"> <li><a style="color:;" href="show_29.htm" title="业务经理" target="_blank"><font style="color:;">业务经理</font></a></li> <li><a style="color:;" href="show_26.htm" title="部门主管" target="_blank">部门主管</a></li> </ul> <div class="blank30"></div> <div class="vote"> <script type="text/javascript" src="/index.php?case=ballot&act=getjs&id=1"></script></div> </div> <div class="clearfix visible-xs-block"></div> <div class="col-md-4 wow fadeInRight" data-wow-delay="0.6s"> <h3 class="t_3"><a rel="nofollow" title="留言" href="/index.php?case=guestbook&act=index" target="_blank">您好 Say hello.欢迎您给我们提出问题</a></h3> <div class="blank10"></div> <form method="post" action="/index.php?case=guestbook&act=index" name="form1" class="form_message"> <div>姓名<span>Name</span></div> <input name="nickname" id="nickname" value="" class="guestbook_input" /> <div>标题<span>Title</span></div> <input type="text" name="title" id="title" value="" class="guestbook_input" /> <div>邮 箱<span>Emali</span></div> <input name="guestemail" id="guestemail" value="" class="guestbook_input" /> <div>联系电话<span>Tel</span></div> <input name="guesttel" id="guestetel" value="" class="guestbook_input" /> <div>内容<span>Content</span></div> <textarea name="content" class="guestbook_textarea"></textarea> <div class="blank10"></div> <div id="verifycode_guest"></div> <script src="http://api.geetest.com/get.php"></script> <script> var loadGeetest1 = function(config) { window.gt_captcha_obj = new window.Geetest({ gt : config.gt, challenge : config.challenge, product : 'float', offline : !config.success }); gt_captcha_obj.appendTo("#verifycode_guest"); }; $.ajax({ url : '/index.php?case=tool&act=geetest', type : "get", dataType : 'JSON', success : function(result) { //console.log(result); loadGeetest1(result) } }); </script> <div class="blank20"></div> <input type="submit" name="submit" value="提交" class="guestbook_btn"> </form></div> </div> <div class="title wow bounceIn"> <div class="container"> <h3>友情链接</h3> <p>links</p> </div> </div> <dl class="container wow fadeInUp"> <dd class="f_link"> </dd> <dd class="f_link"> <a href="new-filter.cn" target="_blank">泰格诚信通</a> <a href="http://www.odmfilter.com" target="_blank">泰格英文网站</a> <a href="https://www.baidu.com/s?wd=%E5%9B%BA%E5%AE%89%E5%8E%BF%E7%89%9B%E9%A9%BC%E9%95%87%E6%B3%B0%E6%A0%BC%E6%BB%A4%E6%B8%85%E5%99%A8%E5%8E%82@v&tn=92467487_hao_pg" target="_blank">百度诚信档案</a> </dd> </dl> <div class="blank30"></div> <!-- 页底 --> <div class="foot wow fadeInUp"> <div class="container"> <div class="row"> <div class="col-sm-5"> <dl class="foot_left"> <dd> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <input type="text" name="keyword" value="请输入查询信息！" onfocus="if(this.value=='请输入查询信息！') {this.value=''}" onblur="if(this.value=='') this.value='请输入查询信息！'" class="s_text" /> <input name='submit' type="submit" value="" align="middle" class="s_btn" /> </form> </dd> <dd class="blank20"></dd> <dd> <input type="text" id="oid" name="oid" value="订单查询" onfocus="if(this.value=='订单查询') {this.value=''}" onblur="if(this.value=='') this.value='订单查询'" class="s_text" /> <input name='submit' type="submit" value="" onclick="javascript:window.location.href='/index.php?case=archive&act=orders&oid='+document.getElementById('oid').value;" align="middle" class="s_btn" /> </dd> <dd class="blank20"></dd> <form name="listform" id="listform" action="/index.php?case=archive&act=email" method="post"> <dd> <input type="text" name="email" id="email" value=" 邮件订阅 " onfocus="if(this.value==' 邮件订阅 ') {this.value=''}" onblur="checkEmail(this)" class="s_text" /> <input type="submit" align="absmiple" name='submit' value=" " class="s_btn" /> </dd> </form> </dl> </div> <div class="col-sm-2"> <dl class="foot_qr_codes"> <dd><img width="150" src="/index.php?case=tool&act=qrcode" /></dd> <dd>扫描访问手机版</dd> </dl> </div> <div class="col-sm-5"> <dl class="copyrights"> <dd>Copyright © <a title="友泰信格(廊坊)过滤设备有限公司" href="/">友泰信格(廊坊)过滤设备有限公司</a></dd> <dd><script src='http://pw.cnzz.com/c.php?id=1261608758&l=2' language='JavaScript' charset='utf-8'></script> Powered by <a href="http://www.cmseasy.cn" title="CmsEasy企业网站系统" target="_blank">CmsEasy</a></dd> <dd><a rel="nofollow" href="http://www.miibeian.gov.cn/" rel="nofollow" target="_blank">冀ICP备12000494号</a></dd> <dd><script src="/index.php?case=user&act=login_js"></script> </dd> </dl> </div> </div> <div class="row"> <div class="col-md-5"> 热门关键词： <a href="/index.php?case=archive&act=search&keyword=&ule=1"></a> <a href="/index.php?case=archive&act=search&keyword=-E7-A7-91-E9-9B-B7-E8-AF-BA-E6-BB-A4-E8-8A-AF&ule=1">科雷诺滤芯</a> <a href="/index.php?case=archive&act=search&keyword=pall-E5-A4-A9-E7-84-B6-E6-B0-94-E6-BB-A4-E8-8A-AF&ule=1">pall天然气滤芯</a> <a href="/index.php?case=archive&act=search&keyword=peco-E6-BB-A4-E8-8A-AF&ule=1">peco滤芯</a> <a href="/index.php?case=archive&act=search&keyword=-E8-81-9A-E7-BB-93-E6-BB-A4-E8-8A-AF&ule=1">聚结滤芯</a> <a href="/index.php?case=archive&act=search&keyword=-E5-A4-A9-E7-84-B6-E6-B0-94-E7-AE-A1-E9-81-93-E6-BB-A4-E8-8A-AF&ule=1">天然气管道滤芯</a> <a href="/index.php?case=archive&act=search&keyword=-E8-AF-B7-E8-BE-93-E5-85-A5-E6-9F-A5-E8-AF-A2-E4-BF-A1-E6-81-AF-EF-BC-81&ule=1">请输入查询信息！</a> </div> </div> </div> </div> <!--/footer--> <!-- search --> <div class="container-fluid"> <div class="modal fade bs-example-modal-lg-search" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="row"> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <div class="col-lg-1"></div> <div class="col-lg-10"> <div class="input-group"> <input type="text" name="keyword" class="form-control" placeholder="请输入查询信息！"> <span class="input-group-btn"> <button class="btn btn-default" name='submit' type="submit">Go!</button> </span> </div> </div> <div class="col-lg-1"></div> </form> </div> </div> </div> </div> <!-- search end --> <div class="servers"> <!--[if (gte IE 7)|!(IE)]><!--> <!-- 在线客服 --> <style type="text/css"> .izl-rmenu{position:fixed; left:0; margin-right:20px; bottom:0px; padding-bottom:0px; z-index:999; } .izl-rmenu .sbtn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;} .izl-rmenu .btn-qq{background:url(/template/default_html5/skin/images/servers/metro_color/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;color:#FFF;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;color:#FFF;} .izl-rmenu .btn-qq .qq{background-color:#488bc7; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-qq a {color:#FFF;font-size:14px;} .izl-rmenu .btn-wx{background:url(/template/default_html5/skin/images/servers/metro_color/r_wx.png) 0px 0px no-repeat; background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute; right:-160px; top:0px; display:none;width:140px;height:140px;} .izl-rmenu .btn-phone{background:url(/template/default_html5/skin/images/servers/metro_color/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-ali{background:url(/template/default_html5/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B;} .izl-rmenu .btn-ali:hover{background-color:#808000;} .izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(/template/default_html5/skin/images/servers/metro_color/r_ali.png) 0px 0px no-repeat; background-color:#B8860B; text-decoration:none; display:block;} .izl-rmenu .btn-wangwang{background:url(/template/default_html5/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700;} .izl-rmenu .btn-wangwang:hover{background-color:#DAA520;} .izl-rmenu a.btn-wangwang,.izl-rmenu a.btn-wangwang:visited{background:url(/template/default_html5/skin/images/servers/metro_color/r_wangwang.png) 0px 0px no-repeat; background-color:#FFD700; text-decoration:none; display:block;} .izl-rmenu .btn-skype{background:url(/template/default_html5/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4;} .izl-rmenu .btn-skype:hover{background-color:#8B008B;} .izl-rmenu a.btn-skype,.izl-rmenu a.btn-skype:visited{background:url(/template/default_html5/skin/images/servers/metro_color/r_skype.png) 0px 0px no-repeat; background-color:#FF69B4; text-decoration:none; display:block;} .izl-rmenu .btn-web{background:url(/template/default_html5/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46;} .izl-rmenu .btn-web:hover{background-color:#00663a;} .izl-rmenu a.btn-web,.izl-rmenu a.btn-web:visited{background:url(/template/default_html5/skin/images/servers/metro_color/r_web.png) 0px 0px no-repeat; background-color:#008a46; text-decoration:none; display:block;} .izl-rmenu .btn-top{background:url(/template/default_html5/skin/images/servers/metro_color/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} </style> <script language="javascript" type="text/javascript"> $(function(){ var tophtml="<div id=\"izl_rmenu\" class=\"izl-rmenu\"><div class=\"sbtn btn-qq\"><div class=\"qq\"><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=326888235&websiteName=http://odmfilter.com/=&Menu=yes\">客服一</a><br /><a rel=\"nofollow\" target=\"_blank\" href=\"tencent://Message/?Uin=251646117&websiteName=http://odmfilter.com/=&Menu=yes\">客服二</a></div></div><a rel=\"nofollow\" href=\"http://amos.im.alisoft.com/msg.aw?v=2&uid=newfilter&site=cntaobao&s=1&charset=utf-8\" target=\"_blank\" class=\"sbtn btn-wangwang\"></a><a rel=\"nofollow\" target=\"_blank\" href=\"http://web.im.alisoft.com/msg.aw?v=2&uid=newfilter&site=cnalichn&s=10\" class=\"sbtn btn-ali\"></a><a rel=\"nofollow\" target=\"_blank\" href=\"skype:htlvye@hotmail.com?call\" target=\"_blank\" class=\"sbtn btn-skype\"></a><div class=\"sbtn btn-wx\"><img class=\"pic\" src=\"/images/w.gif\" onclick=\"window.location.href=\'http:\'\"/></div><div class=\"sbtn btn-phone\"><div class=\"phone\">0316-6123701</div></div><div class=\"sbtn btn-top\"></div></div>"; $("#top").html(tophtml); $("#izl_rmenu").each(function(){ $(this).find(".btn-qq").mouseenter(function(){ $(this).find(".qq").fadeIn("fast"); }); $(this).find(".btn-qq").mouseleave(function(){ $(this).find(".qq").fadeOut("fast"); }); $(this).find(".btn-wx").mouseenter(function(){ $(this).find(".pic").fadeIn("fast"); }); $(this).find(".btn-wx").mouseleave(function(){ $(this).find(".pic").fadeOut("fast"); }); $(this).find(".btn-phone").mouseenter(function(){ $(this).find(".phone").fadeIn("fast"); }); $(this).find(".btn-phone").mouseleave(function(){ $(this).find(".phone").fadeOut("fast"); }); $(this).find(".btn-top").click(function(){ $("html, body").animate({ "scroll-top":0 },"fast"); }); }); var lastRmenuStatus=false; $(window).scroll(function(){//bug var _top=$(window).scrollTop(); if(_top>200){ $("#izl_rmenu").data("expanded",true); }else{ $("#izl_rmenu").data("expanded",false); } if($("#izl_rmenu").data("expanded")!=lastRmenuStatus){ lastRmenuStatus=$("#izl_rmenu").data("expanded"); if(lastRmenuStatus){ $("#izl_rmenu .btn-top").slideDown(); }else{ $("#izl_rmenu .btn-top").slideUp(); } } }); }); </script> <div id="top"></div><![endif]--> <!-- 短信 --> </div> <div class="servers-wap"> <style type="text/css"> /*底部导航*/ #plug-wrap { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; } .top_bar { position:fixed; bottom:0; right:0px; z-index:900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; } .plug-menu { -webkit-appearance:button; display:inline-block; width:36px; height:36px; border-radius:36px; position: absolute; bottom:17px; right: 17px; z-index:999; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); background-image:url('/template/default_html5/skin/images/wap/plug.png'); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; -webkit-background-size: 80% auto; background-size: 80% auto; background-position: center center; } .plug-menu:before { font-size:20px; margin:9px 0 0 9px; } .plug-menu:checked { -webkit-transform:rotate(135deg); } .top_menu { margin-right: 45px; } .top_menu>li { min-width: 125px; padding: 0 10px 0 0; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); margin-bottom: 23px; margin-right: 23px; z-index:900; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } .top_menu>li:last-child { margin-bottom: 80px; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-indent:26px; text-decoration:none; position:relative; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .top_menu>li a img { display: block; width: 24px; height: 24px; text-indent: -999px; position: absolute; top: 50%; right: 10px; margin-top: -13px; margin-right: -12px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 700ms ease-out; -webkit-transition: all 700ms ease-out; } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; } .top_menu>li.on:nth-of-type(5) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; } .top_menu>li.on:nth-of-type(6) { -webkit-transform: translate(45px, 0) rotate(0deg); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } /**/ .top_menu>li.out:nth-of-type(1) { -webkit-transform: translate(45px, 280px) rotate(0deg); transition: all 600ms ease-out; -webkit-transition: all 600ms ease-out; } .top_menu>li.out:nth-of-type(2) { -webkit-transform: translate(45px, 235px) rotate(0deg); transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; } .top_menu>li.out:nth-of-type(3) { -webkit-transform: translate(45px, 190px) rotate(0deg); transition: all 400ms ease-out; -webkit-transition: all 400ms ease-out; } .top_menu>li.out:nth-of-type(4) { -webkit-transform: translate(45px, 145px) rotate(0deg); transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; } .top_menu>li.out:nth-of-type(5) { -webkit-transform: translate(45px, 100px) rotate(0deg); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } .top_menu>li.out:nth-of-type(6) { -webkit-transform: translate(45px, 55px) rotate(0deg); transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; } .top_menu>li.out { width: 20px; height: 20px; min-width: 20px; border-radius: 20px; padding: 0; opacity: 0; } .top_menu>li.out a { display:none; } </style> <div class="top_bar" style="-webkit-transform:translate3d(0,0,0)"> <nav> <ul id="top_menu" class="top_menu"> <input type="checkbox" id="plug-btn" class="plug-menu themeStyle" style="background-color:;background-image:url('/template/default_html5/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:0316-6123701"><img src="/template/default_html5/skin/images/wap/plugmenu1.png">电 话</a> </li> <li class="themeStyle out" style="background:"> <a href="sms:13473670789"><img src="/template/default_html5/skin/images/wap/plugmenu3.png">短信</a> </li> <li class="themeStyle out" style="background:"> <a href="/wap"><img src="/template/default_html5/skin/images/wap/plugmenu7.png">首页</a> </li> <li class="themeStyle out" style="background:"> <a href="http://wpa.qq.com/msgrd?v=3&uin=326888235&site=qq&menu=yes" id="btn_fenxiang"><img src="/template/default_html5/skin/images/wap/plugmenu5.png">QQ号码</a> </li> <li class="themeStyle out" style="background:"> <a href="/index.php?case=guestbook&act=index"><img src="/template/default_html5/skin/images/wap/plugmenu6.png">留言</a> </li> </ul> </nav> </div> <div id="plug-wrap" style="display: none;" ></div> <script> $(function(){ $(".plug-menu").click(function(){ var li = $(this).parents('ul').find('li'); if(li.attr("class") == "themeStyle on"){ li.removeClass("themeStyle on"); li.addClass("themeStyle out"); }else{ li.removeClass("themeStyle out"); li.addClass("themeStyle on"); } }); }); </script> </div> <script type="text/javascript" src="/js/common.js"></script> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"6","bdPos":"right","bdTop":"100"},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/template/default_html5/skin/js/bootstrap.min.js"></script> <!-- Just to make our placeholder images work. Don't actually copy the next line! --> <script src="/template/default_html5/skin/js/holder.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/template/default_html5/skin/js/ie10-viewport-bug-workaround.js"></script> <script src="/template/default_html5/skin/js/bootstrap-submenu.js"></script> <script src="/template/default_html5/skin/js/docs.js"></script> <!--[if lt IE 9]> <script src="/template/default_html5/skin/js/ie/html5shiv.min.js"></script> <script src="/template/default_html5/skin/js/ie/respond.min.js"></script> <![endif]--> <script src="/template/default_html5/skin/js/html5/wow.min.js"></script> <script> new WOW().init(); </script> <link href="/template/default_html5/skin/js/html5/wow.css" rel="stylesheet"> </body> </html>