/* 新闻列表 */
.news-list{
    list-style: none;
    overflow: hidden;
    padding:0;
    /*width: 70%;*/
    height: 100%;
    margin:0 auto;
}

.news-list li{
    float: left;
    width: 33.333%;
    height: 100%;
    font-size: 12px;
    position: relative;
}

.news-list li img{
    width: 100%;
    max-width: 100%;
}
.news-list li:nth-child(2n){
    padding: 10px 20px;
}
.news-list li:nth-child(2n):after{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    content: '';
    transform: rotate(45deg);
}
.news-list li:nth-child(2n):hover{
    text-decoration: underline;
    cursor: pointer;
}
.news-list .news-title{
    padding-left: 15px;
}
.news-title:before{
    display: block;
    width: 7px;
    height: 3.5em;
    background: #519815;
    content: '';
    position: absolute;
    margin-left: -15px;
}
.news-list li:nth-child(6) .news-title:before{
    background: #ffffff;
}
.news-list li:nth-child(2){
    background: #222222;
    color: #ffffff;
}
.news-list li:nth-child(2):after{
    top: 10%;
    left: -9px;
    background: #222;
}
.news-list li:nth-child(4){
    background: #f8f8f8;
}
.news-list li:nth-child(4):after{
    top: 10%;
    right: -9px;
    background: #f8f8f8;
    z-index:999;
}
.news-list li:nth-child(6){
    background: #4cab00;
    color: #ffffff;
}
.news-list li:nth-child(6):after{
    top: -9px;
    left: 10%;
    background: #4cab00;
}
.news-title h3{
    font-size: 1.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-content{
    margin-top:15px;
}

/*学院列表*/
.college-list{
    list-style: none;
    overflow: hidden;
    padding:0;
    /*width: 67.5%;*/
    height: 100%;
    margin:0 auto;
    width: 97.5%;
}

.college-list li{
    width: 22.91%;
    float: left;
    margin:0 1.3888%;
    background: #f4f4f4;
    color: rgb(153, 153, 153);
}
.college-list li:hover{
    cursor: pointer;
    background: #4cab00;
    color: #ffffff;
}
.college-list li:first-child{
    margin-left: 0;
}
.college-list li:last-child{
    margin-right: 0;
}

.college-list li img{
    max-width: 100%;
}

.college-intro{
    padding: 20px 16.8%;
}
.college-intro h3{
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 1.714285714285714em; /* 24/14 = 1.714285714285714*/
    color: rgb(51,51,51);
}
.college-list li:hover .college-intro h3{
    color:#ffffff;
}
.college-intro p{
    font-size: 0.8571428571428571em; /* 12 /14= 0.8571428571428571 */
}
.college-intro p:after{
    display: block;
    width: 100%;
    height: 1px;
    border-bottom:1px solid #e6e6e6;
    content: '';
    margin-top:8px;
}

.college-intro p:last-child:after{
    display: none;
}

/* fixed IE8*/
.college-intro p.last-child:after{
    display: none;
}
.college-list li.first-child{
    margin-left: 0;
}
.college-list li.last-child{
    margin-right: 0;
}

@media screen and (max-width: 1366px) {
    .news-list li:nth-child(2n) {
        padding: 10px 15px;
    }
    .college-intro {
        padding: 20px 10.8%;
    }
}
@media screen and (max-width: 1280px) {
    .college-intro {
        padding: 20px 5.8%;
    }
}

@media screen and (min-width: 1480px) {
    .news-list{
        width: 90%;
    }
    .college-list{
        width: 87.5%;
    }
}
@media screen and (min-width: 1580px) {
    .news-list{
        width: 85%;
    }
    .college-list{
        width: 82.5%;
    }
}