</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <script src="/template/D20170425/skin/js/jia.js"></script> <div class="hidden-xs"> <div class="logo-box"> <a href="/" ><img src="/upload/images/201705/14948387746153.png" alt="厦门生命互联科技有限公司官网（专注外泌体研究和应用）" /></a> </div> <div id="header"> <div class="menu-bg"></div> <div class="container"> <div class="top-fenxiang"> <span></span> <div class="fenxiang"> <a id="weixin" href="#"><img src="/template/D20170425/skin/images/base/ico3.png" width="33" height="27" alt="" /></a> <a href="#" onclick="jiathis_sendto('tsina');return false;"><img src="/template/D20170425/skin/images/base/ico4.png" width="33" height="27" alt="" /></a> <a href="http://www.genokon.com/#" onclick="jiathis_sendto('qzone');return false;"><img src="/template/D20170425/skin/images/base/ico5.png" width="33" height="27" alt="" /></a> </div> </div> <div class="sousuo10"> <form name='search' action="/index.php?case=archive&act=search" onsubmit="search_check();" method="post"> <div class="input-group"> <input type="text" name="keyword" class="form-control" placeholder="请输入查询信息！"> <span class="input-group-btn"> <input name='submit' type="submit" value="搜索" align="middle" class="btn btn-default" /> </span> </div><!-- /input-group --> </form> </div> <div class="menu"> <ul> <li class="one1"><a href="/">网站首页</a></li> <li class="one one2"> <a title="科研服务" href="list_112.htm" target="_blank">科研服务</a> <div class="menu2"> <ul> <li> <a title="分离鉴定" href="list_123.htm" target="_blank"> <div class="menu2-ico1"></div> <p>分离鉴定</p> </a> </li> <li> <a title="组学分析" href="list_124.htm" target="_blank"> <div class="menu2-ico2"></div> <p>组学分析</p> </a> </li> <li> <a title="功能验证" href="list_125.htm" target="_blank"> <div class="menu2-ico3"></div> <p>功能验证</p> </a> </li> </ul> </div></li> <li class="one one3"> <a title="原料开发" href="list_113.htm" target="_blank">原料开发</a> <div class="menu2"> <ul> <li> <a title="生产体系" href="list_129.htm" target="_blank"> <div class="menu2-ico1"></div> <p>生产体系</p> </a> </li> <li> <a title="评价模型" href="list_128.htm" target="_blank"> <div class="menu2-ico2"></div> <p>评价模型</p> </a> </li> <li> <a title="原料目录" href="list_130.htm" target="_blank"> <div class="menu2-ico3"></div> <p>原料目录</p> </a> </li> </ul> </div></li> <li class="one4"> <a title="项目管理" href="https://ss3616393.huoban.com/cs/8BT659K0" target="_blank">项目管理</a> <div class="menu2"> <ul> </ul> </div></li> <li class="one one5"> <a title="合作分享" href="list_115.htm" target="_blank">合作分享</a> <div class="menu2"> <ul> <li> <a title="科研申报" href="list_131.htm" target="_blank"> <div class="menu2-ico1"></div> <p>科研申报</p> </a> </li> <li> <a title="数据工具" href="list_132.htm" target="_blank"> <div class="menu2-ico2"></div> <p>数据工具</p> </a> </li> <li> <a title="技术分享" href="list_133.htm" target="_blank"> <div class="menu2-ico3"></div> <p>技术分享</p> </a> </li> </ul> </div></li> </ul> </div> </div> </div> <span id="aa" class="active"></span> <span id="bb"></span> <div id="leftnav"> <div class="leftnav-div"> <dl> <dt><a class="" href="/">网站首页</a></dt> </dl> <dl> <dt><a class=" on" target="">主营业务</a></dt> <dd> <div> <a title="科研服务" ">科研服务</a><br /> <span><a title="分离鉴定" href="list_123.htm">分离鉴定</a></span> <span><a title="组学分析" href="list_124.htm">组学分析</a></span> <span><a title="功能验证" href="list_125.htm">功能验证</a></span> </div> <div> <a title="原料开发" ">原料开发</a><br /> <span><a title="生产体系" href="list_129.htm">生产体系</a></span> <span><a title="评价模型" href="list_128.htm">评价模型</a></span> <span><a title="原料目录" href="list_130.htm">原料目录</a></span> </div> <div> <a title="合作分享" ">合作分享</a><br /> <span><a title="科研申报" href="list_131.htm">科研申报</a></span> <span><a title="数据工具" href="list_132.htm">数据工具</a></span> <span><a title="技术分享" href="list_133.htm">技术分享</a></span> </div> <div> <a title="项目管理" href="https://ss3616393.huoban.com/cs/8BT659K0"">项目管理</a><br /> </div> </dd> </dl> <dl> <dt><a class="" target="">关于我们</a></dt> <dd> <div> <a title="公司介绍" href="list_117.htm"">公司介绍</a><br /> </div> <div> <a title="公司环境" href="list_119.htm"">公司环境</a><br /> </div> <div> <a title="仪器平台" href="list_120.htm"">仪器平台</a><br /> </div> <div> <a title="科研环境" href="list_121.htm"">科研环境</a><br /> </div> <div> <a title="岗位招聘" href="list_122.htm"">岗位招聘</a><br /> </div> </dd> </dl> <dl> <dt><a class="" href="list_109.htm" target="">新闻动态</a></dt> </dl> <dl> <dt><a class="" href="/index.php?case=archive&act=list&catid=122" target="">招聘信息</a></dt> </dl> <dl> <dt><a class="" target="">更多</a></dt> <dd> <div> <a title="项目管理系统" href="list_136.htm"">项目管理系统</a><br /> </div> <div> <a title="新版项目系统" href="https://ss3616393.huoban.com/cs/8BT659K0"">新版项目系统</a><br /> </div> </dd> </dl> </div> </div> <script src="/template/D20170425/skin/js/index.js"></script> </div> <div class="hidden-sm hidden-md hidden-lg"> <!-- nav --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <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> <!-- logo --> <a href="/" class="navbar-brand text-center"><img src="/upload/images/201705/14948387746153.png" class="img-responsive" alt="厦门生命互联科技有限公司官网（专注外泌体研究和应用）" /></a> <!-- logo end --> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen"><a href="/">网站首页</a></li> <li class="oen dropdown"> <a href="list_134.htm" data-toggle="dropdown" data-submenu="">主营业务<span class="caret"></span></a> <ul class="two dropdown-menu"> <li class="dropdown-submenu"> <a title="科研服务" href="list_112.htm">科研服务</a> <ul class="three dropdown-menu"> <li> <a title="分离鉴定" href="list_123.htm">分离鉴定</a> </li> <li> <a title="组学分析" href="list_124.htm">组学分析</a> </li> <li> <a title="功能验证" href="list_125.htm">功能验证</a> </li> </ul> </li> <li class="dropdown-submenu"> <a title="原料开发" href="list_113.htm">原料开发</a> <ul class="three dropdown-menu"> <li> <a title="生产体系" href="list_129.htm">生产体系</a> </li> <li> <a title="评价模型" href="list_128.htm">评价模型</a> </li> <li> <a title="原料目录" href="list_130.htm">原料目录</a> </li> </ul> </li> <li class="dropdown-submenu"> <a title="合作分享" href="list_115.htm">合作分享</a> <ul class="three dropdown-menu"> <li> <a title="科研申报" href="list_131.htm">科研申报</a> </li> <li> <a title="数据工具" href="list_132.htm">数据工具</a> </li> <li> <a title="技术分享" href="list_133.htm">技术分享</a> </li> </ul> </li> <li> <a title="项目管理" href="https://ss3616393.huoban.com/cs/8BT659K0">项目管理</a> </li> </ul> </li> <li class="oen dropdown"> <a href="list_108.htm" data-toggle="dropdown" data-submenu="">关于我们<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="公司介绍" href="list_117.htm">公司介绍</a> </li> <li> <a title="公司环境" href="list_119.htm">公司环境</a> </li> <li> <a title="仪器平台" href="list_120.htm">仪器平台</a> </li> <li> <a title="科研环境" href="list_121.htm">科研环境</a> </li> <li> <a title="岗位招聘" href="list_122.htm">岗位招聘</a> </li> </ul> </li> <li class="oen"> <a href="list_109.htm">新闻动态</a> </li> <li class="oen"> <a href="/index.php?case=archive&act=list&catid=122">招聘信息</a> </li> <li class="oen dropdown"> <a href="list_135.htm" data-toggle="dropdown" data-submenu="">更多<span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="项目管理系统" href="list_136.htm">项目管理系统</a> </li> <li> <a title="新版项目系统" href="https://ss3616393.huoban.com/cs/8BT659K0">新版项目系统</a> </li> </ul> </li> </ul> </div> </div> </nav> </div> <div class="banner2"> <img src="/upload/images/201704/14934584469158.jpg" /> </div> <div class="box2"> <div class="container"> <div class="title20"> <h1>Supernate Prepare</h1> <h2><img src="/template/D20170425/skin/images/base/技术服务-分子生物学.png" />生产体系</h2> </div> <div class="container"> <!--用于打印和文字放大--> <div class="content_tools_box"> <p class="content_tools"> <a href="javascript:CallPrint('print');">打印本文</a> <a href="javascript:doZoom(14)">小</a> <a href="javascript:doZoom(18)">中</a> <a href="javascript:doZoom(20)">大</a> </p> <div class="clearfix"></div> <script src="/template/D20170425/skin/js/c_tool.js" type="text/javascript" ></script> </div> <!--/用于打印和文字放大--> <div class="lead content" id="print"> <!-- 内容 --> <div style="text-wrap: wrap; list-style: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentcolor; line-height: 28.8px; font-family: 微软雅黑; vertical-align: baseline; background-color: rgb(255, 255, 255);"><span style="font-size: 19.2px;"><b>实验介绍</b></span></div><p style="text-wrap: wrap;"> <span style="font-family: 微软雅黑, "Microsoft YaHei";"> </span></p><p style="text-wrap: wrap;"> 生命互联团队基于主流的<span style="text-wrap: wrap;">切向流结合尺寸排阻（TFF+SEC）</span>外泌体大体积分离体系开发了核心分离设备EXO-DM ，并针对外泌体原料大规模生产进行自主知识产权保护的工艺开发，可实现大体积样品从进料到获得高纯度外泌体的流程化处理和产物质量评估，并可根据下游不同开发需求和工业放大体系来调整外泌体分离和质控工艺，流程工艺包括：发酵液上清预处理→多孔膜粗滤系统<span style="text-wrap: wrap;">→陶瓷膜精滤系统<span style="text-wrap: wrap;">→</span></span>圆盘双相除菌过滤→超高压切向流浓缩→低压大通量尺寸排阻色谱纯化→碘克沙醇垫超速离心浓缩提纯→ 外泌体纯度及污染物质控→ 冻干或水凝胶装载加工等。</p><p><img src="/upload/images/202305/16849197813343.jpg" title="16849197813343.jpg" alt="2.jpg"/></p><p style="text-align: center;"><img src="/upload/images/202305/16849197878510.jpg" title="16849197878510.jpg" alt="1.jpg"/></p><p style="text-align: center;"><img src="/upload/images/202305/16849197986001.jpg" title="16849197986001.jpg" alt="3.jpg"/></p><!-- 内容结束 --> <div class="blank60"></div> </div> </div><!-- /container --> </div> </div> <div class="foot"> <div class="container"> <div class="foot-title"> <a href="list_110.htm" title="" target="_blank">合作单位</a> : </div> <div class="row"> <div class="foot1"> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位一" href="show_224.htm" target="_blank"><img alt="合作单位一" src="/upload/images/201711/1510227719947.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位一" target="_blank"><img alt="合作单位一" src="/upload/images/201711/1510227719947.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位二" href="show_223.htm" target="_blank"><img alt="合作单位二" src="/upload/images/201712/15124351904626.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位二" target="_blank"><img alt="合作单位二" src="/upload/images/201712/15124351904626.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="clearfix visible-xs-block"></div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位三" href="show_222.htm" target="_blank"><img alt="合作单位三" src="/upload/images/201712/15124352179401.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位三" target="_blank"><img alt="合作单位三" src="/upload/images/201712/15124352179401.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="clearfix visible-sm-block"></div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位四" href="show_221.htm" target="_blank"><img alt="合作单位四" src="/upload/images/201712/15124352349918.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位四" target="_blank"><img alt="合作单位四" src="/upload/images/201712/15124352349918.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="clearfix visible-xs-block"></div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位五" href="show_220.htm" target="_blank"><img alt="合作单位五" src="/upload/images/201712/15124352556122.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位五" target="_blank"><img alt="合作单位五" src="/upload/images/201712/15124352556122.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="clearfix visible-md-block visible-md-block"></div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位六" href="show_219.htm" target="_blank"><img alt="合作单位六" src="/upload/images/201712/15124352725994.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位六" target="_blank"><img alt="合作单位六" src="/upload/images/201712/15124352725994.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="clearfix visible-xs-block"></div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位七" href="show_218.htm" target="_blank"><img alt="合作单位七" src="/upload/images/201711/15102278126595.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位七" target="_blank"><img alt="合作单位七" src="/upload/images/201711/15102278126595.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位八" href="show_217.htm" target="_blank"><img alt="合作单位八" src="/upload/images/201711/15102278285752.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位八" target="_blank"><img alt="合作单位八" src="/upload/images/201711/15102278285752.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="clearfix visible-xs-block"></div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位九" href="show_216.htm" target="_blank"><img alt="合作单位九" src="/upload/images/201711/15102278440633.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位九" target="_blank"><img alt="合作单位九" src="/upload/images/201711/15102278440633.png" onerror='this.src="/images/nopic.gif"' /></a> </div> <div class="clearfix visible-sm-block"></div> <div class="col-sm-4 col-md-4 col-xs-6 foot1-item"> <!-- <a title="合作单位十" href="show_215.htm" target="_blank"><img alt="合作单位十" src="/upload/images/201711/15102278572726.png" onerror='this.src="/images/nopic.gif"' /></a>--> <a title="合作单位十" target="_blank"><img alt="合作单位十" src="/upload/images/201711/15102278572726.png" onerror='this.src="/images/nopic.gif"' /></a> </div> </div> </div> <div class="row"> <div class="foot2"> <div class="col-lg-5 col-md-4 col-sm-4"> <div class="foot-title"> 联系我们: </div> <ul> <li class="foot-ico1">厦门市海沧区翁角西路2036号生物医药产业园A19号楼5层</li> <li class="foot-ico2">0592-5792117 </li> <li class="foot-ico3">info@lifeint.cn </li> </ul> </div> <div class="col-lg-5 col-md-5 col-sm-5"> <div class="foot-map"> <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> <div style="width:100%;height:100%;max-width:100%;margin:0 auto;" id="dituContent"></div> <script type="text/javascript"> //创建和初始化地图函数： function initMap(){ createMap();//创建地图 setMapEvent();//设置地图事件 addMapControl();//向地图添加控件 addMarker();//向地图中添加marker } //创建地图函数： function createMap(){ var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 var point = new BMap.Point(117.962931,24.530067);//定义一个中心点坐标 map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中 window.map = map;//将map变量存储在全局 } //地图事件设置函数： function setMapEvent(){ map.enableDragging();//启用地图拖拽事件，默认启用(可不写) map.enableScrollWheelZoom();//启用地图滚轮放大缩小 map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写) map.enableKeyboard();//启用键盘上下左右键移动地图 } //地图控件添加函数： function addMapControl(){ //向地图中添加缩放控件 var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_RIGHT,type:BMAP_NAVIGATION_CONTROL_SMALL}); map.addControl(ctrl_nav); } //标注点数组 var markerArr = [{title:"厦门生命互联科技有限公司",content:"厦门海沧生物医药产业园",point:"116.47033|39.919009",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}} ]; //创建marker function addMarker(){ for(var i=0;i<markerArr.length;i++){ var json = markerArr[i]; var p0 = json.point.split("|")[0]; var p1 = json.point.split("|")[1]; var point = new BMap.Point(p0,p1); var iconImg = createIcon(json.icon); var marker = new BMap.Marker(point,{icon:iconImg}); var iw = createInfoWindow(i); var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)}); marker.setLabel(label); map.addOverlay(marker); map.openInfoWindow(iw, map.getCenter()); label.setStyle({ borderColor:"#808080", color:"#333", cursor:"pointer" }); (function(){ var index = i; var _iw = createInfoWindow(i); var _marker = marker; _marker.addEventListener("click",function(){ this.openInfoWindow(_iw); }); _iw.addEventListener("open",function(){ _marker.getLabel().hide(); }) _iw.addEventListener("close",function(){ _marker.getLabel().show(); }) label.addEventListener("click",function(){ _marker.openInfoWindow(_iw); }) if(!!json.isOpen){ label.hide(); _marker.openInfoWindow(_iw); } })() } } //创建InfoWindow function createInfoWindow(i){ var json = markerArr[i]; var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>"); return iw; } //创建一个Icon function createIcon(json){ var icon = new BMap.Icon("/images/map/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)}) return icon; } initMap();//创建和初始化地图 </script> </div> </div> <div class="col-lg-2 col-md-3 col-sm-3"> <div class="foot-weixin"> <img src="/upload/images/201706/14963135840929.jpg" width="157" height="158" alt="官方微信号" /> <p>官方微信号</p> </div> </div> </div> </div> </div> </div> <div class="copyright"> <div class="container"> Copyright ©<a href="http://www.lifeint.cn" target="_blank">厦门生命互联科技有限公司官网（专注外泌体研究和应用）</a> <a href="https://beian.miit.gov.cn/" target="_blank">闽ICP备15016135号-1</a> </div> </div> <div id="outer-w"> <div id="outer" > <div id="middle"> <div id="inner" class="inner"> <div class="inner1"> <div class="weixin-title">分享到微信朋友圈</div> <div class="weixin-pic"> <img src="/upload/images/201706/14963135840929.jpg" width="200" height="200" alt="" /> </div> <div class="weixin-title">打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。 如何使用？</div> <div id="close"></div> </div> </div> </div> </div> <div id="bg-black"></div> </div> <div class="leftnav-bg"></div> <div class="leftnav-bg2"></div> <script src="/template/D20170425/skin/js/jQuery.autoIMG.js"></script> <script type="text/javascript"> <!-- jQuery(function ($) { $('.lead p').autoIMG(); }); //--> </script> <!-- 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"> .main-im{position:fixed; right:10px; top:150px;z-index:100;width:110px;height:272px;} .main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;} .main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;} .main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;} .main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(/template/D20170425/skin/images/servers/old/qq-icon-bg.png) no-repeat center 8px;} .main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;} .main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;} .main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;border-bottom:1px solid #dddddd;} .main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;} .main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;} .main-im .im_main .im-tel:hover{background:#fafafa;} .main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(/template/D20170425/skin/images/servers/old/weixing-icon.png) no-repeat center center;float:left;} .main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;} .main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;} .main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;} .main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;} .main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;} .main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(/template/D20170425/skin/images/servers/old/totop-icon.png) no-repeat center center;float:right;} .main-im .im_main .go-top a{display:block;width:52px;height:47px;} .main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;} .main-im .close-im a{display:block;width:24px;height:24px;background:url(/template/D20170425/skin/images/servers/old/close_im.png) no-repeat left top;} .main-im .close-im a:hover{text-decoration:none;} .main-im .open-im{cursor:pointer; display:block; margin-left:68px;width:40px;height:133px;background:url(/template/D20170425/skin/images/servers/old/open_im.png) no-repeat left top;} </style> <div class="main-im"> <div id="open_im" class="open-im"> </div> <div class="im_main" id="im_main"> <div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭"> </a></div> <a href="http://wpa.qq.com/msgrd?v=3&uin=525274299&site=qq&menu=yes" target="_blank" class="im-qq qq-a" title="在线QQ客服"> <div class="qq-container"></div> <div class="qq-hover-c"><img class="img-qq" src="/template/D20170425/skin/images/servers/old/qq.png"></div> <span> QQ在线咨询</span> </a> <div class="im-tel"> <div>客户咨询热线</div> <div class="tel-num">0592-5792117</div> <!-- <div>公司业务传真</div> <div class="tel-num">0592-5732735</div>--> </div> <div class="im-footer" style="position:relative"> <div class="weixing-container"> <div class="weixing-show"> <div class="weixing-txt">微信扫一扫</div> <img class="weixing-ma" src="/upload/images/201706/14963135840929.jpg"> <div class="weixing-sanjiao"></div> <div class="weixing-sanjiao-big"></div> </div> </div><div class="go-top"><a href="javascript:;" title="返回顶部"></a> </div> <div style="clear:both"></div> </div> </div> </div> <script type="text/javascript" language="javascript"> $(function(){ $('#close_im').bind('click',function(){ $('#main-im').css("height","0"); $('#im_main').hide(); $('#open_im').show(); }); $('#open_im').bind('click',function(e){ $('#main-im').css("height","272"); $('#im_main').show(); $(this).hide(); }); $('.go-top').bind('click',function(){ $(window).scrollTop(0); }); $(".weixing-container").bind('mouseenter',function(){ $('.weixing-show').show(); }) $(".weixing-container").bind('mouseleave',function(){ $('.weixing-show').hide(); }); }); </script> <![endif]--> <!-- 短信 --> </div> <div class="servers-wap"> <style type="text/css"> #plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; } .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); -webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg); color:#fff; background-image:url('/template/D20170425/skin/images/wao/plug.png'); background-repeat: no-repeat; -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>li { width: 32px; height:32px; border-radius:32px; box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); position:absolute; bottom:0; right:0; margin-bottom: 20px; margin-right:20px; z-index:900; -webkit-transition: -webkit-transform 200ms; } .top_menu>li a { color:#fff; font-size:20px; display: block; height: 100%; line-height: 33px; text-align: center; } .top_menu>li>a label{ display:none; } .top_menu>li a img { display: block; width: 22px; height: 22px; text-indent: -999px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } .top_menu>li.on:nth-of-type(1) { -webkit-transform: translate(-0, -100px) rotate(720deg); } .top_menu>li.on:nth-of-type(2) { -webkit-transform: translate(-47px, -81px) rotate(720deg); } .top_menu>li.on:nth-of-type(3) { -webkit-transform: translate(-81px, -45px) rotate(720deg); } .top_menu>li.on:nth-of-type(4) { -webkit-transform: translate(-100px, 0) rotate(720deg); } #sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; } #sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; } </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-image:url('/template/D20170425/skin/images/wap/plug.png');border:0px;"> <li class="themeStyle out" style="background:"> <a href="tel:0592-5792117"><img src="/template/D20170425/skin/images/wap/plugmenu1.png"><label>电 话</label></a> </li> <li class="themeStyle out" style="background:"> <a href="sms:13599994885"><img src="/template/D20170425/skin/images/wap/plugmenu3.png"><label>短信</label></a> </li> <li class="themeStyle out" style="background:"> <a href="http://wpa.qq.com/msgrd?v=3&uin=525274299&site=qq&menu=yes" id="btn_fenxiang"><img src="/template/D20170425/skin/images/wap/plugmenu5.png"><label>QQ号码</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/index.php?case=guestbook&act=index"><img src="/template/D20170425/skin/images/wap/plugmenu6.png"><label>留言</label></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> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="/template/D20170425/skin/js/bootstrap.min.js"></script> <!-- Just to make our placeholder images work. Don't actually copy the next line! --> <script src="/template/D20170425/skin/js/holder.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="/template/D20170425/skin/js/ie10-viewport-bug-workaround.js"></script> <script src="/template/D20170425/skin/js/bootstrap-submenu.js"></script> <script src="/template/D20170425/skin/js/docs.js"></script> <!--[if lt IE 9]><!--> <script src="/template/D20170425/skin/js/ie/html5shiv.min.js"></script> <script src="/template/D20170425/skin/js/ie/respond.min.js"></script> <![endif]--> <link rel="stylesheet" href="/template/D20170425/skin/css/animate.min.css" /> <script src="/template/D20170425/skin/js/wow.min.js"></script> <script> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; </script> </body> </html>