@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:#165c91; 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:#4788b9; padding-right:15px; background:url(../images/more.png) no-repeat right center;}
.news ul li{ margin-right:30px; float:left;}
.news h1 a{ float:right; color:#4788b9; 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:#165c91; font-size:24px;  font-family:Arial, Helvetica, sans-serif;font-weight:normal; text-align:center; height:60px; line-height:60px;}
.events ul li{  margin-bottom:30px; height:50px;}
.events ul li .date{ width:60px; height:50px; border-right:1px solid #ddd; float:left; margin-left:25px; }
.events ul li .month{ width:45px;  display:block; float:left; font-size:18px; font-family:Verdana, Geneva, sans-serif; color:#165c91;}
.events ul li .day{ width:45px;  display:block; float:left; font-size:26px; font-family:Verdana, Geneva, sans-serif; color:#165c91;}
.events ul li a{ display:block; font-size:18px; line-height:30px; height:60px; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif; color:#555555; float:right; width:284px; margin-left:25px;}
.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; }

/*main-2 academics*/
.academics{position:relative; width:1260px; margin:0 auto; overflow:hidden;}
.academics span{ cursor:pointer;}
.academics h1{ color:#165c91; font-size:24px;font-family:Arial, Helvetica, sans-serif;font-weight:normal; width:1200px; padding-left:30px; height:60px; line-height:60px;}
.academics h1 a{ font-size:14px; color:#4788b9; float:right; padding-right:15px; background:url(../images/more.png) no-repeat right center;}
#left{ position:absolute; left:0; top:165px; width:16px; height:31px; background:url(../images/left-1.png);}
#left:hover{ background:url(../images/left-2.png)}
#right{ position:absolute; right:0;top:165px;  width:16px; height:31px; background:url(../images/right-1.png);}
#right:hover{ background:url(../images/right-2.png)}
#scroll{ width:1200px; margin:0 auto; overflow:hidden;}
.academics ul li{ float:left; width:285px; padding-right:20px;}
.academics ul li img{ width:285px; height:200px; margin-bottom:10px;}
.academics ul li h2{  width:285px; font-size:16px; line-height:24px; height:48px; overflow:hidden; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
.academics ul li h2 a{  color:#666;}
.academics ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999; display:block; width:140px; padding-top:5px; margin-top:5px; border-top:1px solid #ccc;}

/*main-3 fast-track*/
.fast-track{ width:400px; height:auto; float:left;}
.fast-track h1{ color:#165c91; font-size:24px;  font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; height:60px; line-height:60px;}
.fast-track ul li{ float:left; width:385px; height:50px; line-height:50px; padding-left:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; background:url(../images/dot.png) no-repeat 35px center;}
.fast-track ul li a{ color:#555555; margin-left:40px;}

/*main-3 campus-life*/
.campus-life{ width:800px; height:auto; float:right;}
.campus-life h1{color:#165c91; font-size:24px;font-family:Arial, Helvetica, sans-serif;font-weight:normal; margin-right:30px; height:60px; line-height:60px; }
.campus-life h1 a{ font-size:14px; color:#4788b9; float:right; padding-right:15px; background:url(../images/more.png) no-repeat right center;}
.campus-life ul li{ position:relative; float:left; width:370px; height:222px; margin-right:30px;}
.campus-life ul li .campus-pic img{ width:370px; height:222px; margin-bottom:10px;}
.campus-life ul li .play{ position:absolute; left:155px; top:81px;}
.campus-life ul li h2{ width:370px; font-size:18px; text-align:center; line-height:30px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.campus-life ul li h2 a{ color:#555555; }


/*文字悬停*/
.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:#4788b9;}