</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="" 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=" on" 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="" /> </div> <!-- 面包屑导航开始 --> <div class="container "> <nav class="sub_menu"> <ol class="breadcrumb"><span class="glyphicon glyphicon-list"></span> <li><a href="/">网站首页</a></li> <li><a title="更多" href="list_135.htm">更多</a></li> </ol> </nav> </div> <!--/sub_menu--><!-- 面包屑导航结束 --> <!-- 中部开始 --> <div class="container list-container"> <div class="row"> <div class="col-md-8"> <!-- 内容列表开始 --> <!-- 内容列表结束 --> <div class="blank30"></div> <!-- 内容列表分页开始 --> <div class="blank30"></div> <nav> <ul class="pagination"> </ul> </nav><div class="blank30"></div> <!-- 内容列表分页结束 --> </div> <div class="col-md-4"> <div class="content-right-list"> <h3><a>网站公告 & <small>List</small></a></h3> <p></p> <hr class="featurette-divider"> <ol> </ol> <h3><a>相关内容 & <small>List</small></a></h3> <p></p> <hr class="featurette-divider"> <ol> </ol> </div></div> </div><!-- /row --> </div><!-- /container --> <!-- /中部开始 --> <div class="blank30"></div> <!-- 页底推荐图文产品开始 --> <hr class="featurette-divider"> <!-- 页面标题开始 --> <div class="title"> <h3 class="wow bounceInDown" data-wow-delay="0.5s"><a href="list_134.htm">主营业务<small></small></a></h3> <p class="wow bounceIn" data-wow-delay="0.5s"></p> <span>——</span> </div> <!-- 页面标题结束 --> <div class="container"> <div class="blank30"></div> <!-- 中部开始 --> <div class="row"> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> <p style="line-height:1.8;margin:0 0 20px;">微环DNA表达双靶向抗体的癌症免疫治疗技术成为继CAR-T技术(“嵌合抗原受体T细胞免疫疗法”)、TIL技术(“肿瘤渗润淋巴细胞技术)、免疫检查点抑制剂等技术之后又一项获得成功的新一代治疗技术。</p> <p><a title="" href="list_134.htm" class="content-bottom-list-more">Learn more</a></p> </div> <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9"> <div class="row"> <div class="post-masonry col-xs-12 col-sm-6 col-md-4 col-lg-4"> <a title="植物外泌体测序" href="show_385.htm" class="img-auto"> <img class="img-responsive" alt="植物外泌体测序" src="/upload/images/202505/1747381045144.png" onerror='this.src="/images/nopic.gif"' /> <h4><font style="color:;">植物外泌体测序</font></h4> </a> </div> <div class="post-masonry col-xs-12 col-sm-6 col-md-4 col-lg-4"> <a title="植物外泌体" href="show_384.htm" class="img-auto"> <img class="img-responsive" alt="植物外泌体" src="/upload/images/202504/17443619689333.png" onerror='this.src="/images/nopic.gif"' /> <h4><font style="color:;">植物外泌体</font></h4> </a> </div> <div class="post-masonry col-xs-12 col-sm-6 col-md-4 col-lg-4"> <a title="基因组学" href="show_349.htm" class="img-auto"> <img class="img-responsive" alt="基因组学" src="/upload/images/202304/16807961175826.jpg" onerror='this.src="/images/nopic.gif"' /> <h4><font style="color:;">基因组学</font></h4> </a> </div> </div> </div> </div><!-- /row --> </div><!-- /container --> <div class="blank60"></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>