.yewuBox { margin-top: 80px; width: 100%; /* height: 598px; background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/yewu/ywgl_banner.png'); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; */ } .digitizationBox { overflow: hidden; } .digitizationTitle { text-align: center; font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #202530; margin-top: 100px; margin-bottom: 37px; } .digitizationText { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #8A8F99; text-align: center; } .digitizationImg { margin: 0 auto; display: block; margin-top: 80px; margin-bottom: 90px; } .stieBox { background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/yewu/ywgl_lshgl_bnt.png'); background-repeat: no-repeat; height: 800px; overflow: hidden; position: relative; background-size: 100% 100%; } .stieTitle { text-align: center; font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #FFFFFF; margin-top: 90px; margin-bottom: 37px; } .stieText { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; text-align: center; } .stieTitleBox { position: absolute; top: 40%; left: 20%; width: 420px; height: 264px; display: flex; flex-wrap: wrap; justify-content: space-between; } .itemBox { width: 44%; height: 60px; overflow: hidden; } .yuandian { width: 15px; height: 15px; border-radius: 50%; background-color: #1091FA; float: left; margin: 12px 10px; } .itemText { float: left; font-size: 28px; font-family: Adobe Heiti Std; font-weight: normal; color: #FFFFFF; } .zixuan { position: absolute; left: 20%; bottom: 13%; width: 228px; height: 60px; background: #0067ED; border-radius: 6px; text-align: center; line-height: 60px; font-size: 20px; font-family: OPPOSans; font-weight: 500; color: #FFFFFF; } .dataBox { height: 769px; background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/yewu/ywgl_sjbb_bnt.png'); background-repeat: no-repeat; position: relative; overflow: hidden; /* background-size: 100% 100%; */ } .dataTitle { font-size: 48px; font-family: OPPOSans; font-weight: bold; color: #202530; margin-top: 100px; margin-left: 20%; } .dataItem1 { width: 471px; height: 60px; background: #F2F5F9; border-radius: 8px; text-align: center; line-height: 60px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #737780; margin-left: 20%; margin-top: 60px; } .dataItem2 { width: 365px; height: 60px; background: #F2F5F9; border-radius: 8px; text-align: center; line-height: 60px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #737780; margin-left: 20%; margin-top: 20px; } .dataItem3 { width: 268px; height: 60px; background: #F2F5F9; border-radius: 8px; text-align: center; line-height: 60px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #737780; margin-left: 20%; margin-top: 20px; }