main_20210330182115.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0,viewport-fit=cover">
  6. <title></title>
  7. <style>
  8. body{
  9. margin: 0;
  10. padding: 0.2rem;
  11. }
  12. .start{
  13. position: relative;
  14. background-color: rgba(0, 0, 0, 0.1);
  15. margin:0;
  16. }
  17. .start .introduce{
  18. text-indent: 2em;
  19. font-size: 0.85rem;
  20. padding: 0.2rem;
  21. margin: 0;
  22. }
  23. .start .box{
  24. position: absolute;
  25. right: 0;
  26. bottom: 0;
  27. width: 6.5rem;
  28. height: 0.3rem;
  29. background-color: orange;
  30. margin: 0;
  31. }
  32. .content{
  33. position: relative;
  34. background-color: rgba(0, 0, 0, 0.1);
  35. margin-top: 0.8rem;
  36. padding: 0.2rem;
  37. }
  38. .content .text{
  39. text-indent: 2em;
  40. font-size: 0.85rem;
  41. line-height: 1.4rem;
  42. }
  43. .content .text2{
  44. font-size: 0.78rem;
  45. font-weight: bold;
  46. line-height: 1.3rem;
  47. }
  48. .content .virtue{
  49. display: flex;
  50. flex-wrap: wrap;
  51. }
  52. .content .virtue .title{
  53. font-size: 0.78rem;
  54. font-weight: bold;
  55. }
  56. .content .virtue .sentence{
  57. display: flex;
  58. font-size: 0.78rem;
  59. font-weight: bold;
  60. margin-bottom: 0.6rem;
  61. }
  62. .content .virtue .sentence .dian{
  63. color: red;
  64. margin: 0 auto;
  65. padding-left: 0.8rem;
  66. padding-right: 0.8rem;
  67. }
  68. .content .box2{
  69. position: absolute;
  70. right: 0;
  71. bottom: 0;
  72. width: 6.5rem;
  73. height: 0.3rem;
  74. background-color: orange;
  75. margin: 0;
  76. }
  77. .report{
  78. display: flex;
  79. flex-wrap: wrap;
  80. margin-top: 0.8rem;
  81. border: 0.2rem solid #33a1c9;
  82. border-radius: 15px;
  83. padding: 0.3rem;
  84. }
  85. .report .h1{
  86. color: skyblue;
  87. }
  88. .report .strip{
  89. display: flex;
  90. font-size: 0.65rem;
  91. margin-bottom: 0.4rem;
  92. }
  93. .report .strip .gou{
  94. color: #dc143c;
  95. margin: 0 auto;
  96. font-size: 1rem;
  97. padding-left: 3rem;
  98. padding-right: 0.4rem;
  99. }
  100. .statement{
  101. font-size: 0.78rem;
  102. margin-top: 0.6rem;
  103. line-height: 1.6rem;
  104. margin-bottom: 2.2rem;
  105. }
  106. .button{
  107. position: fixed;
  108. left: 0;
  109. bottom: 0;
  110. width: 100%;
  111. background-color: skyblue;
  112. font-size: 1rem;
  113. color: white;
  114. text-align: center;
  115. line-height: 2.5rem;
  116. }
  117. </style>
  118. </head>
  119. <body>
  120. <div class="start">
  121. <p class="introduce">在当代社会人们谈癌色变,与时间赛跑,在最短的时间里为癌症患者找到合适的医院和医生,获得个体化的精准治疗方案和及时有效的治疗,是迫切需要,也是IQQA技术服务的目标。</p>
  122. <p class="box"></p>
  123. </div>
  124. <div class="content">
  125. <p class="text">肺癌患者,都可以使用IQQA技术服务获得专家的帮助。下面以一位真实的肺癌患者通过使用IQQA技术服务进行3D精准评估为例,说明3D精准评估的重要意义。</p>
  126. <img src="../image/2.jpg" width="100%">
  127. <p class="text2">患者XXX, CT检查发现左肺下叶有一个肿瘤,使用IQQA技术服务,精准评估肿瘤和周围气管,血管的空间关系</p>
  128. <img src="../image/1.jpg" width="100%">
  129. <div class="virtue">
  130. <p class="title">三维重建优势:</p>
  131. <div class="sentence"><p class="dian">•</p>清晰的三维图像使手术医生较轻松地识别解剖结构并有效降低手术医生辨别解剖结构的难度;</div>
  132. <div class="sentence"><p class="dian">•</p>术前充分了解解剖的变异,避免周围重要结构的损伤,为术前个体化手术方案的制定提供重要依据;</div>
  133. <div class="sentence"><p class="dian">•</p>模拟手术范围,判断手术切缘,确定合理的肺段切除方案;</div>
  134. <div class="sentence"><p class="dian">•</p>减少对结构的不必要的探查,减少创伤,缩短手术时间,有可能减少并发症的发生率;</div>
  135. </div>
  136. <p class="box2"></p>
  137. </div>
  138. <div class="report">
  139. <p class="h1">IQQA技术服务的三维分析报告,可让医生和患者深入了解肿瘤和器官情况</p>
  140. <div class="strip"><p class="gou">√</p>全方位立体透视肺器官内部复杂解剖结构</div>
  141. <div class="strip"><p class="gou">√</p>肿瘤与周围毗邻重要结构的空间关系</div>
  142. <div class="strip"><p class="gou">√</p>器官、肿瘤体积实时测量</div>
  143. <div class="strip"><p class="gou">√</p>血管解剖结构的流域分析</div>
  144. <div class="strip"><p class="gou">√</p>肿瘤安全切除边界提示和模拟</div>
  145. <div class="strip"><p class="gou">√</p>三维模拟手术规划,辅助提高手术精度及安全性</div>
  146. <div class="strip"><p class="gou">√</p>术前术后随访比较</div>
  147. </div>
  148. <div class="statement">
  149. 免责声明:本服务属于患者或其代理人自愿自费购买的第三方技术服务。基于医学领域的特殊性,您的疾病诊断、治疗等均应以专业的临床执业医师的意见为准,本单位所提供的所有涉及医学的内容仅供参考,因此不承担因为诊断结论错误或治疗方案不当而引发的医疗纠纷和事故责任。患者如需使用本服务,表示患者同意本公司获得患者或其代理人的授权,能够对其影像数据进行存储传输及处理,并允许本公司相关员工与患者或其代理人保持联系。
  150. </div>
  151. <div class="button">点击此处进行下单</div>
  152. </body>
  153. <script type="text/javascript" src="../js/jquery.min.js"></script>
  154. <script type="text/javascript" src="../js/public.js?v=1"></script>
  155. <script src="../js/distpicker.data.min.js"></script>
  156. <script src="../js/distpicker.min.js"></script>
  157. <script type="text/javascript" src="../js/wechat.js"></script>
  158. <script>
  159. </script>
  160. </html>