﻿/* CSS Document */

*{ font-family: 微软雅黑; }
body{
	margin: 0;
	padding: 0;
	font-size: 12px; 
	line-height: 140%; 
	color: #000;
	background: #ede9e0;
	text-align: center;
}
a{ color: black; text-decoration: none; }
a:hover{ color: black; text-decoration: underline; }
hr{ clear: both; visibility: hidden; }
span.lists{ font-size: 16px; font-weight: bold; }
img{ border: 0; }
h3{
	width: 100%;
	background: left top url('../images/bg_h3_body.jpg') repeat-y;
	font-size: 130%;
	margin: 16px 0 16px 13px;
}

div.h3_foot{
	width: 100%;
	background: transparent  url('../images/bg_h3_footer.jpg') no-repeat left bottom;
}
div.h3_head{
	background: transparent url('../images/bg_h3_head.jpg') no-repeat left top;
	padding: 10px 0 10px 35px;
}

.context{ margin: 0 25px; margin-top: 10px; }
.context_p{ margin: 0 25px; margin-top: 10px; }
.context_m{ margin: 0 5px; margin-top:5px; }
#head_space{
	width: 100%;
	height: 1px;
	background: white;
}
#header{
	width: 100%;
	height: 115px;
	margin: 0 auto;
	background: white;
}

#logo{
	width: 876px;
	height: 120px;
	background: transparent url('../images/logo_dy.png') no-repeat scroll 30px center;
	margin: auto;
}
#logo_text{
	float: left;
	width: 500px;
	height: 95px;
	background: transparent url('../images/text_unsigned.png') no-repeat scroll;
	margin-left: 90px;
	display: inline;
}
#logo_side{
	float: right;
	margin-right: 20px;
	margin-top: 0px;
	text-align: left;
	height:     30px;
	background: white url('../images/top_nav_bg.png') no-repeat scroll center top;
	width: 200px;
	display: inline;
}
#logo_side *{ font-family: Verdana; font-size: 12px; }
#logo_side table{ margin: 0 auto; margin-top: 15px; }
#logo_side span{ color: white; font-weight: bold; }
#logo_side a{ color: white; font-weight: bold; }

#nav{
	width: 100%;
	height: 50px;
	background: transparent url('../images/nav_bg.gif') repeat-x scroll left top;
	margin: 0 auto;
}

#nav ul{
	width: 876px;
	margin: 0;
	list-style: none;
	margin: 0 auto;
}
#nav li{
	float: left;
	margin: 0;
	padding: 0;
}
#nav a{
	line-height: 100%;
	padding: 15px 12px 10px 12px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
#nav a:hover{ color: #fff; background: #333; }

#content{
	margin: 0 auto;
	background: transparent url('../images/bg.gif') repeat-x scroll left top;
}

#main_top{ width: 876px; margin: 0 auto; }
#main{
	width: 100%;
	background: transparent url('../images/contents_bg.gif') repeat-y scroll;
	text-align: left;
}
#main_nav{ margin: 0 12px; margin-bottom: 10px; }
#main_nav a{ text-decoration: underline; }
#main_nav a:hover{ text-decoration: none; }
#main_nav a.current{ text-decoration: none; }

#main_img{
	width: 100%;
	height: 121px;
	background: black;
	margin-bottom: 5px;
	background: transparent url('../images/main_image.png') no-repeat scroll center center;
}
#counter{
	width: 150px;
	height: 30px;
	float: right;
	margin: 20px 200px 0 0;
	display: inline
}

#main_bot{
	width: 100%;
	height: 7px;
	font-size: 1px;
	background: transparent url('../images/contents_bot.gif') no-repeat scroll;
}

#left_top{
	float: left;
	width: 654px;
	margin-left: 10px;
	background: transparent url('../images/left_bg_mid.gif') repeat-y scroll;
	display: inline;
}
#left_box{
	width: 100%;
	background: transparent url('../images/left_bg_top.gif') no-repeat scroll;
}
#left_bot{	
	width: 100%;
	height: 8px;
	font-size: 1px;
	background: transparent url('../images/left_bg_bot.gif') no-repeat scroll;
}

#right_nav_top{
	float: left;
	width: 196px;
	margin-left: 6px;
	background: transparent url('../images/right_nav_mid.gif') repeat-y scroll;
}

#right_nav_box{
	width: 100%;
	background: transparent url('../images/right_nav_top.gif') no-repeat scroll;
}
#right_nav_head{ margin-left: 0px; }
#right_nav{
	float: left;
	margin-left: 6px;
	height: 100%;
	overflow: auto;
}
#right_nav ul{
	margin-left: 0px;
	list-style: none;
	padding: 0 2px;
	background: url('../images/right_nav_body.gif') repeat-y left top;
}
#right_nav li {
	margin: 0;
	padding: 0;
	width: 90%;
	border-bottom: 1px solid #E8E5DE;
}
#right_nav a {
	line-height: 100%;
	padding: 10px 0 10px 55px;
	display: block;
	color: #000;
	text-decoration: none;
	width: 120px;
	background: white;
}
#right_nav a:hover {
	color: #000;
	text-decoration: underline;
	background: #ece9e2;
}
#right_nav_bot{
	width: 100%;
	height: 7px;
	font-size: 1px;
	background: transparent url('../images/right_nav_bot.gif') no-repeat scroll;
}

#news{
	width: 170px;
	background: white;
	border: 1px solid #ECE8DD;
}
#news a{
	padding: 0;
	margin: 0;
	text-decoration: none;
	width: 100%;
	display: block;
}
#new a:hover{ text-decoration: underline; }

#login *{ font-size: 12px; }
#login{ padding: 0; margin: 0; }
#login #submit{ width: 100px; }

#nav_bot{
	width: 876px;
	text-align: left;
	margin: 30px auto 10px auto;
	color: #444;
}
#nav_bot a{ color: #444; text-decoration: none; }
#nav_bot a:hover{ text-decoration: underline; }

#Thumbnail{ margin: 0 25px; margin-top: 20px; }
#Thumbnail a{ display: block; height: 10em; width: 2em; }
#Thumbnail img{ margin-left: 3px; }
#Thumbnail a:hover{ text-decoration: none; }
#Thumbnail ul{ margin: 0; padding: 0; }
#Thumbnail li{ background: white; }
#Thumbnail #proThumbnail{ margin: 0 1.5em; margin-left: .5em;}
#Thumbnail .prev, #Thumbnail .next{ width: 2em; height: 10em; }
#Thumbnail .prev{ background: #FFF url('../images/pro_prev.png') no-repeat scroll center bottom; }
#Thumbnail .next{ background: #FFF url('../images/pro_next.png') no-repeat scroll center bottom; }
#Thumbnail .prev:hover{ background: #FFF url('../images/pro_prev_hover.png') no-repeat scroll center bottom; }
#Thumbnail .next:hover{ background: #FFF url('../images/pro_next_hover.png') no-repeat scroll center bottom; }


#cooperate{
	padding: 20px;
	background: white;
	display: none;
}
#cooperate img{ margin-left: 10px; }

#footer{
	width: 100%;
	height: 97px;
	background: transparent url('../images/footer_bg.gif') repeat-x scroll;
	padding-top: 30px;
}
#footer_box{
	width: 876px;
	text-align: left;
	margin: 0 auto;
}
#footer_left_top{
	width: 652px;
	background: transparent url('../images/footer_box_mid.gif') repeat-y scroll;
	float: left;
}
#footer_left_mid{
	width: 100%;
	height: 10px;
	background: transparent url('../images/footer_box_top.gif') no-repeat scroll center top;
}
#footer_left_bot{
	width: 100%;
	background: transparent url('../images/footer_box_bot.gif') no-repeat scroll center bottom;
	height: 10px;
}
