.orico_Page_OEMandODM { width: 100%; position: relative; height: 100vh; overflow-y: auto; overflow-x: hidden; background: #f2f2f2; } .orico_Page_OEMandODM .OEMandODMpageMain { display: flex; flex-direction: column; align-items: center; justify-content: center; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .bdimg1 { width: 100%; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw { width: 100%; background-color: #fff; display: flex; flex-direction: column; align-items: center; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotbt1 { font-size: 2rem; font-family: Montserrat-Bold, Montserrat; padding-bottom: 4.0625rem; padding-top: 5.5rem; font-weight: 700; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 { width: 75%; display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 6.25rem; align-items: baseline; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item { width: 21rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbic1 { width: 6.25rem; height: 6.25rem; margin-bottom: 1.25rem; } .orico_Page_OEMandODM .OEMandODMpageMain .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_OEMandODM .OEMandODMpageMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbts1 { text-align: center; font-size: 16px; font-family: Montserrat-Medium, Montserrat; color: #9e9e9f; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 { padding-bottom: 5.625rem; background: #fff; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .iotbt1 { font-size: 32px; font-family: Montserrat-Bold, Montserrat; padding-bottom: 65px; padding-top: 88px; font-weight: 700; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .fdimgs { width: 70%; padding-bottom: 1.25rem; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .fdimgs .fdimgs-div { width: 20rem; height: 15.9375rem; text-align: center; background: #fff; border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; position: relative; } .orico_Page_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .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_OEMandODM .OEMandODMpageMain .iotbpage .iotb_part22 .fdimgs .fdimgs-div .fdtitle { font-size: 18px; font-weight: bold; z-index: 9999; position: absolute; bottom: 0px; left: 0; right: 0; color: #fff; line-height: 45px; } .orico_Page_OEMandODM .OEMandODMpageMain .iotb_part2 { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .orico_Page_OEMandODM .OEMandODMpageMain .iotb_part2 .iotbt1 { font-size: 32px; font-family: Montserrat-Bold, Montserrat; padding-bottom: 65px; padding-top: 88px; font-weight: 700; } .orico_Page_OEMandODM .OEMandODMpageMain .iotb_part2 .fdimgs { width: 70%; padding-bottom: 110px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .orico_Page_OEMandODM .OEMandODMpageMain .iotb_part2 .fdimgs img { border-style: none; font-size: 0; }