@charset "utf-8";
/* CSS Document */

@import url("global.css");
@import url("layout.css");
@import url("footer.css");
#content{}
#content #c1{}
	#content .main{ float:left; width:660px;}
	#content .subcol{ float:right; width:255px;}

	#banner{ position:relative; height:230px; }
		#banner .mainarea{ position:relative; height:230px; width:688px; overflow:hidden; }
			#banner .box1,#banner .box2,#banner .box3,#banner .box4,#banner .box5{ position:absolute; top:0; left:0; width:688px; height:230px; }
			#banner .box1{ background:url(../picture/home_banner_01.jpg) no-repeat;}
			#banner .box2{ background:url(../picture/home_banner_02.jpg) no-repeat;}
			#banner .box3{ background:url(../picture/home_banner_03.jpg) no-repeat;}
			#banner .box4{ background:url(../picture/home_banner_04.jpg) no-repeat;}
			#banner .box5{ background:url(../picture/home_banner_05.jpg) no-repeat;}
			
		#banner .navarea{ position:absolute; top:0; right:0; width:295px; height:230px; background:url(../images/home/banner_nav_bg.gif) no-repeat;}
			#banner .navarea ul{ padding:12px 0 0 0;}
				#banner .navarea ul li{ padding-left:85px; height:40px; line-height:40px; color:#cbcdac; cursor:pointer;}
				#banner .navarea ul li.current{ background:url(../images/home/banner_nav_current.gif) no-repeat 65px center; font-weight:bold; color:#fff;}
	
	/* --[ =shortcut ]
	--------------------------------- */
	#shortcut{ padding-top:10px;}
		#shortcut .main{ height:100px; background:url(../images/home/shortcut_main.gif) no-repeat center center; }
			#shortcut .main ul{ height:100px; }
				#shortcut .main li{ float:left; }
				#shortcut .main li.s1{width:25%;}
				#shortcut .main li.s2{width:24%;}
				#shortcut .main li.s3{width:24%;}
				#shortcut .main li.s4{width:27%;}
					#shortcut .main li a{ display:block; height:100px; line-height:100px; text-indent:-999px; }
					
			#shortcut .subcol{ height:100px; background:url(../images/home/download.jpg) no-repeat center center;text-align:center;}
			/*#shortcut .subcol  a{ color:#934a03;display:block;width:236px;height:53px;text-align:center;margin-top:35px;margin-left:8px;line-height:24px;text-decoration:none;}
			#shortcut .subcol a:hover{ color:#F85544;display:block;width:236px;height:53px;text-align:center;margin-top:35px;margin-left:8px;line-height:24px;text-decoration:none;}
					#shortcut .subcol h3{font-size:12px;padding-top:6px;}*/
	/* --[ =main ]
	--------------------------------- */
	#main{ margin-top:10px; }
		#main .round{ }
			#main .round h2{ padding-left:6px; height:30px; line-height:30px; font-size:14px; font-weight:normal; background:url(../images/global/main_h2_bg.gif) no-repeat left center;}
				#main .round h2 strong{ display:block; float:left; width:100px; text-align:center; color:#FFF; }
				#main .round h2 span{ float:right; display: block; height:30px; width:60px; background:url(../images/global/main_h2_bg.gif) no-repeat right center;}
					#main .round h2 span a{ display:block; height:20px; padding:10px 12px 0 0; text-align:right; }
			#main .round .c1{ border:1px solid #cacaca; border-width:0 1px; }
				#main .round .c2{ padding:12px;}
				
		#main .main .c1{ height:330px;}
		#main .subcol .c1{ height:135px;}
			#main .subcol ul{ line-height:200%;}
				#main .subcol li{ padding-left:12px; background: url(../images/global/subcol_li_icon.gif) no-repeat left center; }
		
		#expert{ margin-top:10px;}
		
		#product .btn{ float:right;}
			#product .btn a{ display:block; width:34px; height:147px; }
			#product .btn .pre{ background: url(../images/home/pre_pro.gif) no-repeat;}
			#product .btn .next{ margin-top:23px; background: url(../images/home/next_pro.gif) no-repeat;}
				#product .btn a span{ display:none;}
		#product dl{ position:relative; height:136px; padding-top:26px; margin-right:35px; border-top:1px solid #CCC; }
			#product dl img{ position:absolute; top:18px; left:0; padding:1px; border:1px solid #adadad;}
			#product dl dt strong{ margin-left:180px; color:#747e30; font-size:14px;}
				#product dl dt a:hover{ text-decoration:none;}
				#product dl dt a:hover strong{ color:#F85544;}
			#product dl dd{ margin: 8px 14px 0 180px; line-height:180%;}
				#product dl dd p{ text-indent:2em;}
		#product dl.nb{ border:none 0;}
		
		
		
	/* --[ =botShortcut ]
	--------------------------------- */
	#botShortcut{ margin-top:10px; height:68px; background: url(../images/home/botShortcut_bg.gif) no-repeat left center;}
		#agent{ float:left; padding-top:4px; padding-left:16px;}	
			#agent li{ float:left; width:214px; height:60px; padding-right:1px; text-align:center; background: url(../images/home/agent_li_line.gif) no-repeat right center;}	
				#agent li a { display:block; height:60px;}	
				#agent li.ag1 a { background: url(../images/home/ag1.gif) no-repeat center center; }	
				#agent li.ag2 a { background: url(../images/home/ag2.gif) no-repeat center center; }	
				#agent li.ag3 a { background: url(../images/home/ag3.gif) no-repeat center center; }	
					#agent li a span { display:none;}	
					
		#botShortcut .other{ float:right; padding:4px 8px 0 0;}	
			#botShortcut .other{ float:right;}	
			#botShortcut .other li{ float:left;}	
				#botShortcut .other a{ display:block; width:118px; height:60px; }	
				#botShortcut .other a.other_01{ background: url(../images/home/other_01.gif) no-repeat center center; }	
				#botShortcut .other a.other_02{ margin-left:8px; background: url(../images/home/other_02.gif) no-repeat center center; }	
					#botShortcut .other a span{ display:none;}