﻿@charset "utf-8";
.banner{display:none;}
#content{margin-top:0;overflow:hidden;}
.column{padding:25px 0;}
.side{float:right;margin:0 0 0 20px;width:340px;}

/* 首页banner图切换 S*/
#indBanner{clear: both;text-align: center;position: relative;z-index: 1; min-width: 1200px;}
#indBanner .bd .con{display:none;}
#indBanner .bd li{position:relative;height:400px;width:100%;overflow:hidden;}
#indBanner .bd .pic{position:absolute;top:0;left:50%;margin-left:-800px;}
#indBanner .hd{ height:16px; overflow:hidden; position:absolute; right:0; bottom:30px;text-align:center; font-size:0; width: 100%;}
#indBanner .hd li{cursor:pointer;display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 5px; width:14px; height:14px; background:#e3e3e3; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px;box-shadow:1px 1px 3px rgba(0,0,0,.3);}
#indBanner .hd li span{display:none; }
#indBanner .hd .on{background:#0087c4;}

#content{position: relative;z-index: 2;overflow:visible;}

/* ----- columnA ----- */
#columnA {padding:0;overflow:visible;background-color:#f9f9f9; }
/* 快捷链接 */
.quickLink{height: 140px;}
.quickLink li{float:left;width: 14.24%;text-align:center;margin-top:-20px;padding:40px 0; background-color:#fff;overflow:hidden;}
.quickLink li span{ display:block;border-left:1px solid #eee;}
.quickLink li a{display:block;padding-top:40px;line-height:40px; background:url(../../base/img/quickicon.png) no-repeat center 5px;font-size:18px; transition:all 300ms ease 0s;animation:quickLink 300ms ease-out;}
.quickLink li a:hover{color: #0087c4; padding:0 0 40px; background-position:center 43px;animation:quickLinkHover 300ms ease-out;}
@keyframes quickLink {50%{transform:scale(.75)}100%{transform:scale(1)}}
@keyframes quickLinkHover {50%{transform:scale(1.15)}100%{transform:scale(1)}}
.quickLink li.li1 span{border:none;}
.quickLink li.li2 a{background-position:center -115px;}
.quickLink li.li2 a:hover{background-position:center -75px;}
.quickLink li.li7 a{background-position:center -232px;}
.quickLink li.li7 a:hover{background-position:center -195px;}
.quickLink li.li3 a{background-position:center -349px;}
.quickLink li.li3 a:hover{background-position:center -312px;}
.quickLink li.li6 a{background-position:center -468px;}
.quickLink li.li6 a:hover{background-position:center -429px;}
.quickLink li.li5 a{background-position:center -586px;}
.quickLink li.li5 a:hover{background-position:center -546px;}
.quickLink li.li4 a{background-position:center -704px;}
.quickLink li.li4 a:hover{background-position:center -665px;}

/* ----- columnB ----- */
/* 通知公告 */
#tzgg .bd{height: 260px;margin-top:20px;padding:20px;background-color:#f9f9f9;}
#tzgg .bd .infoList li{height: 40px;line-height:20px;position: relative; margin-bottom:5px;padding:8px 15px;background:#eee;border:2px solid #eee;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
#tzgg .bd .infoList li .date{position: absolute; bottom: 5px;right: 15px;}
#tzgg .bd .infoList li.on{background-color:#fff;border-color: #0087c4;}
/* 校园资讯 */
#xyzx .bd ul{overflow:hidden; margin:0 -10px; }
#xyzx .bd li{float:left; width: 33.3%;margin:0; padding:0; border:none;}
#xyzx .bd .topicList .pic{float:none;margin:0 10px;padding:20px 20px 10px;background-color:#f1f1f1;}
#xyzx .bd .topicList .pic img{width: 100%;height: auto;}
#xyzx .bd .topicList .con{float:none;margin:0 10px;  padding:0 20px 20px;background-color:#f1f1f1;}

/* ----- columnC ----- */
#columnC{background-color:#f9f9f9;}
/* 德育天地 */
#dytd .bd{height:300px;overflow:hidden;}
#dytd .bd .topicList .t{border:none;margin-bottom:0;line-height:20px;}
#dytd .bd .topicList .t .title{height: 22px;line-height:22px;}
#dytd .bd li .date{float:left;margin:0 20px 0 0;font-size:12px;}
#dytd .bd li .date span,
#dytd .bd li .date b{display:block;padding:9px 12px;background-color:#f3f1f2;font-weight:normal;}
#dytd .bd li .date span{padding:5px 12px;background-color:#524d49;color:#fff;font-size:18px;}
#dytd .bd li.on span{background-color:#0087c4 ;}
#dytd .bd li.on a{color:#0087c4;}

/* 校外动态 */
#focusNews{margin-top:20px;width:400px;height:300px;overflow:hidden;}
#focusNews .bd .pic img{height:300px;}
#focusNews .hd ul li{border-radius:50%;}

#columnC .mainContent .topicList{margin-top:20px; height:310px;overflow:hidden;}
#columnC .mainContent .topicList li.n{background-position:0 -180px;}
#columnC .mainContent .topicList li.n{background-position:0 -180px;} 
#columnC .mainContent .topicList .t{padding-bottom:15px;margin-bottom:10px;}
#columnC .mainContent .topicList .t .title{margin-bottom:5px;}
#columnC .mainContent .topicList .t .title .tit{font-size:20px;color: #0087c4;}

/* ----- columnD ----- */
#columnD{padding:40px 0; background-color:#eff1f4;}
.xxLoopBox{margin:0 -10px;overflow:hidden;  }
#columnD dl{float:left; width: 24.99%;}
#columnD dl dt{margin:0 10px;position: relative;}
#columnD dl dt .pic a:hover{filter:alpha(opacity=80); opacity:0.8; }
#columnD dl dt .pic img{width: 100%;height: auto;}
#columnD dl dt .title{position: absolute; bottom: 11px;left: 0;z-index: 3; margin-left:15px;padding-left:15px;line-height:18px;font-size:18px; border-left:2px solid #deb22f;}
#columnD dl dt .title a{display:block; color: #fff;}
#columnD dl dt .bg{position: absolute; right: 0;bottom: 0;left: 0;z-index: 2; height: 40px;background-color:#0087c4;filter:alpha(opacity=70); opacity:0.7; }
#columnD dl dd{margin:0 10px;padding:15px 10px;height: 150px; background-color:#fff;}
#columnD dl dd .intro{text-indent:2em;}