/*
* author:   cuibo
* date:     2010-05-18
* Function: 主css文件，所有页面通用；
*/
@import "reset.css";

/*-------------------- 通用 --------------------*/
body {
	background-color:#00839F;
	font-size:12px;
	color:#333333;
}

a,a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#00839F;
	text-decoration:underline;
}
.clear { clear:both; height:0;}


/*------------------ 基本布局 ------------------*/

#topnav { width:auto; height:34px; line-height:34px; background:url(/expo/corp_templates/default/images/topnav_bg.gif) repeat-x; border-bottom:1px #E2E2E2 solid;}
#topnav .area { width:960px; margin:auto; position:relative; text-indent:10px;}
.area img{ float:left}
.area h3{ float:left; line-height:34px; font-size:14px;background:url(/expo/corp_templates/default/images/topnav_bg.gif) repeat-x;color: #000}
#topnav .cippe_logo span{ float:right;font-size:14px; font-weight:bold; color:#999999;line-height: 34px;vertical-align: middle;}
#topnav .cippe_logo { position:absolute; right:0; top:0;vertical-align: middle;}

#wrapper { width:940px; margin:auto; padding:0 10px; background-color:#FFFFFF;}

#header { width:auto; padding:5px 0;}
.banner { padding:0px 0 5px 0;}
.nav { background:url(/expo/corp_templates/default/images/nav_bg.gif) no-repeat; height:44px;}
.nav li { float:left; width:100px; line-height:41px; text-align:center; font-size:14px; font-weight:bold; color:#FFF; background:url(/expo/corp_templates/default/images/li_rjg.gif) no-repeat; background-position:0 9px; padding-left:2px;}
.nav li a, .nav li a:visited { color:#FFF; text-decoration:none;}
.nav li a:hover { color:#FFF; text-decoration:underline;}
.breadnav { line-height:30px; padding:0 10px;}


#main {
	width:auto;
}
.container { width:690px; height:auto; _height:550px; min-height:550px; padding:0 10px; float:right;}
.sidebar { width:220px; height:auto; float:left;}
h3 { font-weight:bold; height:32px; line-height:32px; text-indent:10px; background: url(/expo/corp_templates/default/images/h3_bg.gif) no-repeat; color:#FFF;}
.sidebar .content { border:1px #CCC solid; border-top:none; padding:9px 9px 9px 15px; margin-bottom:10px; line-height:160%;}
.container .f_left { width:320px; float:left; margin-right:20px; margin-bottom:15px;}
.container .f_right { width:340px; float:left; margin-bottom:15px;}

h2 {
	width:auto;
	height:31px;
	line-height:31px;
	border-bottom:1px #CCC solid;
	font-size:14px;
	font-weight:bold;
	text-indent:5px;
	margin-bottom:15px;
}
h2 b {
	float:right;
	font-size:12px;
	font-weight:normal;
}
h2 span {
	font-weight:normal;
}
.container .content {
	margin-bottom:10px;
	line-height:160%;
}
.area_h { height:150px;}
.container .content span {
	float:right;
	font-family:"Times New Roman", Times, serif;
}
.container .content ul{}
.container .content li{ width:147px; height:auto; list-style-type:none; float:left; margin-bottom:15px; margin-right:15px; margin-left:5px; overflow:hidden}
.container .content .pname{ float:left; width:147px; height:20px; line-height:20px; font-weight:normal; text-align:center; overflow:hidden}
.add{width: 690px}

#footer {
	padding:30px 0;
	line-height:160%;
	text-align:center;
	border-top:1px #CCC solid;
}


/* 特别内容样式 */
img.black_boder {
	border:1px #666666 solid;
	display:block;
}

img.news {
	border:1px #666666 solid;
	display:block;
	float:left;
	margin:0 15px 30px 0;
}

img.prolist {
	border:1px #666666 solid;
	display:block;
	float:left;
	margin:0 15px 10px 0;
	*margin-bottom:20px;
}

img.pro {
   width:145px;height: 62px; float: left;border: 1px #666666 solid;margin-bottom: 5px;margin-right:15px	;
}

img.video {
	border:1px #666666 solid;
	display:block;
	padding:2px;
	margin:auto;
	margin-bottom:15px;

}

img.f_l { float:left; margin-bottom:0px;}

img.block {
	display:block;
	margin:auto;
	margin-bottom:4px;
}


#page {
	text-align:center;
	font-size:14px;
	padding:15px;
	border-top:1px #CCCCCC solid;
}
/*
* author:   cuibo
* date:     2010-03-11
* Function: 二级页面有变化的样式，覆盖主css文件；
*/
.column_con {
	padding:10px 10px;
	font-size:14px;
}

.column_con2 {
	padding:10px 20px;
}

.news_list {
	padding:10px;
	font-size:14px;
}

h1 {
	font-size:24px;
	font-weight:bold;
	line-height:32px;
	text-align:center;
	margin-bottom:5px;
}
h4 {
	font-size:12px;
	text-align:center;
	margin-bottom:15px;
	border-bottom:1px #CCCCCC solid;
}

.column_ly {
	margin-bottom:5px;
	line-height:160%;
	padding:20px 50px;
	font-size:14px;
}
.column_ly span {
	font-size:12px;
	color:#666666;
	*position:relative;
	*top:-18px;
}
.column_ly b {
	color:#FF0000;
}
.list {
	margin-top:10px;
	line-height:160%;
	padding:20px 50px;
	font-size:14px;
}
.list span {
	font-size:12px;
	color:#666666;
	*position:relative;
	*top:-18px;
}
.input_text {
	width:300px;
	height:22px;
	line-height:22px;
	border:1px #999 solid;
	margin-bottom:15px;
	font-size:14px;
}

textarea {
	width:420px;
	height:100px;
	border:1px #999 solid;
}

.input_submit{
	width:180px;
	height:42px;
	background:url(/expo/corp_templates/default/images/submit.gif) no-repeat;
	cursor:pointer;
	border:0;
}

.font_green { color:#00839F;
}

.input_style {
	padding:3px 2px;
	border:1px solid #9e9e9e;
	color: #666;
}

.submit_style{
	width:72px;
	height:24px;
	background:url(/expo/corp_templates/default/images/search_btn.jpg) no-repeat;
	cursor:pointer;
	border:0;
	margin-top:5px;
}