.page { background-color: rgba(255, 255, 255, 1); position: relative; width: 100vw; height: 216.54vw; overflow: hidden; .box_1 { width: 100vw; height: 70.4vw; background: url(/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG23ad4eb2f3a9f5f25fa2e6e20762f501.png) 100% no-repeat; background-size: 100% 100%; .box_2 { width: 90.94vw; height: 5.6vw; margin: 3.73vw 0 0 5.6vw; .text_1 { width: 14.4vw; height: 5.6vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 4vw; letter-spacing: -0.30000001192092896px; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 4vw; } .section_1 { background-color: rgba(0, 0, 0, 1); width: 4.54vw; height: 2.94vw; margin: 1.06vw 0 0 58.4vw; } .section_2 { background-color: rgba(0, 0, 0, 1); width: 4.27vw; height: 2.94vw; margin: 1.06vw 0 0 1.33vw; } .image_1 { width: 6.67vw; height: 3.2vw; margin: 1.06vw 0 0 1.33vw; } } .box_3 { background-color: rgba(255, 255, 255, 0.7); border-radius: 16px; height: 8.54vw; border: 0.5px solid rgba(231, 231, 231, 1); width: 23.2vw; margin: 4vw 0 0 73.6vw; .image-wrapper_1 { width: 5.34vw; height: 0.27vw; margin: 1.6vw 0 0 12vw; .thumbnail_1 { width: 5.34vw; height: 0.27vw; } } .box_4 { width: 16.27vw; height: 4.27vw; margin: 0.26vw 0 2.13vw 3.46vw; .box_5 { background-color: rgba(0, 0, 0, 0.9); width: 4.8vw; height: 1.6vw; margin-top: 1.34vw; } .box_6 { background-color: rgba(0, 0, 0, 0.9); width: 4.27vw; height: 4.27vw; } } } .box_7 { width: 89.34vw; height: 15.47vw; margin: 6.93vw 0 0 5.33vw; .image-text_1 { width: 47.47vw; height: 15.47vw; .group_1 { background-color: rgba(255, 255, 255, 1); height: 15.47vw; width: 15.47vw; .image-wrapper_2 { background-color: rgba(177, 205, 255, 1); height: 14.4vw; width: 14.4vw; margin: 0.53vw 0 0 0.53vw; .image_2 { width: 14.4vw; height: 14.4vw; } } } .text-group_1 { width: 28.8vw; height: 11.74vw; margin-top: 1.87vw; .text_2 { width: 21.6vw; height: 6.67vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.8vw; font-family: PingFang SC-Bold; font-weight: 700; text-align: center; white-space: nowrap; line-height: 4.8vw; } .text_3 { width: 28.8vw; height: 4.54vw; overflow-wrap: break-word; color: rgba(198, 198, 198, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 4.54vw; margin-top: 0.54vw; } } } .image-text_2 { width: 9.6vw; height: 11.2vw; margin-top: 2.14vw; .label_1 { width: 6.94vw; height: 6.94vw; margin-left: 1.34vw; } .text-group_2 { width: 9.6vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.2vw; margin-top: 1.07vw; } } } .box_8 { width: 100vw; height: 21.34vw; background: url(/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGbeeecc6e19c94ee47b8f22fab00fe5eb.png) 100% no-repeat; background-size: 100% 100%; margin-top: 4.8vw; .image-wrapper_3 { background-color: rgba(255, 255, 255, 1); border-radius: 50%; height: 10.67vw; width: 10.67vw; margin: 4.53vw 0 0 9.33vw; .label_2 { width: 10.67vw; height: 10.67vw; } } .text-group_3 { width: 14.94vw; height: 9.6vw; margin: 4.53vw 0 0 1.33vw; .text_4 { width: 11.2vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(21, 52, 102, 1); font-size: 3.73vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 3.74vw; } .text-wrapper_1 { width: 14.94vw; height: 3.2vw; overflow-wrap: break-word; font-size: 0; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.2vw; margin-top: 2.67vw; .text_5 { width: 14.94vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(115, 124, 144, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.2vw; } .text_6 { width: 14.94vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(253, 123, 82, 1); font-size: 3.2vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 3.2vw; } .text_7 { width: 14.94vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(115, 124, 144, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.2vw; } } } .text-wrapper_2 { width: 16.8vw; height: 3.2vw; overflow-wrap: break-word; font-size: 0; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.2vw; margin: 10.93vw 42.93vw 0 4vw; .text_8 { width: 16.8vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(115, 124, 144, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.2vw; } .text_9 { width: 16.8vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(253, 123, 82, 1); font-size: 3.2vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 3.2vw; } } } } .box_9 { width: 100vw; height: 133.07vw; .block_1 { background-color: rgba(241, 244, 255, 1); border-radius: 8px; width: 91.47vw; height: 31.2vw; justify-content: flex-center; margin: 1.33vw 0 0 4.26vw; .text_10 { width: 14.94vw; height: 3.74vw; overflow-wrap: break-word; color: rgba(21, 52, 102, 1); font-size: 3.73vw; font-family: PingFang SC-Semibold; font-weight: 600; text-align: center; white-space: nowrap; line-height: 3.74vw; margin: 4vw 0 0 3.73vw; } .list_1 { width: 76.27vw; height: 15.47vw; margin: 4vw 0 4vw 8.53vw; .image-text_3 { width: 9.6vw; height: 15.47vw; margin-right: 12vw; .label_3 { width: 9.6vw; height: 9.6vw; } .text-group_4 { width: 12.8vw; height: 3.2vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 3.2vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 3.2vw; margin-top: 2.67vw; } } } } .block_2 { width: 86.14vw; height: 7.47vw; margin: 6.66vw 0 0 6.93vw; .image-wrapper_4 { background-color: rgba(223, 235, 255, 1); border-radius: 50%; height: 7.47vw; width: 7.47vw; .thumbnail_2 { width: 4.27vw; height: 4.27vw; margin: 1.6vw 0 0 1.6vw; } } .text_11 { width: 17.07vw; height: 4.27vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.26vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 4.27vw; margin: 1.6vw 0 0 4vw; } .thumbnail_3 { width: 4.27vw; height: 4.27vw; margin: 1.6vw 0 0 53.33vw; } } .block_3 { width: 86.14vw; height: 7.47vw; margin: 6.66vw 0 0 6.93vw; .image-wrapper_5 { background-color: rgba(223, 235, 255, 1); border-radius: 50%; height: 7.47vw; width: 7.47vw; .thumbnail_4 { width: 4.8vw; height: 4.8vw; margin: 1.33vw 0 0 1.33vw; } } .text_12 { width: 17.07vw; height: 4.27vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.26vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 4.27vw; margin: 1.33vw 0 0 4vw; } .thumbnail_5 { width: 4.27vw; height: 4.27vw; margin: 1.6vw 0 0 53.33vw; } } .block_4 { width: 86.14vw; height: 7.47vw; margin: 6.66vw 0 58.13vw 6.93vw; .image-wrapper_6 { background-color: rgba(223, 235, 255, 1); border-radius: 50%; height: 7.47vw; width: 7.47vw; .thumbnail_6 { width: 4.27vw; height: 4.27vw; margin: 1.6vw 0 0 1.6vw; } } .text_13 { width: 17.07vw; height: 4.27vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 4.26vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 4.27vw; margin: 1.6vw 0 0 4vw; } .thumbnail_7 { width: 4.27vw; height: 4.27vw; margin: 1.6vw 0 0 53.33vw; } } } .box_10 { width: 100vw; height: 13.34vw; background: url(/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGba2550a2df50d207f077cf4add11b384.png) 100% no-repeat; background-size: 100% 100%; margin-top: -0.26vw; .image-text_4 { width: 12.8vw; height: 10.14vw; margin-top: 1.6vw; .label_4 { width: 6.4vw; height: 6.4vw; margin-left: 3.2vw; } .text-group_5 { width: 12.8vw; height: 2.67vw; overflow-wrap: break-word; color: rgba(51, 51, 51, 1); font-size: 2.66vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 2.67vw; margin-top: 1.07vw; } } .image-text_5 { width: 12.8vw; height: 10.14vw; margin-top: 1.6vw; .label_5 { width: 6.4vw; height: 6.4vw; margin-left: 3.2vw; } .text-group_6 { width: 12.8vw; height: 2.67vw; overflow-wrap: break-word; color: rgba(44, 120, 245, 1); font-size: 2.66vw; font-family: PingFang SC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 2.67vw; margin-top: 1.07vw; } } } }