body{ position: absolute; } .main{ padding: 0 0 80px; } .educationContainer{ /*position: relative;*/ width: 100%; height: auto; /*background-color: #f3f3f3;*/ display: flex; justify-content: center; } .educationContainer .educationImg{ /*position: absolute;*/ /*top: 14%;*/ /*left: 8%;*/ padding-top: 5%; padding-right: 5%; } .edcationCon{ padding-top: 2%; } .educationList{ /*position: absolute;*/ width: 100%; max-width: 1000PX; /*top: 65%;*/ /*left: 56.7%;*/ /*transform: translate(-50%, -50%);*/ } .educationList .item{ padding: 10px; margin-top: 20px; width: 100%; max-width: 1000PX; background-color: #ffffff; /*display: flex;*/ border-radius: 8px; box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.04); } .educationList .item .itemTitle{ font-size: 16px; font-weight: 800; padding-bottom: 10px; font-size: 20px; margin-bottom: 20px; } .educationList .item .detail{ background: #245201; border-radius: 20px; padding: 5px 15px; font-size: 16px; color: #ffffff; position: absolute; right: 62px; bottom: 22px; } .educationList .item .itemImg{ min-width: 300px; min-height: 200px; padding: 10px; } .educationList .item .itemImg img{ width: 100%; height: auto; /* padding: 10px!important; */ } .educationList .item .itemVal{ height: 200px; position: relative; } .teachersStyle { width: 100%; max-width: 1000PX; /*transform: translate(-50%, -50%);*/ /* padding: 30px 40px 10px; */ justify-content: space-between; } .teachersStyle .img{ display: flex; justify-content: space-between; } .teachersStyle .imgAll{ display: flex; margin-top: 20px; flex-wrap: wrap; padding: 0; /* justify-content: space-between; */ } .teachersStyle .imgAll .teachers { margin-right: 26px; margin-top: 20px; background-color: #ffffff; border-radius: 8px; padding: 20px; box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.04); } .teachersStyle .imgAll .teachers-outer{ padding: 0 10px; } .teachersStyle .imgAll .teachers img{ width: 100%; aspect-ratio: 3/4; } .teachersStyle .imgAll .teachers:last-child { margin-right: 0; } .teachersStyle .imgAll .teachers .title{ padding-top: 10px; display: inherit; font-size: 16px; font-weight: 700; text-align: right; } .teachersContainer{ /*background-color: #f3f3f3;*/ height:auto; position: relative; margin: 0 auto; width: 80%; padding-top: 60px; } .teachersContainer .List{ display: flex; align-items: center; margin: 0 auto; width: 100%; max-width: 1200px; flex-wrap: wrap; justify-content: flex-start; margin-top: 30px; } .teachersContainer .List .val{ margin-bottom: 25px; } .teachersContainer .List .val .item{ width: 100%; /* height: 392px; */ background: #FFFFFF; box-shadow: 0px 7px 16px 0px rgb(0 0 0 / 4%); border-radius: 10px; color: #000; padding-bottom: 20px; overflow: hidden; margin: 0 2%; display: flex; flex-direction: column; } .teachersContainer .top{ background: url(../../../image/collegeProfile/title1.png) center center no-repeat; background-size: contain; display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; } .teachersContainer .top2{ display: flex; justify-content: center; margin-top: 30px; } .teachersContainer .List .itemImg{ /*height: 296px;*/ overflow: hidden; width: 100%; } .teachersContainer .List .itemImg a{ width: 100%; /*max-height: 296px;*/ position: relative; display: block; } .teachersContainer .List .itemImg img{ left: 0; right: 0; top: 0; margin: auto; max-width: 100%; /* max-height: 100%; */ width:100%; aspect-ratio: 3/4; } .teachersContainer .List .itemVal{ text-align: right; padding: 0 20px; } .teachersContainer .List .itemVal p{ padding-top: 10px; font-size: 24px; font-family: Microsoft YaHei UI; font-weight: 400; } .teachersContainer .List .itemVal span{ font-size: 18px; } .zenTitle{ text-align: center; padding: 40px; font-size: 36px; font-family: Microsoft YaHei UI; font-weight: 400; color: #000000; line-height: 72px; display: flex; align-items: center; justify-content: center; } .zenTitle span{ padding: 0 20px; } .zenTitle .top img:nth-of-type(2){ margin: 10px; } .zenList{ display: flex; align-items: center; margin: 0 auto; width: 100%; max-width: 1200px; flex-wrap: wrap; justify-content: flex-start; } .zenItem-outer { margin-bottom: 20px; } .zenItem{ /* width: 280px; */ background: #FFFFFF; box-shadow: 0px 7px 16px 0px rgb(0 0 0 / 4%); border-radius: 10px; margin-left: 10px; margin-right: 10px; color: #000; padding: 12px; padding-bottom: 20px; overflow: hidden; margin: 0 2%; } .zenItem img{ width: 100%; margin: 0 auto; height: 160px; border-radius: 10px 10px 0 0; } .zenItem p { color: #999; font-size: 16px; padding: 15px 0 0 0px; } .zenList a{ color: #000000; font-size: 18px; }