.orico_Page_introduction { width: 100%; position: relative; min-height: 100vh; overflow-y: auto; overflow-x: hidden; background: #f2f2f2; padding-bottom: 90px; } .orico_Page_introduction .introductionMain { display: flex; flex-direction: column; justify-content: center; } .orico_Page_introduction .introductionMain .iotbpage { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; margin-top: 3.75rem; } .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw { width: 100%; background-color: #fff; display: flex; flex-direction: column; align-items: center; } .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotbt1 { font-size: 32px; font-family: Montserrat-Bold, Montserrat; padding-bottom: 65px; padding-top: 88px; font-weight: 700; } .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 { width: 75%; display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 100px; align-items: baseline; } .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item { width: 336px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbic1 { width: 100px; height: 100px; margin-bottom: 20px; } .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbtp1 { font-size: 18px; font-family: Montserrat-Bold, Montserrat; font-weight: bold; padding-bottom: 18px; } .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbts1 { text-align: center; font-size: 16px; font-family: Montserrat-Medium, Montserrat; color: #9e9e9f; } .orico_Page_introduction .introductionMain .iotb_part2 { padding-bottom: 90px; background: #fff; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .orico_Page_introduction .introductionMain .iotb_part2 .iotbt1 { font-size: 32px; font-family: Montserrat-Bold, Montserrat; padding-bottom: 65px; padding-top: 88px; font-weight: 700; } .orico_Page_introduction .introductionMain .iotb_part2 .fdimgs { width: 70%; padding-bottom: 110px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-bottom: 1%; } .orico_Page_introduction .introductionMain .iotb_part2 .fdimgs .fdimgs-div { width: 24%; /* height: 255px; */ background: #fff; border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; position: relative; text-align: center; z-index: 10; } /* .orico_Page_introduction .introductionMain .iotb_part2 .fdimgs.fdimgs1 .fdimgs-div { height: 405px; } */ .orico_Page_introduction .introductionMain .iotb_part2 .fdimgs .fdimgs-div .fdimgs-div-span { position: absolute; bottom: 0px; z-index: 9999; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(200, 200, 200, 0.1)); height: 45px; width: 100%; } .orico_Page_introduction .introductionMain .iotb_part2 .fdimgs .fdimgs-div span { font-size: 18px; font-weight: bold; z-index: 9999; position: absolute; bottom: 0px; left: 0; right: 0; color: #fff; line-height: 45px; }