.page { background-color: rgba(255, 255, 255, 1); position: relative; width: 100%; height: 4165px; overflow: hidden; } .box_32 { width: 100%; } .section_1 { background-color: rgba(255, 255, 255, 1); width: 100%; height: 110px; } .box_1 { background-color: rgba(185, 185, 185, 1); width: 64px; height: 64px; } .text_1 { font-size: 38px; font-family: Source Han Serif CN-Heavy; font-weight: 900; } .section_2 { background-image: linear-gradient(180deg, rgba(31, 196, 194, 1) 0, rgba(5, 190, 176, 1) 100%); width: 100%; height: 60px; justify-content: center; } .group_2 { background-color: rgba(11, 175, 160, 1); width: 109px; height: 64px; margin: -4px 0 0 0px; } .text_2 { width: 36px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 37px; cursor: pointer; } .group_3 { background-color: rgba(255, 255, 255, 1); width: 109px; height: 2px; margin-top: 18px; } .group_4 { height: 64px; margin-top: -4px; width: 109px; } .text-wrapper_1 { height: 64px; width: 109px; } .text_3 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; cursor: pointer; } .text-wrapper_2 { height: 64px; margin-top: -4px; width: 109px; } .text_4 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; } .text-wrapper_3 { height: 64px; margin-top: -4px; width: 109px; } .text_5 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; } .text-wrapper_4 { height: 64px; margin-top: -4px; width: 109px; } .text_6 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 18px; margin: 26px 0 0 23px; } .text-wrapper_5 { height: 64px; margin-top: -4px; width: 109px; } .text_7 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; } .text-wrapper_6 { height: 64px; margin-top: -4px; width: 109px; } .text_8 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; } .text-wrapper_7 { height: 64px; margin-top: -4px; width: 109px; } .text_9 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; } .text-wrapper_8 { height: 64px; margin-top: -4px; width: 109px; } .text_10 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; } .text-wrapper_9 { height: 64px; margin-top: -4px; width: 109px; } .text_11 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; } .group_5 { height: 64px; background: url(./img/MasterDDSSlicePNG5b176b9e3128350fc75cabd6522c1276.png) 100% no-repeat; background-size: 100% 100%; width: 109px; } .text-wrapper_10 { height: 64px; width: 109px; } .text_12 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 26px 0 0 19px; } .section_3 { background-size: 100% 100%; margin-bottom: 1px; width: 100%; overflow: hidden; } .group_6 { width: 100%; } .image_1 { width: 853px; height: 131px; margin: 201px 0 0 534px; } .paragraph_1 { text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.160784); width: 671px; height: 46px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; line-height: 18px; margin: 38px 0 0 625px; } .image_2 { width: 110px; height: 4px; margin: 182px 0 70px 905px; } .box_33 { position: relative; width: 100%; padding-top: 50px; background-color: rgba(248, 248, 248, 1); } .box_2 { background-color: rgba(248, 248, 248, 1); height: 537px; width: 100%; } .text-wrapper_47 { text-align: center; margin: 0 auto; } .text_13 { width: 128px; height: 32px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 32px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: center; white-space: nowrap; line-height: 32px; } .box_34 { height: 327px; width: 80%; margin: 0 auto; margin-top: 50px; } @media screen and (max-width: 1440px) { .box_34 { width: 100%; } } .group_9 { height: 48px; margin-top: 107px; width: 48px; cursor: pointer; } .box_3 { width: 19px; height: 17px; margin: 34px 0 0 13px; } .group_10 { margin: 0 auto; background-color: rgba(255, 255, 255, 1); border-radius: 12px; height: 327px; width: 216px; } .image-text_15 { width: 216px; height: 246px; } .image_3 { width: 216px; height: 216px; } .text-group_13 { width: 136px; height: 18px; margin: 12px 0 0 9px; } .text_14 { width: 54px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 18px; } .text_15 { width: 70px; height: 14px; overflow-wrap: break-word; color: rgba(87, 209, 200, 1); font-size: 14px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 14px; margin-top: 4px; } .text_16 { overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; margin: 11px 0 10px 12px; } .group_11 { background-color: rgba(255, 255, 255, 1); border-radius: 12px; width: 216px; height: 327px; margin-left: 30px; } .image-text_16 { width: 216px; height: 246px; } .image_4 { width: 216px; height: 216px; } .text-group_14 { width: 136px; height: 18px; margin: 12px 0 0 9px; } .text_17 { width: 54px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 18px; } .text_18 { width: 70px; height: 14px; overflow-wrap: break-word; color: rgba(87, 209, 200, 1); font-size: 14px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 14px; margin-top: 4px; } .text_19 { width: 193px; height: 60px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; margin: 11px 0 10px 12px; } .group_12 { background-color: rgba(255, 255, 255, 1); border-radius: 12px; width: 216px; height: 327px; margin-left: 30px; } .image-text_17 { width: 216px; height: 246px; } .image_5 { width: 216px; height: 216px; } .text-group_15 { width: 136px; height: 18px; margin: 12px 0 0 9px; cursor: pointer; } .text_20 { width: 54px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 18px; } .text_21 { width: 70px; height: 14px; overflow-wrap: break-word; color: rgba(87, 209, 200, 1); font-size: 14px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 14px; margin-top: 4px; } .text_22 { width: 193px; height: 60px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; margin: 11px 0 10px 12px; } .group_13 { background-color: rgba(255, 255, 255, 1); border-radius: 12px; width: 216px; height: 327px; margin-left: 30px; } .image-text_18 { width: 216px; height: 246px; } .image_6 { width: 216px; height: 216px; } .text-group_16 { width: 136px; height: 18px; margin: 12px 0 0 9px; } .text_23 { width: 54px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 18px; } .text_24 { width: 70px; height: 14px; overflow-wrap: break-word; color: rgba(87, 209, 200, 1); font-size: 14px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 14px; margin-top: 4px; } .text_25 { width: 193px; height: 60px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; margin: 11px 0 10px 12px; } .group_14 { background-color: rgba(255, 255, 255, 1); border-radius: 12px; width: 216px; height: 327px; margin-left: 30px; } .image-text_19 { width: 216px; height: 246px; } .image_7 { width: 216px; height: 216px; } .text-group_17 { width: 136px; height: 18px; margin: 12px 0 0 9px; } .text_26 { width: 54px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 18px; } .text_27 { width: 70px; height: 14px; overflow-wrap: break-word; color: rgba(87, 209, 200, 1); font-size: 14px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 14px; margin-top: 4px; } .text_28 { width: 193px; height: 60px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; margin: 11px 0 10px 12px; } .group_15 { height: 48px; width: 48px; margin: 107px 0 0 0px; } .er_back { background: url(public/images/2bg.png) 100% no-repeat; background-size: 100% 100%; padding-bottom: 50px; } .box_4 { width: 19px; height: 17px; margin: 15px 0 0 35px; } .image-wrapper_13 { width: 110px; height: 4px; margin: 30px 0 50px 905px; } .image_8 { width: 110px; height: 4px; } .block_6 { height: 70px; margin: 0 auto; } .text-wrapper_12 { height: 70px; width: 300px; position: relative; cursor: pointer; color: rgba(50, 50, 50, 1); font-size: 24px; font-weight: 900; text-align: center; line-height: 73px; } .text-wrapper_12:hover { color: rgba(87, 209, 200); } .text-wrapper_12-is { background-color: rgba(87, 209, 200, 0.2); } .text-wrapper_12-is:hover { color: #000; } .text_30 { width: 96px; height: 24px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 24px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 24px; margin: 25px 0 0 89px; } .text_31 { width: 96px; height: 24px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 24px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 24px; margin: 25px 0 0 204px; } .text_32 { width: 96px; height: 24px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 24px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 24px; margin: 25px 0 0 203px; } .block_7 { width: 1200px; height: 2px; margin-left: 360px; } .box_7 { background-color: rgba(3, 102, 122, 1); width: 300px; height: 2px; position: absolute; bottom: 0; } .box_8 { background-color: rgba(248, 248, 248, 0.8); width: 900px; height: 2px; } .block_8 { width: 69.2%; height: 470px; margin: 0 auto; margin-top: 40px; } @media screen and (max-width: 1440px) { .block_8 { width: 100%; } } .box_10 { height: 48px; background: url(./img/MasterDDSSlicePNG94d8f7f6becb8795c933a9a16120b715.png) 100% no-repeat; background-size: 100% 100%; margin-top: 211px; width: 48px; } .group_16 { width: 19px; height: 17px; margin: 34px 0 0 13px; } .grid_3 { width: 1200px; height: 470px; margin-left: 31px; flex-wrap: wrap; } .list-items_1 { height: 220px; background-size: 100% 100%; width: 277px; margin: 0 auto; } .list-items_1:nth-child(4n) { margin-right: 0; } .list-items_1:nth-last-child(-n + 4) { margin-bottom: 0; } .text-wrapper_13 { background-color: rgba(0, 0, 0, 0.2); height: 40px; margin-top: -40px; width: 277px; } .text_33 { font-size: 16px; text-align: center; line-height: 40px; color: #ffffff; } .box_11 { height: 48px; width: 48px; margin: 211px 0 0 0px; } .block_1 { width: 19px; height: 17px; margin: 15px 0 0 35px; } .image_9 { width: 110px; height: 4px; margin: 32px 0 349px 905px; } .box_12 { background-color: rgba(11, 121, 143, 1); position: absolute; left: -10px; top: 1242px; width: 100%; height: 309px; border: 1px solid rgba(112, 112, 112, 1); } .group_17 { margin: 0 auto; margin-top: -50px; } .group_18 { height: 342px; background: url(public/images/ks3.png) 100% no-repeat; background-size: 100% 100%; width: 480px; } .group_19 { background-color: rgba(0, 0, 0, 0.2); width: 480px; height: 342px; } .group_36 { width: 480px; height: 316px; margin-top: 26px; } .box_14 { background-color: rgba(253, 253, 253, 1); width: 240px; height: 193px; cursor: pointer; } .image-text_20 { width: 72px; height: 88px; margin: 37px 0 0 84px; } .image-wrapper_2 { height: 54px; background: url(./img/MasterDDSSlicePNG90a1d3843571aa1af8bada8134edafe9.png) 100% no-repeat; background-size: 100% 100%; margin-left: 9px; width: 54px; } .label_1 { width: 70px; height: 70px; margin: 0 auto; } .text-group_6 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin-top: 16px; } .text_34 { width: 135px; height: 14px; overflow-wrap: break-word; color: rgba(50, 50, 50, 0.5); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 14px; margin: 16px 0 38px 53px; } .box_15 { height: 123px; background: url(public/images/ks2.png) 100% no-repeat; background-size: 100% 100%; width: 480px; cursor: pointer; } .section_4 { background-color: rgba(70, 108, 154, 1); width: 240px; height: 193px; margin: -153px 0 0 240px; } .block_2 { height: 54px; width: 54px; margin: 37px 0 0 93px; } .image-wrapper_3 { height: 54px; width: 54px; } .label_2 { width: 50px; height: 50px; margin: 0 auto; } .text_35 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 16px 0 0 84px; } .paragraph_2 { width: 84px; height: 44px; overflow-wrap: break-word; color: rgba(255, 255, 255, 0.5); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; line-height: 14px; margin: 16px 0 8px 78px; } .group_37 { width: 240px; height: 316px; margin-top: 26px; } .box_16 { background-color: rgba(184, 196, 137, 1); width: 240px; height: 193px; cursor: pointer; } .image-wrapper_4 { height: 54px; width: 54px; margin: 37px 0 0 93px; } .image_10 { width: 50px; height: 50px; margin: 0 auto; } .text_36 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 16px 0 0 84px; } .text_37 { width: 172px; height: 14px; overflow-wrap: break-word; color: rgba(255, 255, 255, 0.5); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 14px; margin: 16px 0 38px 34px; } .image_11 { width: 240px; height: 123px; } .image_12 { width: 680px; height: 378px; } .box_36 { width: 1193px; height: 38px; margin: 46px 0 0 360px; } .image-wrapper_5 { height: 38px; width: 38px; } .label_3 { width: 31px; height: 33px; margin: 3px 0 0 4px; } .text_38 { color: rgba(50, 50, 50, 1); font-size: 32px; font-weight: 700; margin-left: 10px; } .san_count { width: 63%; margin: 0 auto; margin-top: 60px; } @media screen and (max-width: 1440px) { .san_count { width: 94%; } } .text_39 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: center; white-space: nowrap; line-height: 18px; } .group_22 { width: 12px; } .image-text_21 { width: 176px; height: 38px; margin-left: 39px; } .label_4 { width: 38px; height: 38px; } .text-group_7 { width: 128px; height: 32px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 32px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: center; white-space: nowrap; line-height: 32px; margin-top: 4px; } .text_40 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: center; white-space: nowrap; line-height: 18px; margin: 10px 0 0 299px; } .group_23 { width: 12px; height: 8px; margin: 11px 0 0 18px; } .image-wrapper_14 { width: 1201px; height: 308px; margin: 30px 0 0 360px; } .image_13 { width: 585px; height: 308px; } .image_14 { width: 585px; height: 308px; } .text-wrapper_48 { width: 1071px; height: 18px; margin: 27px 0 0 360px; } .text_41 { width: 455px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; line-height: 18px; } .text_42 { width: 455px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 18px; } .text-wrapper_49 { width: 1201px; height: 40px; margin: 12px 0 0 360px; } .text_43 { width: 585px; height: 40px; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; } .text_44 { width: 585px; height: 40px; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; } .text-wrapper_50 { width: 681px; height: 12px; margin: 18px 0 0 360px; } .text_45 { width: 65px; height: 12px; overflow-wrap: break-word; color: rgba(15, 192, 183, 1); font-size: 12px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 12px; } .text_46 { width: 65px; height: 12px; overflow-wrap: break-word; color: rgba(15, 192, 183, 1); font-size: 12px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 12px; } .box_37 { width: 1201px; height: 1px; margin: 21px 0 0 360px; } .box_19 { background-color: rgba(255, 255, 255, 0.7); width: 585px; height: 1px; } .box_20 { background-color: rgba(255, 255, 255, 0.5); width: 585px; height: 1px; } .text-wrapper_51 { width: 1071px; height: 18px; margin: 26px 0 0 360px; } .text_47 { width: 455px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 18px; } .text_48 { width: 455px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 18px; } .text-wrapper_52 { width: 1201px; height: 40px; margin: 12px 0 0 360px; } .text_49 { width: 585px; height: 40px; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; } .text_50 { width: 585px; height: 40px; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; } .text-wrapper_53 { width: 681px; height: 12px; margin: 18px 0 0 360px; } .text_51 { width: 65px; height: 12px; overflow-wrap: break-word; color: rgba(15, 192, 183, 1); font-size: 12px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 12px; } .text_52 { width: 65px; height: 12px; overflow-wrap: break-word; color: rgba(15, 192, 183, 1); font-size: 12px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 12px; } .box_38 { width: 1201px; height: 1px; margin: 21px 0 0 360px; } .group_24 { background-color: rgba(255, 255, 255, 0.5); width: 585px; height: 1px; } .group_25 { background-color: rgba(255, 255, 255, 0.5); width: 585px; height: 1px; } .text-wrapper_54 { width: 1071px; height: 18px; margin: 26px 0 0 360px; } .text_53 { width: 455px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 18px; } .text_54 { width: 455px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 18px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 18px; } .text-wrapper_55 { width: 1201px; height: 40px; margin: 12px 0 0 360px; } .text_55 { width: 585px; height: 40px; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; } .text_56 { width: 585px; height: 40px; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; } .text-wrapper_56 { width: 681px; height: 12px; margin: 18px 0 51px 360px; } .text_57 { width: 65px; height: 12px; overflow-wrap: break-word; color: rgba(15, 192, 183, 1); font-size: 12px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 12px; } .text_58 { width: 65px; height: 12px; overflow-wrap: break-word; color: rgba(15, 192, 183, 1); font-size: 12px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: left; white-space: nowrap; line-height: 12px; } .box_22 { background-color: rgba(255, 255, 255, 1); width: 480px; height: 167px; } @media screen and (max-width: 1440px) { .box_22 { left: 10px; } } .text_59 { width: 120px; height: 20px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 20px; font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; white-space: nowrap; line-height: 20px; margin: 26px 0 0 30px; } .text_60 { width: 207px; height: 14px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 14px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: center; white-space: nowrap; line-height: 14px; margin: 17px 0 0 30px; } .group_26 { background-color: rgba(249, 249, 249, 1); height: 44px; width: 410px; position: relative; margin: 22px 0 24px 30px; } .text_61 { width: 100%; height: 100%; overflow-wrap: break-word; color: #999999; font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 14px; background-color: #f9f9f9; padding-left: 10px; } .group_27 { background-color: rgba(25, 195, 190, 1); height: 44px; width: 70px; position: absolute; left: 350px; top: 0; cursor: pointer; } .group_28 { width: 24px; height: 24px; margin: 11px 0 0 22px; } .box_23 { width: 240px; height: 193px; background: url(public/images/k8.png) 100% no-repeat; background-size: 100% 100%; cursor: pointer; } @media screen and (max-width: 1440px) { .box_23 { left: 490px; } } .image-wrapper_7 { height: 54px; width: 54px; margin: 37px 0 0 93px; } .image_15 { width: 51px; height: 52px; margin: 1px 0 0 2px; } .text_62 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 16px 0 0 84px; } .text_63 { width: 126px; height: 14px; overflow-wrap: break-word; color: rgba(255, 255, 255, 0.5); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 14px; margin: 16px 0 38px 57px; } .box_24 { background-color: rgba(189, 170, 130, 1); width: 240px; height: 193px; margin-top: 40px; cursor: pointer; } .image-wrapper_8 { height: 54px; width: 54px; margin: 37px 0 0 93px; } .image_16 { width: 50px; height: 50px; margin:0 auto } .text_64 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 16px 0 0 84px; } .paragraph_3 { width: 108px; height: 29px; overflow-wrap: break-word; color: rgba(255, 255, 255, 0.5); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; line-height: 14px; margin: 16px 0 23px 66px; } .box_25 { background-color: rgba(31, 150, 174, 1); width: 240px; height: 193px; cursor: pointer; } @media screen and (max-width: 1440px) { .box_25 { left: 970px; } } .image-wrapper_9 { height: 54px; width: 54px; margin: 37px 0 0 93px; } .label_5 { width: 50px; height: 50px; margin: 3px 0 0 8px; } .text_65 { width: 72px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 18px; margin: 16px 0 0 84px; } .text_66 { width: 117px; height: 14px; overflow-wrap: break-word; color: rgba(255, 255, 255, 0.5); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 14px; margin: 16px 0 38px 62px; } .box_26 { background-color: rgba(255, 255, 255, 1); height: 348px; width: 100%; margin-top: 16px; margin-left: -20px; } .group_38 { width: 186px; height: 38px; margin: 46px 0 0 30px; } .image-wrapper_10 { height: 38px; width: 38px; } .label_6 { width: 33px; height: 30px; margin: 5px 0 0 3px; } .text_67 { width: 128px; height: 32px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 32px; font-family: Source Han Serif CN-Bold; font-weight: 700; text-align: center; white-space: nowrap; line-height: 32px; margin-top: 4px; } .text_68 { width: 509px; height: 214px; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 14px; font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; line-height: 20px; margin: 16px 0 34px 30px; } .box_27 { border-radius: 21px; position: absolute; left: 815px; top: 918px; width: 130px; height: 42px; border: 1px solid rgba(50, 50, 50, 1); } .box_28 { border-radius: 21px; position: absolute; left: 1431px; top: 918px; width: 130px; height: 42px; border: 1px solid rgba(50, 50, 50, 1); } .group_29 { background-color: rgba(26, 172, 162, 1); width: 100%; height: 309px; } .text-wrapper_57 { position: relative; width: 538px; height: 22px; margin: 38px 0 0 358px; } @media screen and (max-width: 1440px) { .text-wrapper_57 { margin: 38px 0 0 47px; } } .text_69 { width: 88px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 22px; } .text_70 { width: 88px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 22px; margin-left: 212px; } .text_71 { width: 88px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 22px; margin-left: 62px; } .text_72 { position: absolute; left: 0; top: 0; width: 88px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 22px; } .text_73 { position: absolute; left: 300px; top: 0; width: 88px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 22px; } .text_74 { position: absolute; left: 450px; top: 0; width: 88px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 22px; } .block_4 { background-color: rgba(255, 255, 255, 1); width: 1200px; height: 1px; margin: 22px 0 0 358px; } @media screen and (max-width: 1440px) { .block_4 { margin: 38px 0 0 47px; } } .block_9 { width: 1183px; height: 111px; margin: 23px 0 0 358px; } @media screen and (max-width: 1440px) { .block_9 { margin: 38px 0 0 47px; } } .text-wrapper_58 { position: relative; width: 258px; height: 98px; margin-top: 8px; } .text_75 { width: 258px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_76 { width: 168px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 25px; } .text_77 { width: 228px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 25px; } .text_78 { position: absolute; left: 0; top: 0; width: 258px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_79 { position: absolute; left: 0; top: 41px; width: 168px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_80 { position: absolute; left: 0; top: 82px; width: 228px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text-wrapper_59 { position: relative; width: 96px; height: 98px; margin: 8px 0 0 42px; } .text_81 { width: 96px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_82 { width: 96px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 25px; } .text_83 { width: 64px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 25px; } .text_84 { position: absolute; left: 0; top: 0; width: 96px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_85 { position: absolute; left: 0; top: 41px; width: 96px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_86 { position: absolute; left: 0; top: 82px; width: 64px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text-wrapper_60 { position: relative; width: 96px; height: 98px; margin: 8px 0 0 54px; } .text_87 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_88 { width: 96px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 25px; } .text_89 { width: 64px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 25px; } .text_90 { position: absolute; left: 0; top: 0; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_91 { position: absolute; left: 0; top: 41px; width: 96px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_92 { position: absolute; left: 0; top: 82px; width: 64px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text-wrapper_61 { position: relative; width: 80px; height: 98px; margin: 8px 0 0 54px; } .text_93 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_94 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 24px; } .text_95 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 26px; } .text_96 { position: absolute; left: 0; top: 0; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_97 { position: absolute; left: 0; top: 40px; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_98 { position: absolute; left: 0; top: 82px; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text-wrapper_62 { position: relative; width: 80px; height: 98px; margin: 8px 0 0 70px; } .text_99 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_100 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 24px; } .text_101 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-top: 26px; } .text_102 { position: absolute; left: 0; top: 0; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_103 { position: absolute; left: 0; top: 40px; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_104 { position: absolute; left: 0; top: 82px; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .section_5 { background-color: rgba(255, 255, 255, 1); width: 111px; height: 111px; border: 1px solid rgba(112, 112, 112, 1); margin-left: 93px; } .section_6 { background-color: rgba(255, 255, 255, 1); width: 111px; height: 111px; border: 1px solid rgba(112, 112, 112, 1); margin-left: 38px; } .text-wrapper_63 { position: relative; width: 852px; height: 19px; margin: 20px 0 53px 658px; } @media screen and (max-width: 1440px) { .text-wrapper_63 { margin: 20px 0 0 349px; } } .text_105 { width: 64px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_106 { width: 64px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-left: 86px; } .text_107 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-left: 86px; } .text_108 { width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin-left: 70px; } .text_109 { width: 48px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin: 3px 0 0 125px; } .text_110 { width: 48px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; margin: 3px 0 0 101px; } .text_111 { position: absolute; left: 0; top: 0; width: 64px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_112 { position: absolute; left: 150px; top: 0; width: 64px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_113 { position: absolute; left: 300px; top: 0; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_114 { position: absolute; left: 450px; top: 0; width: 80px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_115 { position: absolute; left: 655px; top: 3px; width: 48px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } .text_116 { position: absolute; left: 804px; top: 3px; width: 48px; height: 16px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 16px; } body * { box-sizing: border-box; flex-shrink: 0; } body { font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; } 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; } .group_6 .swiper-slide img{ width:100%; height: 500px; height:auto; transition:1s linear 2s; transform:scale(1.1,1.1); } .group_6 .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:6s linear; transform:scale(1,1); }