html body{
/*width: 100%;*/
height: 100%;
/*position: relative;*/
}
.main{
padding: 0 0 80px;
}
.collegeContainer{
width: 100%;
height: auto;
position: relative;
}
.container-college{
height: 100%;
}
.collegeList{
height: 100%;
display: flex;
justify-content: center;
}
.collegeList .collegeImg{
/*position: absolute;*/
/*top: 6%;*/
/*left: 11%;*/
padding-right: 5%;
padding-top: 5%;
}
.collegeList .list{
/*position: absolute;*/
/*top: 50%;*/
/*left: 60%;*/
/*transform: translate(-50%, -50%);*/
padding-top: 2%;
}
.collegeintorduction {
width: 900px;
height: 363px;
position: relative;
}
.collegeintorduction .img{
padding-left: 17px;
}
.collegeintorduction .val{
display: flex;
padding: 15px;
justify-content: space-between;
}
.collegeintorduction .val span{
width: 565px;
display: inline-block;
margin-top: 20px;
text-decoration: none;
height: 199px;
font-size: 14px;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #444444;
line-height: 30px;
}
.collegeintorduction .val span:hover,.collegeintorduction .val span:link,.collegeintorduction .val span:active,.collegeintorduction .val span:visited{
text-decoration: none !important;
}
.collegeintorduction .val img{
width: 168px;
height: 317px;
/* position: absolute;
top: 32px;
right: 41px; */
}
.currentPresident {
width: 900px;
height: 400px;
position: relative;
margin-top: 40px;
}
.currentPresident .img{
padding-left: 17px;
}
.currentPresident .val{
display: flex;
padding: 15px;
justify-content: space-between;
margin-top: 20px;
}
.currentPresident .val span{
display: inline-block;
width: 527px;
height: 226px;
font-size: 14px;
font-family: Microsoft YaHei UI;
font-weight: 400;
color: #444444;
line-height: 30px;
}
.currentPresident .val img{
width: 280px;
height: 222px;
}
.organizationalStructure {
width: 900px;
/*height: 400px;*/
position: relative;
}
.organizationalStructure .img {
margin-top: 40px;
margin-bottom: 40px;
}
.monkLearningStyle {
width: 878px;
height: 400px;
position: relative;
margin-top: 120px;
}
.monkLearningStyle .img{
display: flex;
justify-content: space-between;
}
.monkLearningStyle .imgAll{
display: flex;
margin-top: 40px;
}
.collegeScenery {
width: 878px;
height: 400px;
position: relative;
margin-top: 200px;
}
.collegeScenery .img{
display: flex;
justify-content: space-between;
}
.collegeScenery .imgAll{
display: flex;
margin-top: 40px;
overflow: hidden;
}
.collegeScenery .imgAll .left {
padding-left: 0;
padding-right: 0;
margin-right: 10px;
}
.collegeScenery .imgAll .right {
padding-left: 0;
padding-right: 0;
}
.collegeScenery .imgAll .right .row{
margin: 0;
}
.collegeScenery .imgAll .right .right-top{
padding-left: 0;
padding-right: 10px;
margin-bottom: 15px;
}
.collegeScenery .imgAll .right .right-bottom{
padding-left: 0;
padding-right: 10px;
/*margin-bottom: 10px;*/
}
.collegeScenery .imgAll div:nth-of-type(2) div .image-transform-container4b3{
/*padding: 0 0 9px 10px;*/
}
/*.collegeScenery .imgAll div:nth-of-type(2) div .image-transform-container4b3{*/
/* padding: 0 0 0 10px ;*/
/*}*/
.trailer{
width: 878px;
height: 400px;
position: relative;
margin-top: 100px;
}
.trailer .radio-inner{
margin-top: 40px;
}
/*瀛﹀儳椋庨噰*/
.monkContainer{
height: auto;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.monkContainer .List{
/*width: 1300px;*/
display: flex;
margin: 28px auto;
flex-wrap: wrap;
align-items: center;
}
.monkContainer .List .val{
margin: 20px;
width: 338px;
height: 245px;
background: #FFFFFF;
box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.04);
border-radius: 10px;
}
.monkContainer .List .val .item{
width: 338px;
height: 245px;
display: flex;
justify-content: center;
align-items: center;
}
.monkContainer .List .val span:hover{
text-underline: #000000;
color: #000;
}
.monkContainer .top{
background: url(../../../image/collegeProfile/title1.png) center center no-repeat;
background-size: contain;
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
width: 100%;
height: 60px;
}
.monkContainer .top2{
display: flex;
justify-content: center;
margin-top: 30px;
}
.monkContainer .top2 .tit-border {
width: 180px;
height: 36px;
background: url(../../../image/collegeProfile/title2.png) center center no-repeat;
background-size: contain;
font-size: 16px;
font-weight: bold;
color: #245201;
text-align: center;
line-height: 36px;
cursor: pointer;
margin-right: 10px;
}
.tit-border.on{
color: #245201;
}
.monkContainer .List .itemImg img{
width: 319px;
height: 230px;
text-align: center;
border-radius: 10px;
margin: 0 auto;
}
.monkContainer .List .itemVal p{
font-size: 18px;
font-weight: 600;
}
.monkContainer .List .itemVal span{
color: #aaaaaa;
font-size: 16px;
}
.schoolMap{
margin-top: 100px;
}
.mapInfo{
width: 100%;
height: 150px;
padding: 20px;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
display: flex;
justify-content: space-between;
background-color: #ffffff;
padding-top: 40px;
}
video{
width: 100%;
height: 100%;
}
.erweima img{
width: 80px;
height: 80px;
}
.mapInfo .map{
display: flex;
flex-direction: column;
}
.mapInfo .map span{
padding: 0;
color: #000000;
text-decoration: none;
}
.mapInfo .map span:hover{
text-decoration: none;
}
.mapInfo .map span:nth-of-type(1){
font-size: 18px;
font-weight: 600;
}
/*闃呰鍏ㄦ枃*/
.ready{
width: 105px;
height: 34px;
border: 1px solid #245201;
border-radius: 17px;
text-align: center;
position: absolute;
left: 465px;
bottom: 15px;
}
.ready a,.ready2 a{
width: 56px;
height: 14px;
font-size: 14px;
font-family: Microsoft YaHei UI;
font-weight: bold;
color: #245201;
line-height: 30px;
}
.ready2{
width: 105px;
height: 34px;
border: 1px solid #245201;
border-radius: 17px;
text-align: center;
position: absolute;
left: 780px;
bottom: 108px;
}