.page { background-color: rgba(255, 255, 255, 1); position: relative; width: 99vw; /* height: 226.0vw; */ overflow: hidden; } .box_1 { width: inherit; height: 55.7vw; /* background: url(./img/SketchPng2b5546ab82e8f411acecd47a0d5001b68cf0346459775823c648ae71af7d3f64.png) 100% no-repeat; background-size: 100% 100%; */ width: inherit; } .box_2 { width: inherit; height: 4.31vw; margin: 1.37vw 0 0 0; } .image_1 { width: 16.09vw; height: 4.31vw; margin-top: 0.05vw; margin-left: 3.95vw; } .image_2 { width: 0.05vw; height: 4.31vw; margin-left: 1.26vw; } .text_1 { width: 15.16vw; height: 2.63vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.89vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.63vw; margin: 0.95vw 0 0 1.26vw; } .box_3 { width: 2.74vw; height: 2.32vw; margin: 1.05vw 0 0 4.63vw; } .text_2 { width: 2.74vw; height: 1.95vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.37vw; font-family: PingFangSC-Semibold; font-weight: 600; text-align: left; white-space: nowrap; line-height: 1.95vw; } .image_3 { width: 1.74vw; height: 0.05vw; margin: 0.32vw 0 0 0.21vw; } .text_3 { width: 5.47vw; height: 1.95vw; overflow-wrap: break-word; color: rgba(231, 231, 231, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.95vw; margin: 1.05vw 0 0 2.21vw; } .text_4 { width: 8.21vw; height: 1.95vw; overflow-wrap: break-word; color: rgba(231, 231, 231, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.95vw; margin: 1.05vw 0 0 2.26vw; } .text_5 { width: 5.47vw; height: 1.95vw; overflow-wrap: break-word; color: rgba(231, 231, 231, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.95vw; margin: 1.05vw 0 0 2.21vw; } .text_6 { width: 8.21vw; height: 1.95vw; overflow-wrap: break-word; color: rgba(231, 231, 231, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.95vw; margin: 1.05vw 0 0 2.21vw; } .text_7 { width: 5.47vw; height: 1.95vw; overflow-wrap: break-word; color: rgba(231, 231, 231, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.95vw; margin: 1.05vw 0 0 2.26vw; } .text_8 { width: 5.47vw; height: 1.95vw; overflow-wrap: break-word; color: rgba(231, 231, 231, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.95vw; margin: 1.05vw 0 0 2.21vw; } .image-wrapper_1 { width: 5.95vw; height: 6.79vw; margin: 0.32vw 0 0 94.79vw; } .image_4 { width: 5.95vw; height: 6.79vw; } .text-wrapper_1 { width: 44.74vw; height: 7.37vw; margin: 4.21vw 0 0 11.26vw; } .text_9 { width: 44.74vw; height: 7.37vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 5.26vw; font-family: STBaoliSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 7.37vw; } .text-wrapper_2 { width: 44.74vw; height: 7.37vw; margin: 1.11vw 0 0 44.16vw; } .text_10 { width: 44.74vw; height: 7.37vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 5.26vw; font-family: STBaoliSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 7.37vw; } .image-wrapper_2 { width: 3.84vw; height: 2.95vw; margin: 14vw 0 0 50.63vw; } .image_5 { width: 3.84vw; height: 0.79vw; } .box_4 { width: 80vw; height: 5.25vw; margin: 0 0 0 11vw; position:fixed; right: auto; left: auto; bottom: 0; } .section_1 { background-color: rgba(255, 255, 255, 1); width: 61.89vw; height:inherit; } .image-text_1 { width: 8.74vw; height: 3.05vw; margin: 1vw 0 0 1.05vw; } .image_6 { width: 2.63vw; height: 2.63vw; } .text-group_1 { width: 5.74vw; height: 3.05vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; line-height: 1.53vw; } .image_7 { width: 0.05vw; height: 2.32vw; margin: 1.4vw 0 0 0.32vw; } .image-text_2 { width: 8.11vw; height: 2.63vw; margin: 2.63vw 0 0 1.05vw; } .image_8 { width: 2.63vw; height: 2.63vw; } .text-group_2 { width: 5.63vw; height: 1.53vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.53vw; margin-top: 0.53vw; } .image_9 { width: 0.05vw; height: 2.32vw; margin: 2.79vw 0 0 1.05vw; } .image-text_3 { width: 7.79vw; height: 2.63vw; margin: 2.74vw 0 0 0.89vw; } .image_10 { width: 2.63vw; height: 2.63vw; } .text-group_3 { width: 4.42vw; height: 1.53vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.53vw; margin-top: 0.47vw; } .image_11 { width: 0.05vw; height: 2.32vw; margin: 2.79vw 0 0 1.47vw; } .image-text_4 { width: 8.32vw; height: 3.05vw; margin: 2.63vw 0 0 1.21vw; } .image_12 { width: 2.63vw; height: 2.63vw; margin-top: 0.16vw; } .text-group_4 { width: 5.0vw; height: 3.05vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; line-height: 1.53vw; } .image_13 { width: 0.05vw; height: 2.32vw; margin: 2.79vw 0 0 0.68vw; } .image-text_5 { width: 8.95vw; height: 3.05vw; margin: 2.63vw 0 0 0.79vw; } .image_14 { width: 2.63vw; height: 2.63vw; margin-top: 0.16vw; } .text-group_5 { width: 5.74vw; height: 3.05vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; line-height: 1.53vw; } .image_15 { width: 0.05vw; height: 2.32vw; margin: 2.79vw 0 0 0.47vw; } .image_16 { width: 2.63vw; height: 2.63vw; margin: 2.63vw 0 0 1.26vw; } .text_11 { width: 2.58vw; height: 1.53vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; white-space: nowrap; line-height: 1.53vw; margin: 3.21vw 2.53vw 0 1.32vw; } .section_2 { background-color: rgba(0, 115, 187, 1); position: relative; width: 19.11vw; height: inherit; } .box_5{ background-color: rgba(255, 255, 255, 1); border-radius: 1.58vw; position: absolute; left: 0.84vw; top: 1.17vw; width: 14.16vw; height: 3.16vw; border: 0.11vw solid rgba(255, 255, 255, 1); display: flex; /* 使用弹性布局 */ /* justify-content: center; 水平居中 */ align-items:baseline; /* 垂直居中 */ } .image_search{ font-size: 1.05vw;margin-left: 1.58vw;outline: none;margin-right: 1.58vw; width: 11vw; height: 3.16vw; } .text_12 { width: 2.11vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(38, 38, 38, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin: 0.79vw 0 0 1.89vw; } .text_12 { width: 9.47vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin: 3.16vw 0 0 2.74vw; } .label_1 { width: 1.84vw; height: 1.84vw; margin: 2.16vw 0.84vw 0 4.21vw; } /* .box_5 { border-radius: 1.58vw; position: absolute; left: 0.84vw; top: 2.37vw; width: 14.16vw; height: 3.16vw; border: 0.11vw solid rgba(255, 255, 255, 1); } */ .box_6 { position: relative; width: inherit; height: 169.21vw; margin-bottom: 0.05vw; } .section_3 { background-image: url(./img/77c192fe75584acc8cce2b1429a37a57_mergeImage.png); height: 43.47vw; margin-top: 48.05vw; width: inherit; } .text-wrapper_3 { width: 8.0vw; height: 2.79vw; margin: 3.58vw 0 0 9.95vw; } .text_13 { width: 8.0vw; height: 2.79vw; overflow-wrap: break-word; color: rgba(0, 0, 0, 1); font-size: 2.0vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.79vw; } .group_1 { width: 5.05vw; height: 0.53vw; margin: 1.11vw 0 0 9.95vw; } .group_2 { background-color: rgba(0, 115, 187, 1); width: 5.05vw; height: 0.53vw; } .image-wrapper_3 { width: 8.32vw; height: 1.53vw; margin: 3.26vw 0 0 82.37vw; } .image_17 { width: 3.11vw; height: 1.53vw; } .image_18 { width: 3.11vw; height: 1.53vw; } .group_3 { width: 80.63vw; height: 10.0vw; margin: 2.68vw 0 0 10.32vw; } .box_7 { background-color: rgba(255, 255, 255, 0.4); width: 25.26vw; height: 10.0vw; } .image_19 { width: 5.26vw; height: 5.26vw; margin: 2.37vw 0 0 2.37vw; } .text-group_6 { width: 6.95vw; height: 6.11vw; margin: 1.63vw 7.26vw 0 3.42vw; } .text-wrapper_4 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; font-size: 0; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_14 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(0, 115, 187, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_15 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(34, 34, 34, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_16 { width: 3.79vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-top: 0.37vw; } .box_8 { background-color: rgba(255, 255, 255, 0.4); width: 25.26vw; height: 10.0vw; margin-left: 2.42vw; } .image_20 { width: 5.26vw; height: 5.26vw; margin: 2.37vw 0 0 2.05vw; } .text-group_7 { width: 5.68vw; height: 6.11vw; margin: 1.63vw 8.79vw 0 3.47vw; } .text-wrapper_5 { width: 5.05vw; height: 4.42vw; overflow-wrap: break-word; font-size: 0; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_17 { width: 5.05vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(0, 115, 187, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_18 { width: 5.05vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(34, 34, 34, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_19 { width: 5.68vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-top: 0.37vw; } .box_9 { background-color: rgba(255, 255, 255, 0.4); width: 25.26vw; height: 10.0vw; margin-left: 2.42vw; } .image_21 { width: 5.26vw; height: 5.26vw; margin: 2.63vw 0 0 1.89vw; } .text-group_8 { width: 10.74vw; height: 6.11vw; margin: 1.63vw 3.79vw 0 3.58vw; } .text-wrapper_6 { width: 10.74vw; height: 4.42vw; overflow-wrap: break-word; font-size: 0; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_20 { width: 10.74vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(0, 115, 187, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_21 { width: 10.74vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(34, 34, 34, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_22 { width: 4.74vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-top: 0.37vw; } .group_4 { width: 80.63vw; height: 10.0vw; margin: 2.05vw 0 5.95vw 10.32vw; } .section_4 { background-color: rgba(255, 255, 255, 0.4); width: 25.26vw; height: 10.0vw; } .image_22 { width: 5.26vw; height: 5.26vw; margin: 2.37vw 0 0 2.37vw; } .text-group_9 { width: 6.63vw; height: 6.11vw; margin: 1.63vw 7.58vw 0 3.42vw; } .text-wrapper_7 { width: 6.37vw; height: 4.42vw; overflow-wrap: break-word; font-size: 0; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_23 { width: 6.37vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(0, 115, 187, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_24 { width: 6.37vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(34, 34, 34, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_25 { width: 6.63vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-top: 0.37vw; } .section_5 { background-color: rgba(255, 255, 255, 0.4); width: 25.26vw; height: 10.0vw; margin-left: 2.42vw; } .image_23 { width: 5.26vw; height: 5.26vw; margin: 2.37vw 0 0 2.05vw; } .text-group_10 { width: 12.53vw; height: 6.11vw; margin: 1.63vw 1.95vw 0 3.47vw; } .text-wrapper_8 { width: 12.53vw; height: 4.42vw; overflow-wrap: break-word; font-size: 0; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_26 { width: 12.53vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(0, 115, 187, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_27 { width: 12.53vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(34, 34, 34, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_28 { width: 3.79vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-top: 0.37vw; } .section_6 { background-color: rgba(255, 255, 255, 0.4); width: 25.26vw; height: 10.0vw; margin-left: 2.42vw; } .image_24 { width: 5.26vw; height: 5.26vw; margin: 2.37vw 0 0 1.89vw; } .text-group_11 { width: 6.95vw; height: 6.11vw; margin: 1.63vw 7.58vw 0 3.58vw; } .text-wrapper_9 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; font-size: 0; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_29 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(0, 115, 187, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_30 { width: 6.95vw; height: 4.42vw; overflow-wrap: break-word; color: rgba(34, 34, 34, 1); font-size: 3.16vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 4.42vw; } .text_31 { width: 4.74vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-top: 0.37vw; } .text_32 { width: 8.0vw; height: 2.79vw; overflow-wrap: break-word; color: rgba(24, 24, 24, 1); font-size: 2.0vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.79vw; margin: 4.11vw 0 0 9.95vw; } .section_7 { background-color: rgba(0, 115, 187, 1); width: 5.05vw; height: 0.53vw; margin: 0.68vw 0 0 9.95vw; } .image-wrapper_4 { width: 8.16vw; height: 3.68vw; margin: 2.05vw 0 0 82.26vw; } .image_25 { width: 3.68vw; height: 3.68vw; } .image_26 { width: 3.68vw; height: 3.68vw; } .section_8 { width: 80.0vw; height: 28.37vw; margin: 1.53vw 0 0 10.42vw; } .block_1 { background-color: rgba(255, 255, 255, 1); width: 25.79vw; height: 28.26vw; margin-top: 0.11vw; } .image_27 { width: 0.05vw; height: 8.53vw; margin-left: 0.53vw; } .block_2 { width: 24.05vw; height: 28.21vw; margin-left: 4.53vw; } .image-wrapper_5 { width: 13.47vw; height: 8.53vw; margin-left: 8.84vw; } .image_28 { width: 0.05vw; height: 8.53vw; } .image_29 { width: 0.05vw; height: 8.53vw; } .group_5 { background-image: url(./img/f72c9f158af34cb09c3dbd758a7b910d_mergeImage.png); height: 13.53vw; margin-top: 6.16vw; width: 24.05vw; } .text-wrapper_10 { background-color: rgba(0, 0, 0, 0.6); height: 3.16vw; margin-top: 10.37vw; width: 24.05vw; } .text_33 { width: 8.53vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin: 0.95vw 0 0 1.47vw; } .block_3 { width: 24.05vw; height: 28.21vw; margin-left: 1.0vw; } .image_30 { width: 0.05vw; height: 8.53vw; margin-left: 10.63vw; } .section_9 { /* background-image: url(./img/e7b36972753d4f47b64f5081f8fd3255_mergeImage.png); */ height: 13.53vw; margin-top: 6.16vw; width: 24.05vw; position: absolute; left: 66.37vw; top: 19.84vw; overflow: hidden; } .section_9 img{ display: block; transition: transform 0.3s ease-in-out; } .section_9:hover img { transform: scale(1.2); transform-origin: center center; } .text-wrapper_11 { background-color: rgba(0, 0, 0, 0.6); height: 3.16vw; margin-top: 10.37vw; width: 24.05vw; } .text_34 { width: 18.0vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin: 0.95vw 0 0 1vw; } .tag { font-size: 0.95vw; padding: 0.26vw 0.53vw; height: 1.5vw; background-color: rgba(0, 115, 187, 1); color: #fff; border-radius: 0.26vw; text-decoration: none; transition: background-color 0.3s ease-in-out; } .tag:hover { /* background-color: #add8e6; */ text-decoration: none; } .tagOff { font-size: 0.95vw; padding: 0.26vw 0.53vw; height: 1.5vw; background-color: #add8e6; color: #fff; border-radius: 0.26vw; text-decoration: none; transition: background-color 0.3s ease-in-out; } .tagOff:hover { /* background-color: rgba(0, 115, 187, 1); */ text-decoration: none; } .section_10 { background-color: rgba(0, 115, 187, 1); height: 25.32vw; width: 100.95vw; margin: 0 0 0.05vw 0.11vw; } .group_6 { width: 55.05vw; height: 7.0vw; margin: 2.16vw 0 0 9.95vw; } .image_31 { width: 16.26vw; height: 4.32vw; margin-top: 0.11vw; } .image_32 { width: 0.05vw; height: 4.42vw; margin-left: 1.26vw; } .text_35 { width: 15.16vw; height: 2.63vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.89vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.63vw; margin: 0.95vw 0 0 1.26vw; } .text-wrapper_12 { width: 64.0vw; height: 2.37vw; margin: 0 0 0 11.37vw; } .text_36 { width: 6.74vw; height: 2.37vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.68vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.37vw; } .text_37 { width: 6.74vw; height: 2.37vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.68vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.37vw; } .image-wrapper_6 { width: 78.42vw; height: 0.05vw; margin: 1.21vw 0 0 11.32vw; } .image_33 { width: 42.16vw; height: 0.05vw; } .image_34 { width: 21.16vw; height: 0.05vw; margin-bottom: 1vh; } .group_7 { width: 74.26vw; height: 5.53vw; margin: 0 0 2.05vw 11.32vw; } .text-group_12 { width: 7.58vw; height: 3.42vw; } .text_38 { width: 7.58vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; } .text_39 { width: 7.58vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-top: 0.79vw; } .text_40 { width: 7.58vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-left: 18.05vw; } .text-group_13 { width: 17.0vw; height: 5.53vw; margin-left: 21.05vw; } .text_41 { width: 16.68vw; /* height: ; */ overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; /* line-height: 1.32vw; */ } .text_42 { width: 8.68vw; /* height: 1.32vw; */ overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; /* line-height: 1.32vw; */ margin-top: 0.79vw; } .text_43 { width: 17.0vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin-top: 0.79vw; } .section_11 { background-color: rgba(255, 255, 255, 1); position: absolute; left: 0; top: -0.37vw; width: inherit; height: 48.42vw; } .text-wrapper_13 { width: 51.11vw; height: 2.79vw; margin: 3.79vw 0 0 9.95vw; } .text_44 { width: 8.0vw; height: 2.79vw; overflow-wrap: break-word; color: rgba(39, 39, 39, 1); font-size: 2.0vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.79vw; } .text_45 { width: 8.0vw; height: 2.79vw; overflow-wrap: break-word; color: rgba(39, 39, 39, 1); font-size: 2.0vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 2.79vw; } .group_8 { width: 48.16vw; height: 0.53vw; margin: 0.37vw 0 0 9.95vw; } .group_9 { background-color: rgba(0, 115, 187, 1); width: 5.05vw; height: 0.53vw; } .group_10 { background-color: rgba(0, 115, 187, 1); width: 5.05vw; height: 0.53vw; } .image-wrapper_7 { width: 48.58vw; height: 0.63vw; margin: 2.05vw 0 0 42.37vw; } .image_35 { width: 5.68vw; height: 0.63vw; } .image_36 { width: 5.68vw; height: 0.63vw; } .grid_1 { width: 81.0vw; height: 29.84vw; flex-wrap: wrap; margin: 1.53vw 0 6.89vw 9.95vw; } .group_11 { background-color: rgba(248, 248, 248, 0.6); height: 9.21vw; width: 38.11vw; margin: 0 4.79vw 1.11vw 0; } .section_12 { width: 35.89vw; height: 3.79vw; margin: 1.32vw 0 0 1.53vw; } .text-group_14 { width: 13.79vw; /* height: 3.68vw; */ margin-left: 12.32vw; } .text_46 { width: 3.79vw; height: 1.74vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.26vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .text_47 { width: 2.84vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(208, 208, 208, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin-top: 0.47vw; } .text_48 { width: 30.26vw; height: 1.79vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .section_13 { width: 34.89vw; height: 3.16vw; margin: 0.11vw 0 0.84vw 1.47vw; } .image_37 { width: 3.95vw; height: 0.05vw; margin-top: 1.16vw; } .paragraph_1 { width: 29.21vw; height: 3.16vw; overflow-wrap: break-word; color: rgba(155, 155, 155, 1); font-size: 1.16vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; line-height: 1.58vw; } .group_12 { background-color: rgba(248, 248, 248, 0.6); height: 9.21vw; margin-bottom: 1.11vw; width: 38.11vw; } .group_13 { width: 35.89vw; height: 3.79vw; margin: 1.32vw 0 0 1.53vw; } .text-group_15 { width: 3.79vw; height: 3.68vw; margin-top: 0.11vw; } .text_49 { width: 3.79vw; height: 1.74vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.26vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .text_50 { width: 2.84vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(208, 208, 208, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin-top: 0.47vw; } .text_51 { width: 30.26vw; height: 1.79vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .group_14 { width: 34.89vw; height: 3.16vw; margin: 0.11vw 0 0.84vw 1.47vw; } .image_38 { width: 3.95vw; height: 0.05vw; margin-top: 1.16vw; } .paragraph_2 { width: 29.21vw; height: 3.16vw; overflow-wrap: break-word; color: rgba(155, 155, 155, 1); font-size: 1.16vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; line-height: 1.58vw; } .group_15 { background-color: rgba(248, 248, 248, 0.6); width: 38.11vw; height: 9.21vw; margin: 0 4.79vw 1.11vw 0; } .section_14 { width: 3.95vw; height: 4.89vw; margin: 1.53vw 0 0 1.47vw; } .text-group_16 { width: 3.58vw; height: 3.84vw; margin-left: 0.05vw; } .text_52 { width: 3.58vw; height: 1.74vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.26vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .text_53 { width: 2.63vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(208, 208, 208, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin-top: 0.63vw; } .image_39 { width: 3.95vw; height: 0.05vw; margin-top: 1.0vw; } .text-group_17 { width: 30.26vw; height: 7.11vw; margin: 1.26vw 0.74vw 0 1.68vw; } .paragraph_3 { width: 30.26vw; height: 3.53vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; line-height: 1.74vw; } .paragraph_4 { width: 27.21vw; height: 3.16vw; overflow-wrap: break-word; color: rgba(155, 155, 155, 1); font-size: 1.16vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; line-height: 1.58vw; margin: 0.42vw 0 0 0.16vw; } .group_16 { background-color: rgba(248, 248, 248, 0.6); width: 38.11vw; height: 9.21vw; margin-bottom: 1.11vw; } .group_17 { width: 3.95vw; height: 4.89vw; margin: 1.53vw 0 0 1.47vw; } .text-group_18 { width: 3.58vw; height: 3.84vw; margin-left: 0.05vw; } .text_54 { width: 3.58vw; height: 1.74vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.26vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .text_55 { width: 2.63vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(208, 208, 208, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin-top: 0.63vw; } .image_40 { width: 3.95vw; height: 0.05vw; margin-top: 1.0vw; } .text-group_19 { width: 30.26vw; height: 7.11vw; margin: 1.26vw 0.74vw 0 1.68vw; } .paragraph_5 { width: 30.26vw; height: 3.53vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; line-height: 1.74vw; } .paragraph_6 { width: 27.21vw; height: 3.16vw; overflow-wrap: break-word; color: rgba(155, 155, 155, 1); font-size: 1.16vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; line-height: 1.58vw; margin: 0.42vw 0 0 0.16vw; } .group_18 { background-color: rgba(248, 248, 248, 0.6); width: 38.11vw; height: 9.21vw; margin: 0 4.79vw 1.11vw 0; } .box_10 { width: 5.11vw; height: 4.79vw; margin: 1.68vw 0 0 1.58vw; } .text-group_20 { width: 5.05vw; height: 3.68vw; margin-left: 0.05vw; } .text_56 { width: 5.05vw; height: 1.74vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.26vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .text_57 { width: 2.63vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(208, 208, 208, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin-top: 0.47vw; } .image_41 { width: 3.95vw; height: 0.05vw; margin-top: 1.05vw; } .text-wrapper_14 { width: 30.05vw; height: 7.05vw; margin: 1.37vw 0.89vw 0 0.47vw; } .text_58 { width: 28.79vw; height: 1.79vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .paragraph_7 { width: 29.95vw; height: 3.16vw; overflow-wrap: break-word; color: rgba(155, 155, 155, 1); font-size: 1.16vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; line-height: 1.58vw; margin: 2.11vw 0 0 0.11vw; } .group_19 { background-color: rgba(248, 248, 248, 0.6); width: 38.11vw; height: 9.21vw; margin-bottom: 1.11vw; } .section_15 { width: 5.11vw; height: 4.79vw; margin: 1.68vw 0 0 1.58vw; } .text-group_21 { width: 5.05vw; height: 3.68vw; margin-left: 0.05vw; } .text_59 { width: 5.05vw; height: 1.74vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.26vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .text_60 { width: 2.63vw; height: 1.47vw; overflow-wrap: break-word; color: rgba(208, 208, 208, 1); font-size: 1.05vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.47vw; margin-top: 0.47vw; } .image_42 { width: 3.95vw; height: 0.05vw; margin-top: 1.05vw; } .text-wrapper_15 { width: 30.05vw; height: 7.05vw; margin: 1.37vw 0.89vw 0 0.47vw; } .text_61 { width: 28.79vw; height: 1.79vw; overflow-wrap: break-word; color: rgba(55, 55, 55, 1); font-size: 1.37vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 1.74vw; } .paragraph_8 { width: 29.95vw; height: 3.16vw; overflow-wrap: break-word; color: rgba(155, 155, 155, 1); font-size: 1.16vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; line-height: 1.58vw; margin: 2.11vw 0 0 0.11vw; } .section_16 { /* background-image: url(./img/5ea9c9e2cad44ca1ae4d5a832ad55b9a_mergeImage.png); */ height: 28.11vw; width: 30.42vw; position: absolute; left: 9.95vw; top: 11.42vw; overflow: hidden; } .section_16 img{ display: block; transition: transform 0.3s ease-in-out; } .section_16:hover img { transform: scale(1.2); transform-origin: center center; } .section_171 { /* background-image: url(../img/f72c9f158af34cb09c3dbd758a7b910d_mergeImage.png); */ height: 13.53vw; width: 24.05vw; position: absolute; left: 41.32vw; top: 26.0vw; overflow: hidden; } .section_171 img{ display: block; transition: transform 0.3s ease-in-out; } .section_171:hover img { transform: scale(1.2); transform-origin: center center; } .text-wrapper_16 { background-color: rgba(0, 0, 0, 0.6); height: 3.47vw; margin-top: 24.63vw; width: 30.42vw; } .text_62 { width: 25.26vw; height: 2.37vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 1.68vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 2.37vw; margin: 0.42vw 0 0 1.53vw; } .section_17 { /* background-image: url(./img/e5968e9465ef4a9985d303ce498aee75_mergeImage.png); */ height: 13.53vw; width: 24.05vw; position: absolute; left: 41.32vw; top: 11.42vw; overflow: hidden; } .section_17 img{ display: block; transition: transform 0.3s ease-in-out; } .section_17:hover img { transform: scale(1.2); transform-origin: center center; } .text-wrapper_17 { background-color: rgba(0, 0, 0, 0.6); height: 3.16vw; margin-top: 10.37vw; width: 24.05vw; } .text_63 { width: 18.0vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin: 0.95vw 0 0 1.47vw; } .section_18 { /* background-image: url(./img/31e537349c9049e998596c1a548bd78b_mergeImage.png); */ height: 13.53vw; width: 24.05vw; position: absolute; left: 66.37vw; top: 11.42vw; overflow: hidden; } .section_18 img{ display: block; transition: transform 0.3s ease-in-out; } .section_18:hover img { transform: scale(1.2); transform-origin: center center; } .text-wrapper_18 { background-color: rgba(0, 0, 0, 0.6); height: 3.16vw; margin-top: 10.37vw; width: 24.05vw; } .text_64 { width: 22.74vw; height: 1.32vw; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.32vw; margin: 0.95vw 0 0 0.63vw; } .delay-1 { /* 使用不同的延迟来排队执行动画 */ animation-duration: 1s; animation-delay: 200ms; /* 第一个元素无延迟 */ } .delay-2 { animation-duration: 1s; animation-delay: 300ms; /* 第二个元素延迟1秒 */ } .delay-3 { animation-duration: 1s; animation-delay: 400ms; /* 第三个元素延迟2秒 */ } .delay-4 { animation-duration: 1s; animation-delay: 500ms; /* 第三个元素延迟2秒 */ } .delay-5 { animation-duration: 1s; animation-delay: 600ms; /* 第三个元素延迟2秒 */ } .delay-6 { animation-duration: 1s; animation-delay: 700ms; /* 第三个元素延迟2秒 */ } @media (max-width: 1080px) { .box_4 { width: 80vw; height: 5.25vw; margin: 0 0 0 11vw; position:fixed; right: auto; left: auto; bottom: 0; } .section_1 { background-color: rgba(255, 255, 255, 1); width: 80vw; height:inherit; }.section_2 { display: none; } .image-text_1 { width: 11.5vw; height: 3.05vw; margin: 1vw 0 0 1.05vw; } .text-group_1 { width: 8.46vw; height: 6.05vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; line-height: 1.53vw; } .text-group_2 { width: 8.35vw; height: 1.53vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.53vw; margin-top: 0.53vw; } .text-group_3 { width: 7.14vw; height: 1.53vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: left; white-space: nowrap; line-height: 1.53vw; margin-top: 0.47vw; } .text-group_5 { width: 8.46vw; height: 3.05vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; line-height: 1.53vw; }.text-group_4 { width: 7.72vw; height: 3.05vw; overflow-wrap: break-word; color: rgba(52, 52, 52, 1); font-size: 1.11vw; font-family: PingFangSC-Regular; font-weight: NaN; text-align: center; line-height: 1.53vw; } .section_10 { background-color: rgba(0, 115, 187, 1); height: 40.32vw; width: 100.95vw; margin: 0 0 0.05vw 0.11vw; } .text_41 { width: 21.68vw; /* height: ; */ overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 0.95vw; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: pre-line; /* line-height: 1.32vw; */ } .imin_content_pos{ display: none; } }