@charset "utf-8"; .pageBanner{display: none}
.column{ margin-bottom: 30px;overflow: hidden;}
.side{ float: right;width: 330px;margin: 0 0 0 20px;}

/* focusBanner */
.focusBanner{ background: #d9dde0; height: 400px; margin: 0 auto; clear: both;text-align: center;position: relative;z-index: 0; overflow: hidden;}
.focusBanner .con{display: none}
/* .focusBanner .bd li .pic{position: absolute; z-index: 0} */
.focusBanner .bd li .pic img{width:100%;}
.focusBanner .hd{ height: 25px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; z-index: 1; font-size: 0;}
.focusBanner .hd li{ height: 12px; width: 12px; background: #fff; margin: 0 5px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.focusBanner .hd li span{display: none;}
.focusBanner .hd .on{background: #FF8A00}
.focusBanner .prev,.focusBanner .next{left: 50%;top: 50%;margin: -25px 0 0 -650px;width: 50px;height: 50px;display: block;position: absolute; filter: alpha(opacity=50);opacity: 0.5; background: rgba(0, 0, 0, .4) url(../../base/img/lr.png) no-repeat}
.focusBanner .next{ margin-left: 600px; background-position: -50px 0;}
.focusBanner .prev:hover,.focusBanner .next:hover{ filter: alpha(opacity=100);opacity: 1;}

/* ========= column1 ========= */
#column1 .side{ float: right;width: 350px;margin: 0 0 0 20px;}

/* 通知威廉体育网页版告 */
#tzgg .bd{height: 288px;}
#tzgg .bd .topicList li{padding-bottom: 5px;margin-bottom: 5px; border: none;}
#tzgg .bd .topicList li.last{ border: none;}
#tzgg .bd .topicList li .title a{color: #333; font-size: 16px;}
#tzgg .bd .topicList li .title a:hover{color: #e00;}
#tzgg .bd .topicList li .title i{position: relative;top: 3px;left: 5px;}
#tzgg .bd .topicList li .title i img:hover{transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
#tzgg .bd .topicList li .intro{ padding-top: 2px; line-height: 1.4em;}
#tzgg .bd .topicList li .date{float: left;width: 60px;height: 66px;margin: 0 15px 0 0;text-align: center;line-height: 34px;}
#tzgg .bd .topicList li .date span{display: block;background: #003b9e;color: #fff;line-height: 24px; font-size: 12px;}
#tzgg .bd .topicList li .date b{border: 1px solid #ddd; color: #003b9e; display: block; font-size: 24px; font-weight: normal;}

/* 科研研究 */
#xwzx{ margin-bottom: 25px;}
#focusNews{float: left; margin-right: 20px;}
#column1 .topicList{ overflow: hidden;}

/* ========= column2 ========= */

/* 科研研究 */
#kyyj{ position: relative;}
#kyyj .bd ul{ margin: 0 -10px; overflow: hidden;}
#kyyj .bd li{ float: left; margin: 10px;}
#kyyj .bd li a{ display: block; width: 135px; line-height: 75px; background-color: #8bb8e1; border: 10px solid #88abd3; text-align: center; font-size: 16px; color: #fff; transition: all 0.25s ease 0s;}
#kyyj .bd li a:hover{ filter: alpha(opacity=80);opacity: 0.8;}
#kyyj .bd li.li2 a{ background-color: #61be73; border-color: #6bb077;}
#kyyj .bd li.li3 a{ background-color: #fba99a; border-color: #f79f93;}
#kyyj .bd li.li4 a{ background-color: #a8df63; border-color: #9ed16c;}
#kyyj .bd li.li5 a{ background-color: #c5dbf9; border-color: #b7cdf4;}
#kyyj .bd li.li6 a{ background-color: #f3dc8b; border-color: #ebce88;}

/* 党建团建 */
#djtj .bd .topicList{margin: 0 -10px; overflow: hidden;}
#djtj .bd .topicList li{float: left;width: 49.99%; padding: 13px 0;margin-bottom: 0; border: none;}
#djtj .bd .topicList li .title a{color: #333; font-size: 16px;}
#djtj .bd .topicList li .title a:hover{color: #e00;}
#djtj .bd .topicList li .con{padding: 20px 10px 0 0;}
#djtj .bd .topicList li .intro{ padding-top: 5px; line-height: 1.4em;}
#djtj .bd .topicList li .date{float: left;width: 92px;height: 85px;margin: 0 15px 0 10px; padding-top: 20px; text-align: center;line-height: 35px; background: url(/Content/tsgxxzx/Base/img/djtjIcon.png) no-repeat center;color: #333;}
#djtj .bd .topicList li .date span{display: block;line-height: 35px; font-size: 28px;}
#djtj .bd .topicList li .date b{display: block; font-weight: normal; font-size: 14px;}

/* ========= column3 ========= */
#column3{ padding: 0;}
#xsfc .picList li{width: 200px;}

#expressBox {background: url(/Content/tsgxxzx/Base/img/qti.png) no-repeat center top;margin: 20px 0;padding: 0 60px 0;text-align: center;line-height: 28px;font-size: 16px;position: relative;}
#expressBox .prev,#expressBox .next { width:20px; height:39px; position:absolute; top:58px; left:0; z-index:20; background:url(/Content/tsgxxzx/Base/img/arricon.png) no-repeat; cursor:pointer; }
#expressBox .next {left: inherit;right:0;background:url(/Content/tsgxxzx/Base/img/arricon_r.png) no-repeat right;cursor:pointer;}
#expressBox .prev:hover { background-position:right;}
#expressBox .next:hover { background-position:left;}
#expressBox li { float:left; width:135px; position: relative;}
#expressBox li b { display:block; width:110px; height:110px; margin:0 auto; background:#fff;border-radius:50%; margin-bottom:10px;border:3px solid #fff; transition:all 1s}
#expressBox li b i { display:block; height:100px; width:100px; border:5px solid #f5f5f5; border-radius:50%;transition:all 0.5s; background:#f5f5f5 url(../../Base/img/qicons.png) no-repeat -532px 24px;}
#expressBox li:hover b { border:3px solid #005caa;}
#expressBox li:hover b i { background-color:#005caa; border-color: #fff; background-position:-532px -66px; }
#expressBox li a:hover { color:#e00; font-weight:bold;}

#expressBox .li1 b i { background-position: -95px 17px;}
#expressBox .li2 b i { background-position:-233px 17px;}
#expressBox .li3 b i { background-position:-367px 17px;}
#expressBox .li4 b i { background-position:-503px 17px;}
#expressBox .li5 b i { background-position:-640px 17px;}
#expressBox .li6 b i { background-position:-774px 17px;}
#expressBox .li7 b i { background-position:-909px 17px;}
#expressBox .li8 b i { background-position:-1043px 17px;}

#expressBox .li1:hover b i { background-position:-95px -92px;}
#expressBox .li2:hover b i { background-position:-233px -92px;}
#expressBox .li3:hover b i { background-position:-367px -92px;}
#expressBox .li4:hover b i { background-position:-503px -92px;}
#expressBox .li5:hover b i { background-position:-640px -92px;}
#expressBox .li6:hover b i { background-position:-774px -92px;}
#expressBox .li7:hover b i { background-position:-909px -92px;}
#expressBox .li8:hover b i { background-position:-1043px -92px;}

.friendLinks ul li{float:left;margin: 0 10px;line-height: 32px;}
.friendLinks .hd{margin-bottom: 10px;}

/* 党建团建 */