.work_one { width: 100%; overflow: hidden; margin-top: 40px; .one_info { display: flex; justify-content: space-between; img { display: block; } .lef { img { width: 437.87px; } } .rig { margin-left: 45px; ul { width: 100%; li { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 500; color: #C70009; line-height: 46px; display: flex; position: relative; justify-content: space-between; align-items: center; span{ position: absolute; top: 16px; display: inline-block; width: 18px; height: 18px; background: url(../../../imgs/manu/base_redto.png) center center no-repeat; background-size: 100%; margin-right: 14px; } p{ margin-left: 26px; } } } .pic_info { position: relative; width: 100%; height: 588.48px; border-radius: 10px; background: url(../../../imgs/manu/work2.jpg) center center no-repeat; background-size: 100% 100%; div { width: 130px; height: 80px; background: url(../../../imgs/manu/work_in1.png) center center no-repeat; background-size: 100%; overflow: hidden; position: absolute; &:nth-child(1) { left: 240px; bottom: 140px; } &:nth-child(2) { right: 127px; bottom: 86px; } p { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 500; color: #FCD106; line-height: 30px; text-align: center; margin-top: 14px; } } } } } } // 小标题样式 .small_title { font-size: 24px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #000000; display: flex; align-items: center; &::before { content: ""; display: inline-block; width: 6px; height: 56px; margin-right: 20px; background-color: #C70009; } } .work_two { width: 100%; overflow: hidden; margin-top: 40px; .title_bot { width: 100%; background-color: #F7F7F9; border-radius: 10px 10px 10px 10px; overflow: hidden; margin-top: 40px; p { margin: 30px 38px; font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 56px; text-align: justify; } } .pic_info { width: 100%; display: flex; justify-content: flex-start; margin-top: 40px; img { display: block; width: 471.62px; border-radius: 10px; } .rig { width: 678.64px; margin-left: 40px; p { &:nth-child(1) { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 600; color: #C70009; line-height: 46px; text-align: justify; &::before { content: ""; display: inline-block; width: 14px; height: 14px; background: url(../../../imgs/manu/base_redto.png) center center no-repeat; background-size: 100%; margin-right: 18px; } } &:nth-child(2) { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 40px; margin-top: 22px; text-align: justify; } } } } } .work_thr { width: 100%; overflow: hidden; margin-top: 40px; .two_info { display: flex; justify-content: space-between; margin-top: 42px; img { display: block; } .lef { img { width: 437.87px; } } .rig { margin-left: 45px; ul { width: 100%; li { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 500; color: #C70009; line-height: 46px; display: flex; position: relative; justify-content: space-between; align-items: center; span{ position: absolute; top: 16px; display: inline-block; width: 18px; height: 18px; background: url(../../../imgs/manu/base_redto.png) center center no-repeat; background-size: 100%; margin-right: 14px; } p{ margin-left: 26px; } } } .pic_info { position: relative; width: 100%; height: 586.48px; border-radius: 10px; background: url(../../../imgs/manu/work7.jpg) center center no-repeat; background-size: 100%; div { overflow: hidden; position: absolute; &:nth-child(1) { width: 130px; height: 60px; background: url(../../../imgs/manu/work_in2.png) center center no-repeat; background-size: 100%; left: 213px; bottom: 89px; } &:nth-child(2) { width: 130px; height: 80px; background: url(../../../imgs/manu/work_in1.png) center center no-repeat; background-size: 100%; right: 150px; bottom: 69px; } p { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 500; color: #FCD106; line-height: 30px; text-align: center; margin-top: 14px; } } } } } } .work_fou { width: 100%; overflow: hidden; margin-top: 40px; .title_bot { width: 100%; background-color: #F7F7F9; border-radius: 10px 10px 10px 10px; overflow: hidden; margin-top: 40px; p { margin: 30px 38px; font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 56px; text-align: justify; } } .pic_bot_info { width: 100%; display: flex; justify-content: space-between; margin-top: 40px; div { img { display: block; height: 397.86px; border-radius: 10px; } p { width: 555.45px; margin: 0 auto; margin-top: 28px; &:nth-child(2) { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 500; color: #C70009; line-height: 46px; &::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../../../imgs/manu/base_redto.png) center center no-repeat; background-size: 100%; margin-right: 14px; } } &:nth-child(3) { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 40px; text-align: justify; } } } } }