body{ font-size: 16px; background-color: #dfedeb; text-align: center; margin: 0; padding: 0;}
img { display: block; max-width: 100%;}

.container{ width: 1200px; margin: 0 auto; text-align: left;}

.slogan{ width: 100%; height: 100px; line-height: 100px; background-color: #009c95;}
.slogan  h1{ line-height: 100px; font-size: 36px; margin: 0; text-align: center; color: #FFF;}

.title{ height: 100px; line-height: 100px; margin: 30px 0; text-align: center; background-image: url(../images/titleBg.png); background-position: center center; background-repeat: no-repeat;}
.title p{ height: 100px; line-height: 100px; font-size: 50px; color: #009c95; margin: 0;}

.schoolList{ width: 100%; height: 1120px; overflow: hidden; display: block; list-style: none; margin: 0; padding: 0;}
.schoolList::after{ display: table; clear: both; width: 100%; height: 0; content: "";}
.schoolList__item{ width: 360px; height: 520px; overflow: hidden; background-color: #FFF; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 25%); margin: 30px 0 0 30px; float: left; position: relative; transition: all 0.5s;}
.schoolList__item:nth-child(3n+1){ clear: both;}
.schoolList__item:hover{ margin-top: -5px;}
.schoolList__item img{ width: 100%; height: auto;}

.schoolList__title{ width: 100%; text-align: center; margin: 20px 0; line-height: 30px; font-size: 24px; font-weight: bold; color: #009c95;}
.schoolList__info{ height: 60px; overflow: hidden; margin: 0 20px; color: #333; font-size: 24px;}
.schoolList__info p{ margin: 0; line-height: 30px;}

.sxtj{ width: 100%; clear: both;}
.sxtj__title{ width: 100%; line-height: 100px; text-align: center; margin: 30px; font-size: 36px; color: #009c95;}
.sxtj__btn{ display: block; width: 640px; height: 80px; line-height: 80px; margin: 0 auto; background-color: #009c95; border-radius: 5px; font-size: 36px; color: #FFF; text-align: center; text-decoration: none;}
.sxtj__consult{ display: block; line-height: 100px; text-align: center; font-size: 24px; color: #8dc21f;}

.xlxq{ background-color: #009c95; padding: 30px;}

.infoBox{ width: 1140px; margin: 0 30px; padding: 50px; background-color: rgba(0, 156, 149, 0.15); box-sizing: border-box;}
.infoBox h5{ font-size: 48px; line-height: 50px; margin: 0 0 20px; color: #333;}
.infoBox p{ font-size: 36px; line-height: 50px; margin: 0; color: #333;}
.infoBox em{ font-size: 24px; line-height: 30px; margin: 30px 0 0; color: rgba(51, 51, 51, 0.25); display: block;}

.infoBox--crgdjy{ background-color: rgba(120, 188, 49, 0.15);}
.infoBox--ddkfjy{ background-color: rgba(174, 66, 131, 0.15);}

.zyjnzsksfdBtn{ display: block; width: 1140px; margin: 0 30px;}

.foot{ width: 1200px; margin: 50px auto 0; padding: 30px; box-sizing: border-box; background-color: #FFF; border-bottom: 40px solid #009c95; text-align: left;}
.foot img{ margin-top: 50px;}
.foot h5{ font-size: 48px; line-height: 50px; margin: 0 0 20px; color: #333;}
.foot p{ font-size: 30px; line-height: 48px; margin: 0; color: #333;}

.oa{ position: fixed; top: 45%; right: 0;}

@media screen and (min-width: 750px) {
    .title p{ font-size: 30px;}
    .schoolList__info{ font-size: 16px;}

    .infoBox h5{ font-size: 30px;}
    .infoBox p{ font-size: 16px; line-height: 30px;}
    .infoBox em{ font-size: 12px; line-height: 24px;}
    .infoBox--zxks p{ font-size: 22px; line-height: 36px;}
    .foot h5{ font-size: 30px;}
    .foot p{ font-size: 16px;}

    .schoolList{ height: auto;}
    .schoolList__item{width: 260px; height: 420px;}
    .schoolList__item:nth-child(3n+1){ clear: none;}
    .schoolList__item:nth-child(4n+1){ clear: both;}
}