﻿@charset "utf-8";

/*新闻iframe*/
.column { overflow: hidden;}
.column .columnBox{width: 1200px; margin: 0 auto; }
#columnA{margin-top: 30px; height: 420px; overflow: hidden;}
#columnB{background: #f9f9f9; padding-top:25px; padding-bottom: 25px; margin-top: 20px;}
#columnE{background: #f9f9f9; padding-top:25px; padding-bottom: 5px; margin-top: 20px;}

/*focusNews*/
.focusBox{ width:700px; float:left; overflow:hidden; position:relative;  }
.focusBox .hd{ position:absolute; z-index:3; right:12px; bottom: 13px; height:13px !important; padding-top:0 !important;}
.focusBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.focusBox .hd ul li{ float:left; margin-right:0; margin-left:3px;  width:13px; height:13px; line-height:13px; text-align:center; background: #fff; cursor:pointer; color: #666;    }
.focusBox .hd ul li span{color: #666;}
.focusBox .hd ul li.on{ background:#f00;font-weight:bold; filter:alpha(opacity=100);opacity:1;  color: #fff;}
.focusBox .hd ul li.on span{color: #fff;}
.focusBox .bd{ position:relative; }
.focusBox .bd .pic{width:700px; height:420px; overflow: hidden;}
.focusBox .bd .pic img{ display:block; width:700px; height:420px; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear;  }
.focusBox .bd .con{ background:none; width:100%; height:39px; line-height:39px; position:absolute; z-index:1; left:0; bottom:0;}
.focusBox .bd .con .title{ position:absolute; z-index:2; left:0; bottom:0; width:100%; height:40px; line-height:40px; float:left; font-size:14px; text-align:left; text-indent:16px;}
.focusBox .bd .con .title a{ color:white;}
.focusBox .bd .con .title a:hover{color:white; text-decoration:underline;}
.focusBox .bd .titleBg{ display:block; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:40px;  line-height:40px; background-color:black; filter:alpha(opacity=50);opacity: 0.50; }
.focusBox .bd .pic a:hover img{width: 720px; height: 432px; margin: -6px 0 0 -10px;}

/*TabNews*/
.TabNews { float: right; width: 480px; overflow: hidden; }
.TabNews .hd{height: 35px; overflow: hidden; position: relative;}
.TabNews .hd ul{overflow: hidden; height: 35px;}
.TabNews .hd ul li{width: 100px; height: 35px; float: left; _display: inline; }
.TabNews .hd ul li h3{float: left; _display: inline; width: 100px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; font-family: "Microsoft Yahei";}
.TabNews .hd ul li .more{display: block; width: 58px; text-align: center; height: 35px; line-height: 35px; padding-left: 11px; position: absolute; top: 0px; right: 0px; background: url(images/news_more01.png) 0px 50% no-repeat;}
.TabNews .hd ul li.on h3{background: #07693d; color: #fff; border-radius: 3px;}
.TabNews .hd ul li.on h3 a{color: #fff;}
.TabNews .hd ul li.on h3 a:hover{color: #ffef99}

.TabNews .bd {padding-top: 13px;}
.TabNews .infoList .t { height:auto;  border-bottom:1px dashed #e7e7e7; margin-bottom: 9px; padding-bottom:10px;}
.TabNews .infoList .t .title { margin-bottom:10px; text-align: left;line-height: 26px;overflow: hidden;}
.TabNews .infoList .t .tit { font-size: 16px; color: #000010; font-weight: bold; }
.TabNews .infoList .t .tit:hover{color: #c00}
.TabNews .infoList .t .intro {max-height: 40px;overflow: hidden;line-height: 20px;color: #666;text-indent:2em;font-family: "Microsoft Yahei";}
.TabNews .infoList .t .intro .more {color: #e40000;}
.TabNews .infoList .n {height: 30px; line-height: 30px; overflow: hidden;}
.TabNews .infoList .n a { background: url(images/news_dot01.gif) 0 8px no-repeat; padding: 0 0 0 12px; font-size: 14px }

/* boxInd */
.boxInd{padding: 0px;}
.boxInd .hd{height: 40px; position: relative;}
.boxInd .hd h3{height: 40px; padding: 0 20px; background: #07693d; border-radius: 3px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; font-weight: normal;}
.boxInd .hd h3 a{color: #fff;font-weight: normal;}
.boxInd .hd h3 a:hover{color: #ffef99}
.boxInd .hd .more{display: block; position: absolute; width: 22px; height: 22px; line-height: 22px; text-align: center; text-indent: 100%; background: url(images/news_more02.png) 0px 0px no-repeat; top: 9px; right: 0px; padding: 0px; margin: 0px; overflow: hidden; font-size: 14px; color: #0d6c41}
.boxInd .hd .more:before{content: ""; width: 6px; height: 22px; position: absolute; left: 0px; top: 0px; background: url(images/news_more02.png) 0px 0px no-repeat;}
.boxInd .hd .more:after{content: ""; width: 6px; height: 22px; position: absolute; right: 0px; top: 0px; background: url(images/news_more02.png) -16px 0px no-repeat;}
.boxInd .hd .more:hover{animation:boxIndMore 1s ease forwards;}
.boxInd .bd{padding: 16px 0 0 ;}

@keyframes boxIndMore
{
0%   {background:none; background-position: 22px 22px; width: 22px; text-indent: 0px;}
30% {background:none; background-position: 22px 22px; width: 80px; text-indent: 0px;}
100%{background:none; background-position: 22px 22px; width: 80px; text-indent: 0px;}
}

/* 演展信息 */
#science{width: 580px; float: left; _display: inline; }
#science .xsList li{ overflow:hidden; height:90px;}
#science .xsList dl{ width:70px; float:left; margin-right:20px; text-align:center; position: relative; top: 9px; }
#science .xsList dt{height:25px; line-height:25px; background:#afafaf; color:#fff; font-size:12px; }
#science .xsList dd{ height:45px; background:#eeeeee; line-height:45px; font-size:20px;color:#333333; }
#science .xsList .title{overflow:hidden; height: 36px; line-height: 36px; overflow: hidden; padding: 0px; margin: 0px; font-size: 16px; color: #000010;}
#science .xsList .title a{ color: #000010;}
#science .xsList .title a:hover{color: #c00}
#science .xsList .intro{ overflow:hidden; font-size:12px; color:#999; line-height: 20px; height: 40px; overflow:hidden; text-indent: 2em;}
#science .xsList .intro .more{ color: #155c42;}

/* 院系动态 */
#media{width: 580px; float: right; _display: inline; }
#media .infoList li{height: 34px; line-height: 34px; border-bottom:1px dashed #eeeeee; padding-left: 14px; background: url(images/news_dot01.gif) 0px 50% no-repeat; font-size: 14px;}

/* 媒体广艺 */
#media1{width: 580px; float: left; _display: inline; }
#media1 .infoList li{height: 34px; line-height: 34px; border-bottom:1px dashed #eeeeee; padding-left: 14px; background: url(images/news_dot01.gif) 0px 50% no-repeat; font-size: 14px;}

/* 学术活动 */
#science1{width: 580px; float: right; _display: inline; }
#science1 .infoList li{height: 34px; line-height: 34px; border-bottom:1px dashed #eeeeee; padding-left: 14px; background: url(images/news_dot01.gif) 0px 50% no-repeat; font-size: 14px;}

/*special*/
.special {margin: 20px 0; overflow: hidden;}
.special .bd .tempWrap { width: 1100px !important;  }
.special .bd { width: 1154px; height:68px;overflow: hidden; float: left;}
.special .bd .prev{ display:block; background:#f6f6f6 url(images/icon.png) 8px -325px no-repeat; width:27px; height:68px; float: left; cursor:pointer;}
.special .bd .next{ display:block; background:#f6f6f6 url(images/icon.png) -8px -325px no-repeat; width:27px; height:68px; float: right; cursor:pointer;}
.special .bd li { width:200px; height:68px; float:left; margin:0 10px 0 10px; display:inline; overflow: hidden;}
.special .bd li img{ width:200px; height:68px; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear;}
.special .hd { width: 27px; height: 68px; background: #ff8400; float: right;   }
.special .hd .more { color: #fff; padding: 7px 8px; display: block; line-height: 14px;}
.special .bd li a:hover img{width: 212px !important; height: 72px !important; margin: -2px 0 0 -6px;}

/* 视频广艺 */
#columnD{margin-top: 20px; margin-bottom: 20px;}
#columnD .cHd{height: 66px; overflow: hidden; background: url(images/news_chd_line.gif) 0px 50% repeat-x; position: relative;}
#columnD .cHd h3{width: 251px; height: 66px; margin: 0 auto; overflow: hidden; text-align: center; line-height: 66px; font-size: 26px; color: #006236; background: url(images/news_chd.gif) 0px 0px no-repeat;}
#columnD .cHd h3 a{color: #006236; display: block; height: 66px; line-height: 66px;}
#columnD .cHd .more{position: absolute; width: 66px; height: 24px; line-height: 24px; font-size: 12px; text-align: left; padding-left: 18px; background: url(images/news_more01.png) 0px 50% no-repeat; left: 732px; top: 5px;}
#columnD .cBd{padding-top: 20px; overflow: hidden;}

#columnD .videoListInd{overflow: hidden; width: 1225px;}
#columnD .videoListInd li{width: 220px; float: left; _display: inline; margin-right: 25px; height: 250px;}
#columnD .videoListInd li .pic{width: 220px; height: 160px; position: relative; background: #e1e1e1; margin-bottom: 10px; overflow: hidden; text-align: center;}
#columnD .videoListInd li .pic img{width: 220px; height: 160px; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear;  margin: 0px; display: block; border: none;}
#columnD .videoListInd li .pic .videoBtn{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: url(images/news_videoplay.png) 50% 50% no-repeat;}
#columnD .videoListInd li .dateBar{height: 26px; overflow: hidden; font-size: 12px; color: #666; text-align: left;}
#columnD .videoListInd li .dateBar .datetime{float: left; _display: inline; padding-left: 20px; background: url(images/news_icons.png) 4px 4px no-repeat;}
#columnD .videoListInd li .dateBar .hits{float: right; _display: inline; padding-right: 5px; padding-left: 26px; background: url(images/news_icons.png) 0px -65px no-repeat;}
#columnD .videoListInd li .title{height: 40px; line-height: 20px; font-size: 14px; font-family: "Microsoft Yahei"; text-align: left;}
#columnD .videoListInd li .title a{font-size: 14px;}
#columnD .videoListInd li .pic a:hover img{width: 230px; height: 166px; margin: -3px 0 0 -4px;}

/* 学术活动 */
#show{width: 580px; float: left; _display: inline; }
#show .bd{padding-top: 25px; height: 290px;}
#show .topicListInd{}
#show .topicListInd .t{overflow: hidden; padding: 0px; margin: 0px; height: 145px;}
#show .topicListInd .t .pic{width: 160px; height: 120px; float: left; _display: inline; overflow: hidden;}
#show .topicListInd .t .pic img{width: 160px; height: 120px; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear;}
#show .topicListInd .t .pic a:hover img{width: 168px; height: 126px; margin: -3px 0 0 -4px;}
#show .topicListInd .t .con{width: 400px; float: right; _display: inline; }
#show .topicListInd .t .con .title{position: relative; height: 50px; overflow: hidden;}
#show .topicListInd .t .con .title .tit{height: 26px; line-height: 26px; overflow: hidden; text-align: left; display: block; font-size: 16px; font-family: "Microsoft Yahei"; color: #000;}
#show .topicListInd .t .con .title .tit:hover{color: #c00}
#show .topicListInd .t .con .title .date{position: absolute; display: block; width: 90px; text-align: left; bottom: 0px; left: 0px; height: 22px; line-height: 22px; font-size: 12px; color: #666666; font-family: "Microsoft Yahei";}
#show .topicListInd .t .con .titleBg{display: none;}
#show .topicListInd .t .con .intro{height: 72px; line-height: 24px; overflow: hidden; text-indent: 2em; font-size: 12px; color: #4c4c4c; font-family: "Microsoft Yahei";}
#show .topicListInd .t .con .intro .more{color: #f60}

/* 教学科研 */
#tech{width: 580px; float: right; _display: inline; }
#tech .bd{padding-top: 11px; height: 290px;}
#tech .topicListInd{}
#tech .topicListInd .t{height: 109px; border-bottom:1px dashed #e7e7e7; position: relative; padding-top: 44px; margin-bottom: 7px;}
#tech .topicListInd .t .pic{width: 120px; height: 90px; float: left; _display: inline; }
#tech .topicListInd .t .pic img{width: 120px; height: 90px; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear;}
#tech .topicListInd .t .pic a:hover img{width: 128px; height: 96px; margin: -3px 0 0 -4px;}
#tech .topicListInd .t .con{float: right; _display: inline; height: 96px; width: 440px;}
#tech .topicListInd .t .con .title{height: 0px;}
#tech .topicListInd .t .con .title .tit{height: 30px; display: block; line-height: 30px; overflow: hidden; width: 580px; position: absolute; top: 7px; left: 0px; font-size: 16px; font-family: "Microsoft Yahei"; color: #000;}
#tech .topicListInd .t .con .title .tit:hover{color: #c00}
#tech .topicListInd .t .con .title .date{position: absolute; display: block; height: 24px; line-height: 24px; text-align: left; font-size: 12px; color: #4c4c4c; width: 80px; top:116px ; right: 360px; font-family: "Microsoft Yahei";}
#tech .topicListInd .t .con .titleBg{display: none;}
#tech .topicListInd .t .con .intro{height: 72px; line-height: 24px; overflow: hidden; text-indent: 2em; font-size: 12px; color: #4c4c4c; font-family: "Microsoft Yahei";}
#tech .topicListInd .t .con .intro .more{color: #f60}
#tech .topicListInd .n{height: 32px; line-height: 32px; padding-left: 14px; background: url(images/news_dot01.gif) 0px 50% no-repeat; font-size: 14px; font-family: "Microsoft Yahei"; padding-right: 5px;}
#tech .topicListInd .n .date{float: right; _display: inline; color: #616161}

/* 图片新闻 */
#columnF{margin-top: 20px; margin-bottom: 22px;}
#columnF .columnBox{overflow: hidden;}
#columnF .cHd{height: 66px; overflow: hidden; background: url(images/news_chd_line.gif) 0px 50% repeat-x; position: relative;}
#columnF .cHd h3{width: 251px; height: 66px; margin: 0 auto; overflow: hidden; text-align: center; line-height: 66px; font-size: 26px; color: #006236; background: url(images/news_chd.gif) 0px 0px no-repeat;}
#columnF .cHd h3 a{color: #006236; display: block; height: 66px; line-height: 66px;}
#columnF .cHd .more{position: absolute; width: 66px; height: 24px; line-height: 24px; font-size: 12px; text-align: left; padding-left: 18px; background: url(images/news_more01.png) 0px 50% no-repeat; left: 732px; top: 5px;}
#columnF .cBd { padding: 22px 0 0; overflow:hidden; width: 1220px; position: relative; }
#columnF .cBd li {width: 285px; height: 215px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 20px; position: relative; }
#columnF .cBd li img { width: 285px; height: 215px;}
#columnF .cBd li .title {position: absolute; width: 245px; height: 175px; top: -215px; left: 0px; padding: 20px; background: url(images/news_picbg.png) 0px 0px repeat; text-align: left; transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;
    }
#columnF .cBd li .title .tit{font-size: 14px; font-family: "Microsoft Yahei"; color: #fff; line-height: 30px; display: block; height: 180px;}
#columnF .cBd li .title .more{position: absolute; width: 38px; padding-left: 42px; height: 30px; line-height: 30px; display: block; background: url(images/news_picmore.png) 12px 6px no-repeat #07693d; font-size: 12px; font-family: "Microsoft Yahei"; color: #fff; bottom: 20px; right: 25px;}
#columnF .cBd li .title .more:hover{color: #ff0}
#columnF .prev { z-index: 3; position: absolute; top: 214px; left: 0;  }
#columnF .next { z-index: 3; position: absolute; top: 214px; right: 20px; }
#columnF .arrow {background: url(images/news_pic_arrow.png) 0 0 no-repeat;width: 50px; height: 50px; display: block;  }
#columnF .prev .arrow {background-position: 0 0;cursor: pointer;}
#columnF .next .arrow {background-position: -50px 0;cursor: pointer;}
#columnF .prev a:hover,
#columnF .next a:hover{background-image: url(images/news_pic_arrowon.png);}
#columnF .cBd li:hover .title{top: 0px;}
#columnF .cBd li:hover .title a{color:#fff;}
