﻿
.cloumn{margin-bottom: 12px; overflow: hidden;}
/* 焦点图S */
.focus {width:385px;height: 284px; float:left; overflow:hidden; position:relative; *display: inline; }
.focus .hd{ position:absolute; z-index:20; left: 150px; bottom:13px; z-index:15;}
.focus .hd ul{overflow:hidden; zoom:1; z-index:2;}
.focus .hd ul li{float:left; margin-left:5px;  width:10px; height:10px;text-indent: -9999px;cursor: pointer;overflow: hidden; border-radius:5px; background-color:#fff;}
.focus .hd ul li.on{background-color:#f60;}
.focus .bd{ position:relative; z-index:2; }
.focus .bd ul li{z-index:9;}
.focus .bd .pic{ position:relative; z-index:0; }
.focus .bd .pic img{width:385px; height:284px; border:0;   }
.focus .bd .txt{display:none;}
.focus .bd .con{width:100%; position:absolute; z-index:1; left: 0; bottom:0; *bottom:3px; height:70px; line-height:44px; text-align:center; }
.focus .bd .con .title{ position:absolute; width:100%;left:0;text-align:center; z-index:1;}
.focus .bd .con .title a{color:#fff;}
.focus .bd .con .titleBg{ position:absolute; width:100%; height:100%; background:#000; left:0; top:0; filter:alpha(opacity=50);opacity:0.5; }
.focus .bd .con .bg{position:absolute; width:100%; height:70px; z-index:0; left:0; background:#000; filter:alpha(opacity=50);opacity:0.5;  }


/*校园动态*/
#news{float: left; margin-left: 12px; width: 500px;}
#news .hd,.photo .hd{height: 42px; background: #f1f0f0;}
#news .hd ul{overflow: hidden;}
#news .hd li{float: left; font: 16px/42px "微软雅黑"; width: 120px; text-align: center;}
#news .hd li.on{background: #006dbb;}
#news .hd li.on a,.photo .hd h3 a{color: #fff;}

.group .topicList {padding-top: 14px;}
.group .topicList li,.indBox .infoList li{ font: 14px/30px "微软雅黑"; padding-left: 12px; background: url(../../base/img/dot.jpg) no-repeat left center;}
.group .topicList li .date{float: right; color: #999; font-size: 12px;}

/*校务公开*/
#xwgk{float: right; width: 284px;}
#xwgk .bd{height: 236px;}
.indBox{border: 3px #e6f0f7 solid; border-radius:6px;
-webkit-border-radius:6px;
-moz-borderradius:6px;}
.indBox .hd{background: #cde5f1; height: 38px;border: 1px #fff solid;border-radius: 6px 6px 0 0;}
.indBox .bd{border: 1px #b2cfe7 solid;}
.indBox .hd h3 a{font: bold 16px/38px "微软雅黑"; padding-left: 12px; color: #077fb8;}
.indBox .hd .more,.photo .hd .more{float: right;text-indent: -999em; display: block; width: 19px; height: 19px; margin: 10px 12px 0 0; background: url(../../base/img/more.png) no-repeat;}
.indBox .infoList{ padding: 12px;}

/*校园风景*/
.photo .hd h3{ float: left;font: 16px/42px "微软雅黑"; padding: 0 20px 0 52px; background: url(../../base/img/photo.png) no-repeat 12px center #006dbb;}
.photo .bd ul{padding-top: 16px; margin-right: -30px; overflow: hidden;}
.photo .bd li{float: left; width:214px; margin-right: 30px;}
.photo .bd li .title{display: none;}
.photo .bd li .pic a:hover img{filter:alpha(opacity=80);opacity:.8;}

/*按钮组*/
.Icons{ background: #f7f7f7; height: 200px; margin-bottom: 12px;}
.Icons ul{padding: 30px 0px;}
.Icons li{float: left; width: 105px; text-align: center; line-height: 28px; height: 28px; margin-right: 50px; }
.Icons li a{display: block;background: url(../../base/img/icons2.png) no-repeat;padding-top: 109px; transition: all 0.5s ease 0s;}
.Icons li.li8 { margin-right: 0;}
.Icons li.li1 a{background-position: 0px 0;}
.Icons li.li2 a{background-position: -151px 0;}
.Icons li.li3 a{background-position: -308px 0;}
.Icons li.li4 a{background-position: -464px 0;}
.Icons li.li5 a{background-position: -620px 0;}
.Icons li.li6 a{background-position: -776px 0;}
.Icons li.li7 a{background-position: -933px 0;}
.Icons li.li8 a{background-position: -1088px 0;}

.Icons li.li1 a:hover{background-position: 0px -147px;}
.Icons li.li2 a:hover{background-position: -151px -147px;}
.Icons li.li3 a:hover{background-position: -308px -147px;}
.Icons li.li4 a:hover{background-position: -464px -147px;}
.Icons li.li5 a:hover{background-position: -620px -147px;}
.Icons li.li6 a:hover{background-position: -776px -147px;}
.Icons li.li7 a:hover{background-position: -933px -147px;}
.Icons li.li8 a:hover{background-position: -1088px -147px;}

#dyzc,#teacher,#students{ width: 386px;}
#dyzc,#teacher{float: left;}
#dyzc{margin-right: 12px;}
#students{float: right;}
.cloumns{overflow: hidden; width: 1200px; margin: 0 auto; margin-bottom: 12px;}


