</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="" 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=" on" 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/14934418635633.jpg" /> </div> <div class="box2"> <div class="container"> <div class="title20"> <h1>about us</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"> <!-- 内容 --> <p> 厦门生命互联科技有限公司位于国家级企业孵化基地海沧生物医药产业园，与厦门大学药学院共建生物医药技术中心，搭建了基于细胞及外泌体工程先进制造的现代医药服务平台，可实现外泌体的上清制备、分离鉴定、组学分析、功能验证、修饰加工、示踪溯源等一系列技术操作，依托自主开发的切向流结合层析柱的外泌体大规模生产系统和膜感应肽磁珠捕获的外泌体自动化提取系统，重点推动外泌体在化妆品、医美原料、药物递送系统、临床诊断等场景中的产业化应用。此外，团队参与制定国内首个《外泌体研究、转化和临床应用专家共识》，曾获第五届中国创新创业大赛（厦门赛区）一等奖、国家科技部旗下资金战略投资、高新技术企业、创新型试点企业、科技型中小企业、专精特新等多项荣誉资质。<br/></p><p style="text-align: center;"><img src="/upload/images/202412/17343278841400.jpg" style="" title="17343278841400.jpg"/></p><p style="text-align: center;"><img src="/upload/images/202412/17343278846021.jpg" style="" title="17343278846021.jpg"/></p><p style="text-align: center;"><img src="/upload/images/202412/17343278841565.jpg" style="" title="17343278841565.jpg"/></p><p style="text-align: center;"><img src="/upload/images/202412/17343278858827.jpg" style="" title="17343278858827.jpg"/></p><p style="text-align: center;"><img src="/upload/images/202412/17343278859697.jpg" style="" title="17343278859697.jpg"/></p><p><br/></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">厦门市海沧区翁角西路生物医药产业园B2号楼1001-1002室</li> <li class="foot-ico2">0592-5792117 微信18965129960 </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)]><!--> <!-- 在线客服 --> <![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 微信18965129960"><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>