.head ul { position: relative; } .head ul .to_li { position: absolute; display: block; width: 40px; height: 5px; background: #C70009; border-radius: 49px 21px 0px 0px; bottom: -34px; left: 46%; } .fen { width: 81.25rem; margin: 0 auto; position: relative; } .fen .title { font-size: 30px; font-family: Source Han Sans, Source Han Sans; font-weight: 900; color: #3D3D3D; line-height: 56px; display: flex; align-items: center; margin-top: 46px; position: relative; } .fen .title::before { content: ""; display: inline-block; width: 6px; height: 56px; margin-right: 20px; background-color: #C70009; } .fen .two { width: 80rem; margin-left: 20px; font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 30px; margin-top: 30px; } .fen .technology { width: 100%; margin-top: 20px; display: flex; justify-content: space-between; align-content: space-between; flex-wrap: wrap; z-index: 2; } .fen .technology a { display: block; width: 49.2%; } .fen .technology .child { position: relative; width: 100%; height: 312px; display: flex; flex-direction: column; justify-content: flex-end; transition: linear all 500ms; border-radius: 10px 10px 10px 10px; margin-top: 36px; overflow: hidden; } .fen .technology .child:hover { box-shadow: 27px 21px 44px 0px rgba(24, 35, 80, 0.18); } .fen .technology .child:hover .tec_sp { bottom: 62px; } .fen .technology .child:hover div { left: 0px; bottom: 12px; } .fen .technology .child .tec_more { position: absolute; font-size: 14px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #FCD106; margin-left: 46px; border: none; transition: all linear 300ms; bottom: -100px; } .fen .technology .child .tec_more::after { content: ""; display: inline-block; width: 14px; height: 8px; background: url("../../imgs/home/info_to_yellow.png") center right no-repeat; background-size: 100%; margin-left: 9px; } .fen .technology .child .tec_sp { position: absolute; bottom: 23px; margin-left: 46px; transition: all linear 300ms; } .fen .technology .child .tec_sp span { font-size: 36px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #FFFFFF; transition: all linear 300ms; } .fen .technology .child .tec_sp p { width: 550px; font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 500; color: #FFFFFF; transition: all linear 300ms; margin-top: 17px; }