@charset "gb2312";
@import "global.css";
/* CSS Document */
.Banner, .Content, .Content2, .Link, .Bottom { width:982px; margin:0 auto; text-align:left; clear:both; zoom:1; overflow:hidden;}
.Content { padding: 20px; width: 942px; background-color: #fff;}
/**
 *  ¾Þ·ù¹ã¸æÀ¸
 **/
.Banner { clear:both; height:284px; width:982px; position:relative; overflow: hidden; zoom: 1;}
.Banner ul li { list-style: none; z-index: 9; margin: 0; padding: 0;}
.Banner ul.imgs { margin: 0; padding: 0; overflow: hidden; zoom: 1;}
.Banner ul.imgs li {  position: absolute; left: 0; top: 0; margin: 1px 0 0 0; padding: 0; text-align: center;}
.Banner ul.imgs li img { margin:0; padding: 1px; border:0;}
.Banner .num { z-index: 10; position: absolute; width: 88px; top: 255px; right: 10px;}
.Banner .num li { filter: alpha(opacity=40); padding: 0 4px; margin: 3px; font: 11px/1.4em Arial; BACKGROUND: #000; float: left; color: #fff; cursor: pointer; -moz-opacity: 0.4; opacity: 0.4;}
.Banner .num li.curr {FILTER: alpha(opacity=80); BACKGROUND: #000; COLOR: #fff; FONT-WEIGHT: bold; -moz-opacity: 0.8; opacity: 0.8;}
.Banners { float:right;  width: 935px; text-align: right; padding: 0 20px 0 0;}

.Title { height: 45px; line-height: 45px; border-bottom: 3px solid #c59d0b; clear: both; margin-bottom: 15px;}
.Title h2 { font-size: 20px; float: left;}
.Title h2 span { font-size: 16px; color: #666;}
.Title p { float: right; padding: 10px 10px 10px 0;}
.Title p img { border: 0; margin-top: 12px;}

.ContentLeft { float: left; width:610px;}
.ContentRight { float: right; width: 310px;}
.ContentLeft h2, .ContentRight h2 { background: none;}

#NewsImg { float: left; padding: 2px; border: 1px solid #ddd; overflow: hidden; zoom: 1;}
#NewsImg .NewsImgL { float: left; width: 300px;}
#NewsImg .NewsImgR { float: right; width: 310px;}
#NewsImg .NewsImgR img { float: left; width: 59px; border: 4px solid #ddd;}
#NewsImg .NewsImgR div { clear: both; overflow: hidden; zoom:1; margin: 1px 0; padding: 1px; background-color: #efefef;}
#NewsImg .NewsImgR div#NewsCur { background-color: #fff;}
#NewsImg .NewsImgR div dt { float: left; width: 225px; height: 24px; padding-left: 10px; font-size: 14px; font-weight: bold; overflow: hidden;}
#NewsImg .NewsImgR div dd { float: left; width: 225px; height: 45px; line-height: 18px; padding-left: 10px; overflow: hidden; color: #444;}
#News { padding: 10px 2px; height:210px;}
#News .NewsList { float: left; width: 303px; margin: 0 5px; -margin: 0 2px;}
#News .NewsList div { clear: both; overflow: hidden; zoom:1; margin: 1px 0; padding: 1px;}
#News .NewsList div#NewsCur { background-color: #fff;}
#News .NewsList div p { float: left; width: 51px; height: 51px; padding: 4px; line-height: 24px; border: 3px solid #ddd; text-align: center; color: #fff; font-size: 20px; font-weight: bold;}
#News .NewsList div p span { font-size: 14px;}
#News .NewsList div p#New1 { background: url('../images/list-1.gif') no-repeat center center;}
#News .NewsList div p#New2 { background: url('../images/list-2.gif') no-repeat center center;}
#News .NewsList div p#New3 { background: url('../images/list-3.gif') no-repeat center center;}
#News .NewsList div p#New4 { background: url('../images/list-4.gif') no-repeat center center;}
#News .NewsList div p#New5 { background: url('../images/list-5.gif') no-repeat center center;}
#News .NewsList div p#New6 { background: url('../images/list-6.gif') no-repeat center center;}
#News .NewsList div p#New7 { background: url('../images/list-7.gif') no-repeat center center;}
#News .NewsList div p#New8 { background: url('../images/list-8.gif') no-repeat center center;}
#News .NewsList div p#New9 { background: url('../images/list-9.gif') no-repeat center center;}
#News .NewsList div dt { float: left; width: 220px; height: 24px; padding-left: 10px; font-size: 14px; font-weight: bold; overflow: hidden;}
#News .NewsList div dd { float: left; width: 220px; height: 45px; line-height: 18px; padding-left: 10px; overflow: hidden; color: #666;}
#News ul { list-style: none;}
#News ul li { list-style: none;}

.ContentRight ul { font-size: 12px; color: #ddd; padding: 5px 10px; overflow: hidden;}
.ContentRight ul li { display: inline;}
.ContentRight ul li a, .ContentRight ul li a:link, .ContentRight ul li a:active, .ContentRight ul li a:visited { display: block;color: #222;text-decoration: none; border-bottom: 1px dashed #ddd; background: url('../images/li-icon.gif') no-repeat 0 center; padding-left: 38px;}
.ContentRight ul li a:hover { color: #000; border-bottom: 1px dashed #aaa; text-decoration: none;}

.Content2 { margin-top: 20px;}
#Tec { width: 306px; padding: 0 3px; float: left; overflow: hidden; zoom: 1;}
#Tec .TecList { float: left; width: 303px; margin: 0 5px; -margin: 0 2px;}
#Tec .TecList div { clear: both; overflow: hidden; zoom:1; margin: 1px 0; padding: 1px;}
#Tec .TecList div#TecCur { background-color: #fff;}
#Tec .TecList div p { float: left; width: 51px; height: 51px; padding: 4px; line-height: 24px; border: 3px solid #ddd; text-align: center; color: #fff; font-size: 20px; font-weight: bold;}
#Tec .TecList div p span { font-size: 14px;}
#Tec .TecList div p#Tec1 { background: url('../images/list-1.gif') no-repeat center center;}
#Tec .TecList div p#Tec2 { background: url('../images/list-2.gif') no-repeat center center;}
#Tec .TecList div p#Tec3 { background: url('../images/list-3.gif') no-repeat center center;}
#Tec .TecList div p#Tec4 { background: url('../images/list-4.gif') no-repeat center center;}
#Tec .TecList div p#Tec5 { background: url('../images/list-5.gif') no-repeat center center;}
#Tec .TecList div p#Tec6 { background: url('../images/list-6.gif') no-repeat center center;}
#Tec .TecList div p#Tec7 { background: url('../images/list-7.gif') no-repeat center center;}
#Tec .TecList div p#Tec8 { background: url('../images/list-8.gif') no-repeat center center;}
#Tec .TecList div p#Tec9 { background: url('../images/list-9.gif') no-repeat center center;}
#Tec .TecList div dt { float: left; width: 220px; height: 24px; padding-left: 10px; font-size: 14px; font-weight: bold; overflow: hidden;}
#Tec .TecList div dd { float: left; width: 220px; height: 45px; line-height: 18px; padding-left: 10px; overflow: hidden; color: #666;}

.About { float: right; width: 670px; padding: 0 2px; line-height: 24px;}
.About h2 { line-height: 32px; padding-bottom: 20px}
.About p { text-indent: 25px;}
.About p.AboutImg { text-indent: 0; text-align: center; padding: 10px;}
.AboutImg img { text-indent: 0; border: 3px solid #ddd;}
.About p.TextR { text-align: right; padding-right: 10px;}



/*--Main Image Preview--*/
.main_image {
	width: 320px;
	height: 250px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #ccc;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(../images/icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	background: url(../images/btn_collapse.png) no-repeat left top;
	height: 16px;
	width: 50px;
	text-indent: -99999px;
	position: absolute; 
	top: -16px; right: 5px; 
}
.main_image a.show {background-position: left bottom;} 
.main_image a { color: #fff; text-decoration: underline;}

.image_thumb {float: right;width: 280px;background: #f0f0f0;}
.image_thumb ul {margin: 0;padding: 0;width: 230px;list-style: none;}
.image_thumb ul li{margin: 0;padding: 8px 5px;background: #f0f0f0;width: 269px;float: left;border-top: 1px solid #fff;}
.image_thumb ul li img {border: 1px solid #ccc; width: 46px;padding: 3px; background: #fff; float: left;}
.image_thumb ul li.hover {background: #ddd;cursor: pointer;}
.image_thumb ul li.active {background: #fff;cursor: default;}
html .image_thumb ul li h2 { font-size: 16px; margin: 5px 0; padding: 0 0 0 10px; border-left-color: #000;}
.image_thumb ul li .block { float: left; margin-left: 5px;padding: 0;width: 210px;}	
.image_thumb ul li p {display: none;}