*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0}
body { font-family: "Microsoft yahei", "微软雅黑"; background: #fff url(../images/bg.gif) repeat-x; color: #777; }
a { text-decoration: none; color: #777; }
h1 { font-size: 1.4em; font-weight: normal; }
	h1 a { color: #fff; font-size: 1.6em; }
h2 {
	font-size: 0.8em;
}
h3 {
	font-size: 1em;
	background: #B00A0A url(../images/orangebg.gif) repeat-x left bottom;
	padding: 6px 7px;
	color: #fff;
	font-weight: normal;
	margin: 0 0 15px;
	float: left;
}
p {
	clear: both;
	line-height: 1.64em;
	margin: 0 0 15px;
}
.line {
	clear: both;
	border-bottom: 1px solid #ddd;
	margin: 0 0 45px;
	border-top: 1px solid #ddd;
}
.clear { clear: both; }
#content { width: 970px; margin: 0 auto; }
#top { color: #ccc; padding: 6px 20px 0; font-size: 0.8em; text-align: right; }
#logo { float: left; background: url(../images/orangebg.gif) repeat-x; padding: 100px 25px 15px; margin: -46px 0 20px; }
#logo h1 { text-shadow: 1px 1px 1px #7E0E0E; }
#menu { float: right; margin: 63px 20px 0; }
#menu li {
	display: inline;
	font-size: 1em;
}
#menu li a { float: left; color: #808080; padding: 0 0 5px; margin: 0 0 0 55px; }
#menu li a:hover, #menu li.current a, #menu li a:focus { color: #000; border-bottom: 1px solid #ddd; }
.left { float: left; width: 250px; }	
.right { float: right; width: 630px; margin: 0 0 20px; }
.right h3 { background: #808080; font-size: .84em; }
.third { float: left; width: 296px; margin: 0 40px 20px 0; }
.last { margin-right: 0; }
#footer { clear: both; font-size: .84em; padding: 20px 0 0; }
	
.shell { width: 960px; margin: 0 auto; }

#slider { background: none}
#slider .top { background: none}
#slider .bot { background: none; position: relative; height: 100%; padding: 0 2px 2px 0; }
#slider .slider-controls {	position: absolute;	bottom: 10px; right: 10px; z-index: 100;}

#slider-holder { height: 400px; }
#slider-holder .jcarousel-clip { width: 958px; height: 400px; position: relative; overflow: hidden; }
#slider-holder ul { width: 958px; height: 400px; position: relative; overflow: hidden; }
#slider-holder ul li { list-style-type: none; float: left; display: inline; height: 350px; width: 868px; padding: 30px 45px 10px; }
#slider-holder .slide-info { float: left; display: inline; width: 475px; padding-top: 100px; }
#slider-holder .slide-image { float: right; display: inline; }

.slider-controls a { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; width: 10px; height: 10px; margin-left: 2px; }
.slider-controls a { background: url(../images/slider-nav.gif) no-repeat right 0; }
.slider-controls a.active { background-position: 0 0; }



.container {
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
	overflow: hidden;
}

.sidebar1 {
	float: left;
	width: 200px;
	padding-bottom: 10px;
}

#Cornerbar {
	float: right;
	width: 20%;
	margin-top: 5%;
	position: relative;
	border: 1px solid rgb(204, 204, 204)
}

#Cornerbar .title {
	background: #B00A0A url(../images/orangebg.gif) repeat-x left bottom;
	padding: 6px 7px; color: #fff;
	text-align: center		
}

#Cornerbar .content {
	padding:5% 5% 5% 5%; 
	font-size: 1em;
}

ul.nav {
	list-style: none; /* 这将删除列表标记 */
	border-top: 1px solid #ddd; /* 这将为链接创建上边框 – 使用下边框将所有其它项放置在 LI 中 */
	margin-bottom: 15px;
}
ul.nav li {
	border-bottom: 1px solid #ddd; /* 这将创建按钮间隔 */
}
ul.nav a, ul.nav a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
	padding: 5px 5px 5px 15px;
	display: block; /* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。 */
	width: 180px;  /*此宽度使整个按钮在 IE6 中可单击。如果您不需要支持 IE6，可以删除它。请用侧栏容器的宽度减去此链接的填充来计算正确的宽度。 */
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* 这将更改鼠标和键盘导航的背景和文本颜色 */
	background: #F60;
	color: #FFF;
}

/* ~~ 其它浮动/清除类 ~~ */
.maincontent {
	padding: 10px 0;
	width: 760px;
	float: right;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.maincontent ul, .maincontent ol { 
	padding: 0 15px 15px 40px; /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~ */

.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 .container 中删除了 overflow:hidden，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}




.box {
	border: 1px solid rgb(204, 204, 204);
	width: 80%;
	height: 106px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 10%;
	position: relative;
}