contact.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
  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=c1375beb" rel="stylesheet"><link href="css/contact.css?v=5c658481" 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><a href="news.html"><span>资</span><span>讯</span></a></li>
  68. <li><a href="xnr.html"><span>虚</span><span>拟</span><span>人</span></a></li>
  69. <li><a href="feature.html"><span>专</span><span>题</span></a></li>
  70. <li><a href="video.html"><span>视</span><span>频</span></a></li>
  71. <li><a href="activity.html"><span>活</span><span>动</span></a></li>
  72. <li><a href="contact.html"><span>关</span><span>于</span><span>我</span><span>们</span></a></li>
  73. </ul>
  74. </div>
  75. <div class="m-search-layer">
  76. <form><i class="iconfont icon-search"></i><input type="text" placeholder="搜索"></form>
  77. <i class="iconfont icon-close"></i>
  78. </div>
  79. </div>
  80. </header>
  81. <h3 class="common-tit textleft noborder">
  82. <span>RSS<br>订阅</span>
  83. </h3>
  84. <div class="wrapper">
  85. <div class="form">
  86. <label for=""><span>电子邮件<em class="required"></em></span><span><em class="required"></em>必须填写</span></label>
  87. <div class="form-item"><input type="text" placeholder="电子邮件" id="ding_email"></div>
  88. <label for=""><span>用户名<em class="required"></em></span></label>
  89. <div class="form-item"><input type="text" placeholder="用户名" id="ding_username"></div>
  90. <a href="javascript:;" class="button" onclick="ding_submit()"><span>订&nbsp;&nbsp;阅</span></a>
  91. </div>
  92. </div>
  93. <h3 class="common-tit textleft">
  94. <span>CONTACT US<br>联系我们</span>
  95. </h3>
  96. <div class="wrapper">
  97. <div class="form">
  98. <label for=""><span>姓名<em class="required"></em></span><span><em class="required"></em>必须填写</span></label>
  99. <div class="form-item"><input type="text" placeholder="姓名" id="contact_username"></div>
  100. <label for=""><span>电话<em class="required"></em></span></label>
  101. <div class="form-item"><input type="text" placeholder="+86" id="contact_mobile"></div>
  102. <label for=""><span>电子邮箱<em class="required"></em></span></label>
  103. <div class="form-item"><input type="text" placeholder="@" id="contact_email"></div>
  104. <label for=""><span>留言信息</span></label>
  105. <div class="form-item"><textarea placeholder="说点什么吧" rows="3" id="contact_content"></textarea></div>
  106. <label for=""><span>用户需求</span></label>
  107. <div class="form-item noborder">
  108. <ul>
  109. <li data-value="1" class="set_xuqiu" onclick="set_xuqiu(1)"><i class="iconfont icon-radiobox-blank"></i>广告</li>
  110. <li data-value="2" class="set_xuqiu" onclick="set_xuqiu(2)"><i class="iconfont icon-radiobox-blank"></i>投稿</li>
  111. <li data-value="3" class="set_xuqiu" onclick="set_xuqiu(3)"><i class="iconfont icon-radio-checked-b"></i>合作</li>
  112. </ul>
  113. </div>
  114. <a href="javascript:;" class="button" onclick="contact_submit()"><span>提&nbsp;&nbsp;交</span></a>
  115. </div>
  116. </div>
  117. <h3 class="common-tit textleft">
  118. <span>ABOUT US<br>关于我们</span>
  119. </h3>
  120. <div class="contact-article wrapper">
  121. <p>虽然,目前已经有类似的粘合贴片在这类手术中使用,但是这种贴片的粘合存在一定缺陷,尤其是在处理炎症和疤痕组织的时候。</p>
  122. <p>麻省理工学院的设计解决了这些问题,方法是用一种以水凝胶为基础的粘合剂、一种涂有硅油的材料来防止意外黏附,以及一种具有两离子性质 ( 即带有正负离子的分子链 ) 的弹性体外层来保护贴片不受细菌侵害。</p>
  123. <p>这种设计的结果是新型贴片很容易缠绕在机器人工具上,即便在液体中长时间浸泡,也能很牢固地附着在身体组织上,且不易受到细菌污染。机器臂只需要施加轻微的压力既可以完成粘合。</p>
  124. <p>不过就像很多创新应用一样,这种贴片距离实际应用还有一段时间,不过科学家们设想与手术机器人平台开发者进行合作,未来将有望看到机器人和生物粘合剂在医学界的更多应用。</p>
  125. <p>虽然,目前已经有类似的粘合贴片在这类手术中使用,但是这种贴片的粘合存在一定缺陷,尤其是在处理炎症和疤痕组织的时候。</p>
  126. <p>麻省理工学院的设计解决了这些问题,方法是用一种以水凝胶为基础的粘合剂、一种涂有硅油的材料来防止意外黏附,以及一种具有两离子性质 ( 即带有正负离子的分子链 ) 的弹性体外层来保护贴片不受细菌侵害。</p>
  127. <p>这种设计的结果是新型贴片很容易缠绕在机器人工具上,即便在液体中长时间浸泡,也能很牢固地附着在身体组织上,且不易受到细菌污染。机器臂只需要施加轻微的压力既可以完成粘合。</p>
  128. <p>不过就像很多创新应用一样,这种贴片距离实际应用还有一段时间,不过科学家们设想与手术机器人平台开发者进行合作,未来将有望看到机器人和生物粘合剂在医学界的更多应用。</p>
  129. </div>
  130. <div class="ad-swiper ad wrapper">
  131. <div class="swiper-container">
  132. <div class="swiper-wrapper clearfix">
  133. <div class="swiper-slide">
  134. <a href="#" target="_blank" title="">
  135. <img src="images/ad.jpg?v=86319426" alt="" title="">
  136. </a>
  137. </div>
  138. <div class="swiper-slide">
  139. <a href="#" target="_blank" title="">
  140. <img src="images/ad.jpg?v=86319426" alt="" title="">
  141. </a>
  142. </div>
  143. <div class="swiper-slide">
  144. <a href="#" target="_blank" title="">
  145. <img src="images/ad.jpg?v=86319426" alt="" title="">
  146. </a>
  147. </div>
  148. </div>
  149. <div class="pagination"></div>
  150. </div>
  151. <a href="#" class="iconfont icon-close"></a>
  152. </div>
  153. <footer>
  154. <div class="imgs">
  155. <div class="blogo"><img src="images/logo.png?v=17ac7764" data-wlogo="" alt=""></div>
  156. <div class="copyright"><img src="images/qrcode.png?v=cbb449b5" alt=""></div>
  157. </div>
  158. <span>备案/许可证编号:京ICP备2021006237号</span>
  159. </footer>
  160. <div class="mask globalWxshare" style="display: none">
  161. <div class="layer share-layer">
  162. <a href="#" class="close"></a>
  163. <h5>分享到微信朋友圈</h5>
  164. <div class="qrcode"><img src="images/qrcode.png?v=cbb449b5" alt="" srcset=""></div>
  165. <p>打开微信,使用“扫一扫”即可将网页分享到我的朋友圈</p>
  166. </div>
  167. </div>
  168. <script type="text/javascript">
  169. $webfont.load("header .tnav a", "5412820d46be42e39a952fcf805c45c0", "SiYuan-Heavy");
  170. $webfont.draw();
  171. </script>
  172. <script src="./static/jquery.js"></script>
  173. <script src="./static/toastr.min.js"></script>
  174. <link rel="stylesheet" href="./static/toastr.min.css">
  175. <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
  176. <script src="./static/swiper.min.js"></script>
  177. <script>
  178. new Swiper('.ad-swiper .swiper-container', {
  179. autoplay: 3000,
  180. // pagination : '.ad-swiper .pagination',
  181. paginationClickable :true,
  182. loop: true
  183. })
  184. </script>
  185. <script>
  186. var xuqiu = 3;
  187. function set_xuqiu(i)
  188. {
  189. $('.set_xuqiu').each(function() {
  190. var value = $(this).attr('data-value');
  191. var self = $(this).find('i');
  192. self.removeClass('icon-radio-checked-b').addClass('icon-radiobox-blank');
  193. if (value == i) {
  194. self.addClass('icon-radio-checked-b').removeClass('icon-radiobox-blank');
  195. xuqiu = value;
  196. }
  197. })
  198. }
  199. function ding_submit()
  200. {
  201. var send = {};
  202. send.username = $('#ding_username').val();
  203. send.email = $('#ding_email').val();
  204. if (!send.email) {
  205. window.toastr.warning('请填写电子邮件');
  206. return;
  207. }
  208. if (!send.username) {
  209. window.toastr.warning('请填写用户名');
  210. return;
  211. }
  212. $.getJSON(config.host + 'content.ding_add?json=1', send, function(t) {
  213. if (t.status == 2) {
  214. window.toastr.warning(t.msg);
  215. } else {
  216. window.toastr.success('提交成功');
  217. setTimeout(function() {
  218. location.reload();
  219. }, 3000)
  220. }
  221. })
  222. }
  223. function contact_submit()
  224. {
  225. var send = {};
  226. send.username = $('#contact_username').val();
  227. send.mobile = $('#contact_mobile').val();
  228. send.email = $('#contact_email').val();
  229. send.content = $('#contact_content').val();
  230. send.xuqiu = xuqiu;
  231. if (!send.username) {
  232. window.toastr.warning('请填写姓名');
  233. return;
  234. }
  235. if (!send.mobile) {
  236. window.toastr.warning('请填写联系电话');
  237. return;
  238. }
  239. if (!send.email) {
  240. window.toastr.warning('请填写电子信箱');
  241. return;
  242. }
  243. $.getJSON(config.host + 'content.contact_add?json=1', send, function(t) {
  244. if (t.status == 2) {
  245. window.toastr.warning(t.msg);
  246. } else {
  247. window.toastr.success('提交成功');
  248. setTimeout(function() {
  249. location.reload();
  250. }, 3000)
  251. }
  252. })
  253. }
  254. </script>
  255. <script type="text/javascript" src="js/global.js?v=9d7d7e57"></script><script type="text/javascript" src="js/contact.js?v=11102b9f"></script></body>
  256. </html>