.page { position: relative; width: 3000px; height: 10300px; overflow: hidden; } .box_1 { position: relative; width: 3000px; height: 10300px; background: url('../assets/slices/box_1.png') 100% no-repeat; background-size: 100% 100%; } .group_1 { width: 3000px; height: 1000px; background: url('../assets/slices/group_1.png') 100% no-repeat; background-size: 100% 100%; } .box_2 { width: 3000px; height: 223px; background: url('../assets/slices/box_2.png') 100% no-repeat; background-size: 100% 100%; justify-content: flex-center; } .image_1 { width: 215px; height: 55px; margin: 28px 0 0 586px; } .group_29 { width: 60px; height: 27px; margin: 45px 0 0 533px; } .text_1 { width: 50px; height: 20px; overflow-wrap: break-word; color: rgba(167, 32, 28, 1); font-size: 20px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 5px; } .text_2 { width: 78px; height: 20px; overflow-wrap: break-word; color: rgba(49, 41, 39, 1); font-size: 20px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 45px 0 0 62px; } .text_3 { width: 78px; height: 20px; overflow-wrap: break-word; color: rgba(49, 41, 39, 1); font-size: 20px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 45px 0 0 43px; } .thumbnail_1 { width: 11px; height: 6px; margin: 52px 0 0 5px; } .text_4 { width: 78px; height: 20px; overflow-wrap: break-word; color: rgba(49, 41, 39, 1); font-size: 20px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 45px 0 0 44px; } .text_5 { width: 44px; height: 19px; overflow-wrap: break-word; color: rgba(49, 41, 39, 1); font-size: 20px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 46px 0 0 61px; } .thumbnail_2 { width: 11px; height: 6px; margin: 52px 0 0 4px; } .text_6 { width: 43px; height: 20px; overflow-wrap: break-word; color: rgba(49, 41, 39, 1); font-size: 20px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 45px 0 0 71px; } .thumbnail_3 { width: 11px; height: 6px; margin: 52px 0 0 5px; } .image_2 { width: 150px; height: 40px; margin: 35px 0 0 56px; } .image_3 { width: 150px; height: 40px; margin: 35px 586px 0 15px; } .image-wrapper_9 { width: 2841px; height: 50px; margin: 307px 0 0 80px; } .image_4 { width: 50px; height: 50px; } .image_5 { width: 50px; height: 50px; } .image-wrapper_10 { width: 839px; height: 100px; margin: 104px 0 0 586px; } .image_6 { width: 400px; height: 100px; } .image_7 { width: 400px; height: 100px; } .group_30 { width: 140px; height: 15px; margin: 176px 0 25px 1430px; } .block_12 { position: relative; width: 3000px; height: 7731px; margin: 1570px 0 1px 0; } .box_5 { background-color: rgba(255, 252, 246, 1.0); height: 1250px; width: 3000px; position: relative; } .block_13 { width: 829px; height: 111px; margin: 139px 0 0 1086px; } .text-group_26 { width: 829px; height: 111px; } .paragraph_1 { width: 829px; height: 58px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 60px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: center; line-height: 20px; } .text_7 { width: 722px; height: 26px; overflow-wrap: break-word; color: rgba(49, 41, 39, 1); font-size: 26px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 27px 0 0 53px; } .text_8 { width: 508px; height: 58px; overflow-wrap: break-word; color: rgba(234, 40, 46, 1); font-size: 60px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 38px; } .block_14 { width: 2009px; height: 500px; margin: 77px 0 0 625px; } .image-wrapper_3 { position: relative; width: 1300px; height: 500px; margin: 0px 0px 0px 305px; } .image_8 { position: absolute; left: 117px; top: -58px; width: 370px; height: 400px; } .image_9 { position: absolute; left: 733px; top: -213px; width: 440px; height: 540px; } .text-wrapper_2 { width: 720px; height: 72px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 30px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; line-height: 42px; } .image_10 { position: absolute; left: 1571px; top: 440px; width: 826px; height: 810px; } .box_9 { background-color: rgba(255, 248, 236, 1.0); position: relative; width: 3000px; height: 1000px; } .text_9 { width: 569px; height: 58px; overflow-wrap: break-word; color: rgba(234, 40, 46, 1); font-size: 60.039500000000004px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 38.025px; margin: 365px 0 0 1654px; } .text-wrapper_3 { width: 704px; height: 72px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 30.0197px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; line-height: 42.0276px; margin: 32px 0 0 1654px; } .box_10 { position: absolute; left: 366px; top: 502px; width: 1300px; height: 650px; } .box_14 { background-image: linear-gradient(180deg, rgba(255, 154, 87, 0.15) 0, rgba(255, 154, 87, 0.15) 0, rgba(255, 154, 87, 0.15) 100.000000%, rgba(255, 154, 87, 0.15) 100.000000%); border-radius: 50px 0px 0px 50px; position: absolute; left: 803px; top: -60px; width: 370px; height: 400px; } .box_15 { background-image: linear-gradient(180deg, rgba(87, 225, 255, 0.15) 0, rgba(87, 225, 255, 0.15) 0, rgba(87, 225, 255, 0.15) 100.000000%, rgba(87, 225, 255, 0.15) 100.000000%); border-radius: 50px 0px 0px 50px; position: absolute; left: 117px; top: -215px; width: 440px; height: 540px; } .image_11 { position: absolute; left: 603px; top: 190px; width: 826px; height: 810px; } .box_16 { background-color: rgba(255, 252, 246, 1.0); height: 1000px; width: 3000px; position: relative; } .text_10 { width: 508px; height: 57px; overflow-wrap: break-word; color: rgba(234, 40, 46, 1); font-size: 60px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 38px; } .text-wrapper_5 { width: 719px; height: 71px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 30px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; line-height: 42px; } .section_3 { position: absolute; left: 1334px; top: 502px; width: 1300px; height: 650px; } .box_17 { background-image: linear-gradient(180deg, rgba(255, 154, 87, 0.15) 0, rgba(255, 154, 87, 0.15) 0, rgba(255, 154, 87, 0.15) 100.000000%, rgba(255, 154, 87, 0.15) 100.000000%); border-radius: 50px 0px 0px 50px; position: absolute; left: 117px; top: -60px; width: 370px; height: 400px; } .box_18 { background-image: linear-gradient(180deg, rgba(87, 225, 255, 0.15) 0, rgba(87, 225, 255, 0.15) 0, rgba(87, 225, 255, 0.15) 100.000000%, rgba(87, 225, 255, 0.15) 100.000000%); border-radius: 50px 0px 0px 50px; position: absolute; left: 733px; top: -215px; width: 440px; height: 540px; } .image_12 { position: absolute; left: 1571px; top: 190px; width: 826px; height: 810px; } .box_19 { background-color: rgba(255, 248, 236, 1.0); position: relative; width: 3000px; height: 1000px; } .text_11 { width: 509px; height: 58px; overflow-wrap: break-word; color: rgba(234, 40, 46, 1); font-size: 60.039500000000004px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 38.025px; margin: 365px 0 0 1654px; } .text-wrapper_6 { width: 719px; height: 113px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 30px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; line-height: 42px; margin: 32px 0 0 1655px; } .section_4 { position: absolute; left: 366px; top: 502px; width: 1300px; height: 650px; } .box_23 { background-image: linear-gradient(180deg, rgba(255, 154, 87, 0.15) 0, rgba(255, 154, 87, 0.15) 0, rgba(255, 154, 87, 0.15) 100.000000%, rgba(255, 154, 87, 0.15) 100.000000%); border-radius: 50px 0px 0px 50px; position: absolute; left: 803px; top: -60px; width: 370px; height: 400px; } .box_24 { background-image: linear-gradient(180deg, rgba(87, 225, 255, 0.15) 0, rgba(87, 225, 255, 0.15) 0, rgba(87, 225, 255, 0.15) 100.000000%, rgba(87, 225, 255, 0.15) 100.000000%); border-radius: 50px 0px 0px 50px; position: absolute; left: 117px; top: -215px; width: 440px; height: 540px; } .image_13 { position: absolute; left: 603px; top: 190px; width: 826px; height: 810px; } .box_25 { width: 3000px; height: 920px; background: url('../assets/slices/box_25.png') 100% no-repeat; background-size: 100% 100%; margin: 1401px 0px 0px 0px; } .text-group_27 { width: 598px; height: 111px; margin: 139px 0 0 1201px; } .text_12 { width: 593px; height: 58px; overflow-wrap: break-word; color: rgba(71, 71, 71, 1); font-size: 60px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: center; line-height: 20px; margin: 0px 0px 0px 2px; } .text_13 { width: 598px; height: 26px; overflow-wrap: break-word; color: rgba(71, 71, 71, 1); font-size: 26px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 27px 0px 0px 0px; } .image_28 { width: 794px; height: 164px; margin: 110px 0 396px 1103px; } .image-wrapper_4 { background-color: rgba(233, 234, 238, 1.0); width: 3000px; height: 331px; justify-content: flex-center; } .image_15 { width: 221px; height: 66px; margin: 133px 0 0 648px; } .image_16 { width: 226px; height: 53px; margin: 140px 0 0 71px; } .image_17 { width: 229px; height: 42px; margin: 145px 0 0 71px; } .image_18 { width: 200px; height: 50px; margin: 141px 0 0 83px; } .image_19 { width: 225px; height: 43px; margin: 144px 0 0 85px; } .image_20 { width: 223px; height: 39px; margin: 147px 647px 0 71px; } .box_26 { background-color: rgba(66, 66, 66, 1.0); width: 3000px; height: 828px; margin: 0px 0px 1px 0px; } .group_32 { width: 1562px; height: 55px; margin: 104px 0 0 653px; } .text_15 { width: 86px; height: 22px; overflow-wrap: break-word; color: rgba(227, 74, 69, 1); font-size: 22px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: justifyCenter; white-space: nowrap; line-height: 48px; margin: 17px 0px 0px 0px; } .text_17 { width: 56px; height: 21px; overflow-wrap: break-word; color: rgba(227, 74, 69, 1); font-size: 22px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: justifyCenter; white-space: nowrap; line-height: 48px; margin: 17px 0 0 350px; } .text_18 { width: 55px; height: 22px; overflow-wrap: break-word; color: rgba(227, 74, 69, 1); font-size: 22px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: justifyCenter; white-space: nowrap; line-height: 48px; margin: 17px 0 0 184px; } .image_21 { width: 215px; height: 55px; margin: 0px 0px 0px 616px; } .group_33 { width: 1700px; height: 330px; margin: 34px 0 0 650px; } .box_35 { position: relative; width: 155px; height: 297px; margin: 2px 0px 0px 0px; } .paragraph_16 { width: 88px; height: 187px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; line-height: 55px; margin: 2px 0 0 40px; } .paragraph_17 { width: 86px; height: 76px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyCenter; line-height: 55px; margin: 3px 0 0 141px; } .paragraph_18 { width: 87px; height: 77px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyCenter; line-height: 55px; margin: 2px 0 0 154px; } .box_36 { width: 340px; height: 330px; margin: 0px 0px 0px 609px; } .image-text_7 { width: 194px; height: 26px; } .label_1 { width: 26px; height: 26px; } .text-group_3 { width: 157px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyCenter; white-space: nowrap; line-height: 55px; margin: 4px 0px 0px 0px; } .image-text_8 { width: 214px; height: 26px; margin: 30px 0px 0px 0px; } .label_2 { width: 26px; height: 26px; } .text-group_4 { width: 177px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyCenter; white-space: nowrap; line-height: 55px; margin: 2px 0px 0px 0px; } .group_34 { width: 340px; height: 188px; margin: 60px 0px 0px 0px; } .image-text_9 { width: 160px; height: 188px; } .image_22 { width: 160px; height: 160px; } .text-group_5 { width: 89px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyCenter; white-space: nowrap; line-height: 48px; margin: 10px 0 0 36px; } .image-text_10 { width: 160px; height: 188px; } .image_23 { width: 160px; height: 160px; } .text-group_6 { width: 40px; height: 18px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyCenter; white-space: nowrap; line-height: 48px; margin: 10px 0 0 60px; } .block_5 { background-color: rgba(118, 118, 118, 1.0); width: 1700px; height: 1px; margin: 153px 0 0 650px; } .group_35 { width: 1701px; height: 46px; margin: 29px 0 76px 649px; } .text-wrapper_8 { width: 453px; height: 46px; overflow-wrap: break-word; font-size: 0; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyCenter; line-height: 26px; } .paragraph_19 { width: 453px; height: 46px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; line-height: 26px; } .text_19 { width: 453px; height: 46px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; line-height: 26px; } .text_20 { width: 453px; height: 46px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: left; line-height: 26px; } .text_21 { width: 150px; height: 17px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 18px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyCenter; white-space: nowrap; line-height: 55px; } .box_27 { background-color: rgba(219, 44, 44, 1.0); position: absolute; left: 0; top: 4250px; width: 3000px; height: 1401px; } .text-group_28 { width: 516px; height: 111px; margin: 139px 0 0 1242px; } .text_22 { width: 413px; height: 58px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 60px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: center; line-height: 20px; margin: 0px 0px 0px 51px; } .text_23 { width: 516px; height: 25px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 26px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 28px 0px 0px 0px; } .group_16 { background-color: rgba(255, 252, 249, 1.0); position: absolute; left: 0; top: 1000px; width: 3000px; height: 1570px; } .text-group_29 { width: 473px; height: 111px; margin: 163px 0 0 1263px; } .text_24 { width: 473px; height: 58px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 60px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: center; line-height: 20px; } .text_25 { width: 412px; height: 26px; overflow-wrap: break-word; color: rgba(49, 41, 39, 1); font-size: 26px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: center; white-space: nowrap; line-height: 20px; margin: 27px 0 0 31px; } .image-wrapper_7-0 { width: 579px; height: 649px; background-size: 100% 100%; margin: 0px 16px 0px 0px; } .image-wrapper_7-1 { width: 579px; height: 649px; background-size: 100% 100%; margin: 0px 16px 0px 0px; } .image-wrapper_7-2 { width: 579px; height: 649px; background-size: 100% 100%; margin: 0px 16px 0px 0px; } .block_16-0 { width: 173px; height: 48px; margin: 425px 0 0 68px; } .block_16-1 { width: 173px; height: 48px; margin: 425px 0 0 68px; } .block_16-2 { width: 173px; height: 48px; margin: 425px 0 0 68px; } .text_46-0 { width: 117px; height: 29px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 30px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; margin: 13px 0px 0px 0px; } .text_46-1 { width: 117px; height: 29px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 30px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; margin: 13px 0px 0px 0px; } .text_46-2 { width: 117px; height: 29px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 30px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; margin: 13px 0px 0px 0px; } .label_4-0 { width: 42px; height: 48px; } .label_4-1 { width: 42px; height: 48px; } .label_4-2 { width: 42px; height: 48px; } .text_47-0 { width: 438px; height: 80px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 20px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; line-height: 30px; margin: 18px 0 78px 67px; } .text_47-1 { width: 438px; height: 80px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 20px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; line-height: 30px; margin: 18px 0 78px 67px; } .text_47-2 { width: 438px; height: 80px; overflow-wrap: break-word; color: rgba(35, 35, 35, 1); font-size: 20px; font-family: FZLTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; line-height: 30px; margin: 18px 0 78px 67px; } .group_23 { width: 3000px; height: 444px; background: url('../assets/slices/group_23.png') 100% no-repeat; background-size: 100% 100%; margin: 144px 0px 0px 0px; } .text-group_30 { width: 249px; height: 94px; margin: 123px 0 0 683px; } .text-wrapper_9 { width: 249px; height: 54px; overflow-wrap: break-word; font-size: 0; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; } .text_30 { width: 249px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 60px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_31 { width: 249px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 50px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_33 { width: 86px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTZHUNHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; margin: 18px 0 0 82px; } .text-group_31 { width: 236px; height: 94px; margin: 123px 0 0 140px; } .text-wrapper_10 { width: 236px; height: 54px; overflow-wrap: break-word; font-size: 0; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; } .text_34 { width: 236px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 60px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_35 { width: 236px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 40px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_36 { width: 85px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTZHUNHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; margin: 18px 0 0 76px; } .text-group_32 { width: 192px; height: 94px; margin: 123px 0 0 140px; } .text-wrapper_11 { width: 192px; height: 54px; overflow-wrap: break-word; font-size: 0; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; } .text_37 { width: 192px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 60px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_38 { width: 192px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 50px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_39 { width: 108px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTZHUNHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; margin: 18px 0 0 42px; } .text-group_33 { width: 182px; height: 94px; margin: 123px 0 0 141px; } .text-wrapper_12 { width: 182px; height: 54px; overflow-wrap: break-word; font-size: 0; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; } .text_40 { width: 182px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 60px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_41 { width: 182px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 50px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_42 { width: 86px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTZHUNHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; margin: 18px 0 0 49px; } .text-group_34 { width: 212px; height: 94px; margin: 123px 684px 0 141px; } .text-wrapper_13 { width: 212px; height: 54px; overflow-wrap: break-word; font-size: 0; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; } .text_43 { width: 212px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 60px; font-family: FZLTTHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_44 { width: 212px; height: 54px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 50px; font-family: FZLTZCHK--GBK1-0; font-weight: normal; text-align: left; white-space: nowrap; line-height: 30px; } .text_45 { width: 108px; height: 22px; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 22px; font-family: FZLTZHUNHK--GBK1-0; font-weight: normal; text-align: justifyLeft; white-space: nowrap; line-height: 30px; margin: 18px 0 0 53px; } .image_27 { position: absolute; left: 2307px; top: -21px; width: 120px; height: 120px; } body * { box-sizing: border-box; flex-shrink: 0; } body { font-family: FZLTHK--GBK1-0; } 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-end { display: flex; justify-content: flex-end; } .justify-between { display: flex; justify-content: space-between; }

html, body { margin: 0; padding: 0; background: #fff; }
body { overflow-x: hidden; }
.site-viewport { width: 100%; display: flex; justify-content: center; background: #fff; overflow-x: hidden; }
/* 首屏缩放：设计稿 3000px 宽，按视口等比缩小。--site-scale 由页面 head 内联脚本在首次绘制前写入，
   这里直接按变量缩放，避免 JS 在 body 末尾回写 transform 造成的「先大后正常」跳变。
   页面可在自己的 CSS 里覆盖 --page-h 抵消缩放后残留的空白（负值补偿滚动高度）。 */
html { --site-scale: 1; }
.site-canvas {
  width: 3000px;
  min-width: 3000px;
  transform-origin: top center;
  transform: scale(var(--site-scale, 1));
  margin-bottom: calc(var(--page-h, 0px) * (var(--site-scale, 1) - 1));
}
body[data-page="home"] .site-canvas { --page-h: 10300px; }
.site-canvas .page { margin: 0 auto; }
/* industry carousel：三槽轨迹（主卡↔侧槽平移）；进出预览位整卡淡入淡出，不在 180 裁切条里横滑 */
.box_27 { position: absolute; left: 0; top: 4250px; }
.industry-viewport { position: absolute; left: 540px; top: 360px; width: 1920px; height: 860px; overflow: hidden; z-index: 2; }
.industry-deck {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 860px;
  --peek-s: calc(616 / 860);
  --peek-w: calc(1560px * 616 / 860);
  --main-x: 180px;
}
.industry-card {
  position: absolute;
  left: 0;
  top: 0;
  width: 1560px;
  height: 860px;
  transform-origin: top left;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
  pointer-events: none;
  -webkit-user-drag: none;
}
.industry-card.is-cut {
  transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.industry-card.is-main {
  transform: translate(var(--main-x), 0) scale(1);
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}
.industry-card.is-left {
  transform: translate(0, 83px) scale(var(--peek-s));
  opacity: 0.5;
  z-index: 1;
}
.industry-card.is-right {
  transform: translate(calc(1920px - var(--peek-w)), 83px) scale(var(--peek-s));
  opacity: 0.5;
  z-index: 1;
}
.industry-card.is-left-out {
  transform: translate(0, 83px) scale(var(--peek-s));
  opacity: 0;
  z-index: 0;
}
.industry-card.is-right-out {
  transform: translate(calc(1920px - var(--peek-w)), 83px) scale(var(--peek-s));
  opacity: 0;
  z-index: 0;
}
.industry-card:not(.is-main) .industry-track__btn {
  display: none;
}
.industry-hit {
  position: absolute;
  top: 83px;
  height: 616px;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  z-index: 4;
  cursor: pointer;
}
.industry-hit--left {
  left: 0;
  width: 180px;
}
.industry-hit--right {
  right: 0;
  width: 180px;
}
.industry-hit:active {
  opacity: 1;
}
.industry-track__slide { width: 1560px; height: 860px; background-size: 100% 100%; background-repeat: no-repeat; }
.industry-track__panel { position: absolute; left: 0; top: 0; width: 520px; height: 860px; padding: 128px 0 0 133px; box-sizing: border-box; pointer-events: none; }
.industry-track__icon { width: 44px; height: 44px; display: block; }
.industry-track__title { margin: 10px 0 0 0; color: rgba(35, 35, 35, 1); font-size: 34px; font-family: FZLTZCHK--GBK1-0; line-height: 20px; }
.industry-track__bullets { margin: 41px 0 0 0; color: rgba(35, 35, 35, 1); font-size: 22px; font-family: FZLTHK--GBK1-0; line-height: 42px; white-space: pre-line; }
.industry-track__btn { position: absolute; left: 133px; top: 576px; width: 240px; height: 70px; border: 0; padding: 0; background: transparent; cursor: pointer; pointer-events: auto; display: block; text-decoration: none; }
.industry-track__btn img { width: 100%; height: 100%; display: block; }
.box_27 > .industry-dots { position: absolute; left: 965px; top: 1262px; width: 1071px; height: 6px; display: flex; gap: 22px; align-items: center; justify-content: center; z-index: 3; }
.industry-dot { flex: 0 0 160px; width: 160px; height: 6px; border: 0; padding: 0; margin: 0; border-radius: 3px; background: rgba(255, 255, 255, 0.2); cursor: pointer; }
.industry-dot.is-active { background: rgba(255,255,255,1); }
.image_2, .image_3, .image_4, .image_5, .image_6, .image_7, .image_27, .image_28 { cursor: pointer; }

/* —— 排版校对：把蓝湖标注真正落到容器上 ——
 * MCP 把「距左/距上」转成了 width + margin，但 HTML 类名对不上、
 * Sketch 行高 20px 撑不住 60px 字，三卡被 justify-between 拉满 3000。
 * 下列数值均来自 MCP 规格（list_1-0 / 各标题 height），不做美化改写。
 */

/* 1. 三卡容器：HTML 用 list_1，规格是 list_1-0/1/2 */
.list_1 {
  width: 1769px;
  height: 649px;
  margin: 59px 0 0 619px;
  justify-content: flex-start;
}
.image-wrapper_7-2 {
  margin-right: 0;
}
/* 行业领先三行正文：行高 30px × 3 = 90；底边距收到卡片 649 内 */
.text_47-0,
.text_47-1,
.text_47-2 {
  font-size: 24px;
}
/* 正文宽 460 = 原 438 + 约一字 */
.text_47-0,
.text_47-1,
.text_47-2 {
  width: 460px;
  height: auto;
  margin-bottom: 68px;
  margin-left: 63px;
}
.block_16-0,
.block_16-1,
.block_16-2 {
  margin-left: 64px;
}
/* 第三行「2013年…之一」约 471px，460 会把「一」单独挤到下一行 */
.text_47-2 {
  width: 474px;
}

/* 2. 「为什么选择」区块从顶向下排，避免标题变高后被 justify-end 顶飞 */
.group_16.justify-end {
  justify-content: flex-start;
}
/* 规格 top:1000 相对 box_1（紧接 1000px hero）。节点却在 position:relative 的
 * block_12 里，而 block_12 已有 margin-top:1570px，必须 top:-1570 才能落到 y=1000，
 * 否则 hero 下留白、三卡/数据条整段掉进方案区。 */
.group_16 {
  top: -1570px;
}

/* 3. 标题：用规格 height 作为行高；单行标题禁止折行
 *    （Sketch 导出 line-height:20px 是字距伪值，不是 CSS 行高） */
.paragraph_1,
.text_12,
.text_22,
.text_24 {
  line-height: 58px;
  white-space: nowrap;
}
.text_8,
.text_9,
.text_10,
.text_11 {
  line-height: 58px;
}
.text_7,
.text_13,
.text_23,
.text_25 {
  line-height: 26px;
}
.industry-track__title {
  line-height: 33px;
}

/* 3b. 区块主标题+副文案（对齐 about 页「里程碑」逻辑）
 * 纵：各段 margin-top 沿用蓝湖值；横：auto 居中，CMS 改长短仍相对 3000 画布居中 */
.box_5 .block_13 {
  position: relative;
  z-index: 4;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  max-width: calc(100% - 120px);
  height: auto;
  margin: 139px auto 0;
}
.box_5 .text-group_26 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  height: auto;
}
.box_5 .paragraph_1,
.box_5 .text_7 {
  width: auto;
  max-width: 980px;
  margin: 0;
  text-align: center;
}
.box_5 .text_7 {
  margin-top: 27px;
  white-space: normal;
  line-height: 40px;
}
.group_16 .text-group_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  max-width: calc(100% - 120px);
  height: auto;
  margin: 163px auto 0;
}
.group_16 .text_24,
.group_16 .text_25 {
  width: auto;
  max-width: 980px;
  margin: 0;
  text-align: center;
}
.group_16 .text_25 {
  margin-top: 27px;
  white-space: normal;
  line-height: 40px;
}
.box_27 > .text-group_28 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  max-width: calc(100% - 120px);
  height: auto;
  margin: 139px auto 0;
  position: relative;
  z-index: 3;
}
.box_27 .text_22,
.box_27 .text_23 {
  width: auto;
  max-width: 980px;
  margin: 0;
  text-align: center;
}
.box_27 .text_23 {
  margin-top: 28px;
  white-space: normal;
  line-height: 40px;
}
.box_25 .text-group_27 {
  width: auto;
  max-width: calc(100% - 120px);
  align-items: center;
  text-align: center;
}
.box_25 .text_13 {
  max-width: 980px;
  white-space: normal;
  line-height: 40px;
}

/* 4. 数据条数字行高对齐规格 height，避免 60px 字被 30px 行盒压折 */
.text-wrapper_9,
.text-wrapper_10,
.text-wrapper_11,
.text-wrapper_12,
.text-wrapper_13,
.text_30,
.text_31,
.text_34,
.text_35,
.text_37,
.text_38,
.text_40,
.text_41,
.text_43,
.text_44 {
  line-height: 54px;
}

/* 5. 数据条：左右边界仍是 683 / 684；五组数字在这段里横向均分，说明相对数字居中 */
.group_23 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 123px 684px 0 683px;
}
.group_23 .text-group_30,
.group_23 .text-group_31,
.group_23 .text-group_32,
.group_23 .text-group_33,
.group_23 .text-group_34 {
  width: auto;
  height: auto;
  margin: 0;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
}
.text-wrapper_9,
.text-wrapper_10,
.text-wrapper_11,
.text-wrapper_12,
.text-wrapper_13 {
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
}
.text_30, .text_31,
.text_34, .text_35,
.text_37, .text_38,
.text_40, .text_41,
.text_43, .text_44 {
  width: auto;
}
.group_23 .text_33,
.group_23 .text_36,
.group_23 .text_39,
.group_23 .text_42,
.group_23 .text_45 {
  margin: 0;
  width: auto;
  text-align: center;
}

/* 5b. CTA 区：主标题 / 副标题 / 跳转按钮沿画布纵轴（水平）居中对齐 */
.box_25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 139px;
  padding-bottom: 396px;
}
.box_25 .text-group_27 {
  width: auto;
  height: auto;
  margin: 0;
  align-items: center;
  justify-content: flex-start;
  gap: 27px;
}
.box_25 .text_12,
.box_25 .text_13 {
  width: auto;
  height: auto;
  margin: 0;
  text-align: center;
}
.box_25 .image_28 {
  margin: 110px 0 0;
}

/* 6. 方案区四组色块：统一 CSS 渐变（不混搭切图）。
 *    红椭圆 1300×650；渐变 180deg；opacity 0.18；渐隐 红95% / 橙青92% */
.image-wrapper_3,
.box_10,
.section_3,
.section_4 {
  overflow: visible;
  background: none;
}
/* 第一组：容器 1300×650 与 box_10 同规格；top 按配图偏移对齐第二组 */
.box_5 .image-wrapper_3 {
  position: absolute;
  left: 1334px;
  top: 752px;
  width: 1300px;
  height: 650px;
  margin: 0;
}
.image-wrapper_3::before,
.box_10::before,
.section_3::before,
.section_4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1300px;
  height: 650px;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  background: linear-gradient(
    180deg,
    #EA282D 0%,
    rgba(234, 40, 45, 0.08) 58%,
    rgba(234, 40, 45, 0) 95%
  );
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
.image_10,
.image_11,
.image_12,
.image_13 {
  position: absolute;
  z-index: 2;
}
.image_8,
.box_14,
.box_17,
.box_23 {
  background: linear-gradient(
    180deg,
    #FF9A57 0%,
    rgba(255, 154, 87, 0.08) 55%,
    rgba(255, 154, 87, 0) 92%
  );
  opacity: 0.18;
  border-radius: 50px 50px 0 0;
  z-index: 1;
}
.image_9,
.box_15,
.box_18,
.box_24 {
  background: linear-gradient(
    180deg,
    #57E1FF 0%,
    rgba(87, 225, 255, 0.08) 55%,
    rgba(87, 225, 255, 0) 92%
  );
  opacity: 0.18;
  border-radius: 50px 50px 0 0;
  z-index: 1;
}

/* 7. 方案区四组文案栈
 *    栏宽 780px（原 720 + 2 字宽）；文案区右缘 ↔ 配图左缘 208px（四组恒定）
 *    小标题→正文 32px；正文→bullet 55px；正文 32/42；bullet gap 12px */
.sol-panel {
  --sol-copy-width: 780px;
  --sol-copy-image-gap: 208px;
  --sol-image-stack-left: 1571px; /* image_10 / image_12 左缘 */
  --sol-image-stack-right: 1429px; /* image_11 / image_13 右缘 = 603 + 826 */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: var(--sol-copy-width);
  flex-shrink: 0;
  position: relative;
  z-index: 3;
}
.sol-panel--left {
  margin: 365px 0 0 calc(var(--sol-image-stack-left) - var(--sol-copy-image-gap) - var(--sol-copy-width));
}
.sol-panel--right {
  margin: 365px 0 0 calc(var(--sol-image-stack-right) + var(--sol-copy-image-gap));
}
/* 组 1：配图 top 440 不动；文案顶 = 配图顶 + 175（与组 3 配图 190 / 文案 365 同差值） */
.box_5.flex-col.justify-end {
  justify-content: flex-start;
}
#product-services {
  scroll-margin-top: 140px;
}
.box_5 .block_14 {
  height: 0;
  margin: 0;
  overflow: visible;
  pointer-events: none;
}
.box_5 .block_14 .image-wrapper_3,
.box_5 .block_14 .image_10 {
  pointer-events: auto;
}
.box_5 .sol-panel--left {
  position: absolute;
  left: calc(var(--sol-image-stack-left) - var(--sol-copy-image-gap) - var(--sol-copy-width));
  top: 615px;
  margin: 0;
}
.sol-panel .text_8,
.sol-panel .text_9,
.sol-panel .text_10,
.sol-panel .text_11 {
  margin: 0;
  width: 100%;
  align-self: stretch;
  text-align: left;
}
.sol-body,
.sol-panel .text-wrapper_2,
.sol-panel .text-wrapper_3,
.sol-panel .text-wrapper_5,
.sol-panel .text-wrapper_6 {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--sol-copy-width);
  height: auto;
  margin: 32px 0 0;
  padding: 0;
  color: rgba(35, 35, 35, 1);
  font-size: 32px;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  line-height: 42px;
  white-space: normal;
  overflow-wrap: break-word;
  text-align: left;
}
.sol-panel .sol-bullets {
  margin: 55px 0 0;
  align-self: stretch;
  width: 100%;
}
.sol-bullets {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 12px;
}
.sol-bullet {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  white-space: nowrap;
}
.sol-bullet i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(234, 40, 46, 1);
  flex-shrink: 0;
  margin: 0 12px 0 0;
}
.sol-bullet span {
  color: rgba(35, 35, 35, 1);
  font-size: 32px;
  font-family: FZLTHK--GBK1-0;
  line-height: 32px;
  white-space: nowrap;
  overflow-wrap: normal;
}
/* 8. Footer 链接 .footer-link
 *    默认：白字 rgba(255,255,255,1)，兰亭黑 26px / line-height 55px。
 *    下划线始终占位（透明），悬停 / 焦点 / 当前页才变红，避免插入伪元素时字跟着下跳。
 *    线贴在字下沿（top:42px），不要落到行盒底部，否则选中态会像整块下沉。
 *    当前页才保留 .is-active（通知公告 / 新闻动态内页）；首页点击不落选中。 */
.footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  height: auto;
}
.paragraph_17.footer-col,
.paragraph_18.footer-col {
  align-items: center;
}
.footer-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  line-height: 55px;
  white-space: nowrap;
  cursor: pointer;
}
.footer-link::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 42px;
  height: 2px;
  background-color: transparent;
  pointer-events: none;
}
.footer-link:hover,
.footer-link:focus-visible,
.footer-link.is-active {
  color: rgba(227, 74, 69, 1);
}
.footer-link:hover::after,
.footer-link:focus-visible::after,
.footer-link.is-active::after {
  background-color: rgba(227, 74, 69, 1);
}
.box_35 {
  width: auto;
  height: auto;
}
.text-wrapper_8,
.paragraph_19,
.text_19,
.text_20 {
  width: auto;
  white-space: nowrap;
  overflow-wrap: normal;
}
/* 400 / 邮箱：图标 36px，与 26px 文字同一中线。 */
.image-text_7,
.image-text_8 {
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  width: auto;
  height: auto;
}
.image-text_7 .label_1,
.image-text_8 .label_2 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}
.text-group_3,
.text-group_4 {
  width: auto;
  height: auto;
  font-size: 26px;
  line-height: 28px;
  margin: 0;
}

/* 10. 导航一级菜单 .nav-item（箭头不计入下划线宽度）
 *    默认：字色 rgba(53,53,53,1)，兰亭黑 26px / line-height 26px，无下划线。
 *    选中 .nav-item.is-active .nav-item__text：字色 rgba(167,32,28,1)，特黑，
 *    ::after 下划线贴文字并居中（top: calc(100% + 5px)，高 2px，同色）。
 *    下拉子项 .nav-industry__item 是另一套（粉底 + 字 rgba(158,61,49)），勿混用。
 *    项间距 50px；文字与 image_2/image_3 同一横排垂直居中；箭头距文字 4px。 */
.box_2 .nav-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: auto;
  height: auto;
  margin-left: 50px;
  cursor: pointer;
}
/* 字号与图标放大后，智能咨询右缘超出主视觉 1920（x=540~2460）。
 * 只缩短 logo 与首页的间距，文字、下拉和两个图标整体左移，logo 不动。 */
.box_2 .nav-item.group_29 {
  margin-left: 370px;
}
.box_2 .nav-item__text {
  position: relative;
  font-size: 26px;
  line-height: 26px;
  width: auto;
  height: auto;
  margin: 0;
  color: rgba(53, 53, 53, 1);
  font-family: FZLTHK--GBK1-0;
}
.box_2 .nav-item.is-active .nav-item__text {
  color: rgba(167, 32, 28, 1);
  font-family: FZLTZCHK--GBK1-0;
}
.box_2 .nav-item.is-active .nav-item__text::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 5px);
  height: 2px;
  background-color: rgba(167, 32, 28, 1);
}
.site-nav-freeze .box_2 .image_1,
.site-nav-freeze .box_2 .nav-item,
.site-nav-freeze .box_2 .nav-item__text,
.site-nav-freeze .box_2 .thumbnail_1,
.site-nav-freeze .box_2 .thumbnail_2,
.site-nav-freeze .box_2 .thumbnail_3,
.site-nav-freeze .box_2 .image_2,
.site-nav-freeze .box_2 .image_3 {
  margin-top: 0;
}
.box_2 .thumbnail_1,
.box_2 .thumbnail_2,
.box_2 .thumbnail_3 {
  flex-shrink: 0;
  align-self: center;
  width: 16px;
  height: 6px;
  margin: 0 0 0 4px;
}
.box_2 .image_2,
.box_2 .image_3 {
  flex-shrink: 0;
  align-self: center;
  width: 195px;
  height: 52px;
}

/* 11. 交互：冻结导航 + 视口浮球 + 方案橙/青色块进入视口后滑出 */
.site-nav-freeze {
  position: fixed;
  top: 0;
  left: 50%;
  width: 3000px;
  height: 223px;
  z-index: 200;
  transform: translateX(-50%) scale(var(--site-scale, 1));
  transform-origin: top center;
  pointer-events: none;
  overflow: visible;
  background: url('../assets/slices/box_2.png') no-repeat top center;
  background-size: 3000px 223px;
}
.site-nav-freeze .box_2 {
  pointer-events: auto;
  overflow: visible;
  background: transparent;
  background-image: none;
  align-items: center;
  height: 110px;
  box-sizing: border-box;
}
.box_2-spacer {
  width: 3000px;
  height: 223px;
  flex-shrink: 0;
  visibility: hidden;
  pointer-events: none;
}
#siteFloater {
  position: fixed;
  right: max(16px, calc(48px * var(--site-scale, 1)));
  bottom: max(16px, calc(48px * var(--site-scale, 1)));
  left: auto;
  top: auto;
  width: max(56px, calc(120px * var(--site-scale, 1)));
  height: max(56px, calc(120px * var(--site-scale, 1)));
  z-index: 300;
}
.image_8,
.box_14,
.box_17,
.box_23 {
  transform: translateY(220px);
  transition: transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}
.image_9,
.box_15,
.box_18,
.box_24 {
  transform: translateY(320px);
  transition: transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0s;
}
.sol-rise.is-risen .image_8,
.sol-rise.is-risen .box_14,
.sol-rise.is-risen .box_17,
.sol-rise.is-risen .box_23 {
  transform: translateY(0);
}
.sol-rise.is-risen .image_9,
.sol-rise.is-risen .box_15,
.sol-rise.is-risen .box_18,
.sol-rise.is-risen .box_24 {
  transform: translateY(0);
  transition-delay: 0.1s;
}

/* 12. 导航下拉（行业方案 / 关于 / 更多共用 .nav-industry）：蓝湖「顶部下拉菜单选中状态」
 *    色 / 字号 / 行高 40 / 圆角 5 跟规格；面板宽度按最长文案自适应。
 *    面板是导航上的覆层：top 88px，触发文案下方留空隙，仍上覆实心条，不贴 110px 下沿。
 *    首末行到面板上下边距相等；行距按规格文字间距略拉开。
 *    关于对照 footer：公司介绍、加入我们；更多对照 footer：通知公告、新闻动态。 */
.nav-industry {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  z-index: 2;
}
.box_2 .nav-industry .text_3,
.box_2 .nav-industry .text_5,
.box_2 .nav-industry .text_6 {
  margin-left: 0;
}
.nav-industry__btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-color: transparent;
}
.nav-industry__btn:active,
.nav-industry__item:active {
  opacity: 1;
}
.nav-industry__menu {
  display: none;
  position: absolute;
  top: 88px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 14px 6px;
  list-style: none;
  width: max-content;
  min-width: max-content;
  max-width: none;
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(53, 53, 53, 0.12);
  grid-auto-rows: 40px;
  row-gap: 12px;
  justify-items: stretch;
  z-index: 3;
}
.nav-industry__menu li {
  display: block;
  min-width: max-content;
}
.nav-industry:hover .nav-industry__menu,
.nav-industry:focus-within .nav-industry__menu {
  display: grid;
}
.nav-industry__item {
  display: block;
  width: 100%;
  min-width: max-content;
  height: 40px;
  padding: 0 26px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: rgba(53, 53, 53, 1);
  font-size: 26px;
  font-family: inherit;
  font-weight: normal;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.nav-industry__item:hover,
.nav-industry__item.is-active {
  background-color: rgba(251, 243, 239, 1);
  color: rgba(158, 61, 49, 1);
}

/* 首页字体分级（不改颜色）：小字兰亭黑 / 二级中粗黑 / 一级特黑 */
body {
  font-family: FZLTHK--GBK1-0;
  font-synthesis: none;
}
.text_8,
.text_9,
.text_10,
.text_11,
.text-wrapper_9,
.text-wrapper_10,
.text-wrapper_11,
.text-wrapper_12,
.text-wrapper_13,
.text_30,
.text_34,
.text_35,
.text_37,
.text_40,
.text_43 {
  font-family: FZLTTHK--GBK1-0;
  font-weight: normal;
}
.nav-item.is-active .nav-item__text,
.paragraph_1,
.text_12,
.text_15,
.text_17,
.text_18,
.text_22,
.text_24,
.text_31,
.text_38,
.text_41,
.text_44,
.text_46-0,
.text_46-1,
.text_46-2,
.industry-track__title {
  font-family: FZLTZCHK--GBK1-0;
  font-weight: normal;
}
.text_19,
.text_21,
.nav-industry__item {
  font-family: FZLTHK--GBK1-0;
}

.group_1 { position: relative; }
.group_1 > .hero-hit { position: absolute; inset: 0; z-index: 1; }
.group_1 > .image-wrapper_9,
.group_1 > .image-wrapper_10,
.group_1 > .group_30 { position: relative; z-index: 2; }
.group_1 > .image-wrapper_10 { margin-left: 585px; }
.group_30 {
  width: 80px;
  margin-left: 1460px;
  justify-content: flex-start;
  gap: 15px;
  align-items: center;
}
.hero-dot {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.hero-dot.is-active {
  width: 50px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 1);
}

/* 首页轮播两枚按钮，样式对齐跨境 .xb-hero-btn */
.image-wrapper_10 .image_6,
.image-wrapper_10 .image_7 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50px;
  background-image: linear-gradient(180deg, rgba(227, 87, 83, 1) 0%, rgba(199, 19, 14, 1) 100%);
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: FZLTHK--GBK1-0;
  font-weight: normal;
  line-height: 30px;
  white-space: nowrap;
  cursor: pointer;
}

.image-wrapper_10 .image_6 i,
.image-wrapper_10 .image_7 i {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 16px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  transform: rotate(45deg);
}

/* 页脚其余文字与导航、链接同为 26px。 */
.box_26 .text_15,
.box_26 .text_17,
.box_26 .text_18,
.box_26 .text-group_5,
.box_26 .text-group_6,
.box_26 .paragraph_19,
.box_26 .text_19,
.box_26 .text_20,
.box_26 .text_21 {
  font-size: 26px;
}

/* 字号放到 26px 后，列变宽，标题仍按 22px 的固定宽度排，左缘对不齐。
 * 行业方案 / 关于 / 更多改与各自列文字左对齐；logo 左缘保持 2000。
 * 电话邮箱整列左移到 logo 左缘。二维码说明在码下方水平居中。
 * 口号宽度随文字，右缘对齐上方横线，不再溢出。 */
.box_26 .group_32 {
  align-self: flex-start;
  width: max-content;
  margin-left: 650px;
}
.box_26 .group_32 > * {
  flex-shrink: 0;
}
.box_26 .text_17 {
  margin-left: 382px;
}
.box_26 .text_18 {
  margin-left: 202px;
}
.box_26 .image_21 {
  margin-left: 569px;
}
.box_26 .box_36 {
  margin-left: 520px;
}
/* 电话、邮箱（含左侧图标）与左侧菜单第 1、2 行同一水平中线。
 * 电话下移 10px；邮箱上间距少 10px，二维码位置不变。 */
.box_26 .image-text_7 {
  margin-top: 10px;
}
.box_26 .image-text_8 {
  margin-top: 20px;
}
.box_26 .image-text_9,
.box_26 .image-text_10 {
  align-items: center;
  justify-content: flex-start;
  height: auto;
}
.box_26 .text-group_5,
.box_26 .text-group_6 {
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  line-height: 26px;
  text-align: center;
}
.box_26 .group_35 {
  align-items: flex-start;
}
.box_26 .text_21 {
  width: auto;
  height: auto;
  flex-shrink: 0;
  line-height: 26px;
}