.college-header-bg {
    width: 100%;
    background-image: url("../image/zzw-img/college-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 600px;
}

.college-banner-text {
    color: #283A6E;
    font-size: 34px;
}

.college-banner-title {
    color: #283A6E;
    font-size: 56px;
    line-height: 120px;
}

.container > p {
    color: #99A4C5;
    font-size: 32px;
}
.content{
    width: 100%;
    background-color: #F6F9FA;
}
.main {
    width: 92%;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 2% 14%;
    position: relative;
    top: -100px;
}

p {
    margin: 0;
}

.main-box-1 {
    width: 80%;
    margin: 30px auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main-box-1-t {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
}

.main-box-1-t > div {
    justify-content: center;

}

.main-box-1-t > div > img {
    width: 78px;
    height: 78px;
}

.main-box-1-t > div > p {
    font-size: 20px;
    color: #848484;
}
.active{
    color: #3D3939  !important;
    font-weight: 600;
}
.main-box-1-b {
    width: 80%;
    margin: 0 auto;
    background-color: #DCDDE2;
    border-radius: 1px;
    height: 1px;
}

.main-box-1-b-active {
    width: 120px;
    height: 1px;
    background-color: #0a58ca;
    border-radius: 1px;
}

.main-box-2{
    width: 100%;
    margin: 30px auto;
    padding: 20px;

}

.main-box-2-list{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.main-box-2-list>div{
    display: flex;
    flex-direction: column;
    margin-right: 30px;
    width: calc((100% - 90px) / 4);
    min-width: calc((100% - 90px) / 4);
    max-width: calc((100% - 90px) / 4);
    padding: 10px;
}
.main-box-2-list>div:nth-child(4){
    margin-right: 0;
}
.main-box-2-list>div:nth-child(8){
    margin-right: 0;
}
.main-box-2-list>div>img{
    width: 100%;
}
.main-box-2-list>div>div{
    font-size: 20px;
    color: #333333;
    line-height: 40px;
    font-weight: 600;
}
.main-box-2-list>div>p{
    font-size: 16px;
    color: #999999;
}
.main-box-3{
    width: 100%;
    margin: 30px auto;
}
.main-box-3-img{
    width: 45%;
}
.main-box-3-img>img{
    width: 100%;
}
.main-box-3-list{
    width: 52%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.main-box-3-list>div{
    display: flex;
    flex-direction: column;
    width: 47.5%;
    padding: 10px;
}
.main-box-3-list>div>img{
    width: 100%;
}
.main-box-3-list>div>div{
    font-size: 20px;
    color: #333333;
    line-height: 34px;
    font-weight: 600;
}
.main-box-3-list>div>p{
    font-size: 16px;
    color: #999999;
}