.ware_one { width: 100%; overflow: hidden; margin-top: 40px; display: flex; justify-content: space-between; } .ware_one img { display: block; } .ware_one .lef img { width: 514.22px; } .ware_one .rig .top { display: flex; justify-content: space-between; } .ware_one .rig .top .top_lef { display: flex; justify-content: space-between; } .ware_one .rig .top .top_lef div { position: relative; margin-top: 10px; height: 370px; } .ware_one .rig .top .top_lef div img { height: 100%; border-radius: 10px; margin-top: 10px; } .ware_one .rig .top .top_lef div p { position: absolute; font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #FFFFFF; line-height: 46px; z-index: 2; display: flex; align-items: center; bottom: 0; left: 20px; } .ware_one .rig .top .top_lef div p::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../../../imgs/manu/base_whiteto.png) center center no-repeat; background-size: 100%; margin-right: 15px; } .ware_one .rig .top .top_rig { margin-left: 26px; } .ware_one .rig .top .top_rig p { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #C70009; line-height: 46px; width: 358.33px; } .ware_one .rig .top .top_rig p::before { content: ""; width: 14px; height: 14px; display: inline-block; background: url(../../../imgs/manu/base_redto.png) center center no-repeat; background-size: 100%; } .ware_one .rig .top .top_rig p:nth-child(2) { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 43px; margin-left: 20px; background-color: #F7F7F9; padding: 13px 29px; margin: 25px 0px; border-radius: 10px; } .ware_one .rig .top .top_rig p:nth-child(2)::before { content: none; } .ware_one .rig .bot { margin-top: 40px; width: 100%; display: flex; justify-content: space-evenly; align-items: center; background-color: #F7F7F9; } .ware_one .rig .bot .top_rig p { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #C70009; line-height: 46px; width: 358.33px; } .ware_one .rig .bot .top_rig p::before { content: ""; width: 14px; height: 14px; display: inline-block; background: url(../../../imgs/manu/base_redto.png) center center no-repeat; background-size: 100%; } .ware_one .rig .bot .top_rig p:nth-child(2) { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 43px; margin-left: 20px; background-color: #FFFFFF; padding: 13px 29px; margin: 25px 0px; border-radius: 10px; } .ware_one .rig .bot .top_rig p:nth-child(2)::before { content: none; } .ware_one .rig .bot .rig_sup { width: 200px; border-radius: 10px; background-color: #FFFFFF; height: 90%; overflow: hidden; } .ware_one .rig .bot .rig_sup p { width: 80%; margin: 0 auto; margin-top: 20px; font-size: 24px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #C70009; line-height: 56px; } .ware_one .rig .bot .rig_sup p::after { content: ""; display: block; width: 73px; height: 2px; background-color: #C70009; } .ware_one .rig .bot .rig_sup ul { width: 80%; margin: 0 auto; margin-top: 20px; padding-bottom: 25px; } .ware_one .rig .bot .rig_sup ul li { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 43px; }