@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; list-style:none;}
body { font-family:Tahoma, "宋体", sans-serif; font-size:12px; color:#666; background-color: #E6F2EE; text-align:center;}
a { text-decoration:none;}

.mainwrap { width:780px; height:1%; background:#fff; margin:0 auto; overflow:hidden; text-align:left;}
.blank { clear:both; height:10px; overflow:hidden;}
.f_left { float:left;}
.f_right { float:right;}

/*===============布局================*/
#header { background:url(../images/bg-topbar.jpg) no-repeat top right; height:83px; color:#fff;}
#pageimg { padding-top:5px;}
#wrap { padding:10px; width:760px;}
	#wrap .contentLeft { width:170px;}
	#wrap .contentRight { width:590px;}
#footer { background: #2a5433 url(../images/bg-footer.gif) repeat-x top left; padding:15px 0 20px;}

/*===============页眉===============*/
#header a { color:#fff;}
#header h1 { background:url(../images/logo.gif); width:179px; height:83px; text-indent:-9999px; float:left;}
#header .topright { float:right; padding:55px 20px 3px 0; text-align:right;}

/*===============页脚================*/
#footer p { text-align:center; line-height:180%; color:#fff; font-size:11px;}
	#footer p a { color:#fc0;}

/*================主菜单===============*/
.nav { height:37px; background: url(../images/bg-menu.gif); padding-bottom:4px;}
	.nav li { position: relative; background:url(../images/bg-menuline.gif) no-repeat top right; padding-right:2px; text-align:center; float:left;}
	.nav li a { display:block; width:109px; height:37px; line-height:37px; color:#fff; font-size:14px; font-weight:bold;}
	.nav li div.sub { width: 109px; background:#060; border: 1px solid #fff; border-top: none;position: absolute; top: 37px; left: 0; float: left; display:none; z-index:10; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);}
	.nav li div.sub li { background:none; padding:0; border-top:1px solid #fff;}
	.nav li div.sub li a { height:25px; line-height:25px; font-size:12px;}
	
	.nav li.menu01 { width:112px;}
	.nav li.menu01 a:hover { background:#134949;}
	.nav li.menu02 a:hover, .nav li.menu02 div.sub { background:#5C7E32;}
		.nav li.menu02 div.sub li a:hover { background:#A7CB7A;}
	.nav li.menu03 a:hover { background:#408073;}
	.nav li.menu04 a:hover, .nav li.menu04 div.sub { background:#5E5287;}
		.nav li.menu04 div.sub li a:hover { background:#7A6DA7;}
	.nav li.menu05 a:hover, .nav li.menu05 div.sub { background:#264E70;}
		.nav li.menu05 div.sub li a:hover { background:#5AAD9C;}
	.nav li.menu06 a:hover { background:#B36C26;}
	.nav li.menu07 { background:none;}
	.nav li.menu07 a:hover, .nav li.menu07 div.sub { background:#A59736;}
		.nav li.menu07 div.sub li a:hover { background:#CFC26B;}
		
/*==========产品页===========*/
#productMenu h2, #productMenu h3 { background:#036; font-size:14px; margin-bottom:2px;}
	#productMenu h2 a, #productMenu h3 a { display:block; color:#fff; padding:0 15px; line-height:30px;}
	#productMenu h2 a { background: url(../images/icon-menu.gif) no-repeat top right; }
	#productMenu h2.current a { background: url(../images/icon-menu.gif) no-repeat bottom right;}
	#productMenu h2 a:hover, #productMenu h3 a:hover, #productMenu h2.now a, #productMenu h3.now a { background:#CCF2FD; color:#036; border:1px solid #036; line-height:28px;}
#productMenu .pane { background:#E7FBFE; color:#036; display:none;}
	#productMenu .pane li { height:25px; overflow:hidden;}
	#productMenu .pane a { color:#333; font-weight:bold; line-height:25px; padding:0 15px; display:block;}
	#productMenu .pane a:hover, #productMenu .pane a.now { background:#CCF2FD; color:#069;}
	
.productlist { padding: 20px 0 10px 30px; background:#E7FBFE; height:1%; overflow:hidden;}
	.productlist ul li {width: 160px; height: 160px; background: #C2E0EF; border: 1px solid #264E70; padding:5px; margin:0 10px 10px 0; float:left;}
	.productlist ul li a img { border:none; width:160px; height:160px;}
	
	/* overlay元素*/ 
	div.overlay { background:#fff; width:400px; height:500px; padding:15px 15px 0; display:none;} 
	 
	/* 关闭按钮样式， 放置在右上角 */ 
	div.overlay div.close { background:url(../images/icon-close.gif); position:absolute; right:5px; bottom:5px; cursor:pointer; height:22px; width:66px;}
	
/*==============其他内容页==================*/
.mainContent { padding:5px 10px; line-height: 150%;}

#factory { padding:20px 0 20px 25px;}
	#factory ul li { width:220px; height: 170px; background: #DDE7D3; border: 1px solid #75944F; padding:10px 0; margin:0 20px 20px 0; text-align:center; float:left;}
	#factory ul li a { color:#006600; border:none; text-decoration:none; line-height:25px;}
	
#milestones { padding:15px 10px;}
	#milestones .newfo1 { background:#EBF4E0 url(../images/bg-event.gif) repeat-x; color: #26390F; padding:5px 10px; line-height:150%;}
	#milestones .newfo2 { background:#EBF4E0; vertical-align:top; border-right:3px solid #fff; width:97px;}
	
#process {}
	#process .text { background: url(../images/process_backgroud.gif) no-repeat left bottom; padding: 5px 10px 5px 15px; margin-bottom:10px; clear:both; overflow:hidden; height:1%;}
	#process .text .text_left { width:220px; height:220px; padding:1px; border:1px solid #ccc; float:left;}
		#process .text .text_left img { width:220px; height:220px;}
	#process .text .text_top { width:500px; float:right;}
		#process .text .text_top h2 { font-size:14px; color:#000;}
		#process .text .text_top ul li { line-height:150%;}
			#process .text .text_top ul li strong { color:#000;}
		#process .text .text_top .thumbs { padding:5px 0;}
			#process .text .text_top .thumbs img { width:80px; height:80px; padding:3px; border:1px solid #ccc; margin-right:5px;}
			#process .text .text_top .thumbs img:hover { border: 1px solid #ff9900; cursor:hand;}
			
#plating {}
	#plating .text .text_left { width:250px; height:250px; padding:1px; border:1px solid #ccc; float:left;}
		#plating .text .text_left img { width:250px; height:250px; border:none;}
	#plating .text .text_right { width:480px; float:right;}
	#plating .text .text_right ul { display:inline;}
	#plating .text .text_right ul li { float:left; width:150px; margin:0 10px 10px 0; display:inline-block; text-align:center;}
		#plating .text .text_right ul li img { width:140px; height:140px; padding:3px; border:1px solid #7879A2; margin-bottom:5px;}
		#plating .text .text_right ul li img:hover { cursor:hand; border:1px solid #f90;}
		
#artwork { padding:10px 15px;}
	#artwork td { line-height:200%; padding:0 10px;}
	#artwork td h4 { background:#8ED0D0; color:#000; font-size:12px;}
	
#general { padding:10px 15px;}
	#general th, #general td { padding:5px 10px; line-height:150%;}
	#general th { background:#59b0b5; color:#fff; font-weight:bold; vertical-align:middle; text-align:left;}
	#general td { background:#badee0; color:#377a7d;}

#social { padding:10px 15px;}
	#social .zeren { background:#fff2df; padding:15px; margin-bottom:20px; line-height:200%;}
		#social .zeren h1 { color:#d08911; font-size:14px;}
		#social .zeren h2 { color:#d08911; font-size:12px; font-weight:normal;}

#inquiry { padding:10px 15px;}	
.inquiry { border:1px solid #9f721c; border-right:none; border-bottom:none;}
	.inquiry td, .inquiry th { padding:5px; border:1px solid #9f721c; border-left:none; border-top:none;}
	.inquiry td { background:#f1ecbe;}
	.inquiry th { background:#d8aa30; color:#fff; text-align:left;}

div.scrollable { padding: 15px 0 15px 30px; position:relative; overflow:hidden; width: 730px; height:116px;}
	div.scrollable div.items { width:20000em; position:absolute;} 
	div.scrollable div.items div { background: url(../images/pic_bg.jpg) no-repeat; width:171px; height:116px; text-align:center; float:left; margin-right:10px;}
	div.scrollable div.items div img { border:none;}