﻿@charset "utf-8";
.banner { display: none; }
#content { margin-top: 0; }
.side { float: right; width: 490px; margin: 0 0 0 20px; }
.box .hd li { height: 50px; line-height: 50px; }
.box .hd h3 a,
.box .hd li span,
.box .hd li a { font-size: 20px; }

/* 首页banner图切换 S*/
#indBanner { clear: both; text-align: center; position: relative; z-index: 0; }
#indBanner .bd .con { position: absolute; bottom: 100px; left: 30%; background: url(../../Base/img/png.png) repeat; padding: 0 40px; display: none; }
#indBanner .bd .con a { color: #fff; font: normal 20px/60px "Microsoft Yahei"; }
#indBanner .bd .con a:hover { text-decoration: none; }
#indBanner .bd li { position: relative; min-width: 1200px; width: 100%; overflow: hidden; }
#indBanner .bd .pic img {  width: 100%; height: auto; min-width: 1200px; }
#indBanner .prev,
#indBanner .next { display: none; }
#indBanner .next { background-position: -62px 0; margin-left: 550px; }
#indBanner .hd { height: 14px; overflow: hidden; position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0; }
#indBanner .hd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 3px; width: 14px; height: 14px; background: #fff; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
#indBanner .hd li span { display: none; }
#indBanner .hd .on { background: #f50; }

/* content */
#content .column { padding: 80px 0; }
#content .siteWidth { width: 1000px; }

/* ----- columnA校园资讯 ----- */
#content #columnA { padding-top: 50px; padding-bottom: 60px;}
#xyxz .hd ul { text-align: center; }
#xyxz .bd { padding-top: 40px; }
#xyxz .bd .topicList { overflow: hidden; }
#xyxz .bd .topicList li { margin: 15px 0; padding-bottom: 15px 0; border: none; float: left; width: 49.9%; }
#xyxz .bd .topicList .t .tit { font-size: 18px; }
#xyxz .bd .topicList .con { margin-right: 20px; }
#xyxz .bd .topicList  .t .intro { font-size: 14px; padding-top: 10px; }
#xyxz .bd .picList li { width: 19.9%; }
#xyxz .more { margin-left: 420px; display: inline-block; *display: inline; zoom: 1; padding: 8px 45px; border: 1px solid #ccc; color: #666; }
#xyxz a:hover.more { background-color: #f5f5f5; text-decoration: none; }

/* ----- columnB校园资讯 ----- */
#columnB { background-color: #394294; }
#columnB ul { background-color: #fff; overflow: hidden; }
#columnB li { position: relative; float: left; width: 25%; height: 198px; overflow: hidden; background: url("../../Base/img/btn-group-1.png") no-repeat; }
#columnB li.on { filter: alpha(opacity=80); opacity: .8; }
#columnB li a { position: relative; z-index: 3; display: block; height: 198px; line-height: 98px; font-size: 22px; color: #fff; text-align: center; }
#columnB li a:hover { text-decoration: none; }
#columnB li span { position: absolute; z-index: 2; top: 63px; left: 0; right: 0; text-align: center; color: #fff; }
#columnB .li2 { background: #e2dce0; }
#columnB .li3 { background-image: url("../../Base/img/btn-group-3.png"); }
#columnB .li4 { background-image: url("../../Base/img/btn-group-4.png"); }
#columnB .li5 { background-image: url("../../Base/img/btn-group-5.png"); }
#columnB .li6 { background-image: url("../../Base/img/btn-group-6.png"); }
#columnB .li7 { background: #d5cfc5; }
#columnB .li8 { background-image: url("../../Base/img/btn-group-8.png"); }

/* ----- columnC德育天地 ----- */
#content #columnC { padding-top: 50px; background-color: #f4b113; }
#dytd .hd { height: auto; margin-bottom: 20px; text-align: center; }
#dytd .hd h3 { display: inline-block; *display: inline; zoom: 1; float: none; background: none; }
#dytd .hd h3 a { font-size: 36px; padding: 0 15px 15px; border-bottom: 2px solid #f6b200; color: #fff; }
#dytd .topicList { margin: 0 -10px; }
#dytd .topicList li { float: left; width: 33.3%; margin: 0; padding: 0; border: none; }
#dytd .topicList li.noData { text-align: center; }
#dytd .topicList li .pic img { width: 100%; }
#dytd .topicList li .pic,
#dytd .topicList li .con { float: none; margin: 0 20px; }
#dytd .topicList li .con { padding: 20px; background-color: #f5f5f5; }
#dytd .topicList li .con .title { height: 50px; line-height: 25px; white-space: normal; text-align: center; }
#dytd .topicList li .con .intro { margin-top: 5px; text-indent: 2em; color: #666; }

/* ----- columnD德育天地 ----- */
#content #columnD { padding-top: 50px; background-color: #219de2; }
#jsgz .hd { height: auto; margin-bottom: 20px; text-align: center; }
#jsgz .hd h3 { display: inline-block; *display: inline; zoom: 1; float: none; background: none; }
#jsgz .hd h3 a { padding: 0 15px 10px; font-size: 36px; }
#jsgz .topicList li { float: left; width: 33.3%; height: 380px; margin: 0; padding: 0; border: none; }
#jsgz .topicList li .pic { position: relative; }
#jsgz .topicList li .pic i { position: absolute; z-index: 5; left: 50%; top: 176px; margin-left: -13px; width: 27px; height: 14px; background: url("../../Base/img/arrowTop.png") no-repeat; }
#jsgz .topicList li .pic img { width: 100%; }
#jsgz .topicList li .pic,
#jsgz .topicList li .con { float: none; margin: 0; }
#jsgz .topicList li .con { padding: 20px 20px 36px; height: 134px; background-color: #fff; }
#jsgz .topicList li .con .intro { margin-top: 5px; font-size: 14px; color: #666; }
#jsgz .topicList li.li2 { position: relative; }
#jsgz .topicList li.li2 .pic { position: absolute; left: 0; bottom: 0; right: 0; }
#jsgz .topicList li.li2 .pic i { top: 0; background: url("../../Base/img/arrowBottom.png") no-repeat; }
#jsgz .topicList li.li2 .con { position: absolute; left: 0; top: 0; width: 293px; height: 134px; }

/* ----- columnE快速通道 ----- */
#columnE { background: #394294; }
#columnE .siteWidth { width: 1200px; }
#quickLink .hd { height: 50px; margin-bottom: 50px; border: none; overflow: hidden; text-align: center; }
#quickLink .hd li { margin: 0 10px; line-height: 48px; height: 48px; padding: 0; display: inline-block; *display: inline; zoom: 1; color: #fff; }
#quickLink .hd li.on { background: none; }
#quickLink .hd li.on span { color: #ff9f40; font-size: 36px; }
#quickLink .hd li span,
#quickLink .hd li a { padding: 0; }
#quickLink .bd ul { padding: 10px 0; overflow: hidden; text-align: center; }
#quickLink .bd li { position: relative; padding: 0 40px; height: 110px; display: inline-block; *display: inline; zoom: 1; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
#quickLink .bd li i { display: block; height: 76px; width: 76px; background: url("../../Base/img/quickIcon.png") no-repeat 0 0; }
#quickLink .bd li.on { transform: translateY(-5px); }
#quickLink .bd li.noDate { color: #fff; }
#quickLink .bd li a { position: absolute; top: 0; left: 0; right: 0; padding-top: 80px; line-height: 30px; font-size: 18px; color: #fff; }
#quickLink .bd li a:hover { color: #ff0; }
#quickLink .bd li.li4 i { background-position: 0 -96px; }
#quickLink .bd li.li3 i { background-position: 0 -192px; }
#quickLink .bd li.li2 i { background-position: 0 -288px; }
#quickLink .bd li.li5 i { background-position: 0 -384px; }
#quickLink .bd li.li6 i { background-position: 0 -480px; }
#quickLink .bd li.li7 i { background-position: 0 -576px; }
#quickLink .bd .ulList3 li i { background-position: 0 -673px; }

/* friendLinks */
#yqlj .siteWidth { width: 1200px; }
.friendLinks { padding: 20px 0; background-color: #333; }
.friendLinks .bd { margin: 0 -15px; overflow: hidden; }
.friendLinks select { border: 0; width: 274px; padding: 4px; margin: 0 15px; border: 1px solid #ccc; }
