body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}
body,button, input, select, textarea { color:#666; font:normal 12px/24px Simsun; outline:none;}
body{ text-align:center; cursor:default; background: #f4f2e8} 
body.index{ background: #fff;}
em{font-style:normal;}
ul, ol { list-style: none; }
table{ border-collapse:collapse;}
a { color:#030303; text-decoration: none; blr:this.onFocus=this.blur());}
a:hover { text-decoration:underline;}
img{ border:none; font-size:0; line-height:0;}
.wrap{ margin:auto; text-align:left; width:960px;}
.clear{ clear:both; height:0; font-size:0; line-height:0;}
.salign{text-align:justify;text-justify:inter-ideograph;}

.text{ float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%;}
.text a{ color:#333;}
.time{ float:left;}

.photo { overflow:hidden; display:block;}
.name { text-align:center; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; }

.headerbg{
	height: 123px;
	background-color: #333367;
}
.logo{float:left; margin:18px 0 0 17px;}
.solgan{ float: left; margin: 59px 0 0 44px;}
.headerright{ float: right; margin: 13px 37px 0 0;}
.topnav{  color: #fff; text-align: right;}
.topnav a{ color: #fff;}

.search{ background:#fff; height:25px; width: 198px; margin-top: 32px;}
.search .ipt{ width:163px; float:left; background:none; height:18px; margin:5px 0 0 5px; position:relative;}
.search .ipt input{ background:url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/blank.gif"); border:0; margin:0; padding:0; height:18px; line-height:18px; width:100%; position:relative; z-index:3;}
.search .btn{ float:left; width:30px; height:25px; background: url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/zoom.png") no-repeat center;}
.search .btn input{ border:0; background:none; cursor:pointer; width:30px; height:25px; }

.nav{
	height: 36px;
	background-color: #346667;
}
.nav ul{ padding: 0 0 0 15px;}
.nav li{ float:left; font: 14px/36px simsun; position:relative; z-index: 2}
.nav li a{
	color: #fff;
	display: block;
	padding: 0 32px;
}
.nav li.on a,.nav li a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #1c3333;
}
.nav li ul{ position: absolute; top: 36px; left: 0; width: 100%; display: none; padding: 0}
.nav li li{ width: 100%; font:12px/14px simsun;}
.nav li li a,.nav li.on li a{ background: #346667; padding:6px 7px; color: #fff;}
.nav li li a:hover{
	color: #a23339;
	background-color: #1c3333;
}

.bannerbg{
	padding: 9px 0 0;
	background-color: #ede5da;
}
.banner{ width: 960px; margin: 0 auto; height: 260px; position: relative; z-index: 1}
.banner .box{ width: 960px; height: 235px; overflow: hidden; position: relative;}
.banner .list{ width: 999999px; overflow: hidden;}
.banner .list li{ float: left; width: 960px; height: 235px; position:relative;}
.banner .list li p{ position: absolute; top: 100px; right: 40px; width: 285px; height: 115px; padding: 10px; filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#4CFFFFFF", endColorstr="#4CFFFFFF"); background-color:rgba(255,255,255,0.3); text-align: left; color: #fff;}
.banner .btn{ position:absolute; left:50%; bottom:10px; z-index:999}
.banner .btn li{ width:8px; height:8px; line-height: 4; overflow: hidden; float:left; margin:0 4px; position:
relative; left:-50%; background:url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/dot2.png") no-repeat; cursor:pointer;}
.banner .btn li.selected{  background-image:url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/dot1.png");}
.wrap2{ width: 825px; margin: 15px auto 0;}
.main{ float: left; width: 574px; text-align: left;}
.side{ float: right; width: 230px; text-align: left;}
.title2{ border-bottom:3px solid #eeddde; border-top:1pxs solid #a74546; padding: 0 0 1px; font:bold 14px/32px simhei; color: #000;}
.more{ float: right; font: 12px/32px simsun; color: #050505; margin-right: 15px;}

.panel1{ height: 336px;}
.panel1 li{ background:url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/ico.png") no-repeat 3px center; height: 30px; width: 100%; color: #030303; line-height: 30px;}
.panel1 li .time{ padding:0 20px; width: 60px;}
.panel1 li a:hover .text{ text-decoration: underline;}
/*.panel1 li:last-child{ background: none;}*/

.title{
	font: bold 14px/34px simhei;
	color: #000;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #346667;
	border-bottom-color: #c0d8d8;
}
.title span{ background: url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/ico1.png") no-repeat 3px center; padding: 0 0 0 16px; display: inline-block;}
.panel2{ margin-top: 10px; height: 177px;}
.panel2 ul{ padding: 9px 0 0;}
.panel2 li{ background:url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/ico.png") no-repeat 3px center; height: 30px; width: 100%; color: #030303; line-height: 26px;}
.panel2 li .time{ margin:0 20px;}
.panel2 li a:hover .text{ text-decoration: underline;}
.side .title{ padding: 0 0 0 10px;} 

.panel3{ height: 336px;}
.panel3 .title{ margin-bottom: 3px;}
.panel3 dl{ padding: 0 8px 0; color: #030303}
.panel3 dt{
	padding: 0 0 0 23px;
	font: 12px/26px simsun;
	background-image: url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/ico3.png");
	background-repeat: no-repeat;
	background-position: 4px center;
}
.panel3 dd.book{ padding: 3px 0 0; height: 118px; display: none;}
.panel3 .photo{ width: 100%; height: 114px;}
.panel3 .info { float: right; width: 108px; height: 90px; padding: 24px 0 0; text-align: right; font-size: 12px; line-height: 24px;}
.panel3 .info span{ display: block;}
.panel3 dd{ font: 12px/24px simsun;}
.panel3 dl.on { color: #346667; background: url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/dotted2.gif") repeat-x bottom; margin-bottom: 15px; padding-bottom: 6px;}
.panel3 dl.on dt a{ color:#346667;}
.panel3 dl.on .book{ display: block;}

.panel4{ margin-top: 10px; height: 177px;}
.panel4 ul{ padding: 15px 8px 0;}
.panel4 li{ line-height: 18px; margin-bottom: 2px; }

.pan4{ margin: 8px;}
.pan4 ul{ padding: 0; }
.pan4 li{ line-height: 26px; margin: 0;}

.footer{ padding: 10px 0; margin-top: 10px;}
.index .footer{
	color: #FFFFFF;
	background-color: #333367;
}
.copyright{ width: 960px; margin: 0 auto; line-height: 20px; }

/*-------------------------------------------------------*/
.content{ margin:18px auto 0; width:900px; text-align:left; background: url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/mbg.png") repeat-y;}

.crumb{ color:#333; line-height:30px; text-align:left; text-indent: 43px; background:#f4f2e8 url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/mtop.png") no-repeat; }
.crumb a{ color:#333;}

.inbanner{ background:#898988; text-align: center; font-size: 0; line-height: 0; height: 181px;}
.inbanner img{ max-height: 181px;}
.bannershadow{ height: 10px; background:url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/bannershadow.png") repeat-x bottom; overflow: hidden; }

.maintit{ font: 16px/34px simsun; background: url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/line.png") no-repeat bottom; text-align: center; margin-top: 7px; color: #030303;}
.mainbtm{ background:#f4f2e8 url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/mbtm.png") no-repeat; height: 13px; overflow: hidden;}

.newsList{ padding:0 40px; margin:22px 0; }
.newsList li{ font:normal 12px/26px simsun; float:left; width:100%; margin-bottom: 10px; background: url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/dotted2.gif") repeat-x bottom;}
.newsList li .text{ background: url("https://www.peaktip.com/__xh__/39history.whu.edu.cn/images/nico4.png") no-repeat left center; padding: 0 0 0 25px;}

.newsList .time{ float: right;}

.mainBox{ border:1px solid #c3c2ba; width: 847px; margin: 0 auto 12px; padding: 0 0 20px;}

.article{ padding:20px 30px;}
.artitle{ color:#333; font:normal 20px/30px "Microsoft Yahei", simhei, simsun; text-align:center;}
.artinfo{ border-bottom:1px solid #e9e9e9; color:#999; margin-bottom:10px; text-align:center;}
.artinfo span{ color:#666; margin-right:10px;}
.artext{ color:#333; font:normal 14px/2.14 simsun;}
.preNext{ border-top:1px solid #e9e9e9; color:#999; margin-top:10px; padding:5px 0 0;}
.preNext b{ font-weight:normal;}

.quotes{font-size:12px; padding:20px 0;}
.quotes span,.quotes a{color:#999; border:1px #eaeaea solid; cursor:pointer; padding:0 8px; margin-right:2px; vertical-align:middle; display:inline-block;}
.quotes span{ cursor:default;}
.quotes .current{ color:#00903b; background:#e5f4eb; border:1px #7fc79d solid; font-weight:bold;}
.quotes  a:hover{ color:#00903b; background:#e5f4eb; border:1px #7fc79d solid; text-decoration:none;}