@charset "utf-8";
/* CSS Document */
.banner{ width:100%; overflow: hidden; position: relative;}
#main{width:100%;overflow:hidden;}
body{overflow-x:hidden;}
h2{font-size:2.3em;}
h3{font-size:1.6em;}
h4{font-size:1.5em;}
p{font-size:1.3em;}
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative;    max-height: 482px;    overflow: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { background: #fff; position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background:url(../images/lf.png) no-repeat center center; }
.flex-direction-nav .flex-next { right: -50px;  background:url(../images/rt.png) no-repeat center center;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: auto; position: absolute; bottom: 10px; right:30px; text-align: center; z-index:889; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {background: #ffffff; width: 8px; height: 8px; display: block; border:2px solid #fff; cursor: pointer; text-indent: -9999px;border-radius:8px; }
.flex-control-paging li a:hover { background:url(../images/flex_hover.png) no-repeat center; }
.flex-control-paging li a.flex-active { background:url(../images/flex_hover.png) no-repeat center;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


.content{width:100%;overflow:hidden;}
.mode01{max-width:1200px;margin:0 auto;overflow:hidden;}
/*工大新闻*/
.news{width:100%;overflow:hidden;float:left;}
.title01{overflow:hidden;text-align:center;}
.title01 h2{height:55px;line-height:55px;float:left;}
.title01 h2 a{color:#fff;padding:12px 20px;background:#0a2c87;}
.title01 h3{float:left;font-size:1.9em;padding:0 15px; height:55px;line-height:55px;}
.title01>a{font-size:1.3em;float:left;height:55px;line-height:55px;padding:0 15px 0;color:#505050;cursor:pointer;}
.newsInfo{width:100%;overflow:hidden;}
.picCon{width:100%;float:left;position: relative;}
.picCon img{width:100%;display:block;}
/*0703*/
.picCon .picInfo{overflow:hidden;position: absolute;left: 0;bottom: 0px;width: 100%;/*height:76px;line-height:76px;*/background:url(../images/news_pic_bg.png) repeat-x ;}
.picCon .picInfo a{color:#fff;}
.picCon .picInfo a:hover{color:#ffb4b4;}
.picCon h3{line-height:24px;/*height:48px;*/overflow:hidden;margin:1em;font-size: 1.5em;}
.picCon p{color:#787878;line-height:18px;height:72px;overflow:hidden;}
.picCon p a{color:#787878;}

/*0703*/
.picLeft{width:49%;margin-right:2%;margin-top:12px;}
.picLeft .picLogo {background:0;bottom:36%;}
.picRight {float: right;margin-right: 0;}


/*工大新闻列表*/
.modeWrap02{width:100%;overflow:hidden;background:url(../images/mode04_bg.jpg) no-repeat top center;background-color:#fff;}

/*0703*/
.mode02{width:1200px;height:624px;margin:0 auto;position:relative;padding:30px 0 0;}


/*0703*/
.mode02 .lf{width:44.5%;float:left;margin-right:5.25%;max-height:581px; overflow:hidden; position: relative;}
.mode02 .newsTitle h1{line-height: 33px;max-height: 100px; overflow: hidden;}
.mode02 .newsTitle h1 a{font-size:2.3em;color:#0a2c87;}
.mode02 .newsTitle h1 a:hover{color:#8c1515;}
.mode02 .newsTitle p{font-size:1.4em;margin:8px 0;text-indent:2em;line-height: 23px;max-height: 78px;overflow: hidden;}
.newsList{margin-top:33px;}
.newsList li{margin:22px 0;*margin:9px 0;}



.newsList li span{background:url(../images/news_th.png) no-repeat center left;display:block;width:63px;height:42px;line-height:42px;float:left;position:relative;}
.newsList .info{height:42px;line-height:21px;*margin-top:-10px;}
.newsList .info p{margin-bottom:2px;font-family: "Georgia";color:#666;}
.newsList .info h3 {font-size:1.5em;margin-left:61px;*margin-left:0;}
.mode02 .rt{width:47.75%;float:right;overflow:hidden;}

.mode03{max-width:1200px;margin:0 auto 50px;overflow:hidden;}
/*tab选项卡---学术信息和热点关注*/
.tabMenu01{width:100%;overflow:hidden;position: relative;border-bottom:2px solid #072c86;}
.tabArticleList01{width:100%;margin:0 0 20px 0;position: relative;}
.tabMenu01 .tabMore01 {/*display: none; */overflow:hidden;position: absolute;right:0 ;top:12px;text-align:right;}
.tabMenu01 .tabMore01 a {font-weight: normal;display: block; font-size:1.6em;color:#888;}
.tabMenu01 .tabMore01 a:hover{color:#072c86;}
.notice>.tabMore02 {display: none; overflow:hidden;position: absolute;right:0 ;top:10px;text-align:right;}
.notice>.tabMore02>a {display: block; font-size:1.6em;color:#888;text-align:right;}
.notice>.tabMore02>a:hover{color:#072c86;}
.tabList01{margin-top:15px;}
.tabMenu01 li{height:80px;width:100px;}
.tabMenu01 li a{display:block;width:100px;height:80px;line-height:99px;font-size:2.2em;font-weight: bold;color:#072c86;}
.tabMenu01 li.read{float:left; margin:0 5% 0 0;}
/*.tabMenu01 li.read:hover,.tabMenu01 li.active { margin:0 5% 0 0; bottom:0;background:url(../images/read_th.png) no-repeat center bottom;}*/
.tabMenu01 li.notice{width:100px;float:left}
.tabMenu01 li.notice>a{display:block; text-align:center;}
/*.tabMenu01 li.notice:hover,.tabMenu01 li.active {bottom:0;background:url(../images/read_th.png) no-repeat center bottom;}*/
.tabList01 dd{display:none;}
.list01 li{border-bottom:1px solid #ddd;padding:10px 0 ;line-height:37px;*line-height:25px;}
.list01 li h4{float:left;}
.list01 li span{font-size:1.2em;margin-left:67%;height:24px;line-height:15px;*line-height:15px;display:block;padding-left:20px;}
.list01 li span a{color:#666;}
.list01 .time{background:url(../images/time.png) no-repeat left center;}
.list01 .place{background:url(../images/place.png) no-repeat left center;}
.mode03 .lf{width:58.5%;float:left;overflow:hidden;}
/*通知公告*/
.mode03 .rt{width:37.33%;float:right;overflow:hidden;}
.noticeList li{width: 100%;overflow: hidden;margin: 23px 0;}
.noticeList li .date {width: 60px;height: 50px;float: left;margin-right:15px;}
.noticeCon a{font-size: 1.5em;font-weight: bold;}
.noticeList li .date strong {font-size:1.4em;background:#8c1515;width: 60px;height: 25px;line-height: 25px;text-align: center;color: #fff;display: block;}
.noticeList li .date i {border:1px solid #ddd;border-top:none;font-style: normal;width: 58px;height: 23px;line-height: 23px;text-align: center;color: #646464;display: block;}
/*专题网站*/
.modeWrap04{background:#bac5c6;padding:20px 0;overflow:hidden;}
.mode04{max-width:1200px;margin:0 auto;}
.title02 h2{margin-bottom:20px;}
.title02 h2 a{color:#072c86;}
.title02 h2 a:hover{color:#072c86;}
.item-container-box{width:100%;height:100%;overflow:hidden;}
.item-container{width:100%;height:100%;float:left;position:relative;background-position:center center;background-repeat:no-repeat;}
.item-container img{z-index:9;}
.item-info-overlay{z-index:200;opacity:0.9;filter:alpha(opacity=90);-moz-opacity:0.9;-ms-opacity:0.9;width:100%;height:100%;position:absolute;left:0;top:0;}
.item-info-overlay>div{width:auto;border:1px dotted #bfbfbf;height:48px;margin:12px 5.09% 0;}
.item-info-overlay .title{*margin:10px 0;width:100%;height:100%;display: table;font-size:1.6em;font-weight:normal;text-align:center;}
.item-info-overlay .title a{color:#fff;display: table-cell;vertical-align: middle;padding:0 6px ;}
.topicList{width:100%;overflow:hidden;}
.topicList li{width:18.85%;max-width:215px;height:71px;display:block;position:relative;cursor:pointer;float:left;margin:0.9%;}
.topicList li .item-container{transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
/*.topicList li:hover .item-container{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}*/
.topicList li:hover .item-info-overlay{opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;-ms-opacity:0.8;}
.item-info-overlay1{background:#a91010;}
.item-info-overlay2{background:#fe9d05;}
.item-info-overlay3{background:#ff5a5f;}
.item-info-overlay4{background:#21c750;}
.item-info-overlay5{background:#0b51a9;}
.item-info-overlay6{background:#0e4890;}
.item-info-overlay7{background:#00ba8b;}
.item-info-overlay8{background:#298cf6;}
.item-info-overlay9{background:#d82f10;}
.item-info-overlay10{background:#ffab00;}
.item-info-overlay11{background:#b5b322;}
.item-info-overlay12{background:#cf5829;}
.item-info-overlay13{background:#30b0d0;}
.item-info-overlay14{background:#bc6c2b;}
.item-info-overlay15{background:#429455;}
.item-info-overlay16{background:#EE6352;}
.item-info-overlay17{background:#05668D;}
.item-info-overlay18{background:#3E9392;}
.item-info-overlay19{background:#F7D321;}
.item-info-overlay20{background:#B56FAA;}
.item-info-overlay21{background:#ffab00;}



@media screen  and (max-width:1200px) {
 .mode01,.mode03,.mode04{width:96%;margin:0 auto;}
 .item-info-overlay01 .title{font-size:1.5em;}
 .modeWrap02{background:none;background-color:#e8e8e8;}
 .mode02{height: auto;width: 95%;padding: 35px 0 50px;margin: 0 auto;overflow: hidden;}
 .mode02 .newsTitle h1 a {font-size: 1.8em;}
 .newsList .info h3 {font-size: 1.3em;}
 .mode02 .newsTitle h1 {line-height: 27px;}
 .mode02 .lf {margin-right: 3.25%;width:46%;}
 .mode02 .rt{width:48%;} 
 .mode02 .newsTitle p {margin: 8px 0;text-indent: 2em;line-height: 20px;max-height: 78px; }
 .newsList {margin-top: 10px;}
 .newsList li {margin: 14px 0;}
 .newsList .info {line-height: 17px;}
 .list01 li{line-height:24px;}
 .list01 li h4{float:none;}
 .list01 li span{display:inline;margin-left:0;}
 .list01 li .place{float:right;}
 .topicList li{width:18%;}
}

@media screen  and (max-width:1000px) {
	.title02 h2{font-size: 2em;}    
	.tabMenu01 li a {font-size:2em;}
  .news{width:100%;float:none;}
  .title01 h2{height:33px;line-height:33px;font-size:2.0em;}
  .title01 h2 a{padding:3px 15px;}
  .title01 h3{height:33px;line-height:33px;font-size:1.5em;}
  .title01>a{height:33px;line-height:33px;}
  /*.picRight .picInfoRight {
    bottom: -55px;}*/
}
@media screen  and (max-width:950px) {
	.newsList li {margin:  15px 0;}

}
@media screen and (max-width: 860px) {
  /*0703*/
  /*.picRight .picInfoRight{padding: 22px 0;}*/
  
  .item-container-box{display: none;}
  .mode02 .lf {width:100%;}
  .mode02 .rt{width:100%;} 
  .mode02 .newsTitle p {margin: 15px 0;}
  .newsList {margin-bottom: 30px;}
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
  .title01 h2{float:none;height:33px;line-height:33px;font-size:2.0em;text-align:center;}
  .title01 h2 a{padding:3px 15px;}
  .title01 h3{height:33px;line-height:33px;font-size:1.5em;text-align:center;}
  .title01>a{height:33px;line-height:33px;text-align:center;}
  .mode03 .lf{width:100%;}
  .mode03 .rt{width:100%;}
  	.item-info-overlay .title {padding:   0;line-height:16px; }
.item-info-overlay .title a{text-align:center;line-height: 22px;font-size: 0.9em;}
  	.item-info-overlay>div{border:none;}
	.item-container01{display:none;}
  	.item-info-overlay{opacity: 1;border-radius: 5px;}
	.item-info-overlay1{background:#a91010;}
	.item-info-overlay2{background:#fe9d05;}
	.item-info-overlay3{background:#ff5a5f;}
	.item-info-overlay4{background:#21c750;}
	.item-info-overlay5{background:#0b51a9;}
	.item-info-overlay6{background:#0e4890;}
	.item-info-overlay7{background:#00ba8b;}
	.item-info-overlay8{background:#298cf6;}
	.item-info-overlay9{background:#d82f10;}
	.item-info-overlay10{background:#ffab00;}
	

}
@media screen  and (max-width:640px) {
	.tabMenu01 li a {font-size:1.7em;}
	.title02 h2{font-size:1.7em;}
	.title01 h2{float:none;height:33px;line-height:33px;font-size:2.0em;text-align:center;}
  	.title01 h2 a{padding:3px 15px;}
  	.title01 h3{margin-left:0;height:33px;line-height:33px;margin-top:10px;font-size:1.5em;float:none;text-align:center;}
  	.title01>a{height:33px;line-height:20px;margin-bottom:13px; float:none;text-align:center;display:inline-block;width:80%;}
	.mode01{padding:0 10px;width:auto;}
    .notice_list li{width:100%;float:none;}
	.notice_list li:nth-child(3){margin-bottom:33px;}
	.news_pic .picCon:first-child{width:100%;margin-bottom:20px;}
	.news_pic .picCon:first-child span,.news_pic .picCon:first-child p{width:80%;margin:0 auto;}
	.picCon:first-child h3{width:80%;margin:1em auto;}
	.news_pic .picCon:nth-child(2){width:47.78%;}
	.news_pic .picCon:nth-child(3){width:47.78%;}
	.notice_list{margin-bottom:0;}
	.picCon p,.picCon h3{height:auto;}
	.picCon h3{height:auto;font-size: 1.2em;line-height:16px;}
	.topicList li{width:30%;}
	}
@media screen and (max-width:480px){
	.list01 li span{display:block;}
	.list01 li .place{float:none;}
	.topicList li{width:47%;}
	.picRight .picInfoRight {
    padding:0;}
}


@media screen /*and (min-width:320px)*/ and (max-width:360px) {
	.copy_wrap{display: none;}
	.flex-control-nav{display: none;}
	.nser .search input.notxt{width:80%;}
  .title01 h2{height:56px;line-height:56px;font-size:2em}
  .mode02{padding-top:34px;}
  .item-info-overlay .title {line-height:19px;}
}
