</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="http://www.lifeint.cn/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="http://www.lifeint.cn/template/D20170425/skin/images/base/ico3.png" width="33" height="27" alt="" /></a> <a href="#" onclick="jiathis_sendto('tsina');return false;"><img src="http://www.lifeint.cn/template/D20170425/skin/images/base/ico4.png" width="33" height="27" alt="" /></a> <a href="http://www.genokon.com/#" rel="nofollow" onclick="jiathis_sendto('qzone');return false;"><img src="http://www.lifeint.cn/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> </form> </div> <div class="menu"> <div> <li class="one1"><a href="/">网站首页</a></li> <li class="one one2"> <a title="科学研究" href="mjtu_112.iun" target="_blank">科学研究</a> <div class="menu2"> <div> <li> <a title="亿博体育充值.手机版app下载" href="mjtu_123.iun" target="_blank"> <div class="menu2-ico1"></div> <p>亿博体育充值.手机版app下载</p> </a> </li> <li> <a title="细胞生物学" href="mjtu_124.iun" target="_blank"> <div class="menu2-ico2"></div> <p>细胞生物学</p> </a> </li> <li> <a title="蛋白质组学" href="mjtu_125.iun" target="_blank"> <div class="menu2-ico3"></div> <p>蛋白质组学</p> </a> </li> <li> <a title="免疫病理学" href="mjtu_126.iun" target="_blank"> <div class="menu2-ico4"></div> <p>免疫病理学</p> </a> </li> <li> <a title="模式动物学" href="mjtu_127.iun" target="_blank"> <div class="menu2-ico5"></div> <p>模式动物学</p> </a> </li> </div> </div></li> <li class="one one3"> <a title="转化聚焦" href="mjtu_113.iun" target="_blank">转化聚焦</a> <div class="menu2"> <div> <li> <a title="血小板" href="mjtu_128.iun" target="_blank"> <div class="menu2-ico1"></div> <p>血小板</p> </a> </li> <li> <a title="外泌体" href="mjtu_129.iun" target="_blank"> <div class="menu2-ico2"></div> <p>外泌体</p> </a> </li> <li> <a title="试剂盒" href="mjtu_130.iun" target="_blank"> <div class="menu2-ico3"></div> <p>试剂盒</p> </a> </li> </div> </div></li> <li class="one4"> <a title="算法分析" href="mjtu_114.iun" target="_blank">算法分析</a> <div class="menu2"> <div> </div> </div></li> <li class="one one5"> <a title="解决方案" href="mjtu_115.iun" target="_blank">解决方案</a> <div class="menu2"> <div> <li> <a title="项目申报" href="mjtu_131.iun" target="_blank"> <div class="menu2-ico1"></div> <p>项目申报</p> </a> </li> <li> <a title="数据工具" href="mjtu_132.iun" target="_blank"> <div class="menu2-ico2"></div> <p>数据工具</p> </a> </li> <li> <a title="技术分享" href="mjtu_133.iun" target="_blank"> <div class="menu2-ico3"></div> <p>技术分享</p> </a> </li> </div> </div></li> </div> </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="宣传视频" href="mjtu_116.iun"">宣传视频</a><br /> </div> <div> <a title="公司介绍" href="mjtu_117.iun"">公司介绍</a><br /> </div> <div> <a title="公司荣誉" href="mjtu_118.iun"">公司荣誉</a><br /> </div> <div> <a title="公司环境" href="mjtu_119.iun"">公司环境</a><br /> </div> <div> <a title="仪器平台" href="mjtu_120.iun"">仪器平台</a><br /> </div> <div> <a title="科研环境" href="mjtu_121.iun"">科研环境</a><br /> </div> <div> <a title="岗位招聘" href="mjtu_122.iun"">岗位招聘</a><br /> </div> </dd> </dl> <dl> <dt><a class="" href="mjtu_109.iun" target="">新闻动态</a></dt> </dl> <dl> <dt><a class="" href="/joefy.qiq?dbtf=bsdijwf&bnq;bdu=mjtu&bnq;dbuje=122" target="">招聘信息</a></dt> </dl> <dl> <dt><a class=" on" target="">产业布局</a></dt> <dd> <div> <a title="科学研究" ">科学研究</a><br /> <span><a title="亿博体育充值.手机版app下载" href="mjtu_123.iun">亿博体育充值.手机版app下载</a></span> <span><a title="细胞生物学" href="mjtu_124.iun">细胞生物学</a></span> <span><a title="蛋白质组学" href="mjtu_125.iun">蛋白质组学</a></span> <span><a title="免疫病理学" href="mjtu_126.iun">免疫病理学</a></span> <span><a title="模式动物学" href="mjtu_127.iun">模式动物学</a></span> </div> <div> <a title="转化聚焦" ">转化聚焦</a><br /> <span><a title="血小板" href="mjtu_128.iun">血小板</a></span> <span><a title="外泌体" href="mjtu_129.iun">外泌体</a></span> <span><a title="试剂盒" href="mjtu_130.iun">试剂盒</a></span> </div> <div> <a title="算法分析" href="mjtu_114.iun"">算法分析</a><br /> </div> <div> <a title="解决方案" ">解决方案</a><br /> <span><a title="项目申报" href="mjtu_131.iun">项目申报</a></span> <span><a title="数据工具" href="mjtu_132.iun">数据工具</a></span> <span><a title="技术分享" href="mjtu_133.iun">技术分享</a></span> </div> </dd> </dl> <dl> <dt><a class="" target="">更多</a></dt> <dd> <div> <a title="项目管理系统" href="mjtu_136.iun"">项目管理系统</a><br /> </div> <div> <a title="样本管理系统" href="http://shwdxw.com/sample_/admin/"">样本管理系统</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 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> <a href="/" class="navbar-brand text-center"><img src="http://www.lifeint.cn/upload/images/201705/14948387746153.png" class="img-responsive" alt="厦门生命互联科技有限公司官网（国家科技部旗下资金投资企业）" /></a> </div> <div id="navbar" class="navbar-collapse collapse"> <div class="nav navbar-nav"> <li class="oen"><a href="/">网站首页</a></li> <li class="oen dropdown"> <a href="mjtu_108.iun" data-toggle="dropdown" data-submenu="">关于我们<span class="caret"></span></a> <div class="two dropdown-menu"> <li> <a title="宣传视频" href="mjtu_116.iun">宣传视频</a> </li> <li> <a title="公司介绍" href="mjtu_117.iun">公司介绍</a> </li> <li> <a title="公司荣誉" href="mjtu_118.iun">公司荣誉</a> </li> <li> <a title="公司环境" href="mjtu_119.iun">公司环境</a> </li> <li> <a title="仪器平台" href="mjtu_120.iun">仪器平台</a> </li> <li> <a title="科研环境" href="mjtu_121.iun">科研环境</a> </li> <li> <a title="岗位招聘" href="mjtu_122.iun">岗位招聘</a> </li> </div> </li> <li class="oen"> <a href="mjtu_109.iun">新闻动态</a> </li> <li class="oen"> <a href="/joefy.qiq?dbtf=bsdijwf&bnq;bdu=mjtu&bnq;dbuje=122">招聘信息</a> </li> <li class="oen dropdown"> <a href="mjtu_134.iun" data-toggle="dropdown" data-submenu="">产业布局<span class="caret"></span></a> <div class="two dropdown-menu"> <li class="dropdown-submenu"> <a title="科学研究" href="mjtu_112.iun">科学研究</a> <div class="three dropdown-menu"> <li> <a title="亿博体育充值.手机版app下载" href="mjtu_123.iun">亿博体育充值.手机版app下载</a> </li> <li> <a title="细胞生物学" href="mjtu_124.iun">细胞生物学</a> </li> <li> <a title="蛋白质组学" href="mjtu_125.iun">蛋白质组学</a> </li> <li> <a title="免疫病理学" href="mjtu_126.iun">免疫病理学</a> </li> <li> <a title="模式动物学" href="mjtu_127.iun">模式动物学</a> </li> </div> </li> <li class="dropdown-submenu"> <a title="转化聚焦" href="mjtu_113.iun">转化聚焦</a> <div class="three dropdown-menu"> <li> <a title="血小板" href="mjtu_128.iun">血小板</a> </li> <li> <a title="外泌体" href="mjtu_129.iun">外泌体</a> </li> <li> <a title="试剂盒" href="mjtu_130.iun">试剂盒</a> </li> </div> </li> <li> <a title="算法分析" href="mjtu_114.iun">算法分析</a> </li> <li class="dropdown-submenu"> <a title="解决方案" href="mjtu_115.iun">解决方案</a> <div class="three dropdown-menu"> <li> <a title="项目申报" href="mjtu_131.iun">项目申报</a> </li> <li> <a title="数据工具" href="mjtu_132.iun">数据工具</a> </li> <li> <a title="技术分享" href="mjtu_133.iun">技术分享</a> </li> </div> </li> </div> </li> <li class="oen dropdown"> <a href="mjtu_135.iun" data-toggle="dropdown" data-submenu="">更多<span class="caret"></span></a> <div class="two dropdown-menu"> <li> <a title="项目管理系统" href="mjtu_136.iun">项目管理系统</a> </li> <li> <a title="样本管理系统" href="http://shwdxw.com/sample_/admin/">样本管理系统</a> </li> </div> </li> </div> </div> </div> </nav> </div> <div class="banner2"> <img src="http://www.lifeint.cn/upload/images/201704/14934565309757.jpg" /> </div> <div class="box2"> <div class="container"> <div class="title20"> <h1>MOlecular BiOlOgy</h1> <h3><img src="http://www.lifeint.cn/template/D20170425/skin/images/base/技术服务-亿博体育充值.手机版app下载.png" />亿博体育充值.手机版app下载</h2> </div> <div class="list-pic10"> <div class="row"> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="核酸提取" href="tipx_281.iun" target="_blank"> <img alt="核酸提取" src="http://www.lifeint.cn/upload/images/201705/14950175814995.jpg" onerror='this.src="/images/nopic.gif"' /> <p>核酸提取</p> </a> </div> </div> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="实时荧光定量PCR" href="tipx_283.iun" target="_blank"> <img alt="实时荧光定量PCR" src="http://www.lifeint.cn/upload/images/201711/15102211238239.jpg" onerror='this.src="/images/nopic.gif"' /> <p>实时荧光定量PCR</p> </a> </div> </div> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="基因克隆与载体改造" href="tipx_280.iun" target="_blank"> <img alt="基因克隆与载体改造" src="http://www.lifeint.cn/upload/images/201705/14944732270336.jpg" onerror='this.src="/images/nopic.gif"' /> <p>基因克隆与载体改造</p> </a> </div> </div> <div class="clearfix"></div> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="体外转录与逆转录" href="tipx_282.iun" target="_blank"> <img alt="体外转录与逆转录" src="http://www.lifeint.cn/upload/images/201705/14944809523603.jpg" onerror='this.src="/images/nopic.gif"' /> <p>体外转录与逆转录</p> </a> </div> </div> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="全基因合成" href="tipx_279.iun" target="_blank"> <img alt="全基因合成" src="http://www.lifeint.cn/upload/images/201705/1494470839687.jpg" onerror='this.src="/images/nopic.gif"' /> <p>全基因合成</p> </a> </div> </div> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="核酸分子杂交" href="tipx_225.iun" target="_blank"> <img alt="核酸分子杂交" src="http://www.lifeint.cn/upload/images/201704/14934566766008.jpg" onerror='this.src="/images/nopic.gif"' /> <p>核酸分子杂交</p> </a> </div> </div> <div class="clearfix"></div> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="荧光素酶报告基因" href="tipx_285.iun" target="_blank"> <img alt="荧光素酶报告基因" src="http://www.lifeint.cn/upload/images/201705/14944821091304.jpg" onerror='this.src="/images/nopic.gif"' /> <p>荧光素酶报告基因</p> </a> </div> </div> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="基因编辑（CRISPR/cas9）" href="tipx_284.iun" target="_blank"> <img alt="基因编辑（CRISPR/cas9）" src="http://www.lifeint.cn/upload/images/201705/14944821307791.jpg" onerror='this.src="/images/nopic.gif"' /> <p>基因编辑（CRISPR/cas9）</p> </a> </div> </div> <div class="col-sm-4"> <div class="list-pic10-item"> <a class="img-auto" title="数字PCR（Digital PCR）" href="tipx_227.iun" target="_blank"> <img alt="数字PCR（Digital PCR）" src="http://www.lifeint.cn/upload/images/201706/14969084372469.jpg" onerror='this.src="/images/nopic.gif"' /> <p>数字PCR（Digital PCR）</p> </a> </div> </div> </div> <nav> <div class="pagination"> <li class="active"><a>1</a></li> </div> </nav> </div> </div> </div> <div class="foot"> <div class="container"> <div class="foot-title"> <a href="mjtu_110.iun" 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="亿博体育充值单位一" target="_blank"><img alt="亿博体育充值单位一" src="http://www.lifeint.cn/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="亿博体育充值单位二" target="_blank"><img alt="亿博体育充值单位二" src="http://www.lifeint.cn/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="亿博体育充值单位三" target="_blank"><img alt="亿博体育充值单位三" src="http://www.lifeint.cn/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="亿博体育充值单位四" target="_blank"><img alt="亿博体育充值单位四" src="http://www.lifeint.cn/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="亿博体育充值单位五" target="_blank"><img alt="亿博体育充值单位五" src="http://www.lifeint.cn/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="亿博体育充值单位六" target="_blank"><img alt="亿博体育充值单位六" src="http://www.lifeint.cn/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="亿博体育充值单位七" target="_blank"><img alt="亿博体育充值单位七" src="http://www.lifeint.cn/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="亿博体育充值单位八" target="_blank"><img alt="亿博体育充值单位八" src="http://www.lifeint.cn/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="亿博体育充值单位九" target="_blank"><img alt="亿博体育充值单位九" src="http://www.lifeint.cn/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="亿博体育充值单位十" target="_blank"><img alt="亿博体育充值单位十" src="http://www.lifeint.cn/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> <div> <li class="foot-ico1">厦门市海沧区翁角西路2036号生物医药产业园A19号楼5层（厦门海沧生物医药产业园）</li> <li class="foot-ico2">0592-5792117 </li> <li class="foot-ico3">info@lifeint.cn </li> </div> </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="http://www.lifeint.cn/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://shwdxw.com/" target="_blank">厦门生命互联科技有限公司官网（国家科技部旗下资金投资企业）</a> <a href="https://beian.miit.gov.cn/" rel="nofollow" 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="http://www.lifeint.cn/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> <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> <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" rel="nofollow" rel="nofollow" target="_blank" class="im-qq qq-a" title="在线QQ客服"> <div class="qq-container"></div> <div class="qq-hover-c"><img class="img-qq" src="http://www.lifeint.cn/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 class="im-footer" style="position:relative"> <div class="weixing-container"> <div class="weixing-show"> <div class="weixing-txt">微信扫一扫</div> <img class="weixing-ma" src="http://www.lifeint.cn/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> <div 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="ufm:0592-5792117"><img src="http://www.lifeint.cn/template/D20170425/skin/images/wap/plugmenu1.png"><label>电 话</label></a> </li> <li class="themeStyle out" style="background:"> <a href="tnt:13599994885"><img src="http://www.lifeint.cn/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" rel="nofollow" rel="nofollow" id="btn_fenxiang"><img src="http://www.lifeint.cn/template/D20170425/skin/images/wap/plugmenu5.png"><label>QQ号码</label></a> </li> <li class="themeStyle out" style="background:"> <a href="/joefy.qiq?dbtf=hvftucppl&bdu=joefy"><img src="http://www.lifeint.cn/template/D20170425/skin/images/wap/plugmenu6.png"><label>留言</label></a> </li> </div> </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> <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> <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>