body { position: relative; min-width: 1200px; overflow-x: hidden; margin: 0; } p { margin: 0; padding: 0; box-sizing: border-box; } span { margin: 0; padding: 0; box-sizing: border-box; } #Main { width: 1920px; min-height: 7000px; background: url(//p1.lefile.cn/fes/cms/2026/08/12/djtzaii8bp4qwaamwebmj3byv4lv91511499.png) no-repeat; background-size: 100% 100%; position: relative; left: 50%; transform: translate(-50%, 0); padding-bottom: 80px; padding-top: 280px; } #Main .top { width: 1200px; margin: auto; margin-top: 100px; } #Main .content1, #Main .content2, #Main .content3, #Main .content4 { width: 1400px; margin: auto; margin-top: 100px; } #Main .top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 200px; } #Main .top .top_left { margin-right: 40px; } #Main .top .top_left span { display: block; font-size: 24px; font-weight: bold; color: #fff; line-height: 58px; letter-spacing: 1px; text-align: justify; } .content1 .content1-one, .content2 .content2-one, .content3 .content3-one, .content4 .content4-one { text-align: center; margin-bottom: 60px; } .content1 .content1-two, .content2 .content2-two, .content3 .content3-two, .content4 .content4-two { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .content1 .content1-two .content1-two-box, .content2 .content2-two .content2-two-box, .content3 .content3-two .content3-two-box, .content4 .content4-two .content4-two-box { width: 100%; min-height: 477px; background: url(//p1.lefile.cn/fes/cms/2026/08/12/8ebll83t123ren4ru9z5b14y0yvbbl464844.png) no-repeat; background-size: 100% 100%; padding: 40px 14px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .content1 .content1-two .content1-two-box .content1-two-box-top, .content2 .content2-two .content2-two-box .content2-two-box-top, .content3 .content3-two .content3-two-box .content3-two-box-top, .content4 .content4-two .content4-two-box .content4-two-box-top { width: 100%; height: 213px; background: linear-gradient(37deg, rgba(0, 186, 255, .14), rgba(225, 241, 255, .27)); border-radius: 16px; border: 1px solid #35a2ff; position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .autoimg { width: 100%; height: 100%; border-radius: 16px; } .content1 .content1-two .content1-two-box .content1-two-box-top .tag, .content2 .content2-two .content2-two-box .content2-two-box-top .tag, .content3 .content3-two .content3-two-box .content3-two-box-top .tag, .content4 .content4-two .content4-two-box .content4-two-box-top .tag { position: absolute; top: -25px; left: 20px; } .content1 .content1-two .content1-two-box .content1-two-box-top .tag1, .content2 .content2-two .content2-two-box .content2-two-box-top .tag1, .content3 .content3-two .content3-two-box .content3-two-box-top .tag1, .content4 .content4-two .content4-two-box .content4-two-box-top .tag1 { height: 60px; left: auto; right: 0px; top: -20px; } .content1 .content1-two .content1-two-box .content1-two-box-cont, .content2 .content2-two .content2-two-box .content2-two-box-cont, .content3 .content3-two .content3-two-box .content3-two-box-cont, .content4 .content4-two .content4-two-box .content4-two-box-cont { height: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .content1 .content1-two .content1-two-box .content1-two-box-cont p, .content2 .content2-two .content2-two-box .content2-two-box-cont p, .content3 .content3-two .content3-two-box .content3-two-box-cont p, .content4 .content4-two .content4-two-box .content4-two-box-cont p { text-align: center; font-family: Source Han Sans SC; } .content1 .content1-two .content1-two-box .content1-two-box-cont .content1-two-box-cont-title, .content2 .content2-two .content2-two-box .content2-two-box-cont .content2-two-box-cont-title, .content3 .content3-two .content3-two-box .content3-two-box-cont .content3-two-box-cont-title, .content4 .content4-two .content4-two-box .content4-two-box-cont .content4-two-box-cont-title { font-weight: bold; font-size: 22px; color: #14308e; } .content1 .content1-two .content1-two-box .content1-two-box-cont .content1-two-box-cont-code, .content2 .content2-two .content2-two-box .content2-two-box-cont .content2-two-box-cont-code, .content3 .content3-two .content3-two-box .content3-two-box-cont .content3-two-box-cont-code, .content4 .content4-two .content4-two-box .content4-two-box-cont .content4-two-box-cont-code { font-size: 30px; line-height: 40px; font-weight: bold; color: #fefefe; background: linear-gradient(94deg, #228fff 1.1474609375%, #ff6464 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .content1 .content1-two .content1-two-box .content1-two-box-cont .content1-two-box-cont-des, .content2 .content2-two .content2-two-box .content2-two-box-cont .content2-two-box-cont-des, .content3 .content3-two .content3-two-box .content3-two-box-cont .content3-two-box-cont-des, .content4 .content4-two .content4-two-box .content4-two-box-cont .content4-two-box-cont-des { font-size: 16px; font-weight: 500; color: #1e6bc9; padding-top: 10px; background: linear-gradient(94deg, #228fff 1.1474609375%, #ff6464 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .content1 .content1-two-box-bottom-more, .content2 .content2-two-box-bottom-more, .content3 .content3-two-box-bottom-more, .content4 .content4-two-box-bottom-more { margin: auto; width: 150px; height: 45px; background: linear-gradient(94deg, #228fff, #ff6464); border-radius: 21px; border: 2px solid #fafafa; font-family: Source Han Sans SC; font-weight: 500; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; box-sizing: border-box; } #Main .content-title2 .cont { text-align: center; font-weight: 500; font-size: 38px; background: linear-gradient(19deg, #28b4ff 31%, #f7c187 53%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 6px; padding: 0 20px; } #Main .content-title2 { display: flex; align-items: center; justify-content: center; margin: 40px 0 60px 0; } #Main .content2 .content2-three { display: flex; justify-content: space-between; } #Main .content2 .content2-three .content2-three-right { display: flex; align-items: center; width: 100%; } #Main .content2 .content2-three .content2-three-right .three-right-left { width: 315px; height: 44px; background: linear-gradient(-69deg, #fcb99b, #27c1ff); border-radius: 20px; font-weight: 400; font-size: 30px; color: #fefefe; line-height: 44px; text-shadow: 0px 2px 4px rgba(33, 0, 51, .6); text-align: center; letter-spacing: 1px; } #Main .content2 .content2-three .content2-three-right .three-right-round { width: 9px; height: 9px; background: linear-gradient(19deg, #28b4ff 31%, #f7c187 53%); border-radius: 50%; } #Main .content2 .content2-three .content2-three-right .three-right-line { flex: 1; height: 1px; background: linear-gradient(90deg, #554cff, transparent 108%); } #Main .content2 .content2-four { margin: 50px 0 80px 0; display: flex; justify-content: space-between; } #Main .content2 .content2-four .box { width: 585px; height: 260px; background: url(../img/content1-img10.png) no-repeat; background-size: 100% 100%; padding: 50px 30px 50px 35px; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: space-between; } #Main .content2 .content2-four .box .box-left { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } #Main .content2 .content2-four .box .box-left .box-left-title1 { font-weight: 500; font-size: 24px; color: #14308e; } #Main .content2 .content2-four .box .box-left .box-left-title2 { font-weight: 800; font-size: 40px; background: linear-gradient(180deg, #1f73d7 0%, #e9898a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #Main .content2 .content2-four .box .box-left .box-left-title3 { font-weight: 500; font-size: 18px; color: #247cd4; } #Main .content2 .content2-four .box2 { width: 585px; height: 260px; background: url(../img/content1-img10.png) no-repeat; background-size: 100% 100%; padding: 50px 30px 50px 35px; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: space-between; } #Main .content2 .content2-four .box2 .box-left { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } #Main .content2 .content2-four .box2 .box-left .box-left-title1 { font-weight: 500; font-size: 24px; color: #14308e; } #Main .content2 .content2-four .box2 .box-left .box-left-title2 { font-weight: 800; font-size: 40px; background: linear-gradient(180deg, #1f73d7 0%, #e9898a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #Main .content2 .content2-four .box2 .box-left .box-left-title3 { font-weight: 500; font-size: 18px; color: #247cd4; } #Main .content2 .content2-five { display: flex; align-items: center; } #Main .content2 .content2-five .five-left { width: 315px; height: 44px; background: linear-gradient(-69deg, #fcb99b, #27c1ff); border-radius: 20px; font-weight: 400; font-size: 30px; color: #fefefe; line-height: 44px; text-shadow: 0px 2px 4px rgba(33, 0, 51, .6); text-align: center; letter-spacing: 1px; } #Main .content2 .content2-five .five-round { width: 9px; height: 9px; background: linear-gradient(19deg, #28b4ff 31%, #f7c187 53%); border-radius: 50%; } #Main .content2 .content2-five .five-line { width: 870px; height: 1px; background: linear-gradient(90deg, #554cff, transparent 100%); } #Main .content2 .content2-six { margin: 50px 0 80px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } #Main .content2 .content2-six .box { width: 585px; height: 260px; background: url(../img/content1-img10.png) no-repeat; background-size: 100% 100%; padding: 50px 35px; box-sizing: border-box; margin-bottom: 65px; position: relative; display: flex; align-items: center; justify-content: space-between; } #Main .content2 .content2-six .box .box-left { height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; } #Main .content2 .content2-six .box .box-left .box-left-title1 { font-weight: 500; font-size: 24px; color: #14308e; } #Main .content2 .content2-six .box .box-left .box-left-title2 { font-weight: 800; font-size: 40px; background: linear-gradient(180deg, #1f73d7 0%, #e9898a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #Main .content2 .content2-six .box .box-left .box-left-title3 { font-weight: 500; font-size: 18px; color: #247cd4; word-break: keep-all; } #Main .content3 .content3-one { text-align: center; } #Main .content3 .content3-three { width: 1200px; height: 750px; background: url(../img/content1-img18.png) no-repeat; background-size: 100% 100%; padding: 70px 35px 60px 35px; box-sizing: border-box; } #Main .content3 .content3-three .content3-three-top { height: 280px; background: url(../img/content1-img19.png) no-repeat; background-size: 100% 100%; margin-bottom: 63px; display: flex; align-items: center; justify-content: space-between; position: relative; padding: 0 20px 0 35px; box-sizing: border-box; } #Main .content3 .content3-three .content3-three-top .carousel-prev, #Main .content3 .content3-three .content3-three-top .carousel-next { width: 40px; height: 60px; background: #4a90d9; border-radius: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: background .3s; } #Main .content3 .content3-three .content3-three-top .carousel-prev:hover, #Main .content3 .content3-three .content3-three-top .carousel-next:hover { background: #3a7ac9; } #Main .content3 .content3-three .content3-three-top .arrow-icon { font-size: 35px; color: #fff; font-weight: bold; line-height: 1; } #Main .content3 .content3-three .content3-three-top .carousel-wrapper { flex: 1; overflow: hidden; margin: 0 10px; } #Main .content3 .content3-three .content3-three-top .carousel-inner { display: flex; transition: transform .5s ease; } #Main .content3 .content3-three .content3-three-top .three-top-box { display: flex; flex-direction: column; align-items: center; height: 220px; justify-content: flex-end; width: 300px; flex-shrink: 0; margin: 0 15px; } #Main .content3 .content3-three .content3-three-top .three-top-box:nth-child(1) img { width: 250px; margin-bottom: -40px; } #Main .content3 .content3-three .content3-three-top .three-top-box p { font-weight: 500; font-size: 20px; color: #14308e; margin: 10px 0 15px 0; white-space: nowrap; } #Main .content3 .content3-three .content3-three-top .three-top-box span a { display: inline-block; width: 123px; height: 35px; cursor: pointer; border-radius: 1px; background: linear-gradient(0deg, #771724, #be2833); font-weight: 500; font-size: 20px; color: #fff; line-height: 35px; text-align: center; text-decoration: none; } #Main .content3 .content3-three .content3-three-bot { height: 280px; background: url(../img/content1-img20.png) no-repeat; background-size: 100% 100%; display: flex; align-items: center; justify-content: space-between; position: relative; padding: 0 20px 0 35px; box-sizing: border-box; } #Main .content3 .content3-three .content3-three-bot .carousel-prev, #Main .content3 .content3-three .content3-three-bot .carousel-next { width: 40px; height: 60px; background: #4a90d9; border-radius: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: background .3s; } #Main .content3 .content3-three .content3-three-bot .carousel-prev:hover, #Main .content3 .content3-three .content3-three-bot .carousel-next:hover { background: #3a7ac9; } #Main .content3 .content3-three .content3-three-bot .arrow-icon { font-size: 35px; color: #fff; font-weight: bold; line-height: 1; } #Main .content3 .content3-three .content3-three-bot .carousel-wrapper { flex: 1; overflow: hidden; margin: 0 10px; } #Main .content3 .content3-three .content3-three-bot .carousel-inner { display: flex; transition: transform .5s ease; } #Main .content3 .content3-three .content3-three-bot .three-bot-box { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; margin: 0 15px; height: 190px; justify-content: flex-end; width: 300px; } #Main .content3 .content3-three .content3-three-bot .three-bot-box p { font-weight: 500; font-size: 20px; color: #14308e; margin: 10px 0 15px 0; white-space: nowrap; } #Main .content3 .content3-three .content3-three-bot .three-bot-box span a { display: inline-block; width: 123px; height: 35px; cursor: pointer; border-radius: 1px; background: linear-gradient(0deg, #772212, #f07258); font-weight: 500; font-size: 20px; color: #fff; line-height: 35px; text-align: center; text-decoration: none; } #Main .content4 .content4-one { text-align: center; } #Main .content4 .content4-three { margin: 50px 0 80px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } #Main .content4 .content4-three .box { width: 585px; height: 260px; background: url(../img/content1-img10.png) no-repeat; background-size: 100% 100%; padding: 50px 30px 50px 35px; box-sizing: border-box; margin-bottom: 65px; position: relative; display: flex; align-items: center; justify-content: space-between; } #Main .content4 .content4-three .box .box-left { height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; } #Main .content4 .content4-three .box .box-left .box-left-title1 { font-weight: 500; font-size: 24px; color: #14308e; } #Main .content4 .content4-three .box .box-left .box-left-title2 { font-weight: 800; font-size: 40px; background: linear-gradient(180deg, #1f73d7 0%, #e9898a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #Main .content4 .content4-three .box .box-left .box-left-title3 { font-weight: 500; font-size: 18px; color: #247cd4; word-break: keep-all; } #Main .box-more { position: absolute; bottom: -7px; right: 30px; } #Main .box-more a { display: inline-block; width: 146px; height: 42px; font-family: Source Han Sans SC; font-weight: 500; font-size: 20px; color: #fff; line-height: 42px; text-align: center; letter-spacing: 1px; cursor: pointer; background: linear-gradient(-69deg, #0065dd, #fcb99b); box-shadow: -2px 2px 5px 0px rgba(255, 255, 255, .56); border-radius: 21px; border: 2px solid #fff; text-decoration: none; }