@charset "utf-8";
/* CSS Document */

/*banner*/
#banner{position:relative;  width:100%; height:510px;  }
#banner ul li{ position:absolute; left:50%; margin-left:-960px;}
#banner ul li span{ position:absolute; bottom:0; left:17.1875%; padding:10px 30px; font-family:Calibri, sans-serif; font-size:18px; background:#4788b9; color:#fff;}
#indicator{ position:absolute; bottom:10px; right:17.1875%; }
#indicator a{ width:15px; height:15px; background:url(../images/dot-1.png); float:left; margin:0 5px;}
#indicator a.on{ width:15px; height:15px; background:url(../images/dot-2.png);}


/*main*/
.main{ width:100%; }
.main-1{ width:1260px;  margin:0 auto; margin-top:40px; }
.main-2{  width:100%; height:auto; background:#fafafa;  padding:20px 0; margin-top:40px; }
.main-3{width:1260px;   margin:0 auto; margin-top:40px; }


/*main-1 news*/
.news{ float:left; width:800px; height:auto; margin-left:30px;}
.news h1{ color:#921071; font-size:24px;font-family:Arial, Helvetica, sans-serif;font-weight:normal; margin-right:30px; height:60px; line-height:60px;}
.news h1 a{ font-size:14px; color:#898989; padding-right:15px; background:url(../images/more.png) no-repeat right center;}
.news ul li{ margin-right:30px; float:left;margin-bottom: 10px;
}
.news h1 a{ float:right; color:#898989; font-size:14px;}
.news ul li img{ width:370px; height:222px; margin-bottom:10px;}
.news ul li h2{ width:370px; font-size:18px; line-height:30px; height:60px; overflow:hidden; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
.news ul li h2 a{ color:#555555;}

/*main-1 events*/
.events{ float:right; width:400px; height:auto; margin-left:30px;  }
.events h1{  color:#921071; font-size:24px;font-family:Arial, Helvetica, sans-serif;font-weight:normal; margin-right:30px; height:60px; line-height:60px;}
.events h1 a{ float:right; color:#898989; font-size:14px;}
.events ul li{  margin-bottom:55px; height:50px;}
.events ul li .date{ width:60px; height:50px; border-right:1px solid #ddd; float:left; margin-left:25px; margin-top: 10px}
.events ul li .month{ width:45px;  display:block; float:left; font-size:18px; font-family:Verdana, Geneva, sans-serif; color:#921071;}
.events ul li .day{ width:45px;  display:block; float:left; font-size:26px; font-family:Verdana, Geneva, sans-serif; color:#921071;}
.events ul li a{     display: block;
    font-size: 18px;
    line-height: 30px;
    height: 90px;
    color: #555555;
    float: right;
    width: 284px;
    margin-left: 25px;
    overflow: hidden;}
.events .more{ width:400px; height:40px; text-align:center; clear:both; position:relative;}
.events .more a{ font-size:14px; color:#4788b9; width:130px; position:absolute;left:50%; margin-left:-65px; padding-top:10px; display:block;border-top:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; }


/*文字悬停*/
.news ul li h2 a:hover,.events ul li a:hover,.academics ul li h2 a:hover,.fast-track ul li a:hover,.campus-life ul li h2 a:hover{ color:#921071;}
.news_time {
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cc191c;
    background: none !important;
}
.news_time .times {
    padding-left: 20px;
    background-position: -5px 3px;
    font-size: 16px;
}
 .news_time>span {
    margin-right: 10px;
    background: url(../image/news_times_icon.png) no-repeat;
	    color: #666;
}
 .news_time .views {
    padding-left: 20px;
    background-position: -5px -26px;
    font-size: 16px;
	    color: #666;
}