.jianliBox { margin-top: 80px; width: 100%; /* height: 600px; position: relative; background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_banner.png'); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; */ } .textBox { position: absolute; top: 140px; left: 359px; /* background: linear-gradient(265deg, #0067ED, #02A3FF, #0E5DDB); */ } .titleBefore { font-size: 60px; font-family: OPPOSans; font-weight: bold; color: #202530; float: left; } .title { background-image: -webkit-linear-gradient(265deg, #0067ED, #02A3FF, #0E5DDB); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 60px; font-family: OPPOSans; font-weight: bold; float: left; } .textp { width: 380px; height: 20px; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #575B61; margin-top: 35px; margin-bottom: 57px; } .zhixun { width: 260px; height: 60px; background: #0067ED; border-radius: 6px; color: #ffffff; text-align: center; font-size: 20px; font-family: OPPOSans; font-weight: 500; line-height: 60px; cursor: pointer; } .conversionBox { overflow: hidden; } .conversionTitle { text-align: center; margin-top: 100px; font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #202530; margin-bottom: 30px; } .conversionText { width: 1086px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #8A8F99; line-height: 34px; margin: 0 auto; text-align: center; } .conversionImg { margin: 60px auto 0 auto; display: block; } .conversionImg2 { margin: -200px auto 0 auto; display: block; } .productBox { height: 842px; /* background: #F8FAFF; */ overflow: hidden; background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/syll_cpfw_bnt.png'); background-repeat: no-repeat; } .productText { font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #202530; text-align: center; margin-top: 96px; margin-bottom: 80px; } .imgItemBox { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .imgItem { width: 23%; height: 226px; background-color: #ffffff; margin-bottom: 10px; border-radius: 6px; } .itemImg { width: 50px; height: 50px; margin: 30px 0 25px 22px; } .itemTitle { font-size: 20px; font-family: Microsoft YaHei; font-weight: bold; color: #202530; margin-left: 22px; } .itemP { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #A1A7B3; margin-left: 22px; margin-top: 16px; }