/* .banner{background: url(../images/case.png) center top no-repeat;} */
.banner .title h1{font-size: 88px; color: #fff; margin-top: 200px; margin-left: 92px; margin-bottom: 20px;}
.banner .title h3{font-weight: 600;font-size: 24px;color: #FFFFFF;line-height: 36px;letter-spacing: 4px;  margin-bottom: 100px;}
.banner .search{ margin-left: 390px; margin-top: 0;}

/* schools */
.schools{padding-top: 120px; padding-bottom: 90px;}
.schools ul{height: 636px; overflow: hidden}
.schools ul li:nth-child(4n){margin-right: 0;}
.schools ul li{width: 288px;height: 66px; overflow: hidden; margin-right: 15px; margin-bottom: 40px; float: left;}
.schools ul li:hover img{transform: scale(1.05);}
.schools ul li img{width: 288px;height: 66px; -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;transition: all .3s ease-out;}
.schools a{margin: 80px auto; text-align: center;font-weight: 400;font-size: 14px;color: #7A7A7A;}
.schools a i{font-size: 32px; color: var(--primary);}

/* connect */
.connect form{margin: 0 auto; text-align: center; width: 893px;}
.connect form input{display: block;width: 893px;height: 60px;border-radius: 2px 2px 2px 2px;border: 1px solid #F7F7F7; margin-bottom: 20px; box-sizing: border-box; padding-left: 20px;}
.connect form textarea{width: 893px; height: 200px; line-height: 24px; font-size: 14px;border: 1px solid #F7F7F7; padding-top: 5px;}
.connect form input:focus{border-color: var(--primary);}
.connect a{width: 160px;height: 32px;line-height: 32px; border-radius: 4px 4px 4px 4px;border: 1px solid #43A591; display: block; margin: 70px auto; text-align: center; color: var(--primary);}


@media screen and (max-width:980px) {
    .banner .title{margin-left: 0;}
}