在线买球平台
</noscript> <script> function stop(){ return false; } document.oncontextmenu=stop; </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="#"><img src="/template/D20170425/skin/images/base/ico4.png" width="33" height="27" alt="" /></a> <a href="#"><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> </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> <li> <a title="免疫病理学" href="list_126.htm" target="_blank"> <div class="menu2-ico4"></div> <p>免疫病理学</p> </a> </li> <li> <a title="模式动物学" href="list_127.htm" target="_blank"> <div class="menu2-ico5"></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="list_114.htm" 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="" href="list_108.htm" target="">关于在线买球平台 </a></dt> <dd> <div> <a title="宣传视频" href="list_116.htm">宣传视频</a><br /> </div> <div> <a title="公司介绍" href="list_117.htm">公司介绍</a><br /> </div> <div> <a title="公司荣誉" href="list_118.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" href="list_134.htm" target="">产业布局</a></dt> <dd> <div> <a title="科学研究" href="list_112.htm">科学研究</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> <span><a title="免疫病理学" href="list_126.htm">免疫病理学</a></span> <span><a title="模式动物学" href="list_127.htm">模式动物学</a></span> </div> <div> <a title="转化聚焦" href="list_113.htm">转化聚焦</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="算法分析" href="list_114.htm">算法分析</a><br /> </div> <div> <a title="解决方案" href="list_115.htm">解决方案</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> </dd> </dl> <dl> <dt><a class="" href="list_135.htm" target="">更多</a></dt> <dd> <div> <a title="项目管理系统" href="list_136.htm">项目管理系统</a><br /> </div> <div> <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="/upload/images/201705/14948387746153.png" class="img-responsive" alt="在线买球平台 - 世界杯投注网站 官网（国家科技部旗下资金投资企业）" /></a> </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_108.htm" data-toggle="dropdown" data-submenu="">关于在线买球平台 <span class="caret"></span></a> <ul class="two dropdown-menu"> <li> <a title="宣传视频" href="list_116.htm">宣传视频</a> </li> <li> <a title="公司介绍" href="list_117.htm">公司介绍</a> </li> <li> <a title="公司荣誉" href="list_118.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_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> <li> <a title="免疫病理学" href="list_126.htm">免疫病理学</a> </li> <li> <a title="模式动物学" href="list_127.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> <a title="算法分析" href="list_114.htm">算法分析</a> </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> </ul> </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> </li> </ul> </li> </ul> </div> </div> </nav> </div> <div class="banner3"> <img src="/upload/images/201704/1493445782741.jpg" /> <div class="banner3-text"> <h1>Scientific Research</h1> <h2>科学研究</h2> <div><p>在线买球平台 拥有国内专业的科研技术团队与完善的科研平台，通过与厦门大学药学院共建生物医药技术中心，并建设有GMP级别研发生产中心，搭建覆盖肿瘤学基础功能研究的分子、细胞、动物等实验平台，建立了分子克隆、细胞培养、蛋白表达、病理切片、动物实验等全方位实验技术体系，与国内多家科研机构保持长期合作关系。</p></div> </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="合作单位一" 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="合作单位二" 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="合作单位三" 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="合作单位四" 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="合作单位五" 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="合作单位六" 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="合作单位七" 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="合作单位八" 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="合作单位九" 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="合作单位十" 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@chinamerus.com </li> </ul> </div> <div class="col-lg-5 col-md-5 col-sm-5"> <div class="foot-map"> <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://chinamerus.com" target="_blank">在线买球平台 - 世界杯投注网站 官网（国家科技部旗下资金投资企业）</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"> </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"> <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> <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="/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:"> </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 src="/template/D20170425/skin/js/bootstrap.min.js"></script> <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> <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> <script> (function(){ var canonicalURL, curProtocol; //Get the <link> tag var x=document.getElementsByTagName("link"); //Find the last canonical URL if(x.length > 0){ for (i=0;i<x.length;i++){ if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){ canonicalURL=x[i].href; } } } //Get protocol if (!canonicalURL){ curProtocol = window.location.protocol.split(':')[0]; } else{ curProtocol = canonicalURL.split(':')[0]; } //Get current URL if the canonical URL does not exist if (!canonicalURL) canonicalURL = window.location.href; //Assign script content. Replace current URL with the canonical URL !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})(); </script> </body> </html>