._1310{ width: 1310px; margin: auto; } .founderBox{ width: 1280px; height: 826px; background-color: #f0f0f2; } @font-face { font-family: "SourceHanSansCN-Medium"; font-style: normal; font-weight: normal; src: url("../../fonts/about/group/SourceHanSansCN-Medium.ttf") format("truetype"),url("../../fonts/about/group/SourceHanSansCN-Medium.woff") format("woff"), url("../../fonts/about/group/SourceHanSansCN-Medium.svg") format("svg"); font-display: swap; } @font-face { font-family: "SourceHanSansCN-Regular"; font-style: normal; font-weight: normal; src: url("../../fonts/about/group/SourceHanSansCN-Regular.ttf") format("truetype"),url("../../fonts/about/group/SourceHanSansCN-Regular.woff") format("woff"), url("../../fonts/about/group/SourceHanSansCN-Regular.svg") format("svg"); font-display: swap; } @font-face { font-family: "OPPOSans-R"; font-style: normal; font-weight: normal; src: url("../../fonts/about/group/OPPOSans-R.ttf") format("truetype"),url("../../fonts/about/group/OPPOSans-R.woff") format("woff"), url("../../fonts/about/group/OPPOSans-R.svg") format("svg"); font-display: swap; } @font-face { font-family: "SourceHanSansCN-Medium"; font-style: normal; font-weight: normal; src: url("../../fonts/about/group/index/SourceHanSansCN-Medium.ttf") format("truetype"),url("../../fonts/about/group/index/SourceHanSansCN-Medium.woff") format("woff"), url("../../fonts/about/group/index/SourceHanSansCN-Medium.svg") format("svg"); font-display: swap; } .group { margin-top: 54px!important; overflow: hidden; padding-bottom: 93px; padding-left: 25px; padding-top: 39px; } .group li{ width: 283px; height: 372px; background-color: #ffffff; box-shadow: 0px 2px 27px 0px rgba(24, 24, 24, 0.13); float: left; list-style: none; margin-right: 49px; margin-bottom: 79px; }.group li:nth-of-type(4n){ margin-right:0px; } .group li>p:nth-of-type(1){ font-family: SourceHanSansCN-Medium; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 12px; letter-spacing: 0px; color: #222222; } .group li>p:nth-of-type(1){ font-family: SourceHanSansCN-Medium; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 20px; letter-spacing: 0px; color: #222222; margin-left: 20px; margin-bottom: 10px; margin-top: 20px; } .group li>p:nth-of-type(2){ font-family: SourceHanSansCN-Regular; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #737373; margin-left: 20px; margin-top: 0px; } .group li>span{ display: block; width: 283px; height: 282px; overflow: hidden; } .group li>span>img{ display: block;width: 100%; height: 100%;transition: all .88s ease; } .group li>span>img:hover{ transform: scale(1.08) translate3d(0,0,0); }