code4eat před 2 týdny
revize
0309c90064
43 změnil soubory, kde provedl 9278 přidání a 0 odebrání
  1. 68 0
      common.css
  2. 10 0
      flexible.js
  3. binární
      img/0f7209945dd74e50abfb7a4f938b951e_mergeImage.png
  4. binární
      img/24828d4416d34a7dbb8b13da029f02ab_mergeImage.png
  5. binární
      img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png
  6. binární
      img/SketchPng0e2fe2040c6a7f4d45bd6b475d1704958c151a509d67ad26b8f5b0ce359df3f0.png
  7. binární
      img/SketchPng24c1a1c12c524902a4f301abfdb7d9bc48fa7580ed2e78a4cc1ec149f2f48ec2.png
  8. binární
      img/SketchPng2596704956d7cf35982c20e7e8b8b43ce1af17b7d8b8c237cad14eef69cca8a1.png
  9. binární
      img/SketchPng280956c7fdf02f5d95442b509903d89036629cbcc1d4c31d1c883cd10ab0f8a3.png
  10. binární
      img/SketchPng435e7acf4ff714c00b60e475de133d8df7f99163b57c635f2951956921b13a38.png
  11. binární
      img/SketchPng46a06d4cdde0a5e1b99111eca766289094732a13eb67fdf38236a4be1558bb44.png
  12. binární
      img/SketchPng5943988c249ce2c12622ba8687c06e05c7e570197e8d329f8224883eaf9074d8.png
  13. binární
      img/SketchPng5a6ac30acc30782870da3e3069bfb17da04d8053b0d5cd96d0f73dcce86d4cf9.png
  14. binární
      img/SketchPng61e7c79844e422eaf7357a797c70f5cbd67092649d19498ddee563ad8890a356.png
  15. binární
      img/SketchPng6aa38206dca6ef985a5a8682f79939e77140da197ea9d8b17671a27937e8ce96.png
  16. binární
      img/SketchPng6d221f8bc0998e21b006247f5cd9b7f85bf99a2e47313661a308ae99d4be2e07.png
  17. binární
      img/SketchPng711c30b0499e1b2745e0fca0b402a3a02a91852390a1e0df835334377be89c9e.png
  18. binární
      img/SketchPng713d3e603040f0f063e0527dc72828fbaeb2d37a34edb01e2f36d7683c38a3ea.png
  19. binární
      img/SketchPng800e7e1dd97e6cb96de5d5967765ffbc3c9821af17c641b179cd3cb08db8ccb1.png
  20. binární
      img/SketchPng80a739194e75a679bf263db3350adc688060a439c4a1798d83afd91e8f84f6ce.png
  21. binární
      img/SketchPng8132ca5cbb94f83a7882abae42f0f131e875e546fdc66f8211cc7ac578740fc4.png
  22. binární
      img/SketchPng8aaf65498cd3803fa3a93a2da3fbd520ed09bd2d633edee1ede3a1a1840c2d11.png
  23. binární
      img/SketchPng8d70e1f9027c73223ea9264a2fae874966c03ed62ddeba3b57f7c0bd328c3ca3.png
  24. binární
      img/SketchPng8e37ab0aebcb6f182f0a41fca87b7bc0758d8732e4dc54a20164dc3b5c5f6136.png
  25. binární
      img/SketchPng9702ee8a1699d3dbdd3da053eff3f7c8c96c2971a9d57c6274ac228430e23a24.png
  26. binární
      img/SketchPng9759799310b065035d072260dd9ef7fd53830e0442efcd5d0ab43d64b6c04a7e.png
  27. binární
      img/SketchPnga50dc69ba5e7bcf1a39112cb5b8ab7a28f7345b266e3151e133699ddb0a4d2d8.png
  28. binární
      img/SketchPngacd5979aa8bd1d7c0b4f0351294276a15550b24917043f9967800e496fcb613d.png
  29. binární
      img/SketchPngb30a46d48207fcaa735a9fda3992c794f71e1b10f729c99749d5875714c58a15.png
  30. binární
      img/SketchPngc046c6c113939e0087007b1578c2b66a8dc8a43c5562f9a9a7fe46cb28fbf6c0.png
  31. binární
      img/SketchPngc0da0ca3b875377f093d09471d898ddf193d490c4b19b7f87fed2ced36324950.png
  32. binární
      img/SketchPngc883f3f0ae7ce5a3640224d7213f4ae6ab84a6fb9bf79e1493744203d1e70c1f.png
  33. binární
      img/SketchPngd9bcd86ca9c8f402fb3ecfbadec0f3c734ee46609244dc19956f2d625b5c0b75.png
  34. 68 0
      img/common.css
  35. 10 0
      img/flexible.js
  36. 1386 0
      img/index.css
  37. 399 0
      img/index.html
  38. 1390 0
      img/index.rem.css
  39. 1386 0
      img/index.response.css
  40. 1386 0
      index.css
  41. 399 0
      index.html
  42. 1390 0
      index.rem.css
  43. 1386 0
      index.response.css

+ 68 - 0
common.css

@@ -0,0 +1,68 @@
+body * {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+body {
+  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
+    Arial, PingFang SC-Light, Microsoft YaHei;
+}
+input {
+  background-color: transparent;
+  border: 0;
+}
+button {
+  margin: 0;
+  padding: 0;
+  border: 1px solid transparent;
+  outline: none;
+  background-color: transparent;
+}
+
+button:active {
+  opacity: 0.6;
+}
+.flex-col {
+  display: flex;
+  flex-direction: column;
+}
+.flex-row {
+  display: flex;
+  flex-direction: row;
+}
+.justify-start {
+  display: flex;
+  justify-content: flex-start;
+}
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: flex-end;
+}
+.justify-evenly {
+  display: flex;
+  justify-content: space-evenly;
+}
+.justify-around {
+  display: flex;
+  justify-content: space-around;
+}
+.justify-between {
+  display: flex;
+  justify-content: space-between;
+}
+.align-start {
+  display: flex;
+  align-items: flex-start;
+}
+.align-center {
+  display: flex;
+  align-items: center;
+}
+.align-end {
+  display: flex;
+  align-items: flex-end;
+}

+ 10 - 0
flexible.js

@@ -0,0 +1,10 @@
+(function flexible(window, document) {
+  function resetFontSize() {
+    const size = (document.documentElement.clientWidth / 1920) * 37.5;
+    document.documentElement.style.fontSize = size + 'px';
+  }
+
+  // reset root font size on page show or resize
+  window.addEventListener('pageshow', resetFontSize);
+  window.addEventListener('resize', resetFontSize);
+})(window, document);

binární
img/0f7209945dd74e50abfb7a4f938b951e_mergeImage.png


binární
img/24828d4416d34a7dbb8b13da029f02ab_mergeImage.png


binární
img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png


binární
img/SketchPng0e2fe2040c6a7f4d45bd6b475d1704958c151a509d67ad26b8f5b0ce359df3f0.png


binární
img/SketchPng24c1a1c12c524902a4f301abfdb7d9bc48fa7580ed2e78a4cc1ec149f2f48ec2.png


binární
img/SketchPng2596704956d7cf35982c20e7e8b8b43ce1af17b7d8b8c237cad14eef69cca8a1.png


binární
img/SketchPng280956c7fdf02f5d95442b509903d89036629cbcc1d4c31d1c883cd10ab0f8a3.png


binární
img/SketchPng435e7acf4ff714c00b60e475de133d8df7f99163b57c635f2951956921b13a38.png


binární
img/SketchPng46a06d4cdde0a5e1b99111eca766289094732a13eb67fdf38236a4be1558bb44.png


binární
img/SketchPng5943988c249ce2c12622ba8687c06e05c7e570197e8d329f8224883eaf9074d8.png


binární
img/SketchPng5a6ac30acc30782870da3e3069bfb17da04d8053b0d5cd96d0f73dcce86d4cf9.png


binární
img/SketchPng61e7c79844e422eaf7357a797c70f5cbd67092649d19498ddee563ad8890a356.png


binární
img/SketchPng6aa38206dca6ef985a5a8682f79939e77140da197ea9d8b17671a27937e8ce96.png


binární
img/SketchPng6d221f8bc0998e21b006247f5cd9b7f85bf99a2e47313661a308ae99d4be2e07.png


binární
img/SketchPng711c30b0499e1b2745e0fca0b402a3a02a91852390a1e0df835334377be89c9e.png


binární
img/SketchPng713d3e603040f0f063e0527dc72828fbaeb2d37a34edb01e2f36d7683c38a3ea.png


binární
img/SketchPng800e7e1dd97e6cb96de5d5967765ffbc3c9821af17c641b179cd3cb08db8ccb1.png


binární
img/SketchPng80a739194e75a679bf263db3350adc688060a439c4a1798d83afd91e8f84f6ce.png


binární
img/SketchPng8132ca5cbb94f83a7882abae42f0f131e875e546fdc66f8211cc7ac578740fc4.png


binární
img/SketchPng8aaf65498cd3803fa3a93a2da3fbd520ed09bd2d633edee1ede3a1a1840c2d11.png


binární
img/SketchPng8d70e1f9027c73223ea9264a2fae874966c03ed62ddeba3b57f7c0bd328c3ca3.png


binární
img/SketchPng8e37ab0aebcb6f182f0a41fca87b7bc0758d8732e4dc54a20164dc3b5c5f6136.png


binární
img/SketchPng9702ee8a1699d3dbdd3da053eff3f7c8c96c2971a9d57c6274ac228430e23a24.png


binární
img/SketchPng9759799310b065035d072260dd9ef7fd53830e0442efcd5d0ab43d64b6c04a7e.png


binární
img/SketchPnga50dc69ba5e7bcf1a39112cb5b8ab7a28f7345b266e3151e133699ddb0a4d2d8.png


binární
img/SketchPngacd5979aa8bd1d7c0b4f0351294276a15550b24917043f9967800e496fcb613d.png


binární
img/SketchPngb30a46d48207fcaa735a9fda3992c794f71e1b10f729c99749d5875714c58a15.png


binární
img/SketchPngc046c6c113939e0087007b1578c2b66a8dc8a43c5562f9a9a7fe46cb28fbf6c0.png


binární
img/SketchPngc0da0ca3b875377f093d09471d898ddf193d490c4b19b7f87fed2ced36324950.png


binární
img/SketchPngc883f3f0ae7ce5a3640224d7213f4ae6ab84a6fb9bf79e1493744203d1e70c1f.png


binární
img/SketchPngd9bcd86ca9c8f402fb3ecfbadec0f3c734ee46609244dc19956f2d625b5c0b75.png


+ 68 - 0
img/common.css

@@ -0,0 +1,68 @@
+body * {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+body {
+  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
+    Arial, PingFang SC-Light, Microsoft YaHei;
+}
+input {
+  background-color: transparent;
+  border: 0;
+}
+button {
+  margin: 0;
+  padding: 0;
+  border: 1px solid transparent;
+  outline: none;
+  background-color: transparent;
+}
+
+button:active {
+  opacity: 0.6;
+}
+.flex-col {
+  display: flex;
+  flex-direction: column;
+}
+.flex-row {
+  display: flex;
+  flex-direction: row;
+}
+.justify-start {
+  display: flex;
+  justify-content: flex-start;
+}
+.justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+.justify-end {
+  display: flex;
+  justify-content: flex-end;
+}
+.justify-evenly {
+  display: flex;
+  justify-content: space-evenly;
+}
+.justify-around {
+  display: flex;
+  justify-content: space-around;
+}
+.justify-between {
+  display: flex;
+  justify-content: space-between;
+}
+.align-start {
+  display: flex;
+  align-items: flex-start;
+}
+.align-center {
+  display: flex;
+  align-items: center;
+}
+.align-end {
+  display: flex;
+  align-items: flex-end;
+}

+ 10 - 0
img/flexible.js

@@ -0,0 +1,10 @@
+(function flexible(window, document) {
+  function resetFontSize() {
+    const size = (document.documentElement.clientWidth / 1920) * 37.5;
+    document.documentElement.style.fontSize = size + 'px';
+  }
+
+  // reset root font size on page show or resize
+  window.addEventListener('pageshow', resetFontSize);
+  window.addEventListener('resize', resetFontSize);
+})(window, document);

+ 1386 - 0
img/index.css

@@ -0,0 +1,1386 @@
+.page {
+  background-color: rgba(245, 247, 250, 1);
+  position: relative;
+  width: 1920px;
+  height: 3476px;
+  overflow: hidden;
+}
+
+.box_1 {
+  background-color: rgba(255, 255, 255, 0.98);
+  width: 1920px;
+  height: 80px;
+}
+
+.image_1 {
+  width: 200px;
+  height: 40px;
+  margin: 20px 0 0 280px;
+}
+
+.text_1 {
+  width: 154px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin: 33px 1270px 0 16px;
+}
+
+.box_2 {
+  width: 1920px;
+  height: 3077px;
+}
+
+.group_1 {
+  background-color: rgba(252, 253, 253, 1);
+  height: 600px;
+  width: 1920px;
+}
+
+.box_3 {
+  width: 1400px;
+  height: 600px;
+  background: url(./img/SketchPng8aaf65498cd3803fa3a93a2da3fbd520ed09bd2d633edee1ede3a1a1840c2d11.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-left: 260px;
+}
+
+.text-wrapper_1 {
+  width: 704px;
+  height: 144px;
+  margin: 180px 0 0 110px;
+}
+
+.text_2 {
+  width: 704px;
+  height: 64px;
+  overflow-wrap: break-word;
+  color: rgba(13, 17, 26, 1);
+  font-size: 64px;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 96px;
+}
+
+.text_3 {
+  width: 440px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 60px;
+  margin-top: 40px;
+}
+
+.image_2 {
+  width: 584px;
+  height: 431px;
+  margin: 98px 60px 0 -58px;
+}
+
+.group_2 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 776px;
+  width: 1920px;
+}
+
+.box_4 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 1400px;
+  height: 776px;
+  margin-left: 260px;
+  justify-content: flex-center;
+}
+
+.text-wrapper_2 {
+  width: 441px;
+  height: 40px;
+  overflow-wrap: break-word;
+  font-size: 0;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 60px;
+  margin: 80px 0 0 480px;
+}
+
+.text_4 {
+  width: 441px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 60px;
+}
+
+.text_5 {
+  width: 441px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(46, 107, 230, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 60px;
+}
+
+.text_6 {
+  width: 441px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 60px;
+}
+
+.grid_1 {
+  width: 1264px;
+  height: 512px;
+  flex-wrap: wrap;
+  margin: 64px 0 80px 68px;
+}
+
+.image-text_1-0 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+}
+
+.box_5-0 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-0 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-0 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-0 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-1 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+}
+
+.box_5-1 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-1 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-1 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-1 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-2 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+  margin-right: 0;
+}
+
+.box_5-2 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-2 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-2 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-2 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-3 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+  margin-bottom: 0;
+}
+
+.box_5-3 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-3 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-3 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-3 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-4 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+  margin-bottom: 0;
+}
+
+.box_5-4 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-4 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-4 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-4 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-5 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+  margin-right: 0;
+  margin-bottom: 0;
+}
+
+.box_5-5 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-5 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-5 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-5 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.group_3 {
+  background-color: rgba(46, 107, 230, 1);
+  height: 240px;
+  width: 1920px;
+}
+
+.block_1 {
+  background-image: url(./img/24828d4416d34a7dbb8b13da029f02ab_mergeImage.png);
+  width: 1400px;
+  height: 240px;
+  margin-left: 260px;
+}
+
+.text-group_2 {
+  width: 1180px;
+  height: 119px;
+  margin: 65px 0 0 110px;
+}
+
+.text_8 {
+  width: 916px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 40px;
+  letter-spacing: 4px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 60px;
+  margin-left: 132px;
+}
+
+.text_9 {
+  width: 1180px;
+  height: 64px;
+  overflow-wrap: break-word;
+  color: rgba(245, 246, 250, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  line-height: 32px;
+  margin-top: 15px;
+}
+
+.group_4 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 660px;
+  width: 1920px;
+}
+
+.group_5 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 660px;
+  margin-left: 260px;
+  width: 1400px;
+}
+
+.box_6 {
+  width: 182px;
+  height: 72px;
+  margin: 80px 0 0 609px;
+}
+
+.text-group_3 {
+  width: 182px;
+  height: 72px;
+}
+
+.text_10 {
+  width: 160px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 60px;
+  margin-left: 11px;
+}
+
+.text_11 {
+  width: 182px;
+  height: 16px;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 16px;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 24px;
+  margin-top: 16px;
+}
+
+.box_7 {
+  position: relative;
+  width: 1104px;
+  height: 364px;
+  margin: 56px 0 88px 140px;
+}
+
+.section_1 {
+  width: 460px;
+  height: 340px;
+  background: url(./img/SketchPng9702ee8a1699d3dbdd3da053eff3f7c8c96c2971a9d57c6274ac228430e23a24.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin: 24px 0 0 24px;
+}
+
+.box_8 {
+  background-image: url(./img/0f7209945dd74e50abfb7a4f938b951e_mergeImage.png);
+  width: 460px;
+  height: 340px;
+  margin: -14px 0 0 -14px;
+}
+
+.image-text_2 {
+  width: 340px;
+  height: 94px;
+  margin: 120px 0 0 68px;
+}
+
+.image_4 {
+  width: 340px;
+  height: 68px;
+}
+
+.text-group_4 {
+  width: 302px;
+  height: 16px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 12px;
+  letter-spacing: 4.5px;
+  font-family: MiSans-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 16px;
+  margin: 10px 0 0 11px;
+}
+
+.box_9 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 94px;
+  height: 94px;
+  margin: 246px 0 0 -80px;
+}
+
+.section_2 {
+  width: 540px;
+  height: 299px;
+  margin: 34px 0 0 80px;
+}
+
+.text_12 {
+  width: 470px;
+  height: 32px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 32px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 48px;
+}
+
+.box_10 {
+  background-color: rgba(26, 34, 51, 1);
+  width: 24px;
+  height: 4px;
+  margin-top: 24px;
+}
+
+.paragraph_1 {
+  width: 540px;
+  height: 224px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 16px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: justify;
+  line-height: 32px;
+  margin-top: 15px;
+}
+
+.image_5 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 94px;
+  height: 94px;
+}
+
+.group_6 {
+  background-color: rgba(245, 247, 250, 1);
+  height: 800px;
+  margin-bottom: 1px;
+  width: 1920px;
+}
+
+.block_2 {
+  background-color: rgba(245, 247, 250, 1);
+  width: 1400px;
+  height: 800px;
+  margin-left: 260px;
+  justify-content: flex-center;
+}
+
+.text-group_5 {
+  width: 360px;
+  height: 72px;
+  margin: 80px 0 0 520px;
+}
+
+.text_13 {
+  width: 160px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 60px;
+  margin-left: 100px;
+}
+
+.text_14 {
+  width: 360px;
+  height: 16px;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 16px;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 24px;
+  margin-top: 16px;
+}
+
+.group_7 {
+  width: 1008px;
+  height: 160px;
+  margin: 56px 0 0 196px;
+}
+
+.box_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+}
+
+.image-text_3 {
+  width: 120px;
+  height: 121px;
+  margin: 16px 0 0 60px;
+}
+
+.image_6 {
+  width: 87px;
+  height: 89px;
+  margin-left: 17px;
+}
+
+.text-group_6 {
+  width: 120px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 12px;
+}
+
+.box_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_4 {
+  width: 180px;
+  height: 116px;
+  margin: 21px 0 0 30px;
+}
+
+.image_7 {
+  width: 86px;
+  height: 80px;
+  margin-left: 47px;
+}
+
+.text-group_7 {
+  width: 180px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 16px;
+}
+
+.box_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_5 {
+  width: 200px;
+  height: 118px;
+  margin: 19px 0 0 20px;
+}
+
+.image_8 {
+  width: 95px;
+  height: 83px;
+  margin-left: 53px;
+}
+
+.text-group_8 {
+  width: 200px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 15px;
+}
+
+.box_14 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_6 {
+  width: 180px;
+  height: 117px;
+  margin: 20px 0 0 30px;
+}
+
+.image_9 {
+  width: 82px;
+  height: 82px;
+  margin-left: 49px;
+}
+
+.text-group_9 {
+  width: 180px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 15px;
+}
+
+.group_8 {
+  width: 1264px;
+  height: 160px;
+  margin: 16px 0 0 68px;
+}
+
+.group_9 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+}
+
+.image-text_7 {
+  width: 140px;
+  height: 118px;
+  margin: 18px 0 0 50px;
+}
+
+.image_10 {
+  width: 83px;
+  height: 80px;
+  margin-left: 29px;
+}
+
+.text-group_10 {
+  width: 140px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 18px;
+}
+
+.group_10 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_8 {
+  width: 160px;
+  height: 119px;
+  margin: 17px 0 0 40px;
+}
+
+.image_11 {
+  width: 83px;
+  height: 81px;
+  margin-left: 39px;
+}
+
+.text-group_11 {
+  width: 160px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 18px;
+}
+
+.group_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_9 {
+  width: 120px;
+  height: 119px;
+  margin: 17px 0 0 60px;
+}
+
+.image_12 {
+  width: 87px;
+  height: 82px;
+  margin-left: 17px;
+}
+
+.text-group_12 {
+  width: 120px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 17px;
+}
+
+.group_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_10 {
+  width: 200px;
+  height: 119px;
+  margin: 17px 0 0 20px;
+}
+
+.image_13 {
+  width: 77px;
+  height: 79px;
+  margin-left: 62px;
+}
+
+.text-group_13 {
+  width: 200px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 20px;
+}
+
+.group_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_11 {
+  width: 120px;
+  height: 116px;
+  margin: 20px 0 0 60px;
+}
+
+.image_14 {
+  width: 74px;
+  height: 75px;
+  margin-left: 23px;
+}
+
+.text-group_14 {
+  width: 120px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 21px;
+}
+
+.group_14 {
+  width: 1008px;
+  height: 160px;
+  margin: 16px 0 80px 196px;
+}
+
+.box_15 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+}
+
+.image-text_12 {
+  width: 140px;
+  height: 120px;
+  margin: 16px 0 0 50px;
+}
+
+.image_15 {
+  width: 78px;
+  height: 81px;
+  margin-left: 34px;
+}
+
+.text-group_15 {
+  width: 140px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 19px;
+}
+
+.box_16 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_13 {
+  width: 140px;
+  height: 120px;
+  margin: 16px 0 0 50px;
+}
+
+.image_16 {
+  width: 89px;
+  height: 83px;
+  margin-left: 26px;
+}
+
+.text-group_16 {
+  width: 140px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 17px;
+}
+
+.box_17 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_14 {
+  width: 200px;
+  height: 118px;
+  margin: 18px 0 0 20px;
+}
+
+.image_17 {
+  width: 83px;
+  height: 77px;
+  margin-left: 59px;
+}
+
+.text-group_17 {
+  width: 200px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 21px;
+}
+
+.box_18 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_15 {
+  width: 140px;
+  height: 120px;
+  margin: 16px 0 0 50px;
+}
+
+.image_18 {
+  width: 91px;
+  height: 81px;
+  margin-left: 25px;
+}
+
+.text-group_18 {
+  width: 140px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 19px;
+}
+
+.box_19 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 320px;
+  margin-top: -1px;
+  width: 1920px;
+}
+
+.block_3 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 320px;
+  margin-left: 260px;
+  width: 1400px;
+}
+
+.group_15 {
+  width: 286px;
+  height: 92px;
+  margin: 40px 0 0 557px;
+}
+
+.image-text_16 {
+  width: 286px;
+  height: 92px;
+}
+
+.image_19 {
+  width: 280px;
+  height: 56px;
+  margin-left: 3px;
+}
+
+.text-group_19 {
+  width: 286px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 20px;
+  letter-spacing: 6px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 16px;
+}
+
+.group_16 {
+  width: 734px;
+  height: 16px;
+  margin: 56px 0 0 219px;
+}
+
+.image-text_17 {
+  width: 109px;
+  height: 16px;
+}
+
+.thumbnail_1 {
+  width: 16px;
+  height: 16px;
+}
+
+.text-group_20 {
+  width: 85px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.image-text_18 {
+  width: 109px;
+  height: 16px;
+  margin-left: 212px;
+}
+
+.thumbnail_2 {
+  width: 16px;
+  height: 16px;
+}
+
+.text-group_21 {
+  width: 85px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.image-text_19 {
+  width: 109px;
+  height: 16px;
+  margin-left: 195px;
+}
+
+.thumbnail_3 {
+  width: 16px;
+  height: 16px;
+}
+
+.text-group_22 {
+  width: 85px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.group_17 {
+  width: 961px;
+  height: 18px;
+  margin: 18px 0 80px 220px;
+}
+
+.image-text_20 {
+  width: 280px;
+  height: 18px;
+}
+
+.thumbnail_4 {
+  width: 15px;
+  height: 18px;
+}
+
+.text-group_23 {
+  width: 257px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.image-text_21 {
+  width: 263px;
+  height: 18px;
+  margin-left: 41px;
+}
+
+.thumbnail_5 {
+  width: 15px;
+  height: 18px;
+}
+
+.text-group_24 {
+  width: 240px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.image-text_22 {
+  width: 336px;
+  height: 18px;
+  margin-left: 41px;
+}
+
+.thumbnail_6 {
+  width: 15px;
+  height: 18px;
+}
+
+.text-group_25 {
+  width: 313px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}

+ 399 - 0
img/index.html

@@ -0,0 +1,399 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <script src="./flexible.js"></script>
+    <link rel="stylesheet" type="text/css" href="./common.css" />
+    <link rel="stylesheet" type="text/css" href="./index.css" />
+  </head>
+  <body>
+    <div class="page flex-col">
+      <div class="box_1 flex-row">
+        <img
+          class="image_1"
+          referrerpolicy="no-referrer"
+          src="./img/SketchPng8132ca5cbb94f83a7882abae42f0f131e875e546fdc66f8211cc7ac578740fc4.png"
+        />
+        <span class="text_1">助力医疗机构高质量发展</span>
+      </div>
+      <div class="box_2 flex-col">
+        <div class="group_1 flex-col">
+          <div class="box_3 flex-row">
+            <div class="text-wrapper_1 flex-col justify-between">
+              <span class="text_2">数字化精益医疗解决方案</span>
+              <span class="text_3">助力医疗机构高质量发展</span>
+            </div>
+            <img
+              class="image_2"
+              referrerpolicy="no-referrer"
+              src="./img/SketchPng0e2fe2040c6a7f4d45bd6b475d1704958c151a509d67ad26b8f5b0ce359df3f0.png"
+            />
+          </div>
+        </div>
+        <div class="group_2 flex-col">
+          <div class="box_4 flex-col">
+            <div class="text-wrapper_2">
+              <span class="text_4">数字化管理体系</span>
+              <span class="text_5">6</span>
+              <span class="text_6">&nbsp;大目标</span>
+            </div>
+            <div class="grid_1 flex-row">
+              <div class="image-text_1-0 flex-col">
+                <div class="box_5-0 flex-row">
+                  <span class="text_7-0">质量安全目标</span>
+                  <img
+                    class="image_3-0"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng5943988c249ce2c12622ba8687c06e05c7e570197e8d329f8224883eaf9074d8.png"
+                  />
+                </div>
+                <span class="text-group_1-0">
+                  借由IT工具辅助与管理知识模型,对质量管理的成效进行标准化、量化管理,并通过三类维度展示管理成效,有助于质量管理弱项掌握,提供医院的决策支持。
+                </span>
+              </div>
+              <div class="image-text_1-1 flex-col">
+                <div class="box_5-1 flex-row">
+                  <span class="text_7-1">运营管理目标</span>
+                  <img
+                    class="image_3-1"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng61e7c79844e422eaf7357a797c70f5cbd67092649d19498ddee563ad8890a356.png"
+                  />
+                </div>
+                <span class="text-group_1-1">
+                  全方位运营涵盖预算管理、成本管理、运营分析、专科经营、绩效管理,依托信息系统IT工具与知识图谱,通过两大维度进行综合评价与成果展现,提供决策支持。
+                </span>
+              </div>
+              <div class="image-text_1-2 flex-col">
+                <div class="box_5-2 flex-row">
+                  <span class="text_7-2">学科建设目标</span>
+                  <img
+                    class="image_3-2"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng6d221f8bc0998e21b006247f5cd9b7f85bf99a2e47313661a308ae99d4be2e07.png"
+                  />
+                </div>
+                <span class="text-group_1-2">
+                  学科建设过六大重点(学科带头人、重点学科、学科发展、临床科研、人才梯队、教学管理)进行分类管理与阶段建设,有效提升医院综合水平。
+                </span>
+              </div>
+              <div class="image-text_1-3 flex-col">
+                <div class="box_5-3 flex-row">
+                  <span class="text_7-3">医务管理目标</span>
+                  <img
+                    class="image_3-3"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng46a06d4cdde0a5e1b99111eca766289094732a13eb67fdf38236a4be1558bb44.png"
+                  />
+                </div>
+                <span class="text-group_1-3">
+                  从三方面建全医务管理,并运用信息IT工具与管理知识图谱为医务管理成效进行数据建模,从六个维度的综合评价,助力医院医务管理的决策支持。
+                </span>
+              </div>
+              <div class="image-text_1-4 flex-col">
+                <div class="box_5-4 flex-row">
+                  <span class="text_7-4">护理管理目标</span>
+                  <img
+                    class="image_3-4"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng713d3e603040f0f063e0527dc72828fbaeb2d37a34edb01e2f36d7683c38a3ea.png"
+                  />
+                </div>
+                <span class="text-group_1-4">
+                  通过五大面向建设全方位护理管理,并运用信息IT工具与管理知识图谱为护理管理成效进行数据建模,从六个维度的综合评价,助力医院护理管理的决策支持。
+                </span>
+              </div>
+              <div class="image-text_1-5 flex-col">
+                <div class="box_5-5 flex-row">
+                  <span class="text_7-5">优质服务目标</span>
+                  <img
+                    class="image_3-5"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng800e7e1dd97e6cb96de5d5967765ffbc3c9821af17c641b179cd3cb08db8ccb1.png"
+                  />
+                </div>
+                <span class="text-group_1-5">
+                  致力于打造医疗“数智化”健康管理SaaS平台,应用“技术+服务+数据”全面打造健康管理能力以全新健康理念专注于“互联网+大健康”领域企业客户健康需求。
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="group_3 flex-col">
+          <div class="block_1 flex-row">
+            <div class="text-group_2 flex-col justify-between">
+              <span class="text_8">
+                运用CID³P模式助力医院建设精益运营管理体系
+              </span>
+              <span class="text_9">
+                CID³P模式是指咨询Consultation、信息Information、数据智能Data&nbsp;Develop&nbsp;Decision及PDCA的融合统称,是医院整体精益管理解决方案的融合,是新医疗体系下一体化的提升服务
+              </span>
+            </div>
+          </div>
+        </div>
+        <div class="group_4 flex-col">
+          <div class="group_5 flex-col">
+            <div class="box_6 flex-row">
+              <div class="text-group_3 flex-col justify-between">
+                <span class="text_10">关于我们</span>
+                <span class="text_11">COMPANY&nbsp;PROFILES</span>
+              </div>
+            </div>
+            <div class="box_7 flex-row justify-end">
+              <div class="section_1 flex-row justify-end">
+                <div class="box_8 flex-row">
+                  <div class="image-text_2 flex-col justify-between">
+                    <img
+                      class="image_4"
+                      referrerpolicy="no-referrer"
+                      src="./img/SketchPng5a6ac30acc30782870da3e3069bfb17da04d8053b0d5cd96d0f73dcce86d4cf9.png"
+                    />
+                    <span class="text-group_4">
+                      IMEDHIM&nbsp;TECHNOLOGY&nbsp;CO.,LTD
+                    </span>
+                  </div>
+                </div>
+                <div class="box_9 flex-col"></div>
+              </div>
+              <div class="section_2 flex-col">
+                <span class="text_12">康程智医(成都)信息科技有限公司</span>
+                <div class="box_10 flex-col"></div>
+                <span class="paragraph_1">
+                  康程智医专注于医疗行业精益化管理领域,提供管理咨询培训、医管软件产品、临床与管理数据分析等服务。&nbsp;
+                  <br />
+                  <br />
+                  通过CID³P(Consultation-Information-Decision-PDCA)与管理持续改进相结合的模式,为医院和医疗监管机构提供从咨询导入、制度与流程的IT固化、数据中心建置、数据分析解读到管理方式持续改进的一体化解决方案,全面提升医院的经营能力、医疗水平和服务质量,提升医疗监管机构的管理能力和效率。
+                </span>
+              </div>
+              <img
+                class="image_5"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPng711c30b0499e1b2745e0fca0b402a3a02a91852390a1e0df835334377be89c9e.png"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="group_6 flex-col">
+          <div class="block_2 flex-col">
+            <div class="text-group_5 flex-col justify-between">
+              <span class="text_13">合作案例</span>
+              <span class="text_14">
+                仅展示部分合作医院,各家排名顺序不分先后
+              </span>
+            </div>
+            <div class="group_7 flex-row justify-between">
+              <div class="box_11 flex-row">
+                <div class="image-text_3 flex-col justify-between">
+                  <img
+                    class="image_6"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng8d70e1f9027c73223ea9264a2fae874966c03ed62ddeba3b57f7c0bd328c3ca3.png"
+                  />
+                  <span class="text-group_6">中日友好医院</span>
+                </div>
+              </div>
+              <div class="box_12 flex-row">
+                <div class="image-text_4 flex-col justify-between">
+                  <img
+                    class="image_7"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPngc883f3f0ae7ce5a3640224d7213f4ae6ab84a6fb9bf79e1493744203d1e70c1f.png"
+                  />
+                  <span class="text-group_7">杭州市第一人民医院</span>
+                </div>
+              </div>
+              <div class="box_13 flex-row">
+                <div class="image-text_5 flex-col justify-between">
+                  <img
+                    class="image_8"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng80a739194e75a679bf263db3350adc688060a439c4a1798d83afd91e8f84f6ce.png"
+                  />
+                  <span class="text-group_8">复旦大学附属浦东医院</span>
+                </div>
+              </div>
+              <div class="box_14 flex-row">
+                <div class="image-text_6 flex-col justify-between">
+                  <img
+                    class="image_9"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPnga50dc69ba5e7bcf1a39112cb5b8ab7a28f7345b266e3151e133699ddb0a4d2d8.png"
+                  />
+                  <span class="text-group_9">成都市第五人民医院</span>
+                </div>
+              </div>
+            </div>
+            <div class="group_8 flex-row justify-between">
+              <div class="group_9 flex-row">
+                <div class="image-text_7 flex-col justify-between">
+                  <img
+                    class="image_10"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng280956c7fdf02f5d95442b509903d89036629cbcc1d4c31d1c883cd10ab0f8a3.png"
+                  />
+                  <span class="text-group_10">江苏省肿瘤医院</span>
+                </div>
+              </div>
+              <div class="group_10 flex-row">
+                <div class="image-text_8 flex-col justify-between">
+                  <img
+                    class="image_11"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng435e7acf4ff714c00b60e475de133d8df7f99163b57c635f2951956921b13a38.png"
+                  />
+                  <span class="text-group_11">武汉大学人民医院</span>
+                </div>
+              </div>
+              <div class="group_11 flex-row">
+                <div class="image-text_9 flex-col justify-between">
+                  <img
+                    class="image_12"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPngc0da0ca3b875377f093d09471d898ddf193d490c4b19b7f87fed2ced36324950.png"
+                  />
+                  <span class="text-group_12">海南省中医院</span>
+                </div>
+              </div>
+              <div class="group_12 flex-row">
+                <div class="image-text_10 flex-col justify-between">
+                  <img
+                    class="image_13"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng9759799310b065035d072260dd9ef7fd53830e0442efcd5d0ab43d64b6c04a7e.png"
+                  />
+                  <span class="text-group_13">贵州医科大学附属医院</span>
+                </div>
+              </div>
+              <div class="group_13 flex-row">
+                <div class="image-text_11 flex-col justify-between">
+                  <img
+                    class="image_14"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng24c1a1c12c524902a4f301abfdb7d9bc48fa7580ed2e78a4cc1ec149f2f48ec2.png"
+                  />
+                  <span class="text-group_14">首都医疗集团</span>
+                </div>
+              </div>
+            </div>
+            <div class="group_14 flex-row justify-between">
+              <div class="box_15 flex-row">
+                <div class="image-text_12 flex-col justify-between">
+                  <img
+                    class="image_15"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPngacd5979aa8bd1d7c0b4f0351294276a15550b24917043f9967800e496fcb613d.png"
+                  />
+                  <span class="text-group_15">河南省人民医院</span>
+                </div>
+              </div>
+              <div class="box_16 flex-row">
+                <div class="image-text_13 flex-col justify-between">
+                  <img
+                    class="image_16"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng8e37ab0aebcb6f182f0a41fca87b7bc0758d8732e4dc54a20164dc3b5c5f6136.png"
+                  />
+                  <span class="text-group_16">东阳市人民医院</span>
+                </div>
+              </div>
+              <div class="box_17 flex-row">
+                <div class="image-text_14 flex-col justify-between">
+                  <img
+                    class="image_17"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPngc046c6c113939e0087007b1578c2b66a8dc8a43c5562f9a9a7fe46cb28fbf6c0.png"
+                  />
+                  <span class="text-group_17">中山大学附属第一医院</span>
+                </div>
+              </div>
+              <div class="box_18 flex-row">
+                <div class="image-text_15 flex-col justify-between">
+                  <img
+                    class="image_18"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng2596704956d7cf35982c20e7e8b8b43ce1af17b7d8b8c237cad14eef69cca8a1.png"
+                  />
+                  <span class="text-group_18">河北省人民医院</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box_19 flex-col">
+        <div class="block_3 flex-col">
+          <div class="group_15 flex-row">
+            <div class="image-text_16 flex-col justify-between">
+              <img
+                class="image_19"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPng6aa38206dca6ef985a5a8682f79939e77140da197ea9d8b17671a27937e8ce96.png"
+              />
+              <span class="text-group_19">助力医疗机构高质量发展</span>
+            </div>
+          </div>
+          <div class="group_16 flex-row">
+            <div class="image-text_17 flex-row justify-between">
+              <img
+                class="thumbnail_1"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngb30a46d48207fcaa735a9fda3992c794f71e1b10f729c99749d5875714c58a15.png"
+              />
+              <span class="text-group_20">13967175858</span>
+            </div>
+            <div class="image-text_18 flex-row justify-between">
+              <img
+                class="thumbnail_2"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngb30a46d48207fcaa735a9fda3992c794f71e1b10f729c99749d5875714c58a15.png"
+              />
+              <span class="text-group_21">15904030516</span>
+            </div>
+            <div class="image-text_19 flex-row justify-between">
+              <img
+                class="thumbnail_3"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngb30a46d48207fcaa735a9fda3992c794f71e1b10f729c99749d5875714c58a15.png"
+              />
+              <span class="text-group_22">13601783275</span>
+            </div>
+          </div>
+          <div class="group_17 flex-row justify-between">
+            <div class="image-text_20 flex-row justify-between">
+              <img
+                class="thumbnail_4"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngd9bcd86ca9c8f402fb3ecfbadec0f3c734ee46609244dc19956f2d625b5c0b75.png"
+              />
+              <span class="text-group_23">
+                四川省成都市高新区中海国际中心D座401
+              </span>
+            </div>
+            <div class="image-text_21 flex-row justify-between">
+              <img
+                class="thumbnail_5"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngd9bcd86ca9c8f402fb3ecfbadec0f3c734ee46609244dc19956f2d625b5c0b75.png"
+              />
+              <span class="text-group_24">
+                浙江省杭州市西湖区郡原公元里7幢8层
+              </span>
+            </div>
+            <div class="image-text_22 flex-row justify-between">
+              <img
+                class="thumbnail_6"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngd9bcd86ca9c8f402fb3ecfbadec0f3c734ee46609244dc19956f2d625b5c0b75.png"
+              />
+              <span class="text-group_25">
+                上海市青浦区双联路88号三银基金产业园A座602室
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

+ 1390 - 0
img/index.rem.css

@@ -0,0 +1,1390 @@
+html {
+  font-size: 37.5px;
+}
+
+.page {
+  background-color: rgba(245, 247, 250, 1);
+  position: relative;
+  width: 51.2rem;
+  height: 92.694rem;
+  overflow: hidden;
+}
+
+.box_1 {
+  background-color: rgba(255, 255, 255, 0.98);
+  width: 51.2rem;
+  height: 2.134rem;
+}
+
+.image_1 {
+  width: 5.334rem;
+  height: 1.067rem;
+  margin: 0.534rem 0 0 7.467rem;
+}
+
+.text_1 {
+  width: 4.107rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin: 0.88rem 33.867rem 0 0.427rem;
+}
+
+.box_2 {
+  width: 51.2rem;
+  height: 82.054rem;
+}
+
+.group_1 {
+  background-color: rgba(252, 253, 253, 1);
+  height: 16rem;
+  width: 51.2rem;
+}
+
+.box_3 {
+  width: 37.334rem;
+  height: 16rem;
+  background: url(./img/SketchPng8aaf65498cd3803fa3a93a2da3fbd520ed09bd2d633edee1ede3a1a1840c2d11.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-left: 6.934rem;
+}
+
+.text-wrapper_1 {
+  width: 18.774rem;
+  height: 3.84rem;
+  margin: 4.8rem 0 0 2.934rem;
+}
+
+.text_2 {
+  width: 18.774rem;
+  height: 1.707rem;
+  overflow-wrap: break-word;
+  color: rgba(13, 17, 26, 1);
+  font-size: 1.706rem;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 2.56rem;
+}
+
+.text_3 {
+  width: 11.734rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin-top: 1.067rem;
+}
+
+.image_2 {
+  width: 15.574rem;
+  height: 11.494rem;
+  margin: 2.614rem 1.6rem 0 -1.547rem;
+}
+
+.group_2 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 20.694rem;
+  width: 51.2rem;
+}
+
+.box_4 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 37.334rem;
+  height: 20.694rem;
+  margin-left: 6.934rem;
+  justify-content: flex-center;
+}
+
+.text-wrapper_2 {
+  width: 11.76rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  font-size: 0;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin: 2.134rem 0 0 12.8rem;
+}
+
+.text_4 {
+  width: 11.76rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.6rem;
+}
+
+.text_5 {
+  width: 11.76rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(46, 107, 230, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.6rem;
+}
+
+.text_6 {
+  width: 11.76rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.6rem;
+}
+
+.grid_1 {
+  width: 33.707rem;
+  height: 13.654rem;
+  flex-wrap: wrap;
+  margin: 1.707rem 0 2.134rem 1.814rem;
+}
+
+.image-text_1-0 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+}
+
+.box_5-0 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-0 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-0 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-0 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-1 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+}
+
+.box_5-1 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-1 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-1 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-1 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-2 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+  margin-right: 0;
+}
+
+.box_5-2 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-2 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-2 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-2 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-3 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+  margin-bottom: 0;
+}
+
+.box_5-3 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-3 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-3 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-3 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-4 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+  margin-bottom: 0;
+}
+
+.box_5-4 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-4 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-4 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-4 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-5 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+  margin-right: 0;
+  margin-bottom: 0;
+}
+
+.box_5-5 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-5 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-5 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-5 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.group_3 {
+  background-color: rgba(46, 107, 230, 1);
+  height: 6.4rem;
+  width: 51.2rem;
+}
+
+.block_1 {
+  background-image: url(./img/24828d4416d34a7dbb8b13da029f02ab_mergeImage.png);
+  width: 37.334rem;
+  height: 6.4rem;
+  margin-left: 6.934rem;
+}
+
+.text-group_2 {
+  width: 31.467rem;
+  height: 3.174rem;
+  margin: 1.734rem 0 0 2.934rem;
+}
+
+.text_8 {
+  width: 24.427rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.066rem;
+  letter-spacing: 4px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin-left: 3.52rem;
+}
+
+.text_9 {
+  width: 31.467rem;
+  height: 1.707rem;
+  overflow-wrap: break-word;
+  color: rgba(245, 246, 250, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  line-height: 0.854rem;
+  margin-top: 0.4rem;
+}
+
+.group_4 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 17.6rem;
+  width: 51.2rem;
+}
+
+.group_5 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 17.6rem;
+  margin-left: 6.934rem;
+  width: 37.334rem;
+}
+
+.box_6 {
+  width: 4.854rem;
+  height: 1.92rem;
+  margin: 2.134rem 0 0 16.24rem;
+}
+
+.text-group_3 {
+  width: 4.854rem;
+  height: 1.92rem;
+}
+
+.text_10 {
+  width: 4.267rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin-left: 0.294rem;
+}
+
+.text_11 {
+  width: 4.854rem;
+  height: 0.427rem;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 0.426rem;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.64rem;
+  margin-top: 0.427rem;
+}
+
+.box_7 {
+  position: relative;
+  width: 29.44rem;
+  height: 9.707rem;
+  margin: 1.494rem 0 2.347rem 3.734rem;
+}
+
+.section_1 {
+  width: 12.267rem;
+  height: 9.067rem;
+  background: url(./img/SketchPng9702ee8a1699d3dbdd3da053eff3f7c8c96c2971a9d57c6274ac228430e23a24.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.box_8 {
+  background-image: url(./img/0f7209945dd74e50abfb7a4f938b951e_mergeImage.png);
+  width: 12.267rem;
+  height: 9.067rem;
+  margin: -0.374rem 0 0 -0.374rem;
+}
+
+.image-text_2 {
+  width: 9.067rem;
+  height: 2.507rem;
+  margin: 3.2rem 0 0 1.814rem;
+}
+
+.image_4 {
+  width: 9.067rem;
+  height: 1.814rem;
+}
+
+.text-group_4 {
+  width: 8.054rem;
+  height: 0.427rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.32rem;
+  letter-spacing: 4.5px;
+  font-family: MiSans-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.427rem;
+  margin: 0.267rem 0 0 0.294rem;
+}
+
+.box_9 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 2.507rem;
+  height: 2.507rem;
+  margin: 6.56rem 0 0 -2.134rem;
+}
+
+.section_2 {
+  width: 14.4rem;
+  height: 7.974rem;
+  margin: 0.907rem 0 0 2.134rem;
+}
+
+.text_12 {
+  width: 12.534rem;
+  height: 0.854rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.853rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.28rem;
+}
+
+.box_10 {
+  background-color: rgba(26, 34, 51, 1);
+  width: 0.64rem;
+  height: 0.107rem;
+  margin-top: 0.64rem;
+}
+
+.paragraph_1 {
+  width: 14.4rem;
+  height: 5.974rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.426rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: justify;
+  line-height: 0.854rem;
+  margin-top: 0.4rem;
+}
+
+.image_5 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 2.507rem;
+  height: 2.507rem;
+}
+
+.group_6 {
+  background-color: rgba(245, 247, 250, 1);
+  height: 21.334rem;
+  margin-bottom: 0.027rem;
+  width: 51.2rem;
+}
+
+.block_2 {
+  background-color: rgba(245, 247, 250, 1);
+  width: 37.334rem;
+  height: 21.334rem;
+  margin-left: 6.934rem;
+  justify-content: flex-center;
+}
+
+.text-group_5 {
+  width: 9.6rem;
+  height: 1.92rem;
+  margin: 2.134rem 0 0 13.867rem;
+}
+
+.text_13 {
+  width: 4.267rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin-left: 2.667rem;
+}
+
+.text_14 {
+  width: 9.6rem;
+  height: 0.427rem;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 0.426rem;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.64rem;
+  margin-top: 0.427rem;
+}
+
+.group_7 {
+  width: 26.88rem;
+  height: 4.267rem;
+  margin: 1.494rem 0 0 5.227rem;
+}
+
+.box_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+}
+
+.image-text_3 {
+  width: 3.2rem;
+  height: 3.227rem;
+  margin: 0.427rem 0 0 1.6rem;
+}
+
+.image_6 {
+  width: 2.32rem;
+  height: 2.374rem;
+  margin-left: 0.454rem;
+}
+
+.text-group_6 {
+  width: 3.2rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.32rem;
+}
+
+.box_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_4 {
+  width: 4.8rem;
+  height: 3.094rem;
+  margin: 0.56rem 0 0 0.8rem;
+}
+
+.image_7 {
+  width: 2.294rem;
+  height: 2.134rem;
+  margin-left: 1.254rem;
+}
+
+.text-group_7 {
+  width: 4.8rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.427rem;
+}
+
+.box_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_5 {
+  width: 5.334rem;
+  height: 3.147rem;
+  margin: 0.507rem 0 0 0.534rem;
+}
+
+.image_8 {
+  width: 2.534rem;
+  height: 2.214rem;
+  margin-left: 1.414rem;
+}
+
+.text-group_8 {
+  width: 5.334rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.4rem;
+}
+
+.box_14 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_6 {
+  width: 4.8rem;
+  height: 3.12rem;
+  margin: 0.534rem 0 0 0.8rem;
+}
+
+.image_9 {
+  width: 2.187rem;
+  height: 2.187rem;
+  margin-left: 1.307rem;
+}
+
+.text-group_9 {
+  width: 4.8rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.4rem;
+}
+
+.group_8 {
+  width: 33.707rem;
+  height: 4.267rem;
+  margin: 0.427rem 0 0 1.814rem;
+}
+
+.group_9 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+}
+
+.image-text_7 {
+  width: 3.734rem;
+  height: 3.147rem;
+  margin: 0.48rem 0 0 1.334rem;
+}
+
+.image_10 {
+  width: 2.214rem;
+  height: 2.134rem;
+  margin-left: 0.774rem;
+}
+
+.text-group_10 {
+  width: 3.734rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.48rem;
+}
+
+.group_10 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_8 {
+  width: 4.267rem;
+  height: 3.174rem;
+  margin: 0.454rem 0 0 1.067rem;
+}
+
+.image_11 {
+  width: 2.214rem;
+  height: 2.16rem;
+  margin-left: 1.04rem;
+}
+
+.text-group_11 {
+  width: 4.267rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.48rem;
+}
+
+.group_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_9 {
+  width: 3.2rem;
+  height: 3.174rem;
+  margin: 0.454rem 0 0 1.6rem;
+}
+
+.image_12 {
+  width: 2.32rem;
+  height: 2.187rem;
+  margin-left: 0.454rem;
+}
+
+.text-group_12 {
+  width: 3.2rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.454rem;
+}
+
+.group_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_10 {
+  width: 5.334rem;
+  height: 3.174rem;
+  margin: 0.454rem 0 0 0.534rem;
+}
+
+.image_13 {
+  width: 2.054rem;
+  height: 2.107rem;
+  margin-left: 1.654rem;
+}
+
+.text-group_13 {
+  width: 5.334rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.534rem;
+}
+
+.group_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_11 {
+  width: 3.2rem;
+  height: 3.094rem;
+  margin: 0.534rem 0 0 1.6rem;
+}
+
+.image_14 {
+  width: 1.974rem;
+  height: 2rem;
+  margin-left: 0.614rem;
+}
+
+.text-group_14 {
+  width: 3.2rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.56rem;
+}
+
+.group_14 {
+  width: 26.88rem;
+  height: 4.267rem;
+  margin: 0.427rem 0 2.134rem 5.227rem;
+}
+
+.box_15 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+}
+
+.image-text_12 {
+  width: 3.734rem;
+  height: 3.2rem;
+  margin: 0.427rem 0 0 1.334rem;
+}
+
+.image_15 {
+  width: 2.08rem;
+  height: 2.16rem;
+  margin-left: 0.907rem;
+}
+
+.text-group_15 {
+  width: 3.734rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.507rem;
+}
+
+.box_16 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_13 {
+  width: 3.734rem;
+  height: 3.2rem;
+  margin: 0.427rem 0 0 1.334rem;
+}
+
+.image_16 {
+  width: 2.374rem;
+  height: 2.214rem;
+  margin-left: 0.694rem;
+}
+
+.text-group_16 {
+  width: 3.734rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.454rem;
+}
+
+.box_17 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_14 {
+  width: 5.334rem;
+  height: 3.147rem;
+  margin: 0.48rem 0 0 0.534rem;
+}
+
+.image_17 {
+  width: 2.214rem;
+  height: 2.054rem;
+  margin-left: 1.574rem;
+}
+
+.text-group_17 {
+  width: 5.334rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.56rem;
+}
+
+.box_18 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_15 {
+  width: 3.734rem;
+  height: 3.2rem;
+  margin: 0.427rem 0 0 1.334rem;
+}
+
+.image_18 {
+  width: 2.427rem;
+  height: 2.16rem;
+  margin-left: 0.667rem;
+}
+
+.text-group_18 {
+  width: 3.734rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.507rem;
+}
+
+.box_19 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 8.534rem;
+  margin-top: -0.026rem;
+  width: 51.2rem;
+}
+
+.block_3 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 8.534rem;
+  margin-left: 6.934rem;
+  width: 37.334rem;
+}
+
+.group_15 {
+  width: 7.627rem;
+  height: 2.454rem;
+  margin: 1.067rem 0 0 14.854rem;
+}
+
+.image-text_16 {
+  width: 7.627rem;
+  height: 2.454rem;
+}
+
+.image_19 {
+  width: 7.467rem;
+  height: 1.494rem;
+  margin-left: 0.08rem;
+}
+
+.text-group_19 {
+  width: 7.627rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 0.533rem;
+  letter-spacing: 6px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.427rem;
+}
+
+.group_16 {
+  width: 19.574rem;
+  height: 0.427rem;
+  margin: 1.494rem 0 0 5.84rem;
+}
+
+.image-text_17 {
+  width: 2.907rem;
+  height: 0.427rem;
+}
+
+.thumbnail_1 {
+  width: 0.427rem;
+  height: 0.427rem;
+}
+
+.text-group_20 {
+  width: 2.267rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.image-text_18 {
+  width: 2.907rem;
+  height: 0.427rem;
+  margin-left: 5.654rem;
+}
+
+.thumbnail_2 {
+  width: 0.427rem;
+  height: 0.427rem;
+}
+
+.text-group_21 {
+  width: 2.267rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.image-text_19 {
+  width: 2.907rem;
+  height: 0.427rem;
+  margin-left: 5.2rem;
+}
+
+.thumbnail_3 {
+  width: 0.427rem;
+  height: 0.427rem;
+}
+
+.text-group_22 {
+  width: 2.267rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.group_17 {
+  width: 25.627rem;
+  height: 0.48rem;
+  margin: 0.48rem 0 2.134rem 5.867rem;
+}
+
+.image-text_20 {
+  width: 7.467rem;
+  height: 0.48rem;
+}
+
+.thumbnail_4 {
+  width: 0.4rem;
+  height: 0.48rem;
+}
+
+.text-group_23 {
+  width: 6.854rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.image-text_21 {
+  width: 7.014rem;
+  height: 0.48rem;
+  margin-left: 1.094rem;
+}
+
+.thumbnail_5 {
+  width: 0.4rem;
+  height: 0.48rem;
+}
+
+.text-group_24 {
+  width: 6.4rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.image-text_22 {
+  width: 8.96rem;
+  height: 0.48rem;
+  margin-left: 1.094rem;
+}
+
+.thumbnail_6 {
+  width: 0.4rem;
+  height: 0.48rem;
+}
+
+.text-group_25 {
+  width: 8.347rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}

+ 1386 - 0
img/index.response.css

@@ -0,0 +1,1386 @@
+.page {
+  background-color: rgba(245, 247, 250, 1);
+  position: relative;
+  width: 100vw;
+  height: 181.05vw;
+  overflow: hidden;
+}
+
+.box_1 {
+  background-color: rgba(255, 255, 255, 0.98);
+  width: 100vw;
+  height: 4.17vw;
+}
+
+.image_1 {
+  width: 10.42vw;
+  height: 2.09vw;
+  margin: 1.04vw 0 0 14.58vw;
+}
+
+.text_1 {
+  width: 8.03vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin: 1.71vw 66.14vw 0 0.83vw;
+}
+
+.box_2 {
+  width: 100vw;
+  height: 160.27vw;
+}
+
+.group_1 {
+  background-color: rgba(252, 253, 253, 1);
+  height: 31.25vw;
+  width: 100vw;
+}
+
+.box_3 {
+  width: 72.92vw;
+  height: 31.25vw;
+  background: url(./img/SketchPng8aaf65498cd3803fa3a93a2da3fbd520ed09bd2d633edee1ede3a1a1840c2d11.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-left: 13.55vw;
+}
+
+.text-wrapper_1 {
+  width: 36.67vw;
+  height: 7.5vw;
+  margin: 9.37vw 0 0 5.72vw;
+}
+
+.text_2 {
+  width: 36.67vw;
+  height: 3.34vw;
+  overflow-wrap: break-word;
+  color: rgba(13, 17, 26, 1);
+  font-size: 3.33vw;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 5vw;
+}
+
+.text_3 {
+  width: 22.92vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin-top: 2.09vw;
+}
+
+.image_2 {
+  width: 30.42vw;
+  height: 22.45vw;
+  margin: 5.1vw 3.12vw 0 -3.02vw;
+}
+
+.group_2 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 40.42vw;
+  width: 100vw;
+}
+
+.box_4 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 72.92vw;
+  height: 40.42vw;
+  margin-left: 13.55vw;
+  justify-content: flex-center;
+}
+
+.text-wrapper_2 {
+  width: 22.97vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  font-size: 0;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin: 4.16vw 0 0 25vw;
+}
+
+.text_4 {
+  width: 22.97vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.13vw;
+}
+
+.text_5 {
+  width: 22.97vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(46, 107, 230, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.13vw;
+}
+
+.text_6 {
+  width: 22.97vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.13vw;
+}
+
+.grid_1 {
+  width: 65.84vw;
+  height: 26.67vw;
+  flex-wrap: wrap;
+  margin: 3.33vw 0 4.16vw 3.54vw;
+}
+
+.image-text_1-0 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+}
+
+.box_5-0 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-0 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-0 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-0 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-1 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+}
+
+.box_5-1 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-1 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-1 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-1 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-2 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+  margin-right: 0;
+}
+
+.box_5-2 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-2 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-2 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-2 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-3 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+  margin-bottom: 0;
+}
+
+.box_5-3 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-3 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-3 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-3 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-4 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+  margin-bottom: 0;
+}
+
+.box_5-4 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-4 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-4 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-4 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-5 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+  margin-right: 0;
+  margin-bottom: 0;
+}
+
+.box_5-5 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-5 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-5 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-5 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.group_3 {
+  background-color: rgba(46, 107, 230, 1);
+  height: 12.5vw;
+  width: 100vw;
+}
+
+.block_1 {
+  background-image: url(./img/24828d4416d34a7dbb8b13da029f02ab_mergeImage.png);
+  width: 72.92vw;
+  height: 12.5vw;
+  margin-left: 13.55vw;
+}
+
+.text-group_2 {
+  width: 61.46vw;
+  height: 6.2vw;
+  margin: 3.38vw 0 0 5.72vw;
+}
+
+.text_8 {
+  width: 47.71vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 2.08vw;
+  letter-spacing: 4px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin-left: 6.88vw;
+}
+
+.text_9 {
+  width: 61.46vw;
+  height: 3.34vw;
+  overflow-wrap: break-word;
+  color: rgba(245, 246, 250, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  line-height: 1.67vw;
+  margin-top: 0.79vw;
+}
+
+.group_4 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 34.38vw;
+  width: 100vw;
+}
+
+.group_5 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 34.38vw;
+  margin-left: 13.55vw;
+  width: 72.92vw;
+}
+
+.box_6 {
+  width: 9.48vw;
+  height: 3.75vw;
+  margin: 4.16vw 0 0 31.71vw;
+}
+
+.text-group_3 {
+  width: 9.48vw;
+  height: 3.75vw;
+}
+
+.text_10 {
+  width: 8.34vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin-left: 0.58vw;
+}
+
+.text_11 {
+  width: 9.48vw;
+  height: 0.84vw;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 0.83vw;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.25vw;
+  margin-top: 0.84vw;
+}
+
+.box_7 {
+  position: relative;
+  width: 57.5vw;
+  height: 18.96vw;
+  margin: 2.91vw 0 4.58vw 7.29vw;
+}
+
+.section_1 {
+  width: 23.96vw;
+  height: 17.71vw;
+  background: url(./img/SketchPng9702ee8a1699d3dbdd3da053eff3f7c8c96c2971a9d57c6274ac228430e23a24.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.box_8 {
+  background-image: url(./img/0f7209945dd74e50abfb7a4f938b951e_mergeImage.png);
+  width: 23.96vw;
+  height: 17.71vw;
+  margin: -0.72vw 0 0 -0.72vw;
+}
+
+.image-text_2 {
+  width: 17.71vw;
+  height: 4.9vw;
+  margin: 6.25vw 0 0 3.54vw;
+}
+
+.image_4 {
+  width: 17.71vw;
+  height: 3.55vw;
+}
+
+.text-group_4 {
+  width: 15.73vw;
+  height: 0.84vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.62vw;
+  letter-spacing: 4.5px;
+  font-family: MiSans-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.84vw;
+  margin: 0.52vw 0 0 0.57vw;
+}
+
+.box_9 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 4.9vw;
+  height: 4.9vw;
+  margin: 12.81vw 0 0 -4.16vw;
+}
+
+.section_2 {
+  width: 28.13vw;
+  height: 15.58vw;
+  margin: 1.77vw 0 0 4.16vw;
+}
+
+.text_12 {
+  width: 24.48vw;
+  height: 1.67vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.66vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 2.5vw;
+}
+
+.box_10 {
+  background-color: rgba(26, 34, 51, 1);
+  width: 1.25vw;
+  height: 0.21vw;
+  margin-top: 1.25vw;
+}
+
+.paragraph_1 {
+  width: 28.13vw;
+  height: 11.67vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.83vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: justify;
+  line-height: 1.67vw;
+  margin-top: 0.79vw;
+}
+
+.image_5 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 4.9vw;
+  height: 4.9vw;
+}
+
+.group_6 {
+  background-color: rgba(245, 247, 250, 1);
+  height: 41.67vw;
+  margin-bottom: 0.06vw;
+  width: 100vw;
+}
+
+.block_2 {
+  background-color: rgba(245, 247, 250, 1);
+  width: 72.92vw;
+  height: 41.67vw;
+  margin-left: 13.55vw;
+  justify-content: flex-center;
+}
+
+.text-group_5 {
+  width: 18.75vw;
+  height: 3.75vw;
+  margin: 4.16vw 0 0 27.08vw;
+}
+
+.text_13 {
+  width: 8.34vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin-left: 5.21vw;
+}
+
+.text_14 {
+  width: 18.75vw;
+  height: 0.84vw;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 0.83vw;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.25vw;
+  margin-top: 0.84vw;
+}
+
+.group_7 {
+  width: 52.5vw;
+  height: 8.34vw;
+  margin: 2.91vw 0 0 10.2vw;
+}
+
+.box_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+}
+
+.image-text_3 {
+  width: 6.25vw;
+  height: 6.31vw;
+  margin: 0.83vw 0 0 3.12vw;
+}
+
+.image_6 {
+  width: 4.54vw;
+  height: 4.64vw;
+  margin-left: 0.89vw;
+}
+
+.text-group_6 {
+  width: 6.25vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.63vw;
+}
+
+.box_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_4 {
+  width: 9.38vw;
+  height: 6.05vw;
+  margin: 1.09vw 0 0 1.56vw;
+}
+
+.image_7 {
+  width: 4.48vw;
+  height: 4.17vw;
+  margin-left: 2.45vw;
+}
+
+.text-group_7 {
+  width: 9.38vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.84vw;
+}
+
+.box_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_5 {
+  width: 10.42vw;
+  height: 6.15vw;
+  margin: 0.98vw 0 0 1.04vw;
+}
+
+.image_8 {
+  width: 4.95vw;
+  height: 4.33vw;
+  margin-left: 2.77vw;
+}
+
+.text-group_8 {
+  width: 10.42vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.79vw;
+}
+
+.box_14 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_6 {
+  width: 9.38vw;
+  height: 6.1vw;
+  margin: 1.04vw 0 0 1.56vw;
+}
+
+.image_9 {
+  width: 4.28vw;
+  height: 4.28vw;
+  margin-left: 2.56vw;
+}
+
+.text-group_9 {
+  width: 9.38vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.79vw;
+}
+
+.group_8 {
+  width: 65.84vw;
+  height: 8.34vw;
+  margin: 0.83vw 0 0 3.54vw;
+}
+
+.group_9 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+}
+
+.image-text_7 {
+  width: 7.3vw;
+  height: 6.15vw;
+  margin: 0.93vw 0 0 2.6vw;
+}
+
+.image_10 {
+  width: 4.33vw;
+  height: 4.17vw;
+  margin-left: 1.52vw;
+}
+
+.text-group_10 {
+  width: 7.3vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.94vw;
+}
+
+.group_10 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_8 {
+  width: 8.34vw;
+  height: 6.2vw;
+  margin: 0.88vw 0 0 2.08vw;
+}
+
+.image_11 {
+  width: 4.33vw;
+  height: 4.22vw;
+  margin-left: 2.04vw;
+}
+
+.text-group_11 {
+  width: 8.34vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.94vw;
+}
+
+.group_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_9 {
+  width: 6.25vw;
+  height: 6.2vw;
+  margin: 0.88vw 0 0 3.12vw;
+}
+
+.image_12 {
+  width: 4.54vw;
+  height: 4.28vw;
+  margin-left: 0.89vw;
+}
+
+.text-group_12 {
+  width: 6.25vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.89vw;
+}
+
+.group_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_10 {
+  width: 10.42vw;
+  height: 6.2vw;
+  margin: 0.88vw 0 0 1.04vw;
+}
+
+.image_13 {
+  width: 4.02vw;
+  height: 4.12vw;
+  margin-left: 3.23vw;
+}
+
+.text-group_13 {
+  width: 10.42vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 1.05vw;
+}
+
+.group_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_11 {
+  width: 6.25vw;
+  height: 6.05vw;
+  margin: 1.04vw 0 0 3.12vw;
+}
+
+.image_14 {
+  width: 3.86vw;
+  height: 3.91vw;
+  margin-left: 1.2vw;
+}
+
+.text-group_14 {
+  width: 6.25vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 1.1vw;
+}
+
+.group_14 {
+  width: 52.5vw;
+  height: 8.34vw;
+  margin: 0.83vw 0 4.16vw 10.2vw;
+}
+
+.box_15 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+}
+
+.image-text_12 {
+  width: 7.3vw;
+  height: 6.25vw;
+  margin: 0.83vw 0 0 2.6vw;
+}
+
+.image_15 {
+  width: 4.07vw;
+  height: 4.22vw;
+  margin-left: 1.78vw;
+}
+
+.text-group_15 {
+  width: 7.3vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.99vw;
+}
+
+.box_16 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_13 {
+  width: 7.3vw;
+  height: 6.25vw;
+  margin: 0.83vw 0 0 2.6vw;
+}
+
+.image_16 {
+  width: 4.64vw;
+  height: 4.33vw;
+  margin-left: 1.36vw;
+}
+
+.text-group_16 {
+  width: 7.3vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.89vw;
+}
+
+.box_17 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_14 {
+  width: 10.42vw;
+  height: 6.15vw;
+  margin: 0.93vw 0 0 1.04vw;
+}
+
+.image_17 {
+  width: 4.33vw;
+  height: 4.02vw;
+  margin-left: 3.08vw;
+}
+
+.text-group_17 {
+  width: 10.42vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 1.1vw;
+}
+
+.box_18 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_15 {
+  width: 7.3vw;
+  height: 6.25vw;
+  margin: 0.83vw 0 0 2.6vw;
+}
+
+.image_18 {
+  width: 4.74vw;
+  height: 4.22vw;
+  margin-left: 1.31vw;
+}
+
+.text-group_18 {
+  width: 7.3vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.99vw;
+}
+
+.box_19 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 16.67vw;
+  margin-top: -0.05vw;
+  width: 100vw;
+}
+
+.block_3 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 16.67vw;
+  margin-left: 13.55vw;
+  width: 72.92vw;
+}
+
+.group_15 {
+  width: 14.9vw;
+  height: 4.8vw;
+  margin: 2.08vw 0 0 29.01vw;
+}
+
+.image-text_16 {
+  width: 14.9vw;
+  height: 4.8vw;
+}
+
+.image_19 {
+  width: 14.59vw;
+  height: 2.92vw;
+  margin-left: 0.16vw;
+}
+
+.text-group_19 {
+  width: 14.9vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 1.04vw;
+  letter-spacing: 6px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.84vw;
+}
+
+.group_16 {
+  width: 38.23vw;
+  height: 0.84vw;
+  margin: 2.91vw 0 0 11.4vw;
+}
+
+.image-text_17 {
+  width: 5.68vw;
+  height: 0.84vw;
+}
+
+.thumbnail_1 {
+  width: 0.84vw;
+  height: 0.84vw;
+}
+
+.text-group_20 {
+  width: 4.43vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.image-text_18 {
+  width: 5.68vw;
+  height: 0.84vw;
+  margin-left: 11.05vw;
+}
+
+.thumbnail_2 {
+  width: 0.84vw;
+  height: 0.84vw;
+}
+
+.text-group_21 {
+  width: 4.43vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.image-text_19 {
+  width: 5.68vw;
+  height: 0.84vw;
+  margin-left: 10.16vw;
+}
+
+.thumbnail_3 {
+  width: 0.84vw;
+  height: 0.84vw;
+}
+
+.text-group_22 {
+  width: 4.43vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.group_17 {
+  width: 50.06vw;
+  height: 0.94vw;
+  margin: 0.93vw 0 4.16vw 11.45vw;
+}
+
+.image-text_20 {
+  width: 14.59vw;
+  height: 0.94vw;
+}
+
+.thumbnail_4 {
+  width: 0.79vw;
+  height: 0.94vw;
+}
+
+.text-group_23 {
+  width: 13.39vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.image-text_21 {
+  width: 13.7vw;
+  height: 0.94vw;
+  margin-left: 2.14vw;
+}
+
+.thumbnail_5 {
+  width: 0.79vw;
+  height: 0.94vw;
+}
+
+.text-group_24 {
+  width: 12.5vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.image-text_22 {
+  width: 17.5vw;
+  height: 0.94vw;
+  margin-left: 2.14vw;
+}
+
+.thumbnail_6 {
+  width: 0.79vw;
+  height: 0.94vw;
+}
+
+.text-group_25 {
+  width: 16.31vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}

+ 1386 - 0
index.css

@@ -0,0 +1,1386 @@
+.page {
+  background-color: rgba(245, 247, 250, 1);
+  position: relative;
+  width: 1920px;
+  height: 3476px;
+  overflow: hidden;
+}
+
+.box_1 {
+  background-color: rgba(255, 255, 255, 0.98);
+  width: 1920px;
+  height: 80px;
+}
+
+.image_1 {
+  width: 200px;
+  height: 40px;
+  margin: 20px 0 0 280px;
+}
+
+.text_1 {
+  width: 154px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin: 33px 1270px 0 16px;
+}
+
+.box_2 {
+  width: 1920px;
+  height: 3077px;
+}
+
+.group_1 {
+  background-color: rgba(252, 253, 253, 1);
+  height: 600px;
+  width: 1920px;
+}
+
+.box_3 {
+  width: 1400px;
+  height: 600px;
+  background: url(./img/SketchPng8aaf65498cd3803fa3a93a2da3fbd520ed09bd2d633edee1ede3a1a1840c2d11.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-left: 260px;
+}
+
+.text-wrapper_1 {
+  width: 704px;
+  height: 144px;
+  margin: 180px 0 0 110px;
+}
+
+.text_2 {
+  width: 704px;
+  height: 64px;
+  overflow-wrap: break-word;
+  color: rgba(13, 17, 26, 1);
+  font-size: 64px;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 96px;
+}
+
+.text_3 {
+  width: 440px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 60px;
+  margin-top: 40px;
+}
+
+.image_2 {
+  width: 584px;
+  height: 431px;
+  margin: 98px 60px 0 -58px;
+}
+
+.group_2 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 776px;
+  width: 1920px;
+}
+
+.box_4 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 1400px;
+  height: 776px;
+  margin-left: 260px;
+  justify-content: flex-center;
+}
+
+.text-wrapper_2 {
+  width: 441px;
+  height: 40px;
+  overflow-wrap: break-word;
+  font-size: 0;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 60px;
+  margin: 80px 0 0 480px;
+}
+
+.text_4 {
+  width: 441px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 60px;
+}
+
+.text_5 {
+  width: 441px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(46, 107, 230, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 60px;
+}
+
+.text_6 {
+  width: 441px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 60px;
+}
+
+.grid_1 {
+  width: 1264px;
+  height: 512px;
+  flex-wrap: wrap;
+  margin: 64px 0 80px 68px;
+}
+
+.image-text_1-0 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+}
+
+.box_5-0 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-0 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-0 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-0 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-1 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+}
+
+.box_5-1 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-1 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-1 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-1 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-2 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+  margin-right: 0;
+}
+
+.box_5-2 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-2 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-2 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-2 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-3 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+  margin-bottom: 0;
+}
+
+.box_5-3 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-3 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-3 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-3 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-4 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+  margin-bottom: 0;
+}
+
+.box_5-4 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-4 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-4 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-4 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.image-text_1-5 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 400px;
+  height: 240px;
+  margin: 0 32px 32px 0;
+  margin-right: 0;
+  margin-bottom: 0;
+}
+
+.box_5-5 {
+  width: 400px;
+  height: 74px;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-5 {
+  width: 144px;
+  height: 24px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 24px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 36px;
+  margin: 24px 0 0 24px;
+}
+
+.image_3-5 {
+  width: 120px;
+  height: 74px;
+  margin: 0 12px 0 100px;
+}
+
+.text-group_1-5 {
+  width: 360px;
+  height: 128px;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 18px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 32px;
+  margin: 10px 0 28px 20px;
+}
+
+.group_3 {
+  background-color: rgba(46, 107, 230, 1);
+  height: 240px;
+  width: 1920px;
+}
+
+.block_1 {
+  background-image: url(./img/24828d4416d34a7dbb8b13da029f02ab_mergeImage.png);
+  width: 1400px;
+  height: 240px;
+  margin-left: 260px;
+}
+
+.text-group_2 {
+  width: 1180px;
+  height: 119px;
+  margin: 65px 0 0 110px;
+}
+
+.text_8 {
+  width: 916px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 40px;
+  letter-spacing: 4px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 60px;
+  margin-left: 132px;
+}
+
+.text_9 {
+  width: 1180px;
+  height: 64px;
+  overflow-wrap: break-word;
+  color: rgba(245, 246, 250, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  line-height: 32px;
+  margin-top: 15px;
+}
+
+.group_4 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 660px;
+  width: 1920px;
+}
+
+.group_5 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 660px;
+  margin-left: 260px;
+  width: 1400px;
+}
+
+.box_6 {
+  width: 182px;
+  height: 72px;
+  margin: 80px 0 0 609px;
+}
+
+.text-group_3 {
+  width: 182px;
+  height: 72px;
+}
+
+.text_10 {
+  width: 160px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 60px;
+  margin-left: 11px;
+}
+
+.text_11 {
+  width: 182px;
+  height: 16px;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 16px;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 24px;
+  margin-top: 16px;
+}
+
+.box_7 {
+  position: relative;
+  width: 1104px;
+  height: 364px;
+  margin: 56px 0 88px 140px;
+}
+
+.section_1 {
+  width: 460px;
+  height: 340px;
+  background: url(./img/SketchPng9702ee8a1699d3dbdd3da053eff3f7c8c96c2971a9d57c6274ac228430e23a24.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin: 24px 0 0 24px;
+}
+
+.box_8 {
+  background-image: url(./img/0f7209945dd74e50abfb7a4f938b951e_mergeImage.png);
+  width: 460px;
+  height: 340px;
+  margin: -14px 0 0 -14px;
+}
+
+.image-text_2 {
+  width: 340px;
+  height: 94px;
+  margin: 120px 0 0 68px;
+}
+
+.image_4 {
+  width: 340px;
+  height: 68px;
+}
+
+.text-group_4 {
+  width: 302px;
+  height: 16px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 12px;
+  letter-spacing: 4.5px;
+  font-family: MiSans-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 16px;
+  margin: 10px 0 0 11px;
+}
+
+.box_9 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 94px;
+  height: 94px;
+  margin: 246px 0 0 -80px;
+}
+
+.section_2 {
+  width: 540px;
+  height: 299px;
+  margin: 34px 0 0 80px;
+}
+
+.text_12 {
+  width: 470px;
+  height: 32px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 32px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 48px;
+}
+
+.box_10 {
+  background-color: rgba(26, 34, 51, 1);
+  width: 24px;
+  height: 4px;
+  margin-top: 24px;
+}
+
+.paragraph_1 {
+  width: 540px;
+  height: 224px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 16px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: justify;
+  line-height: 32px;
+  margin-top: 15px;
+}
+
+.image_5 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 94px;
+  height: 94px;
+}
+
+.group_6 {
+  background-color: rgba(245, 247, 250, 1);
+  height: 800px;
+  margin-bottom: 1px;
+  width: 1920px;
+}
+
+.block_2 {
+  background-color: rgba(245, 247, 250, 1);
+  width: 1400px;
+  height: 800px;
+  margin-left: 260px;
+  justify-content: flex-center;
+}
+
+.text-group_5 {
+  width: 360px;
+  height: 72px;
+  margin: 80px 0 0 520px;
+}
+
+.text_13 {
+  width: 160px;
+  height: 40px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 40px;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 60px;
+  margin-left: 100px;
+}
+
+.text_14 {
+  width: 360px;
+  height: 16px;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 16px;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 24px;
+  margin-top: 16px;
+}
+
+.group_7 {
+  width: 1008px;
+  height: 160px;
+  margin: 56px 0 0 196px;
+}
+
+.box_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+}
+
+.image-text_3 {
+  width: 120px;
+  height: 121px;
+  margin: 16px 0 0 60px;
+}
+
+.image_6 {
+  width: 87px;
+  height: 89px;
+  margin-left: 17px;
+}
+
+.text-group_6 {
+  width: 120px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 12px;
+}
+
+.box_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_4 {
+  width: 180px;
+  height: 116px;
+  margin: 21px 0 0 30px;
+}
+
+.image_7 {
+  width: 86px;
+  height: 80px;
+  margin-left: 47px;
+}
+
+.text-group_7 {
+  width: 180px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 16px;
+}
+
+.box_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_5 {
+  width: 200px;
+  height: 118px;
+  margin: 19px 0 0 20px;
+}
+
+.image_8 {
+  width: 95px;
+  height: 83px;
+  margin-left: 53px;
+}
+
+.text-group_8 {
+  width: 200px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 15px;
+}
+
+.box_14 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_6 {
+  width: 180px;
+  height: 117px;
+  margin: 20px 0 0 30px;
+}
+
+.image_9 {
+  width: 82px;
+  height: 82px;
+  margin-left: 49px;
+}
+
+.text-group_9 {
+  width: 180px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 15px;
+}
+
+.group_8 {
+  width: 1264px;
+  height: 160px;
+  margin: 16px 0 0 68px;
+}
+
+.group_9 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+}
+
+.image-text_7 {
+  width: 140px;
+  height: 118px;
+  margin: 18px 0 0 50px;
+}
+
+.image_10 {
+  width: 83px;
+  height: 80px;
+  margin-left: 29px;
+}
+
+.text-group_10 {
+  width: 140px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 18px;
+}
+
+.group_10 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_8 {
+  width: 160px;
+  height: 119px;
+  margin: 17px 0 0 40px;
+}
+
+.image_11 {
+  width: 83px;
+  height: 81px;
+  margin-left: 39px;
+}
+
+.text-group_11 {
+  width: 160px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 18px;
+}
+
+.group_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_9 {
+  width: 120px;
+  height: 119px;
+  margin: 17px 0 0 60px;
+}
+
+.image_12 {
+  width: 87px;
+  height: 82px;
+  margin-left: 17px;
+}
+
+.text-group_12 {
+  width: 120px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 17px;
+}
+
+.group_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_10 {
+  width: 200px;
+  height: 119px;
+  margin: 17px 0 0 20px;
+}
+
+.image_13 {
+  width: 77px;
+  height: 79px;
+  margin-left: 62px;
+}
+
+.text-group_13 {
+  width: 200px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 20px;
+}
+
+.group_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_11 {
+  width: 120px;
+  height: 116px;
+  margin: 20px 0 0 60px;
+}
+
+.image_14 {
+  width: 74px;
+  height: 75px;
+  margin-left: 23px;
+}
+
+.text-group_14 {
+  width: 120px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 21px;
+}
+
+.group_14 {
+  width: 1008px;
+  height: 160px;
+  margin: 16px 0 80px 196px;
+}
+
+.box_15 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+}
+
+.image-text_12 {
+  width: 140px;
+  height: 120px;
+  margin: 16px 0 0 50px;
+}
+
+.image_15 {
+  width: 78px;
+  height: 81px;
+  margin-left: 34px;
+}
+
+.text-group_15 {
+  width: 140px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 19px;
+}
+
+.box_16 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_13 {
+  width: 140px;
+  height: 120px;
+  margin: 16px 0 0 50px;
+}
+
+.image_16 {
+  width: 89px;
+  height: 83px;
+  margin-left: 26px;
+}
+
+.text-group_16 {
+  width: 140px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 17px;
+}
+
+.box_17 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_14 {
+  width: 200px;
+  height: 118px;
+  margin: 18px 0 0 20px;
+}
+
+.image_17 {
+  width: 83px;
+  height: 77px;
+  margin-left: 59px;
+}
+
+.text-group_17 {
+  width: 200px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 21px;
+}
+
+.box_18 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 240px;
+  height: 160px;
+  margin-left: 16px;
+}
+
+.image-text_15 {
+  width: 140px;
+  height: 120px;
+  margin: 16px 0 0 50px;
+}
+
+.image_18 {
+  width: 91px;
+  height: 81px;
+  margin-left: 25px;
+}
+
+.text-group_18 {
+  width: 140px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 20px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 19px;
+}
+
+.box_19 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 320px;
+  margin-top: -1px;
+  width: 1920px;
+}
+
+.block_3 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 320px;
+  margin-left: 260px;
+  width: 1400px;
+}
+
+.group_15 {
+  width: 286px;
+  height: 92px;
+  margin: 40px 0 0 557px;
+}
+
+.image-text_16 {
+  width: 286px;
+  height: 92px;
+}
+
+.image_19 {
+  width: 280px;
+  height: 56px;
+  margin-left: 3px;
+}
+
+.text-group_19 {
+  width: 286px;
+  height: 20px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 20px;
+  letter-spacing: 6px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-top: 16px;
+}
+
+.group_16 {
+  width: 734px;
+  height: 16px;
+  margin: 56px 0 0 219px;
+}
+
+.image-text_17 {
+  width: 109px;
+  height: 16px;
+}
+
+.thumbnail_1 {
+  width: 16px;
+  height: 16px;
+}
+
+.text-group_20 {
+  width: 85px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.image-text_18 {
+  width: 109px;
+  height: 16px;
+  margin-left: 212px;
+}
+
+.thumbnail_2 {
+  width: 16px;
+  height: 16px;
+}
+
+.text-group_21 {
+  width: 85px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.image-text_19 {
+  width: 109px;
+  height: 16px;
+  margin-left: 195px;
+}
+
+.thumbnail_3 {
+  width: 16px;
+  height: 16px;
+}
+
+.text-group_22 {
+  width: 85px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.group_17 {
+  width: 961px;
+  height: 18px;
+  margin: 18px 0 80px 220px;
+}
+
+.image-text_20 {
+  width: 280px;
+  height: 18px;
+}
+
+.thumbnail_4 {
+  width: 15px;
+  height: 18px;
+}
+
+.text-group_23 {
+  width: 257px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.image-text_21 {
+  width: 263px;
+  height: 18px;
+  margin-left: 41px;
+}
+
+.thumbnail_5 {
+  width: 15px;
+  height: 18px;
+}
+
+.text-group_24 {
+  width: 240px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}
+
+.image-text_22 {
+  width: 336px;
+  height: 18px;
+  margin-left: 41px;
+}
+
+.thumbnail_6 {
+  width: 15px;
+  height: 18px;
+}
+
+.text-group_25 {
+  width: 313px;
+  height: 14px;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 14px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 21px;
+  margin-top: 1px;
+}

+ 399 - 0
index.html

@@ -0,0 +1,399 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <script src="./flexible.js"></script>
+    <link rel="stylesheet" type="text/css" href="./common.css" />
+    <link rel="stylesheet" type="text/css" href="./index.css" />
+  </head>
+  <body>
+    <div class="page flex-col">
+      <div class="box_1 flex-row">
+        <img
+          class="image_1"
+          referrerpolicy="no-referrer"
+          src="./img/SketchPng8132ca5cbb94f83a7882abae42f0f131e875e546fdc66f8211cc7ac578740fc4.png"
+        />
+        <span class="text_1">助力医疗机构高质量发展</span>
+      </div>
+      <div class="box_2 flex-col">
+        <div class="group_1 flex-col">
+          <div class="box_3 flex-row">
+            <div class="text-wrapper_1 flex-col justify-between">
+              <span class="text_2">数字化精益医疗解决方案</span>
+              <span class="text_3">助力医疗机构高质量发展</span>
+            </div>
+            <img
+              class="image_2"
+              referrerpolicy="no-referrer"
+              src="./img/SketchPng0e2fe2040c6a7f4d45bd6b475d1704958c151a509d67ad26b8f5b0ce359df3f0.png"
+            />
+          </div>
+        </div>
+        <div class="group_2 flex-col">
+          <div class="box_4 flex-col">
+            <div class="text-wrapper_2">
+              <span class="text_4">数字化管理体系</span>
+              <span class="text_5">6</span>
+              <span class="text_6">&nbsp;大目标</span>
+            </div>
+            <div class="grid_1 flex-row">
+              <div class="image-text_1-0 flex-col">
+                <div class="box_5-0 flex-row">
+                  <span class="text_7-0">质量安全目标</span>
+                  <img
+                    class="image_3-0"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng5943988c249ce2c12622ba8687c06e05c7e570197e8d329f8224883eaf9074d8.png"
+                  />
+                </div>
+                <span class="text-group_1-0">
+                  借由IT工具辅助与管理知识模型,对质量管理的成效进行标准化、量化管理,并通过三类维度展示管理成效,有助于质量管理弱项掌握,提供医院的决策支持。
+                </span>
+              </div>
+              <div class="image-text_1-1 flex-col">
+                <div class="box_5-1 flex-row">
+                  <span class="text_7-1">运营管理目标</span>
+                  <img
+                    class="image_3-1"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng61e7c79844e422eaf7357a797c70f5cbd67092649d19498ddee563ad8890a356.png"
+                  />
+                </div>
+                <span class="text-group_1-1">
+                  全方位运营涵盖预算管理、成本管理、运营分析、专科经营、绩效管理,依托信息系统IT工具与知识图谱,通过两大维度进行综合评价与成果展现,提供决策支持。
+                </span>
+              </div>
+              <div class="image-text_1-2 flex-col">
+                <div class="box_5-2 flex-row">
+                  <span class="text_7-2">学科建设目标</span>
+                  <img
+                    class="image_3-2"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng6d221f8bc0998e21b006247f5cd9b7f85bf99a2e47313661a308ae99d4be2e07.png"
+                  />
+                </div>
+                <span class="text-group_1-2">
+                  学科建设过六大重点(学科带头人、重点学科、学科发展、临床科研、人才梯队、教学管理)进行分类管理与阶段建设,有效提升医院综合水平。
+                </span>
+              </div>
+              <div class="image-text_1-3 flex-col">
+                <div class="box_5-3 flex-row">
+                  <span class="text_7-3">医务管理目标</span>
+                  <img
+                    class="image_3-3"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng46a06d4cdde0a5e1b99111eca766289094732a13eb67fdf38236a4be1558bb44.png"
+                  />
+                </div>
+                <span class="text-group_1-3">
+                  从三方面建全医务管理,并运用信息IT工具与管理知识图谱为医务管理成效进行数据建模,从六个维度的综合评价,助力医院医务管理的决策支持。
+                </span>
+              </div>
+              <div class="image-text_1-4 flex-col">
+                <div class="box_5-4 flex-row">
+                  <span class="text_7-4">护理管理目标</span>
+                  <img
+                    class="image_3-4"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng713d3e603040f0f063e0527dc72828fbaeb2d37a34edb01e2f36d7683c38a3ea.png"
+                  />
+                </div>
+                <span class="text-group_1-4">
+                  通过五大面向建设全方位护理管理,并运用信息IT工具与管理知识图谱为护理管理成效进行数据建模,从六个维度的综合评价,助力医院护理管理的决策支持。
+                </span>
+              </div>
+              <div class="image-text_1-5 flex-col">
+                <div class="box_5-5 flex-row">
+                  <span class="text_7-5">优质服务目标</span>
+                  <img
+                    class="image_3-5"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng800e7e1dd97e6cb96de5d5967765ffbc3c9821af17c641b179cd3cb08db8ccb1.png"
+                  />
+                </div>
+                <span class="text-group_1-5">
+                  致力于打造医疗“数智化”健康管理SaaS平台,应用“技术+服务+数据”全面打造健康管理能力以全新健康理念专注于“互联网+大健康”领域企业客户健康需求。
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="group_3 flex-col">
+          <div class="block_1 flex-row">
+            <div class="text-group_2 flex-col justify-between">
+              <span class="text_8">
+                运用CID³P模式助力医院建设精益运营管理体系
+              </span>
+              <span class="text_9">
+                CID³P模式是指咨询Consultation、信息Information、数据智能Data&nbsp;Develop&nbsp;Decision及PDCA的融合统称,是医院整体精益管理解决方案的融合,是新医疗体系下一体化的提升服务
+              </span>
+            </div>
+          </div>
+        </div>
+        <div class="group_4 flex-col">
+          <div class="group_5 flex-col">
+            <div class="box_6 flex-row">
+              <div class="text-group_3 flex-col justify-between">
+                <span class="text_10">关于我们</span>
+                <span class="text_11">COMPANY&nbsp;PROFILES</span>
+              </div>
+            </div>
+            <div class="box_7 flex-row justify-end">
+              <div class="section_1 flex-row justify-end">
+                <div class="box_8 flex-row">
+                  <div class="image-text_2 flex-col justify-between">
+                    <img
+                      class="image_4"
+                      referrerpolicy="no-referrer"
+                      src="./img/SketchPng5a6ac30acc30782870da3e3069bfb17da04d8053b0d5cd96d0f73dcce86d4cf9.png"
+                    />
+                    <span class="text-group_4">
+                      IMEDHIM&nbsp;TECHNOLOGY&nbsp;CO.,LTD
+                    </span>
+                  </div>
+                </div>
+                <div class="box_9 flex-col"></div>
+              </div>
+              <div class="section_2 flex-col">
+                <span class="text_12">康程智医(成都)信息科技有限公司</span>
+                <div class="box_10 flex-col"></div>
+                <span class="paragraph_1">
+                  康程智医专注于医疗行业精益化管理领域,提供管理咨询培训、医管软件产品、临床与管理数据分析等服务。&nbsp;
+                  <br />
+                  <br />
+                  通过CID³P(Consultation-Information-Decision-PDCA)与管理持续改进相结合的模式,为医院和医疗监管机构提供从咨询导入、制度与流程的IT固化、数据中心建置、数据分析解读到管理方式持续改进的一体化解决方案,全面提升医院的经营能力、医疗水平和服务质量,提升医疗监管机构的管理能力和效率。
+                </span>
+              </div>
+              <img
+                class="image_5"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPng711c30b0499e1b2745e0fca0b402a3a02a91852390a1e0df835334377be89c9e.png"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="group_6 flex-col">
+          <div class="block_2 flex-col">
+            <div class="text-group_5 flex-col justify-between">
+              <span class="text_13">合作案例</span>
+              <span class="text_14">
+                仅展示部分合作医院,各家排名顺序不分先后
+              </span>
+            </div>
+            <div class="group_7 flex-row justify-between">
+              <div class="box_11 flex-row">
+                <div class="image-text_3 flex-col justify-between">
+                  <img
+                    class="image_6"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng8d70e1f9027c73223ea9264a2fae874966c03ed62ddeba3b57f7c0bd328c3ca3.png"
+                  />
+                  <span class="text-group_6">中日友好医院</span>
+                </div>
+              </div>
+              <div class="box_12 flex-row">
+                <div class="image-text_4 flex-col justify-between">
+                  <img
+                    class="image_7"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPngc883f3f0ae7ce5a3640224d7213f4ae6ab84a6fb9bf79e1493744203d1e70c1f.png"
+                  />
+                  <span class="text-group_7">杭州市第一人民医院</span>
+                </div>
+              </div>
+              <div class="box_13 flex-row">
+                <div class="image-text_5 flex-col justify-between">
+                  <img
+                    class="image_8"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng80a739194e75a679bf263db3350adc688060a439c4a1798d83afd91e8f84f6ce.png"
+                  />
+                  <span class="text-group_8">复旦大学附属浦东医院</span>
+                </div>
+              </div>
+              <div class="box_14 flex-row">
+                <div class="image-text_6 flex-col justify-between">
+                  <img
+                    class="image_9"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPnga50dc69ba5e7bcf1a39112cb5b8ab7a28f7345b266e3151e133699ddb0a4d2d8.png"
+                  />
+                  <span class="text-group_9">成都市第五人民医院</span>
+                </div>
+              </div>
+            </div>
+            <div class="group_8 flex-row justify-between">
+              <div class="group_9 flex-row">
+                <div class="image-text_7 flex-col justify-between">
+                  <img
+                    class="image_10"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng280956c7fdf02f5d95442b509903d89036629cbcc1d4c31d1c883cd10ab0f8a3.png"
+                  />
+                  <span class="text-group_10">江苏省肿瘤医院</span>
+                </div>
+              </div>
+              <div class="group_10 flex-row">
+                <div class="image-text_8 flex-col justify-between">
+                  <img
+                    class="image_11"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng435e7acf4ff714c00b60e475de133d8df7f99163b57c635f2951956921b13a38.png"
+                  />
+                  <span class="text-group_11">武汉大学人民医院</span>
+                </div>
+              </div>
+              <div class="group_11 flex-row">
+                <div class="image-text_9 flex-col justify-between">
+                  <img
+                    class="image_12"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPngc0da0ca3b875377f093d09471d898ddf193d490c4b19b7f87fed2ced36324950.png"
+                  />
+                  <span class="text-group_12">海南省中医院</span>
+                </div>
+              </div>
+              <div class="group_12 flex-row">
+                <div class="image-text_10 flex-col justify-between">
+                  <img
+                    class="image_13"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng9759799310b065035d072260dd9ef7fd53830e0442efcd5d0ab43d64b6c04a7e.png"
+                  />
+                  <span class="text-group_13">贵州医科大学附属医院</span>
+                </div>
+              </div>
+              <div class="group_13 flex-row">
+                <div class="image-text_11 flex-col justify-between">
+                  <img
+                    class="image_14"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng24c1a1c12c524902a4f301abfdb7d9bc48fa7580ed2e78a4cc1ec149f2f48ec2.png"
+                  />
+                  <span class="text-group_14">首都医疗集团</span>
+                </div>
+              </div>
+            </div>
+            <div class="group_14 flex-row justify-between">
+              <div class="box_15 flex-row">
+                <div class="image-text_12 flex-col justify-between">
+                  <img
+                    class="image_15"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPngacd5979aa8bd1d7c0b4f0351294276a15550b24917043f9967800e496fcb613d.png"
+                  />
+                  <span class="text-group_15">河南省人民医院</span>
+                </div>
+              </div>
+              <div class="box_16 flex-row">
+                <div class="image-text_13 flex-col justify-between">
+                  <img
+                    class="image_16"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng8e37ab0aebcb6f182f0a41fca87b7bc0758d8732e4dc54a20164dc3b5c5f6136.png"
+                  />
+                  <span class="text-group_16">东阳市人民医院</span>
+                </div>
+              </div>
+              <div class="box_17 flex-row">
+                <div class="image-text_14 flex-col justify-between">
+                  <img
+                    class="image_17"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPngc046c6c113939e0087007b1578c2b66a8dc8a43c5562f9a9a7fe46cb28fbf6c0.png"
+                  />
+                  <span class="text-group_17">中山大学附属第一医院</span>
+                </div>
+              </div>
+              <div class="box_18 flex-row">
+                <div class="image-text_15 flex-col justify-between">
+                  <img
+                    class="image_18"
+                    referrerpolicy="no-referrer"
+                    src="./img/SketchPng2596704956d7cf35982c20e7e8b8b43ce1af17b7d8b8c237cad14eef69cca8a1.png"
+                  />
+                  <span class="text-group_18">河北省人民医院</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="box_19 flex-col">
+        <div class="block_3 flex-col">
+          <div class="group_15 flex-row">
+            <div class="image-text_16 flex-col justify-between">
+              <img
+                class="image_19"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPng6aa38206dca6ef985a5a8682f79939e77140da197ea9d8b17671a27937e8ce96.png"
+              />
+              <span class="text-group_19">助力医疗机构高质量发展</span>
+            </div>
+          </div>
+          <div class="group_16 flex-row">
+            <div class="image-text_17 flex-row justify-between">
+              <img
+                class="thumbnail_1"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngb30a46d48207fcaa735a9fda3992c794f71e1b10f729c99749d5875714c58a15.png"
+              />
+              <span class="text-group_20">13967175858</span>
+            </div>
+            <div class="image-text_18 flex-row justify-between">
+              <img
+                class="thumbnail_2"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngb30a46d48207fcaa735a9fda3992c794f71e1b10f729c99749d5875714c58a15.png"
+              />
+              <span class="text-group_21">15904030516</span>
+            </div>
+            <div class="image-text_19 flex-row justify-between">
+              <img
+                class="thumbnail_3"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngb30a46d48207fcaa735a9fda3992c794f71e1b10f729c99749d5875714c58a15.png"
+              />
+              <span class="text-group_22">13601783275</span>
+            </div>
+          </div>
+          <div class="group_17 flex-row justify-between">
+            <div class="image-text_20 flex-row justify-between">
+              <img
+                class="thumbnail_4"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngd9bcd86ca9c8f402fb3ecfbadec0f3c734ee46609244dc19956f2d625b5c0b75.png"
+              />
+              <span class="text-group_23">
+                四川省成都市高新区中海国际中心D座401
+              </span>
+            </div>
+            <div class="image-text_21 flex-row justify-between">
+              <img
+                class="thumbnail_5"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngd9bcd86ca9c8f402fb3ecfbadec0f3c734ee46609244dc19956f2d625b5c0b75.png"
+              />
+              <span class="text-group_24">
+                浙江省杭州市西湖区郡原公元里7幢8层
+              </span>
+            </div>
+            <div class="image-text_22 flex-row justify-between">
+              <img
+                class="thumbnail_6"
+                referrerpolicy="no-referrer"
+                src="./img/SketchPngd9bcd86ca9c8f402fb3ecfbadec0f3c734ee46609244dc19956f2d625b5c0b75.png"
+              />
+              <span class="text-group_25">
+                上海市青浦区双联路88号三银基金产业园A座602室
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

+ 1390 - 0
index.rem.css

@@ -0,0 +1,1390 @@
+html {
+  font-size: 37.5px;
+}
+
+.page {
+  background-color: rgba(245, 247, 250, 1);
+  position: relative;
+  width: 51.2rem;
+  height: 92.694rem;
+  overflow: hidden;
+}
+
+.box_1 {
+  background-color: rgba(255, 255, 255, 0.98);
+  width: 51.2rem;
+  height: 2.134rem;
+}
+
+.image_1 {
+  width: 5.334rem;
+  height: 1.067rem;
+  margin: 0.534rem 0 0 7.467rem;
+}
+
+.text_1 {
+  width: 4.107rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin: 0.88rem 33.867rem 0 0.427rem;
+}
+
+.box_2 {
+  width: 51.2rem;
+  height: 82.054rem;
+}
+
+.group_1 {
+  background-color: rgba(252, 253, 253, 1);
+  height: 16rem;
+  width: 51.2rem;
+}
+
+.box_3 {
+  width: 37.334rem;
+  height: 16rem;
+  background: url(./img/SketchPng8aaf65498cd3803fa3a93a2da3fbd520ed09bd2d633edee1ede3a1a1840c2d11.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-left: 6.934rem;
+}
+
+.text-wrapper_1 {
+  width: 18.774rem;
+  height: 3.84rem;
+  margin: 4.8rem 0 0 2.934rem;
+}
+
+.text_2 {
+  width: 18.774rem;
+  height: 1.707rem;
+  overflow-wrap: break-word;
+  color: rgba(13, 17, 26, 1);
+  font-size: 1.706rem;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 2.56rem;
+}
+
+.text_3 {
+  width: 11.734rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin-top: 1.067rem;
+}
+
+.image_2 {
+  width: 15.574rem;
+  height: 11.494rem;
+  margin: 2.614rem 1.6rem 0 -1.547rem;
+}
+
+.group_2 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 20.694rem;
+  width: 51.2rem;
+}
+
+.box_4 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 37.334rem;
+  height: 20.694rem;
+  margin-left: 6.934rem;
+  justify-content: flex-center;
+}
+
+.text-wrapper_2 {
+  width: 11.76rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  font-size: 0;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin: 2.134rem 0 0 12.8rem;
+}
+
+.text_4 {
+  width: 11.76rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.6rem;
+}
+
+.text_5 {
+  width: 11.76rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(46, 107, 230, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.6rem;
+}
+
+.text_6 {
+  width: 11.76rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.6rem;
+}
+
+.grid_1 {
+  width: 33.707rem;
+  height: 13.654rem;
+  flex-wrap: wrap;
+  margin: 1.707rem 0 2.134rem 1.814rem;
+}
+
+.image-text_1-0 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+}
+
+.box_5-0 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-0 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-0 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-0 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-1 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+}
+
+.box_5-1 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-1 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-1 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-1 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-2 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+  margin-right: 0;
+}
+
+.box_5-2 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-2 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-2 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-2 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-3 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+  margin-bottom: 0;
+}
+
+.box_5-3 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-3 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-3 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-3 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-4 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+  margin-bottom: 0;
+}
+
+.box_5-4 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-4 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-4 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-4 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.image-text_1-5 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 10.667rem;
+  height: 6.4rem;
+  margin: 0 0.854rem 0.854rem 0;
+  margin-right: 0;
+  margin-bottom: 0;
+}
+
+.box_5-5 {
+  width: 10.667rem;
+  height: 1.974rem;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-5 {
+  width: 3.84rem;
+  height: 0.64rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.64rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.image_3-5 {
+  width: 3.2rem;
+  height: 1.974rem;
+  margin: 0 0.32rem 0 2.667rem;
+}
+
+.text-group_1-5 {
+  width: 9.6rem;
+  height: 3.414rem;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.48rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 0.854rem;
+  margin: 0.267rem 0 0.747rem 0.534rem;
+}
+
+.group_3 {
+  background-color: rgba(46, 107, 230, 1);
+  height: 6.4rem;
+  width: 51.2rem;
+}
+
+.block_1 {
+  background-image: url(./img/24828d4416d34a7dbb8b13da029f02ab_mergeImage.png);
+  width: 37.334rem;
+  height: 6.4rem;
+  margin-left: 6.934rem;
+}
+
+.text-group_2 {
+  width: 31.467rem;
+  height: 3.174rem;
+  margin: 1.734rem 0 0 2.934rem;
+}
+
+.text_8 {
+  width: 24.427rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.066rem;
+  letter-spacing: 4px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin-left: 3.52rem;
+}
+
+.text_9 {
+  width: 31.467rem;
+  height: 1.707rem;
+  overflow-wrap: break-word;
+  color: rgba(245, 246, 250, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  line-height: 0.854rem;
+  margin-top: 0.4rem;
+}
+
+.group_4 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 17.6rem;
+  width: 51.2rem;
+}
+
+.group_5 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 17.6rem;
+  margin-left: 6.934rem;
+  width: 37.334rem;
+}
+
+.box_6 {
+  width: 4.854rem;
+  height: 1.92rem;
+  margin: 2.134rem 0 0 16.24rem;
+}
+
+.text-group_3 {
+  width: 4.854rem;
+  height: 1.92rem;
+}
+
+.text_10 {
+  width: 4.267rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin-left: 0.294rem;
+}
+
+.text_11 {
+  width: 4.854rem;
+  height: 0.427rem;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 0.426rem;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.64rem;
+  margin-top: 0.427rem;
+}
+
+.box_7 {
+  position: relative;
+  width: 29.44rem;
+  height: 9.707rem;
+  margin: 1.494rem 0 2.347rem 3.734rem;
+}
+
+.section_1 {
+  width: 12.267rem;
+  height: 9.067rem;
+  background: url(./img/SketchPng9702ee8a1699d3dbdd3da053eff3f7c8c96c2971a9d57c6274ac228430e23a24.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin: 0.64rem 0 0 0.64rem;
+}
+
+.box_8 {
+  background-image: url(./img/0f7209945dd74e50abfb7a4f938b951e_mergeImage.png);
+  width: 12.267rem;
+  height: 9.067rem;
+  margin: -0.374rem 0 0 -0.374rem;
+}
+
+.image-text_2 {
+  width: 9.067rem;
+  height: 2.507rem;
+  margin: 3.2rem 0 0 1.814rem;
+}
+
+.image_4 {
+  width: 9.067rem;
+  height: 1.814rem;
+}
+
+.text-group_4 {
+  width: 8.054rem;
+  height: 0.427rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.32rem;
+  letter-spacing: 4.5px;
+  font-family: MiSans-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.427rem;
+  margin: 0.267rem 0 0 0.294rem;
+}
+
+.box_9 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 2.507rem;
+  height: 2.507rem;
+  margin: 6.56rem 0 0 -2.134rem;
+}
+
+.section_2 {
+  width: 14.4rem;
+  height: 7.974rem;
+  margin: 0.907rem 0 0 2.134rem;
+}
+
+.text_12 {
+  width: 12.534rem;
+  height: 0.854rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.853rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.28rem;
+}
+
+.box_10 {
+  background-color: rgba(26, 34, 51, 1);
+  width: 0.64rem;
+  height: 0.107rem;
+  margin-top: 0.64rem;
+}
+
+.paragraph_1 {
+  width: 14.4rem;
+  height: 5.974rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.426rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: justify;
+  line-height: 0.854rem;
+  margin-top: 0.4rem;
+}
+
+.image_5 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 2.507rem;
+  height: 2.507rem;
+}
+
+.group_6 {
+  background-color: rgba(245, 247, 250, 1);
+  height: 21.334rem;
+  margin-bottom: 0.027rem;
+  width: 51.2rem;
+}
+
+.block_2 {
+  background-color: rgba(245, 247, 250, 1);
+  width: 37.334rem;
+  height: 21.334rem;
+  margin-left: 6.934rem;
+  justify-content: flex-center;
+}
+
+.text-group_5 {
+  width: 9.6rem;
+  height: 1.92rem;
+  margin: 2.134rem 0 0 13.867rem;
+}
+
+.text_13 {
+  width: 4.267rem;
+  height: 1.067rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.066rem;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.6rem;
+  margin-left: 2.667rem;
+}
+
+.text_14 {
+  width: 9.6rem;
+  height: 0.427rem;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 0.426rem;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.64rem;
+  margin-top: 0.427rem;
+}
+
+.group_7 {
+  width: 26.88rem;
+  height: 4.267rem;
+  margin: 1.494rem 0 0 5.227rem;
+}
+
+.box_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+}
+
+.image-text_3 {
+  width: 3.2rem;
+  height: 3.227rem;
+  margin: 0.427rem 0 0 1.6rem;
+}
+
+.image_6 {
+  width: 2.32rem;
+  height: 2.374rem;
+  margin-left: 0.454rem;
+}
+
+.text-group_6 {
+  width: 3.2rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.32rem;
+}
+
+.box_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_4 {
+  width: 4.8rem;
+  height: 3.094rem;
+  margin: 0.56rem 0 0 0.8rem;
+}
+
+.image_7 {
+  width: 2.294rem;
+  height: 2.134rem;
+  margin-left: 1.254rem;
+}
+
+.text-group_7 {
+  width: 4.8rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.427rem;
+}
+
+.box_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_5 {
+  width: 5.334rem;
+  height: 3.147rem;
+  margin: 0.507rem 0 0 0.534rem;
+}
+
+.image_8 {
+  width: 2.534rem;
+  height: 2.214rem;
+  margin-left: 1.414rem;
+}
+
+.text-group_8 {
+  width: 5.334rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.4rem;
+}
+
+.box_14 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_6 {
+  width: 4.8rem;
+  height: 3.12rem;
+  margin: 0.534rem 0 0 0.8rem;
+}
+
+.image_9 {
+  width: 2.187rem;
+  height: 2.187rem;
+  margin-left: 1.307rem;
+}
+
+.text-group_9 {
+  width: 4.8rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.4rem;
+}
+
+.group_8 {
+  width: 33.707rem;
+  height: 4.267rem;
+  margin: 0.427rem 0 0 1.814rem;
+}
+
+.group_9 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+}
+
+.image-text_7 {
+  width: 3.734rem;
+  height: 3.147rem;
+  margin: 0.48rem 0 0 1.334rem;
+}
+
+.image_10 {
+  width: 2.214rem;
+  height: 2.134rem;
+  margin-left: 0.774rem;
+}
+
+.text-group_10 {
+  width: 3.734rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.48rem;
+}
+
+.group_10 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_8 {
+  width: 4.267rem;
+  height: 3.174rem;
+  margin: 0.454rem 0 0 1.067rem;
+}
+
+.image_11 {
+  width: 2.214rem;
+  height: 2.16rem;
+  margin-left: 1.04rem;
+}
+
+.text-group_11 {
+  width: 4.267rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.48rem;
+}
+
+.group_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_9 {
+  width: 3.2rem;
+  height: 3.174rem;
+  margin: 0.454rem 0 0 1.6rem;
+}
+
+.image_12 {
+  width: 2.32rem;
+  height: 2.187rem;
+  margin-left: 0.454rem;
+}
+
+.text-group_12 {
+  width: 3.2rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.454rem;
+}
+
+.group_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_10 {
+  width: 5.334rem;
+  height: 3.174rem;
+  margin: 0.454rem 0 0 0.534rem;
+}
+
+.image_13 {
+  width: 2.054rem;
+  height: 2.107rem;
+  margin-left: 1.654rem;
+}
+
+.text-group_13 {
+  width: 5.334rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.534rem;
+}
+
+.group_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_11 {
+  width: 3.2rem;
+  height: 3.094rem;
+  margin: 0.534rem 0 0 1.6rem;
+}
+
+.image_14 {
+  width: 1.974rem;
+  height: 2rem;
+  margin-left: 0.614rem;
+}
+
+.text-group_14 {
+  width: 3.2rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.56rem;
+}
+
+.group_14 {
+  width: 26.88rem;
+  height: 4.267rem;
+  margin: 0.427rem 0 2.134rem 5.227rem;
+}
+
+.box_15 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+}
+
+.image-text_12 {
+  width: 3.734rem;
+  height: 3.2rem;
+  margin: 0.427rem 0 0 1.334rem;
+}
+
+.image_15 {
+  width: 2.08rem;
+  height: 2.16rem;
+  margin-left: 0.907rem;
+}
+
+.text-group_15 {
+  width: 3.734rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.507rem;
+}
+
+.box_16 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_13 {
+  width: 3.734rem;
+  height: 3.2rem;
+  margin: 0.427rem 0 0 1.334rem;
+}
+
+.image_16 {
+  width: 2.374rem;
+  height: 2.214rem;
+  margin-left: 0.694rem;
+}
+
+.text-group_16 {
+  width: 3.734rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.454rem;
+}
+
+.box_17 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_14 {
+  width: 5.334rem;
+  height: 3.147rem;
+  margin: 0.48rem 0 0 0.534rem;
+}
+
+.image_17 {
+  width: 2.214rem;
+  height: 2.054rem;
+  margin-left: 1.574rem;
+}
+
+.text-group_17 {
+  width: 5.334rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.56rem;
+}
+
+.box_18 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 6.4rem;
+  height: 4.267rem;
+  margin-left: 0.427rem;
+}
+
+.image-text_15 {
+  width: 3.734rem;
+  height: 3.2rem;
+  margin: 0.427rem 0 0 1.334rem;
+}
+
+.image_18 {
+  width: 2.427rem;
+  height: 2.16rem;
+  margin-left: 0.667rem;
+}
+
+.text-group_18 {
+  width: 3.734rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.533rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.507rem;
+}
+
+.box_19 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 8.534rem;
+  margin-top: -0.026rem;
+  width: 51.2rem;
+}
+
+.block_3 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 8.534rem;
+  margin-left: 6.934rem;
+  width: 37.334rem;
+}
+
+.group_15 {
+  width: 7.627rem;
+  height: 2.454rem;
+  margin: 1.067rem 0 0 14.854rem;
+}
+
+.image-text_16 {
+  width: 7.627rem;
+  height: 2.454rem;
+}
+
+.image_19 {
+  width: 7.467rem;
+  height: 1.494rem;
+  margin-left: 0.08rem;
+}
+
+.text-group_19 {
+  width: 7.627rem;
+  height: 0.534rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 0.533rem;
+  letter-spacing: 6px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.8rem;
+  margin-top: 0.427rem;
+}
+
+.group_16 {
+  width: 19.574rem;
+  height: 0.427rem;
+  margin: 1.494rem 0 0 5.84rem;
+}
+
+.image-text_17 {
+  width: 2.907rem;
+  height: 0.427rem;
+}
+
+.thumbnail_1 {
+  width: 0.427rem;
+  height: 0.427rem;
+}
+
+.text-group_20 {
+  width: 2.267rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.image-text_18 {
+  width: 2.907rem;
+  height: 0.427rem;
+  margin-left: 5.654rem;
+}
+
+.thumbnail_2 {
+  width: 0.427rem;
+  height: 0.427rem;
+}
+
+.text-group_21 {
+  width: 2.267rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.image-text_19 {
+  width: 2.907rem;
+  height: 0.427rem;
+  margin-left: 5.2rem;
+}
+
+.thumbnail_3 {
+  width: 0.427rem;
+  height: 0.427rem;
+}
+
+.text-group_22 {
+  width: 2.267rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.group_17 {
+  width: 25.627rem;
+  height: 0.48rem;
+  margin: 0.48rem 0 2.134rem 5.867rem;
+}
+
+.image-text_20 {
+  width: 7.467rem;
+  height: 0.48rem;
+}
+
+.thumbnail_4 {
+  width: 0.4rem;
+  height: 0.48rem;
+}
+
+.text-group_23 {
+  width: 6.854rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.image-text_21 {
+  width: 7.014rem;
+  height: 0.48rem;
+  margin-left: 1.094rem;
+}
+
+.thumbnail_5 {
+  width: 0.4rem;
+  height: 0.48rem;
+}
+
+.text-group_24 {
+  width: 6.4rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}
+
+.image-text_22 {
+  width: 8.96rem;
+  height: 0.48rem;
+  margin-left: 1.094rem;
+}
+
+.thumbnail_6 {
+  width: 0.4rem;
+  height: 0.48rem;
+}
+
+.text-group_25 {
+  width: 8.347rem;
+  height: 0.374rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.373rem;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 0.56rem;
+  margin-top: 0.027rem;
+}

+ 1386 - 0
index.response.css

@@ -0,0 +1,1386 @@
+.page {
+  background-color: rgba(245, 247, 250, 1);
+  position: relative;
+  width: 100vw;
+  height: 181.05vw;
+  overflow: hidden;
+}
+
+.box_1 {
+  background-color: rgba(255, 255, 255, 0.98);
+  width: 100vw;
+  height: 4.17vw;
+}
+
+.image_1 {
+  width: 10.42vw;
+  height: 2.09vw;
+  margin: 1.04vw 0 0 14.58vw;
+}
+
+.text_1 {
+  width: 8.03vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin: 1.71vw 66.14vw 0 0.83vw;
+}
+
+.box_2 {
+  width: 100vw;
+  height: 160.27vw;
+}
+
+.group_1 {
+  background-color: rgba(252, 253, 253, 1);
+  height: 31.25vw;
+  width: 100vw;
+}
+
+.box_3 {
+  width: 72.92vw;
+  height: 31.25vw;
+  background: url(./img/SketchPng8aaf65498cd3803fa3a93a2da3fbd520ed09bd2d633edee1ede3a1a1840c2d11.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin-left: 13.55vw;
+}
+
+.text-wrapper_1 {
+  width: 36.67vw;
+  height: 7.5vw;
+  margin: 9.37vw 0 0 5.72vw;
+}
+
+.text_2 {
+  width: 36.67vw;
+  height: 3.34vw;
+  overflow-wrap: break-word;
+  color: rgba(13, 17, 26, 1);
+  font-size: 3.33vw;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 5vw;
+}
+
+.text_3 {
+  width: 22.92vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(122, 133, 153, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin-top: 2.09vw;
+}
+
+.image_2 {
+  width: 30.42vw;
+  height: 22.45vw;
+  margin: 5.1vw 3.12vw 0 -3.02vw;
+}
+
+.group_2 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 40.42vw;
+  width: 100vw;
+}
+
+.box_4 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 72.92vw;
+  height: 40.42vw;
+  margin-left: 13.55vw;
+  justify-content: flex-center;
+}
+
+.text-wrapper_2 {
+  width: 22.97vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  font-size: 0;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin: 4.16vw 0 0 25vw;
+}
+
+.text_4 {
+  width: 22.97vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.13vw;
+}
+
+.text_5 {
+  width: 22.97vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(46, 107, 230, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.13vw;
+}
+
+.text_6 {
+  width: 22.97vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 3.13vw;
+}
+
+.grid_1 {
+  width: 65.84vw;
+  height: 26.67vw;
+  flex-wrap: wrap;
+  margin: 3.33vw 0 4.16vw 3.54vw;
+}
+
+.image-text_1-0 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+}
+
+.box_5-0 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-0 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-0 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-0 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-1 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+}
+
+.box_5-1 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-1 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-1 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-1 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-2 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+  margin-right: 0;
+}
+
+.box_5-2 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-2 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-2 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-2 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-3 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+  margin-bottom: 0;
+}
+
+.box_5-3 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-3 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-3 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-3 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-4 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+  margin-bottom: 0;
+}
+
+.box_5-4 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-4 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-4 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-4 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.image-text_1-5 {
+  box-shadow: 0px 24px 40px 0px rgba(64, 85, 128, 0.1);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 20.84vw;
+  height: 12.5vw;
+  margin: 0 1.66vw 1.66vw 0;
+  margin-right: 0;
+  margin-bottom: 0;
+}
+
+.box_5-5 {
+  width: 20.84vw;
+  height: 3.86vw;
+  background: url(./img/SketchPng0394a1a2ee6f7cb394d9315866361077b3aab823c1de5a78fe29894112dcc4f7.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+}
+
+.text_7-5 {
+  width: 7.5vw;
+  height: 1.25vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1.25vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.88vw;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.image_3-5 {
+  width: 6.25vw;
+  height: 3.86vw;
+  margin: 0 0.62vw 0 5.2vw;
+}
+
+.text-group_1-5 {
+  width: 18.75vw;
+  height: 6.67vw;
+  overflow-wrap: break-word;
+  color: rgba(107, 122, 153, 1);
+  font-size: 0.93vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  line-height: 1.67vw;
+  margin: 0.52vw 0 1.45vw 1.04vw;
+}
+
+.group_3 {
+  background-color: rgba(46, 107, 230, 1);
+  height: 12.5vw;
+  width: 100vw;
+}
+
+.block_1 {
+  background-image: url(./img/24828d4416d34a7dbb8b13da029f02ab_mergeImage.png);
+  width: 72.92vw;
+  height: 12.5vw;
+  margin-left: 13.55vw;
+}
+
+.text-group_2 {
+  width: 61.46vw;
+  height: 6.2vw;
+  margin: 3.38vw 0 0 5.72vw;
+}
+
+.text_8 {
+  width: 47.71vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 2.08vw;
+  letter-spacing: 4px;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin-left: 6.88vw;
+}
+
+.text_9 {
+  width: 61.46vw;
+  height: 3.34vw;
+  overflow-wrap: break-word;
+  color: rgba(245, 246, 250, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Light;
+  font-weight: 300;
+  text-align: right;
+  line-height: 1.67vw;
+  margin-top: 0.79vw;
+}
+
+.group_4 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 34.38vw;
+  width: 100vw;
+}
+
+.group_5 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 34.38vw;
+  margin-left: 13.55vw;
+  width: 72.92vw;
+}
+
+.box_6 {
+  width: 9.48vw;
+  height: 3.75vw;
+  margin: 4.16vw 0 0 31.71vw;
+}
+
+.text-group_3 {
+  width: 9.48vw;
+  height: 3.75vw;
+}
+
+.text_10 {
+  width: 8.34vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin-left: 0.58vw;
+}
+
+.text_11 {
+  width: 9.48vw;
+  height: 0.84vw;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 0.83vw;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.25vw;
+  margin-top: 0.84vw;
+}
+
+.box_7 {
+  position: relative;
+  width: 57.5vw;
+  height: 18.96vw;
+  margin: 2.91vw 0 4.58vw 7.29vw;
+}
+
+.section_1 {
+  width: 23.96vw;
+  height: 17.71vw;
+  background: url(./img/SketchPng9702ee8a1699d3dbdd3da053eff3f7c8c96c2971a9d57c6274ac228430e23a24.png)
+    100% no-repeat;
+  background-size: 100% 100%;
+  margin: 1.25vw 0 0 1.25vw;
+}
+
+.box_8 {
+  background-image: url(./img/0f7209945dd74e50abfb7a4f938b951e_mergeImage.png);
+  width: 23.96vw;
+  height: 17.71vw;
+  margin: -0.72vw 0 0 -0.72vw;
+}
+
+.image-text_2 {
+  width: 17.71vw;
+  height: 4.9vw;
+  margin: 6.25vw 0 0 3.54vw;
+}
+
+.image_4 {
+  width: 17.71vw;
+  height: 3.55vw;
+}
+
+.text-group_4 {
+  width: 15.73vw;
+  height: 0.84vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.62vw;
+  letter-spacing: 4.5px;
+  font-family: MiSans-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.84vw;
+  margin: 0.52vw 0 0 0.57vw;
+}
+
+.box_9 {
+  background-color: rgba(255, 255, 255, 1);
+  width: 4.9vw;
+  height: 4.9vw;
+  margin: 12.81vw 0 0 -4.16vw;
+}
+
+.section_2 {
+  width: 28.13vw;
+  height: 15.58vw;
+  margin: 1.77vw 0 0 4.16vw;
+}
+
+.text_12 {
+  width: 24.48vw;
+  height: 1.67vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.66vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 2.5vw;
+}
+
+.box_10 {
+  background-color: rgba(26, 34, 51, 1);
+  width: 1.25vw;
+  height: 0.21vw;
+  margin-top: 1.25vw;
+}
+
+.paragraph_1 {
+  width: 28.13vw;
+  height: 11.67vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 0.83vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: justify;
+  line-height: 1.67vw;
+  margin-top: 0.79vw;
+}
+
+.image_5 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 4.9vw;
+  height: 4.9vw;
+}
+
+.group_6 {
+  background-color: rgba(245, 247, 250, 1);
+  height: 41.67vw;
+  margin-bottom: 0.06vw;
+  width: 100vw;
+}
+
+.block_2 {
+  background-color: rgba(245, 247, 250, 1);
+  width: 72.92vw;
+  height: 41.67vw;
+  margin-left: 13.55vw;
+  justify-content: flex-center;
+}
+
+.text-group_5 {
+  width: 18.75vw;
+  height: 3.75vw;
+  margin: 4.16vw 0 0 27.08vw;
+}
+
+.text_13 {
+  width: 8.34vw;
+  height: 2.09vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 2.08vw;
+  font-family: SourceHanSansCN-Bold;
+  font-weight: 700;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 3.13vw;
+  margin-left: 5.21vw;
+}
+
+.text_14 {
+  width: 18.75vw;
+  height: 0.84vw;
+  overflow-wrap: break-word;
+  color: rgba(161, 167, 179, 1);
+  font-size: 0.83vw;
+  letter-spacing: 2px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.25vw;
+  margin-top: 0.84vw;
+}
+
+.group_7 {
+  width: 52.5vw;
+  height: 8.34vw;
+  margin: 2.91vw 0 0 10.2vw;
+}
+
+.box_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+}
+
+.image-text_3 {
+  width: 6.25vw;
+  height: 6.31vw;
+  margin: 0.83vw 0 0 3.12vw;
+}
+
+.image_6 {
+  width: 4.54vw;
+  height: 4.64vw;
+  margin-left: 0.89vw;
+}
+
+.text-group_6 {
+  width: 6.25vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.63vw;
+}
+
+.box_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_4 {
+  width: 9.38vw;
+  height: 6.05vw;
+  margin: 1.09vw 0 0 1.56vw;
+}
+
+.image_7 {
+  width: 4.48vw;
+  height: 4.17vw;
+  margin-left: 2.45vw;
+}
+
+.text-group_7 {
+  width: 9.38vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.84vw;
+}
+
+.box_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_5 {
+  width: 10.42vw;
+  height: 6.15vw;
+  margin: 0.98vw 0 0 1.04vw;
+}
+
+.image_8 {
+  width: 4.95vw;
+  height: 4.33vw;
+  margin-left: 2.77vw;
+}
+
+.text-group_8 {
+  width: 10.42vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.79vw;
+}
+
+.box_14 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_6 {
+  width: 9.38vw;
+  height: 6.1vw;
+  margin: 1.04vw 0 0 1.56vw;
+}
+
+.image_9 {
+  width: 4.28vw;
+  height: 4.28vw;
+  margin-left: 2.56vw;
+}
+
+.text-group_9 {
+  width: 9.38vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.79vw;
+}
+
+.group_8 {
+  width: 65.84vw;
+  height: 8.34vw;
+  margin: 0.83vw 0 0 3.54vw;
+}
+
+.group_9 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+}
+
+.image-text_7 {
+  width: 7.3vw;
+  height: 6.15vw;
+  margin: 0.93vw 0 0 2.6vw;
+}
+
+.image_10 {
+  width: 4.33vw;
+  height: 4.17vw;
+  margin-left: 1.52vw;
+}
+
+.text-group_10 {
+  width: 7.3vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.94vw;
+}
+
+.group_10 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_8 {
+  width: 8.34vw;
+  height: 6.2vw;
+  margin: 0.88vw 0 0 2.08vw;
+}
+
+.image_11 {
+  width: 4.33vw;
+  height: 4.22vw;
+  margin-left: 2.04vw;
+}
+
+.text-group_11 {
+  width: 8.34vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.94vw;
+}
+
+.group_11 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_9 {
+  width: 6.25vw;
+  height: 6.2vw;
+  margin: 0.88vw 0 0 3.12vw;
+}
+
+.image_12 {
+  width: 4.54vw;
+  height: 4.28vw;
+  margin-left: 0.89vw;
+}
+
+.text-group_12 {
+  width: 6.25vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.89vw;
+}
+
+.group_12 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_10 {
+  width: 10.42vw;
+  height: 6.2vw;
+  margin: 0.88vw 0 0 1.04vw;
+}
+
+.image_13 {
+  width: 4.02vw;
+  height: 4.12vw;
+  margin-left: 3.23vw;
+}
+
+.text-group_13 {
+  width: 10.42vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 1.05vw;
+}
+
+.group_13 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_11 {
+  width: 6.25vw;
+  height: 6.05vw;
+  margin: 1.04vw 0 0 3.12vw;
+}
+
+.image_14 {
+  width: 3.86vw;
+  height: 3.91vw;
+  margin-left: 1.2vw;
+}
+
+.text-group_14 {
+  width: 6.25vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 1.1vw;
+}
+
+.group_14 {
+  width: 52.5vw;
+  height: 8.34vw;
+  margin: 0.83vw 0 4.16vw 10.2vw;
+}
+
+.box_15 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+}
+
+.image-text_12 {
+  width: 7.3vw;
+  height: 6.25vw;
+  margin: 0.83vw 0 0 2.6vw;
+}
+
+.image_15 {
+  width: 4.07vw;
+  height: 4.22vw;
+  margin-left: 1.78vw;
+}
+
+.text-group_15 {
+  width: 7.3vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.99vw;
+}
+
+.box_16 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_13 {
+  width: 7.3vw;
+  height: 6.25vw;
+  margin: 0.83vw 0 0 2.6vw;
+}
+
+.image_16 {
+  width: 4.64vw;
+  height: 4.33vw;
+  margin-left: 1.36vw;
+}
+
+.text-group_16 {
+  width: 7.3vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.89vw;
+}
+
+.box_17 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_14 {
+  width: 10.42vw;
+  height: 6.15vw;
+  margin: 0.93vw 0 0 1.04vw;
+}
+
+.image_17 {
+  width: 4.33vw;
+  height: 4.02vw;
+  margin-left: 3.08vw;
+}
+
+.text-group_17 {
+  width: 10.42vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 1.1vw;
+}
+
+.box_18 {
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 8px;
+  width: 12.5vw;
+  height: 8.34vw;
+  margin-left: 0.84vw;
+}
+
+.image-text_15 {
+  width: 7.3vw;
+  height: 6.25vw;
+  margin: 0.83vw 0 0 2.6vw;
+}
+
+.image_18 {
+  width: 4.74vw;
+  height: 4.22vw;
+  margin-left: 1.31vw;
+}
+
+.text-group_18 {
+  width: 7.3vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(26, 34, 51, 1);
+  font-size: 1.04vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.99vw;
+}
+
+.box_19 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 16.67vw;
+  margin-top: -0.05vw;
+  width: 100vw;
+}
+
+.block_3 {
+  background-color: rgba(38, 51, 77, 1);
+  height: 16.67vw;
+  margin-left: 13.55vw;
+  width: 72.92vw;
+}
+
+.group_15 {
+  width: 14.9vw;
+  height: 4.8vw;
+  margin: 2.08vw 0 0 29.01vw;
+}
+
+.image-text_16 {
+  width: 14.9vw;
+  height: 4.8vw;
+}
+
+.image_19 {
+  width: 14.59vw;
+  height: 2.92vw;
+  margin-left: 0.16vw;
+}
+
+.text-group_19 {
+  width: 14.9vw;
+  height: 1.05vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 1.04vw;
+  letter-spacing: 6px;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 1.57vw;
+  margin-top: 0.84vw;
+}
+
+.group_16 {
+  width: 38.23vw;
+  height: 0.84vw;
+  margin: 2.91vw 0 0 11.4vw;
+}
+
+.image-text_17 {
+  width: 5.68vw;
+  height: 0.84vw;
+}
+
+.thumbnail_1 {
+  width: 0.84vw;
+  height: 0.84vw;
+}
+
+.text-group_20 {
+  width: 4.43vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.image-text_18 {
+  width: 5.68vw;
+  height: 0.84vw;
+  margin-left: 11.05vw;
+}
+
+.thumbnail_2 {
+  width: 0.84vw;
+  height: 0.84vw;
+}
+
+.text-group_21 {
+  width: 4.43vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.image-text_19 {
+  width: 5.68vw;
+  height: 0.84vw;
+  margin-left: 10.16vw;
+}
+
+.thumbnail_3 {
+  width: 0.84vw;
+  height: 0.84vw;
+}
+
+.text-group_22 {
+  width: 4.43vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.group_17 {
+  width: 50.06vw;
+  height: 0.94vw;
+  margin: 0.93vw 0 4.16vw 11.45vw;
+}
+
+.image-text_20 {
+  width: 14.59vw;
+  height: 0.94vw;
+}
+
+.thumbnail_4 {
+  width: 0.79vw;
+  height: 0.94vw;
+}
+
+.text-group_23 {
+  width: 13.39vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.image-text_21 {
+  width: 13.7vw;
+  height: 0.94vw;
+  margin-left: 2.14vw;
+}
+
+.thumbnail_5 {
+  width: 0.79vw;
+  height: 0.94vw;
+}
+
+.text-group_24 {
+  width: 12.5vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}
+
+.image-text_22 {
+  width: 17.5vw;
+  height: 0.94vw;
+  margin-left: 2.14vw;
+}
+
+.thumbnail_6 {
+  width: 0.79vw;
+  height: 0.94vw;
+}
+
+.text-group_25 {
+  width: 16.31vw;
+  height: 0.73vw;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.72vw;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: NaN;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.1vw;
+  margin-top: 0.06vw;
+}