body { position: relative; min-width: 1200px; overflow-x: hidden; margin: 0; padding: 0; } .long-div-box { position: relative; width: 100%; } .main-content-box { width: 1920px; min-height: 4520px; position: absolute; left: 50%; transform: translate(-50%, 0); background: url(//p3.lefile.cn/fes/cms/2025/07/14/ewry7yd680qrjmlb5ni3447oblbgv0977379.png) no-repeat; background-size: 100% 100%; padding-top: 650px; position: relative; box-sizing: border-box; } .box-left { width: 1920px; padding-bottom: 130px; background: url(//p3.lefile.cn/fes/cms/2025/07/14/wgxv1hl2qqxljwh5ulo1dk0zs64rt8811214.png) no-repeat; background-size: 1600px 100%; } .content-box { margin-bottom: 150px; } .content-box .box-cont { width: 1200px; margin: auto; display: flex; position: relative; } .box-left .box-cont .left-text { width: 860px; height: 100%; display: flex; flex-direction: column; } .box-left .box-cont .left-text .text-top { margin-top: 60px; display: flex; align-items: center; } .box-left .box-cont .left-text .text-top .line { display: inline-block; width: 8px; height: 40px; background: linear-gradient(-14deg, #ff773c, #315bff); border-radius: 4px; margin-right: 20px; } .box-left .box-cont .left-text .text-top span { font-weight: bold; font-size: 42px; color: #002a82; } .box-left .box-cont .left-text .text-cont { font-weight: 400; font-size: 24px; color: #333; line-height: 40px; margin-top: 40px; margin-bottom: 60px; letter-spacing: 1; text-align: justify; } .box-left .box-cont .left-text .text-cont span { font-weight: bold; color: #FF7211FF; } .box-left .box-cont .left-text .text-down a { text-decoration: none; display: block; width: 225px; height: 60px; background: url(//p3.lefile.cn/fes/cms/2025/07/14/ciwqvsbsrlcmq03uj8b85gwk1h7g75151725.png) no-repeat; background-size: 100% 100%; font-weight: 500; font-size: 33px; color: #fff; line-height: 50px; text-align: center; text-shadow: 2px 1px 4px rgba(58, 86, 175, .72); } .box-left .right-img { position: absolute; right: -170px; } .box-left .right-img img { width: 458px; } .box-right { width: 1920px; padding-bottom: 130px; background: url(//p4.lefile.cn/fes/cms/2025/07/14/gq0ocww75wvbb8ze7b0uiizfoxvokr805485.png) no-repeat; background-size: 100% 100%; } .box-right .left-img { position: absolute; left: -170px; } .box-right .left-img img { width: 458px; } .box-right .right-text { width: 1200px; height: 100%; display: flex; flex-direction: column; align-items: flex-end; } .box-right .right-text .text-top { width: 1200px; margin-top: 60px; display: flex; flex-direction: row-reverse; align-items: center; } .box-right .right-text .text-top .line { display: inline-block; width: 8px; height: 40px; background: linear-gradient(-14deg, #ff773c, #315bff); border-radius: 4px; margin-left: 20px; } .box-right .right-text .text-top span { font-weight: bold; font-size: 42px; color: #002a82; } .box-right .box-cont .right-text .text-cont { width: 825px; font-weight: 400; font-size: 24px; color: #333; line-height: 40px; margin-top: 40px; margin-bottom: 60px; letter-spacing: 1; text-align: justify; } .box-right .box-cont .right-text .text-cont span { font-weight: bold; color: #FF7211FF; } .box-right .box-cont .right-text .text-down a { text-decoration: none; display: block; width: 225px; height: 60px; background: url(//p1.lefile.cn/fes/cms/2025/07/14/vw4z3fgo0hkz6oyxrcdxwq4pdj7qh4603816.png) no-repeat; background-size: 100% 100%; font-weight: 500; font-size: 33px; color: #fff; line-height: 50px; text-align: center; text-shadow: 2px 1px 4px rgba(58, 86, 175, .72); }
