﻿/* 网站头部和底部CSS */

/* 全局定义 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style:none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }

/* 公共样式 */
html{ width:100%; height:100%;  }
body{ width:100%; height:100%; color:#333;font:12px/30px "Microsoft Yahei",Tahoma,Helvetica,Arial,sans-serif; min-width: 1000px; background-color:#f0f0f0; }
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#f60;text-decoration:none; }
.clearbox { border:none; clear:both;font-size:0; height:0; line-height:0; overflow:hidden;}
.blank { height:10px;font-size:0px; line-height:0; overflow:hidden; }
.nodata{color:#f60;}
.fl{float:left; }
.fr{float:right; }
.sitewidth { width: 1000px; margin: 0 auto;}

/* header */
#header { width: 100%; height: 210px; position: relative; z-index: 1; background:#be1c2e;}

.top { height:30px; background-color:#fafafa; width:100%;}

/* logo */
.logoBox { height:100px; clear:both; padding-top:30px; position: relative;}
.logo { float: left; background: url(images/logo.png) no-repeat; width: 361px; height: 62px;}
.logo a { display: block; width: 100%; height: 100%;}

.flash { position: absolute; left:360px; top:30px;}

/* 搜索 */
.siteSearch { width:250px; height:34px; background:url(images/search.png) no-repeat; float: right; margin-top: 15px; }
.siteSearch input { border:none; *border:0; height:34px; width:180px; padding:0 10px; float:left; background: none; color: #999; font:12px/34px "Microsoft Yahei"; }
.siteSearch .searchBtn { float:right; width:50px; height:34px; cursor:pointer; display:block;}


/* 导航 */
.nav { width: 1000px; margin:0 auto; height: 50px; position: relative; background: #e6e6e6;}
.mainNav { width: 1000px; position:relative; height:50px; margin: 0 auto; }
.mainNav li.li1{ position:relative; height: 50px; float: left; width: 143px; text-align: center;  }
.mainNav li.on1 { background: #87111a;}
.mainNav li.on1 a.a1 { color:#fff;}
.mainNav ul.ul1{ display:none;  position:absolute; top:50px; left:0px; width: 143px;  background-color: #90131d; text-align:center; padding:5px 0;  } 
.mainNav ul.ul1 .li2{ *display:inline; width: 142px;}
.mainNav .li1,.mainNav .h1{ display:inline-block; *display:inline; }
.mainNav .li1 .a1{ display:inline-block;  font-size:14px; height: 42px;  text-align:center; width: 143px; font:16px/50px "Microsoft Yahei";  }
.mainNav .li2 ul{  top:0px; left:100px; }
.mainNav a{ display:block;  }
.mainNav .li2 .a2{  color: #fff; font: 14px/32px "Microsoft Yahei"; display: block; width: 142px; text-align: center; border-bottom: 1px solid #9f1a24; }
.mainNav .on2 a.a2 { color: #edbd00;}
.mainNav li.first1 { width:142px; overflow:hidden;}

/* banner */
.banner { width: 980px; height: 320px; overflow: hidden; position: relative; margin-bottom: 10px; margin:0 auto; padding:10px; background-color:#fff;}
.banner .bd .pic {width: 980px; height: 320px; }
.banner .bd .con { display: none;}
.banner .hd { position: absolute; width: 100%; height:14px; text-align: center;  z-index: 1; bottom: 40px; left: 0; line-height: 14px; font-size: 0; overflow: hidden;}
.banner .hd li { display: inline-block; *display:inline; zoom:1; cursor:pointer; vertical-align:top; margin:0 5px; width:10px; height:10px; background:#f5f5f5; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.banner .hd li span {display:none; }
.banner .hd li.on { background-color: #f75a55;}

/* HomeMain */
.HomeMain { float:left; width:660px; height:262px;}
.HomeMain .hd { margin-bottom:10px;}

/* focusNews */
#focusNews { width: 320px; height: 210px; float:left; }
.slideBox{ position:relative; zoom:1;  width: 320px; height: 210px;}
.slideBox .slideNav{ position:absolute; height:10px; overflow:hidden; bottom:45px; right:32%; z-index:1;}
.slideBox .slideNav li {background-color:#fff;cursor:pointer;float:left;width:10px;height:10px;line-height:100px;margin-right:8px; overflow:hidden; border-radius:6px; }
.slideBox .slideNav li.on{ background-color:#3d9f5f; }
.slideBox .slideCon .pic,.slideBox .slideCon .pic img { width: 320px; height: 210px;}
.slideBox .slideCon .title { height:34px; font:14px/34px "Microsoft Yahei"; background:url(images/png.png) repeat; position:absolute; bottom:0; left:0; width: 100%; overflow: hidden; text-align:center;}
.slideBox .slideCon .title a { color:#fff;}


.slideBox .noData { padding:20px 40px;}
.newList { width:330px; float:right;}
.newList span.date { float:right; color:#999;}

/* Content */
#content { width: 980px; margin:0 auto; background:#fff; padding:0 10px 10px; }


/* box */
.Sbox { width:300px; float:right; }
.Sbox .hd { background-color:#cf3c4f;  height: 40px; padding:0 10px;}
.Sbox .hd h3 { float: left;}
.Sbox .hd h3 a { font:16px/40px "Microsoft Yahei"; color: #fff;}
.Sbox .hd a.more { float: right; font: 14px/40px "Microsoft Yahei"; color:#fff; }

.Mbox {}
.Mbox .hd { height: 39px; border-bottom:1px solid #dbdbdb; position:relative;}
.Mbox .hd h3 { float: left; border-bottom:2px solid #b82133; position:absolute; left:0; bottom:-1px; background:url(images/picon.png) no-repeat left center; padding:0 15px 0 25px;}
.Mbox .hd h3 a { font:800 16px/38px "Microsoft Yahei"; color: #b82133;}
.Mbox .hd a.more { float: right; font: 14px/39px "Microsoft Yahei"; }
ul.infolist li { background: url(images/icon.png) no-repeat left center; padding-left: 12px;}

/* 头条图文 */
.xwgk { width:320px; float:left; margin-right:20px; height:300px;}
.xwgk .hd{ margin-bottom:10px;}
.xwgk .bd li.t { height: 100px; border-bottom: 1px dashed #ccc; }
.xwgk .bd li.t .pic { float: left; width: 140px; height: 90px;}
.xwgk .bd li.t .con { float: right; width: 180px;}
.xwgk .bd li.t .con .title a { font: 14px/30px "Microsoft Yahei"; color: #277e4f;}
.xwgk .bd li.t .con .intro { font: 12px/24px "Microsoft Yahei";}
.xwgk .bd li.t .con .intro a { display: none;}
.xwgk .bd li.n { background: url(images/icon.png) no-repeat left center; padding-left: 12px; clear:both; }
.xwgk .bd li.n span.date { float: right;}


/* 通知公告 */
.notice {height:262px; background-color:#f5f5f5; }
.notice .bd { padding:0 10px;}
.notice .bd span.date { display: block; background-color: #ececec; width: 50px; height: 50px; text-align: center; position: absolute; left: 0; top: 12px;} 
.notice .bd span.date span { display: block; height: 25px; width: 50px; line-height: 24px;}
.notice .bd span.date span.yy { background-color: #b3b3b3; font-size: 10px; color: #fff;}
.notice .bd span.date span.dd { font-size: 16px; }
.notice .bd li { position: relative; padding-left: 60px; height: 60px; border-bottom: 1px dashed #ccc; padding-top: 10px; }
.notice .bd li .title a { font: 14px/26px "Microsoft Yahei"; color: #000; }
.notice .bd li .intro { font:12px/18px "Microsoft Yahei"; color: #666; display:none;}



/* banner */

.ad,.ad img { width: 980px; height: 100px; }

/* 通用信息列表 */
.Teacher,.scientific { width: 315px; float: left; margin-right: 27px;}
.Promotion { width: 315px; float: right;}


/* 工程进展 */
.gcjz .bd { background-color:#f5f5f5; height:160px; padding:10px;}

div.ulLink { margin-top:10px;}
div.ulLink li { border:1px solid #3a9c5e; height:63px; width:138px; line-height:62px; font-size:18px;}
div.ulLink li.li1 { float:left; border-color:#3a9c5e; }
div.ulLink li a { display:block; padding-left:50px; }
div.ulLink li.li1 a { background:url(images/icon01.png) no-repeat 20px center; color:#3a9c5e;}
div.ulLink li.li2 { float:right;  border-color:#b82133;}
div.ulLink li.li2 a { background:url(images/icon02.png) no-repeat 20px center; color:#b82133; }
div.ulLink li:hover { background-color:#f1f1f1;}

/* 图片新闻 */
.photo { width: 980px; height: 210px; }
.photo .hd { position: relative;}
.photo span { display: block; width: 18px; height: 18px; cursor: pointer; top: 10px; position: absolute; cursor: pointer; border:1px solid #ccc; text-align:center; line-height:18px; font-family:"宋体";}
.photo span.next { right:0;}
.photo span.prev { right:26px; }
.photo span:hover { border-color:#b82133; color:#fff; background-color:#b82133;}

.photo .bd { width: 980px; margin-top:15px;}
.photo .bd .tempWrap { width: 980px !important;}
.photo .bd li { float: left; margin-right: 27px;width: 175px; height: 160px; text-align: center;}
.photo .bd li .pic { width: 175px; height: 125px; }
.photo .bd li .pic img { width: 175px; height: 125px; padding:5px;}

/* footer */
#footer { text-align: center; background-color: #b82133; color: #fff; padding: 15px 0;}


/* ======================= 列表页 Css ======================= */
.side { float: left; width: 200px; margin-top:10px; padding-left:20px;}
.main { width: 700px; float: right;  margin-top:10px; padding-right:20px;}

/* 侧栏菜单 */
#sideMenuBox { width: 200px;}
#sideMenuBox .hd { height: 47px; border-top: 3px solid #fc0; background-color: #b82133;}
#sideMenuBox .hd h3 { font:16px/46px "Microsoft Yahei"; color: #fff; padding-left: 15px;}
#sideMenuBox .bd li { height: 36px;  margin-top: 8px; font:14px/36px "Microsoft Yahei"; background:#f0f0f0;}
#sideMenuBox .bd li a { padding-left: 40px; display: block; width: 160px; height: 36px;}
#sideMenuBox .bd li.on {background:#fc0;}
#sideMenuBox .bd li.on a { color: #87111a;}

/* 教学研究 */
#sideMenu { width: 240px; overflow:hidden;}
#sideMenu .hd { height: 47px; border-top: 3px solid #fc0; background-color: #277e4f;}
#sideMenu .hd h3 { font:16px/46px "Microsoft Yahei"; color: #fff; padding-left: 15px;}
#sideMenu .bd ul { width:250px !important;}
/*#sideMenu .bd li { height: 36px;  font:14px/36px "Microsoft Yahei"; background:#f2f2f2; float:left; width:110px; text-align:center; margin:8px 5px 0; *display:inline;}*/
#sideMenu .bd li { height: 36px;  font:14px/36px "Microsoft Yahei"; background:#f2f2f2; float:left; width:115px; text-align:center; margin:8px 10px 0 0;}
#sideMenu .bd li a { display: block; width:100%; height: 100%;}
#sideMenu .bd li.on {background:#44986b;}
#sideMenu .bd li.on a { color: #fff;}



/* 信息列表 */
.listMain { clear: both; padding-top: 10px;}
.listMain li { font-size: 14px; height: 30px; line-height: 30px;}
.listMain li span.date { float: right; color: #999;}

/* 单页 */
.dyPage{ padding:20px 40px; line-height:200%;}

/* 缩略图页 */
.upic { padding:15px 10px 15px 12px;}
.upic li { width:185px; text-align:center; height:160px; float:left; overflow:hidden; margin:10px 20px; *display: inline;}
.upic li .pic {width:185px; height:125px; background-color: #ccc;}
.upic li .pic img { width:185px; height:125px; }
.upic li .title { background-color: #f0f0f0; height: 30px; line-height: 28px;}


/* 当前位置 */
.Phd { height:36px; border-bottom:2px solid #ccc; }
.Phd h3 { font:800 16px/36px "Microsoft Yahei"; color: #b82133; background: url(images/picon.png) no-repeat left center; padding-left: 25px;}
.path { line-height: 36px; float: right;  }

/* 分页 */
.page { text-align:center; height:50px; clear:both; line-height:50px; border-top: 1px solid #ccc; margin-top: 15px;}
.page .pager { display:inline-block; font-size:14px; *display:inline;}


/* ======================= 内容页 Css ======================= */
#ContentBd { padding:20px 60px; border: 1px solid #e5e5e5; border-top: none;}
#ContentBd .title { text-align:center;}
#ContentBd .title h3 { font:24px/50px "Microsoft Yahei";}
#ContentBd .intro { margin-top:20px;}
#ContentBd .author{ line-height:40px; text-align:center; color:#777; height:40px; overflow:hidden; margin-top:5px; border-bottom:1px dotted #c8c8c8;}
#ContentBd .contents{ line-height:200%; padding-bottom:30px; font-size:14px;}
#ContentBd .contents img{ border:1px solid #ddd; margin:10px;padding:4px;display:block; margin:0 auto;width:700px;height:auto;}


/* 上下篇 */
.contArticle_page {  padding-top:15px; border-top:1px solid #ececec; }


/* gotop */
#gotop{ position:fixed; bottom:-70px; right:30px; width:40px; height:40px; background:url(images/gotop.png) no-repeat center #c3c3c3; cursor:pointer;  transition:0.5s;   -moz-transition:0.5s;   -webkit-transition: 0.5s;   -o-transition:0.5s; _display:none;}
#gotop:hover{ background:url(images/gotop.png) no-repeat center #6d6d6d; }


