contact.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <meta content="yes" name="apple-mobile-web-app-capable">
  7. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  8. <meta content="telephone=no" name="format-detection">
  9. <title>联系我们</title>
  10. <meta name="Keywords" content="" />
  11. <meta name="Description" content="" />
  12. <link rel="stylesheet" href="http://at.alicdn.com/t/font_2408372_yboxwcmacnk.css">
  13. <link rel="stylesheet" href="./static/swiper.min.css" />
  14. <!-- <script type="text/javascript" src="http://cdn.repository.webfont.com/wwwroot/js/wf/youziku.api.min.js"></script> --><link href="css/global.css?v=f3d225e2" rel="stylesheet"><link href="css/contact.css?v=987d7c87" rel="stylesheet"></head>
  15. <body>
  16. <header>
  17. <div class="wrapper">
  18. <div class="logo-area clearfix">
  19. <a class="logo"><img src="http://8.131.66.239/cms/data/upload/1/2021/03/30/869d31911b574bd8214c2fb1ba7aa52d.png" data-wlogo="http://8.131.66.239/cms/data/upload/1/2021/03/30/55bebc9bf0f26bc46cc8bee856818fa3.png" alt="logo" /></a>
  20. <ul class="menu">
  21. <li class="pc-menu"><a href="javascript:;" id="tonight" class="iconfont icon-yueliang"></a></li>
  22. <li class="pc-menu">
  23. <a href="javascript:;" class="iconfont icon-search"></a>
  24. <div class="search-layer">
  25. <div>
  26. <input type="text">
  27. <a href="#"><span>搜索</span></a>
  28. </div>
  29. </div>
  30. </li>
  31. <li class="pc-menu">
  32. <a href="javascript:;" class="iconfont icon-user"></a>
  33. <div class="user-layer">
  34. <div>
  35. <a href="javascript:;" target="_blank" class="iconfont icon-weibo"></a>
  36. <a href="javascript:;" class="iconfont icon-weixin"></a>
  37. <a href="contact.html" class="iconfont icon-email"></a>
  38. </div>
  39. </div>
  40. </li>
  41. <li class="m-menu">
  42. <a href="javascript:;" class="iconfont icon-search"></a>
  43. </li>
  44. <li class="m-menu">
  45. <a href="javascript:;" class="iconfont icon-menu"></a>
  46. <div class="menu-layer">
  47. <ul>
  48. <li class="active"><a href="index.html"><span>首</span><span>页</span></a></li>
  49. <li><a href="news.html"><span>资</span><span>讯</span></a></li>
  50. <li><a href="xnr.html"><span>虚</span><span>拟</span><span>人</span></a></li>
  51. <li><a href="feature.html"><span>专</span><span>题</span></a></li>
  52. <li><a href="video.html"><span>视</span><span>频</span></a></li>
  53. <li><a href="activity.html"><span>活</span><span>动</span></a></li>
  54. <li><a href="contact.html"><span>关</span><span>于</span><span>我</span><span>们</span></a></li>
  55. </ul>
  56. <div class="share">
  57. <a href="javascript:;" target="_blank" class="iconfont icon-weibo"></a>
  58. <a href="javascript:;" class="iconfont icon-weixin"></a>
  59. </div>
  60. </div>
  61. </li>
  62. </ul>
  63. </div>
  64. <div class="nav-wrapper">
  65. <ul class="tnav">
  66. <li class="active"><a href="index.html"><span>首</span><span>页</span></a></li>
  67. <li>
  68. <a href="news.html"><span>资</span><span>讯</span></a>
  69. <div class="news-rec-layer header-recommend-layer">
  70. <dl>
  71. <a href="#" target="_blank">
  72. <dt class="poster"><img src="images/tmp2.jpg?v=380c098e" alt="" /></dt>
  73. <dd>手术机器人修复人体内损伤</dd>
  74. </a>
  75. </dl>
  76. <dl>
  77. <a href="#" target="_blank">
  78. <dt class="poster"><img src="images/tmp2.jpg?v=380c098e" alt="" /></dt>
  79. <dd>手术机器人修复人体内损伤</dd>
  80. </a>
  81. </dl>
  82. <dl>
  83. <a href="#" target="_blank">
  84. <dt class="poster"><img src="images/tmp2.jpg?v=380c098e" alt="" /></dt>
  85. <dd>手术机器人修复人体内损伤</dd>
  86. </a>
  87. </dl>
  88. <dl>
  89. <a href="#" target="_blank">
  90. <dt class="poster"><img src="images/tmp2.jpg?v=380c098e" alt="" /></dt>
  91. <dd>手术机器人修复人体内损伤</dd>
  92. </a>
  93. </dl>
  94. </div>
  95. </li>
  96. <li><a href="xnr.html"><span>虚</span><span>拟</span><span>人</span></a></li>
  97. <li>
  98. <a href="feature.html"><span>专</span><span>题</span></a>
  99. <div class="features-rec-layer header-recommend-layer">
  100. <dl>
  101. <a href="#" target="_blank">
  102. <dt class="poster"><img src="images/tmp2.jpg?v=380c098e" alt="" /></dt>
  103. <dd>手术机器人修复人体内损伤</dd>
  104. </a>
  105. </dl>
  106. <dl>
  107. <a href="#" target="_blank">
  108. <dt class="poster"><img src="images/tmp2.jpg?v=380c098e" alt="" /></dt>
  109. <dd>手术机器人修复人体内损伤</dd>
  110. </a>
  111. </dl>
  112. <dl>
  113. <a href="#" target="_blank">
  114. <dt class="poster"><img src="images/tmp2.jpg?v=380c098e" alt="" /></dt>
  115. <dd>手术机器人修复人体内损伤</dd>
  116. </a>
  117. </dl>
  118. <dl>
  119. <a href="#" target="_blank">
  120. <dt class="poster"><img src="images/tmp2.jpg?v=380c098e" alt="" /></dt>
  121. <dd>手术机器人修复人体内损伤</dd>
  122. </a>
  123. </dl>
  124. </div>
  125. </li>
  126. <li><a href="video.html"><span>视</span><span>频</span></a></li>
  127. <li><a href="activity.html"><span>活</span><span>动</span></a></li>
  128. <li><a href="contact.html"><span>关</span><span>于</span><span>我</span><span>们</span></a></li>
  129. </ul>
  130. </div>
  131. <div class="m-search-layer">
  132. <form><i class="iconfont icon-search"></i><input type="text" placeholder="搜索"></form>
  133. <i class="iconfont icon-close"></i>
  134. </div>
  135. </div>
  136. </header>
  137. <h3 class="common-tit textleft noborder">
  138. <span>RSS<br>订阅</span>
  139. </h3>
  140. <div class="wrapper">
  141. <div class="form">
  142. <label for=""><span>电子邮件<em class="required"></em></span><span><em class="required"></em>必须填写</span></label>
  143. <div class="form-item"><input type="text" placeholder="电子邮件" id="ding_email"></div>
  144. <label for=""><span>用户名<em class="required"></em></span></label>
  145. <div class="form-item"><input type="text" placeholder="用户名" id="ding_username"></div>
  146. <a href="javascript:;" class="button" onclick="ding_submit()"><span>订&nbsp;&nbsp;阅</span></a>
  147. </div>
  148. </div>
  149. <h3 class="common-tit textleft">
  150. <span>CONTACT US<br>联系我们</span>
  151. </h3>
  152. <div class="wrapper">
  153. <div class="form">
  154. <label for=""><span>姓名<em class="required"></em></span><span><em class="required"></em>必须填写</span></label>
  155. <div class="form-item"><input type="text" placeholder="姓名" id="contact_username"></div>
  156. <label for=""><span>电话<em class="required"></em></span></label>
  157. <div class="form-item"><input type="text" placeholder="+86" id="contact_mobile"></div>
  158. <label for=""><span>电子邮箱<em class="required"></em></span></label>
  159. <div class="form-item"><input type="text" placeholder="@" id="contact_email"></div>
  160. <label for=""><span>留言信息</span></label>
  161. <div class="form-item"><textarea placeholder="说点什么吧" rows="3" id="contact_content"></textarea></div>
  162. <label for=""><span>用户需求</span></label>
  163. <div class="form-item noborder">
  164. <ul>
  165. <li data-value="1" class="set_xuqiu" onclick="set_xuqiu(1)"><i class="iconfont icon-radiobox-blank"></i>广告</li>
  166. <li data-value="2" class="set_xuqiu" onclick="set_xuqiu(2)"><i class="iconfont icon-radiobox-blank"></i>投稿</li>
  167. <li data-value="3" class="set_xuqiu" onclick="set_xuqiu(3)"><i class="iconfont icon-radio-checked-b"></i>合作</li>
  168. </ul>
  169. </div>
  170. <a href="javascript:;" class="button" onclick="contact_submit()"><span>提&nbsp;&nbsp;交</span></a>
  171. </div>
  172. </div>
  173. <h3 class="common-tit textleft">
  174. <span>ABOUT US<br>关于我们</span>
  175. </h3>
  176. <div class="contact-article wrapper">
  177. <p>虽然,目前已经有类似的粘合贴片在这类手术中使用,但是这种贴片的粘合存在一定缺陷,尤其是在处理炎症和疤痕组织的时候。</p>
  178. <p>麻省理工学院的设计解决了这些问题,方法是用一种以水凝胶为基础的粘合剂、一种涂有硅油的材料来防止意外黏附,以及一种具有两离子性质 ( 即带有正负离子的分子链 ) 的弹性体外层来保护贴片不受细菌侵害。</p>
  179. <p>这种设计的结果是新型贴片很容易缠绕在机器人工具上,即便在液体中长时间浸泡,也能很牢固地附着在身体组织上,且不易受到细菌污染。机器臂只需要施加轻微的压力既可以完成粘合。</p>
  180. <p>不过就像很多创新应用一样,这种贴片距离实际应用还有一段时间,不过科学家们设想与手术机器人平台开发者进行合作,未来将有望看到机器人和生物粘合剂在医学界的更多应用。</p>
  181. <p>虽然,目前已经有类似的粘合贴片在这类手术中使用,但是这种贴片的粘合存在一定缺陷,尤其是在处理炎症和疤痕组织的时候。</p>
  182. <p>麻省理工学院的设计解决了这些问题,方法是用一种以水凝胶为基础的粘合剂、一种涂有硅油的材料来防止意外黏附,以及一种具有两离子性质 ( 即带有正负离子的分子链 ) 的弹性体外层来保护贴片不受细菌侵害。</p>
  183. <p>这种设计的结果是新型贴片很容易缠绕在机器人工具上,即便在液体中长时间浸泡,也能很牢固地附着在身体组织上,且不易受到细菌污染。机器臂只需要施加轻微的压力既可以完成粘合。</p>
  184. <p>不过就像很多创新应用一样,这种贴片距离实际应用还有一段时间,不过科学家们设想与手术机器人平台开发者进行合作,未来将有望看到机器人和生物粘合剂在医学界的更多应用。</p>
  185. </div>
  186. <div class="ad-swiper ad wrapper">
  187. <div class="swiper-container">
  188. <div class="swiper-wrapper clearfix">
  189. <div class="swiper-slide">
  190. <a href="#" target="_blank" title="">
  191. <img src="images/ad.jpg?v=86319426" alt="" title="">
  192. </a>
  193. </div>
  194. <div class="swiper-slide">
  195. <a href="#" target="_blank" title="">
  196. <img src="images/ad.jpg?v=86319426" alt="" title="">
  197. </a>
  198. </div>
  199. <div class="swiper-slide">
  200. <a href="#" target="_blank" title="">
  201. <img src="images/ad.jpg?v=86319426" alt="" title="">
  202. </a>
  203. </div>
  204. </div>
  205. <div class="pagination"></div>
  206. </div>
  207. <a href="#" class="iconfont icon-close"></a>
  208. </div>
  209. <footer>
  210. <div class="imgs">
  211. <div class="blogo"><img src="images/logo.png?v=17ac7764" data-wlogo="" alt=""></div>
  212. <div class="copyright"><img src="images/qrcode.png?v=cbb449b5" alt=""></div>
  213. </div>
  214. <span>备案/许可证编号:京ICP备2021006237号</span>
  215. </footer>
  216. <div class="mask globalWxshare" style="display: none">
  217. <div class="layer share-layer">
  218. <a href="#" class="close"></a>
  219. <h5>分享到微信朋友圈</h5>
  220. <div class="qrcode"><img src="images/qrcode.png?v=cbb449b5" alt="" srcset=""></div>
  221. <p>打开微信,使用“扫一扫”即可将网页分享到我的朋友圈</p>
  222. </div>
  223. </div>
  224. <!-- <script type="text/javascript">
  225. $webfont.load("header .tnav span", "5412820d46be42e39a952fcf805c45c0", "SiYuan-Heavy");
  226. $webfont.draw();
  227. </script> -->
  228. <script src="./static/jquery.js"></script>
  229. <script src="./static/toastr.min.js"></script>
  230. <link rel="stylesheet" href="./static/toastr.min.css">
  231. <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
  232. <script src="./static/swiper.min.js"></script>
  233. <script>
  234. if($('.ad-swiper .swiper-container .swiper-slide').length > 1) {
  235. new Swiper('.ad-swiper .swiper-container', {
  236. autoplay: 3000,
  237. // pagination : '.ad-swiper .pagination',
  238. paginationClickable :true,
  239. loop: true
  240. })
  241. }
  242. </script>
  243. <script>
  244. var xuqiu = 3;
  245. function set_xuqiu(i)
  246. {
  247. $('.set_xuqiu').each(function() {
  248. var value = $(this).attr('data-value');
  249. var self = $(this).find('i');
  250. self.removeClass('icon-radio-checked-b').addClass('icon-radiobox-blank');
  251. if (value == i) {
  252. self.addClass('icon-radio-checked-b').removeClass('icon-radiobox-blank');
  253. xuqiu = value;
  254. }
  255. })
  256. }
  257. function ding_submit()
  258. {
  259. var send = {};
  260. send.username = $('#ding_username').val();
  261. send.email = $('#ding_email').val();
  262. if (!send.email) {
  263. window.toastr.warning('请填写电子邮件');
  264. return;
  265. }
  266. if (!send.username) {
  267. window.toastr.warning('请填写用户名');
  268. return;
  269. }
  270. $.getJSON(config.host + 'content.ding_add?json=1', send, function(t) {
  271. if (t.status == 2) {
  272. window.toastr.warning(t.msg);
  273. } else {
  274. window.toastr.success('提交成功');
  275. setTimeout(function() {
  276. location.reload();
  277. }, 3000)
  278. }
  279. })
  280. }
  281. function contact_submit()
  282. {
  283. var send = {};
  284. send.username = $('#contact_username').val();
  285. send.mobile = $('#contact_mobile').val();
  286. send.email = $('#contact_email').val();
  287. send.content = $('#contact_content').val();
  288. send.xuqiu = xuqiu;
  289. if (!send.username) {
  290. window.toastr.warning('请填写姓名');
  291. return;
  292. }
  293. if (!send.mobile) {
  294. window.toastr.warning('请填写联系电话');
  295. return;
  296. }
  297. if (!send.email) {
  298. window.toastr.warning('请填写电子信箱');
  299. return;
  300. }
  301. $.getJSON(config.host + 'content.contact_add?json=1', send, function(t) {
  302. if (t.status == 2) {
  303. window.toastr.warning(t.msg);
  304. } else {
  305. window.toastr.success('提交成功');
  306. setTimeout(function() {
  307. location.reload();
  308. }, 3000)
  309. }
  310. })
  311. }
  312. </script>
  313. <script type="text/javascript" src="js/global.js?v=9d7d7e57"></script><script type="text/javascript" src="js/contact.js?v=11102b9f"></script></body>
  314. </html>