.college-page { background-size: auto 100%;padding-bottom: 80px;}
.college-page .banner-box {position: relative;padding-bottom: 1px; width: 100%;background: url('../../images/list/bg06.png') no-repeat top left;background-size:cover;}
.college-page .college-info {margin: 40px 0px;}
.college-page .college-info .left-info {float: left; width: 190px; height: 190px;border-radius: 50%;overflow: hidden;}
.college-page .college-info .right-info {float: left; width: calc(100% - 190px);padding-left: 40px;padding-top: 5px;}
.college-page .college-info .left-info a,.college-page .college-info .left-info img {width: 100%; height: 100%;}
.college-page .right-info .title-box {float: left; width: calc(100% - 80px); color:#333333; font-size: 30px;line-height: 40px;}
.college-page .right-info .title-box a  {display: inline-block; width: 100%; color: #333333;}
.college-page .right-info .gz {float: left;margin-top: 5px; width: 76px; height: 30px;background: #c41919; font-size: 16px; line-height: 30px; text-align: center; color: #fff;cursor: pointer;}
.college-page .right-info .ygz { border: 1px solid #c41919; color: #c41919;background: #fff;}
.college-page .toolbar {margin-top: 10px;}
.college-page .toolbar span {color: #333333;}
.college-page .toolbar .num {display: inline-block; margin: 0 25px 0 15px}
.college-page .toolbar .hyzs {margin-left: 25px;}

.college-page .introBox{display: flex;justify-content: space-between;}
.college-page .introBox .summary {width: calc(50% - 10px);padding: 15px 15px 20px; margin-top: 15px;color: #333; font-size: 16px; line-height: 24px;border: 1px solid rgb(216, 130, 130,0.5);border-radius: 8px;box-shadow: 0px 0px 10px 0px rgb(216, 130, 130,0.5);}
.college-page .introBox .summary .tit {color: #c41919;margin-bottom: 5px;}
.college-page .pagebox {padding-top: 60px;}
.college-page .morebtn {color: #c11500; float: right;cursor: pointer;}
@media ( max-width : 850px) {
    .college-page .college-info .left-info {display: none;}
    .college-page .college-info .right-info {width: 100%; padding-left: 0;}
    .college-page .college-info .right-info {padding-top: 0px;}
    .college-page .banner-box {background-size: 100% 170px;}
}


@media ( max-width : 450px) {
    .college-page .college-info .right-info {padding-top: 0;}
    .college-page .toolbar .hyzs {margin-left: 0;}
    .college-page .toolbar {margin-top: 10px; font-size: 14px;}
    .college-page .summary {margin-top: 33px;}
    .college-page .right-info .title-box {font-size: 25px;line-height: auto;}
    .college-page {padding-bottom: 0px}

    .college-page .college-info{margin: 0;}
    .college-page .introBox{flex-direction: column;}
    .college-page .introBox .summary{width: 100%;}
}