@charset "utf-8";
/* CSS Document */


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ width:1200px;  margin: 0 auto; overflow: hidden; position: relative; z-index: 1; }
.Banner .flexslider {position: relative; zoom: 1; overflow:hidden; padding-right: 60px; }
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:35%; overflow:hidden;}
.Banner .flexslider ul li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }

.Banner .flexslider ul li .slideTxt{ font-size: 22px; font-weight: bold; color: #fff; display: block; height: 120px; line-height: 160px; background: url(../images/bannerbg.png) repeat-x; position: absolute;
bottom: 0; left: 0; padding:0 36px;}


/*icon小点*/
.Banner .flex-control-nav {width: 32px; position: absolute; top:35px; right:0;text-align:center;z-index:9;}
.Banner .flex-control-nav li { display: block;}
.Banner .flex-control-paging li a {  float:left; width: 30px; height:30px; display: block; margin: 5px 0; background:#fff;border:#eeeeee 1px solid; cursor: pointer;
transition: all 0.5s ease; border-radius: 50%; font-size: 16px; text-align: center; line-height: 30px; color: #999999;}
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#00356f; border:#00356f 1px solid; color: #fff;position: relative;
	z-index: 9;}
.Banner .flex-control-paging li a.flex-active:before{content: ""; display: block; width:45px; height: 30px;background:url(../images/flex-active.png) no-repeat;
background:none \9; position:absolute;left: -29px; top: 0;z-index: 0;}

.Banner .flex-direction-nav{ display:block; margin-top: -14px;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:30px;height:30px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;
  cursor: pointer;overflow: hidden;transition: all 0.5s ease; border-radius: 50%; border:#eeeeee 1px solid;}
.Banner .flex-direction-nav a:hover{}
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat center #fff; right:0; bottom:40px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center #fff; right: 0; bottom:80px;}
.Banner .flex-direction-nav a.flex-prev:hover{ background:url(../images/prev2.png) no-repeat center #00356f; border:#00356f 1px solid; }
.Banner .flex-direction-nav a.flex-next:hover{  background:url(../images/next2.png) no-repeat center #00356f; border:#00356f 1px solid;}






.content{ margin: 0 auto; background: #fff; overflow:hidden; position: relative;z-index: 99;}
/*新闻动态*/
.mode01{max-width:1200px;overflow:hidden; margin:40px auto 20px auto; }
.mode01 .lf{ width:480px; float: left; }
.mode01 .rt{ width:700px; float: right;}

.articleTitle01{ height: 38px; border-bottom: #eeeeee 2px solid; overflow: hidden;}
.articleTitle01 .title{ font-size: 2.2em; color: #f28661; font-weight: bold; float: left; position: relative;}
.articleTitle01 .more{ float: right; padding: 9px 0;}
.articleTitle01 .more a{ font-size:14px; color: #999999; }
.articleTitle01.noBorder{ border: none; }

.articleFirst{}
.articleFirst .art-img{ display: block; width: 480px; height: 270px; overflow: hidden; }
.articleFirst .art-img img{ width: 100%; transition: all 0.3s ease; }
.articleFirst a:hover .art-img img{ transform: scale(1.1); }
.articleFirst .art-txt{ font-size: 16px; display: block; margin: 10px 0; height: 22px; line-height: 22px; overflow: hidden; }


.articleList02{overflow: hidden; }
.articleList02 ul li{ overflow: hidden; border-bottom: #eeeeee 1px solid; }
.articleList02 ul li a{ display: block; font-size: 16px; height: 56px; line-height: 56px; background: url(../images/li.png) no-repeat left center;
 color: #525c66; padding-left: 15px; overflow: hidden; transition: all 0.3s ease;}
.articleList02 ul li a:hover{color: #f28661;background: url(../images/li-hover.png) no-repeat left center; padding-left: 25px;}
.articleList02 ul li span.rightDate{ font-size: 12px; color: #999; margin:19px 0; float: right}


/*通知公告*/
.mode02{overflow:hidden; margin:30px auto ; background: url(../images/modebg.png) no-repeat center; }
.articleList03{ max-width: 1200px; margin: 0 auto; padding:30px 0 15px 0; overflow: hidden;}
.articleTitle02{height: 38px; border-bottom: #446e9b 2px solid; overflow: hidden;}
.articleTitle02 .title{ font-size: 2.2em; color: #fff; font-weight: bold; float: left; position: relative;}
.articleTitle02 .more{ float: right; }
.articleTitle02 .more a{ font-size:14px; color: #fff; }

.articleList03{ max-width: 1200px; overflow: hidden; }
.articleList03 ul{ margin: 0 -20px; overflow: hidden; }
.articleList03 ul li{ width: 50%; float: left; }
.articleList03 ul li a{ display: block; margin: 0 20px; overflow: hidden;}
.articleList03 ul li a:hover img{ transform: scale(1.1); }
.articleList03 ul li a .slides-date{ font-size: 14px; display:block; background: #fff; float: left; width: 98px; height: 28px; border:#eee 1px solid; text-align: center; line-height: 28px;
 overflow:hidden; border-radius: 20px; margin: 20px 0;}
.articleList03 ul li a .slides-txt{ font-size: 16px; display: block; height: 48px; line-height: 24px; color: #fff; padding: 16px 0;
 margin-left:120px; border-bottom: #4f759d 1px solid; overflow: hidden; transition: all 0.3s ease;}
.articleList03 ul li a .slides-txt p{ display: block; height: 48px; line-height: 24px; overflow: hidden; }
.articleList03 ul li a:hover .slides-txt{padding-left: 7px;}
.articleList03 ul li:nth-child(7) .slides-txt,.articleList03 ul li:nth-child(8) .slides-txt{ border-bottom: none; }
 

/*icon小点*/
.articleList03 .flex-control-nav {width:auto; margin:20px 0 10px 0; height: 14px; text-align:center; overflow: hidden;}
.articleList03 .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.articleList03 .flex-control-paging li a {  float:left; width: 8px; height: 8px; display: block; background:#dddddd; 
 border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleList03 .flex-control-paging li a:hover,.articleList03 .flex-control-paging li a.flex-active {background:#f28661;}
.articleList03 .flex-direction-nav{ display: none; }




/*学术空间*/
.mode03{max-width: 1200px; margin: 0 auto; overflow: hidden;}
.articleList04{border-bottom: #eeeeee 1px solid;}
.articleList04 ul{ margin:10px -20px 0 -20px; padding-bottom: 10px; overflow: hidden; }
.articleList04 ul li{ width: 33.3%; float: left;}
.articleList04 ul li a{ display: block; margin:10px 20px; padding: 15px 13px; background: #fafafa;  transition: all 0.3s ease;overflow: hidden;}
.articleList04 ul li .art-date{ display: block; float: left; width: 55px; height: 55px; color: #fff; font-size: 14px; text-align: center; /*! padding-right: 12px; */ border: #f28661 2px solid;background: #f28661;}
.articleList04 ul li .art-date strong{ font-size: 20px; font-weight: bold; color: #333; display: block;background: #fafafa;height: 30px;margin-top: 6px;}
.articleList04 ul li .art-txt{ font-size: 16px; height: 48px; line-height: 24px; display: block; margin-left:75px; transition: all 0.3s ease; overflow: hidden;}

.articleList04 ul li a:hover .art-txt{  padding-left:6px;}
.articleList04 ul li a:hover .art-date,.articleList04 ul li a:hover .art-txt{  }
.articleList04 ul li a:hover .art-txt{ }

 

/*学工动态*/
.mode04{max-width: 1200px; margin:30px auto 10px auto; overflow: hidden;}
.articleList05{}
.articleList05 ul{ margin: 0 -15px; padding-bottom: 10px; overflow: hidden; }
.articleList05 ul li{ width: 33.2%; *width: 24.8%; float: left; }
.articleList05 ul li a{ display: block; margin:15px 15px; padding: 20px; background:#f7f7f7; transition: all 0.3s ease; overflow: hidden; }
.articleList05 ul li p{ font-size: 16px; color: #666;display: block;height: 30px;line-height: 30px;overflow: hidden;transition: all 0.3s ease;}
.articleList05 ul li span{ color: #333; display: inline-block;width: 80px;font-weight:bold;}
.articleList05 ul li a:hover p{ color: #f28661; }

/*友情链接*/
.mode05{max-width: 1200px; margin: 0 auto; overflow: hidden;}
.articleList06{}
.articleList06 ul{ margin: 0 -8px; overflow: hidden; }
.articleList06 ul li{ float: left; width: 14.28%; *width: 14.25%; } 
.articleList06 ul li a{ display: block; margin:20px 8px; width: 150px; height: 85px; border:#fff 4px solid;transition: all 0.3s ease; overflow: hidden;}
.articleList06 ul li a img{ display: block; width: 150px; height: 85px; transition: all 0.3s ease; }
.articleList06 ul li a:hover{border:#f28661 4px solid; box-shadow:0px 7px 15px -6px #ee6c3f;}
.articleList06 ul li a:hover img{ transform: scale(1.1); }