/* 初期CSS default.css  */
/* 0 */
/* reset all tags */
html{overflow-y:scroll;}body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,embed,object{ margin:0; padding:0; vertical-align:baseline;}table{ border-collapse:collapse; border-spacing:0;}fieldset{ border:0;}img{ border:0; vertical-align:bottom;}address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}ol,ul { list-style:none;}caption,th { text-align:left;}q:before,q:after{content:'';}abbr,acronym { border:0;}hr { display:none;}label { cursor:pointer;}/* reset font */select, input, textarea { font:99% arial,helvetica,clean,sans-serif;}pre, code { font:115% monospace; *font-size:100%;} a { overflow:hidden;}.APkg:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}/* no ie mac \*/.APkg { display: block; }/* */

/* 基本CSS base.css  */
/* 0 site config */
body{ background:#FFEECF url(../img/base/BgBody.gif) 0 0 repeat-x;; text-align:center; color:#333;}
/* Atag */
a:link { color:#0066CC; text-decoration:underline;}
a:visited { color:#0066CC; text-decoration:underline;}
a:hover { color:#0066CC; text-decoration:none;}
a:active { color:#0066CC; text-decoration:underline;}


/* font size */#LW .AFs10 { font-size:77%;}#LW .AFs11 { font-size:85%;}#LW .AFs12 { font-size:93%;}#LW .AFs13 { font-size:100%;}#LW .AFs14 { font-size:108%;}#LW .AFs15 { font-size:116%;}#LW .AFs16 { font-size:122%;}
/* font-weight */
#LW .AFWBld { font-weight:bold;}
#LW .AFWNml { font-weight:normal;}
#LW .AFWItl { font-weight:italic;}

/* text decoration */
#LW .AFDUline { text-decoration:underline;}
#LW .AFDNone { text-decoration:none;}

/* 2.float clear */
#LW .AFLt { float:left;}
#LW .AFRt { float:right;}
#LW .ACBoth { clear:both;}
#LW .ACLt { clear:left;}
#LW .ACRt { clear:right;}

/* 3.Align */
#LW .ATLt { text-align:left;}
#LW .ATRt { text-align:right;}
#LW .ATCr { text-align:center;}
#LW .AVTp { vertical-align:top;}
#LW .AVMl { vertical-align:middle;}
#LW .AVBm { vertical-align:bottom;}

/* 4.padding */
/*padding pixel */
#LW .AP0 { padding:0px;}
#LW .AP1 { padding:1px;}
#LW .AP2 { padding:2px;}
#LW .AP3 { padding:3px;}

#LW .AP4 { padding:4px;}
#LW .AP5 { padding:5px;}
#LW .AP10 { padding:10px;}
/* top */
#LW .APTp0 { padding-top:0px;}
#LW .APTp1 { padding-top:1px;}
#LW .APTp2 { padding-top:2px;}
#LW .APTp3 { padding-top:3px;}
#LW .APTp4 { padding-top:4px;}
#LW .APTp5 { padding-top:5px;}
#LW .APTp10 { padding-top:10px;}
#LW .APTp30 { padding-top:30px;}
/* right */
#LW .APRt0 { padding-right:0px;}
#LW .APRt1 { padding-right:1px;}
#LW .APRt2 { padding-right:2px;}
#LW .APRt3 { padding-right:3px;}
#LW .APRt4 { padding-right:4px;}
#LW .APRt5 { padding-right:5px;}
#LW .APRt10 { padding-right:10px;}
/* bottom */
#LW .APBm0 { padding-bottom:0px;}
#LW .APBm1 { padding-bottom:1px;}
#LW .APBm2 { padding-bottom:2px;}
#LW .APBm3 { padding-bottom:3px;}
#LW .APBm4 { padding-bottom:4px;}
#LW .APBm5 { padding-bottom:5px;}
#LW .APBm10 { padding-bottom:10px;}
/* left */
#LW .APLt0 { padding-left:0px;}
#LW .APLt1 { padding-left:1px;}
#LW .APLt2 { padding-left:2px;}
#LW .APLt3 { padding-left:3px;}
#LW .APLt4 { padding-left:4px;}
#LW .APLt5 { padding-left:5px;}
#LW .APLt10 { padding-left:10px;}

/* 5.margin */
/*margin pixel */
#LW .AM0 { margin:0px;}
#LW .AM1 { margin:1px;}
#LW .AM2 { margin:2px;}
#LW .AM3 { margin:3px;}
#LW .AM4 { margin:4px;}
#LW .AM5 { margin:5px;}
#LW .AM10 { margin:10px;}
/* top */
#LW .AMTp0 { margin-top:0px;}
#LW .AMTp1 { margin-top:1px;}
#LW .AMTp2 { margin-top:2px;}
#LW .AMTp3 { margin-top:3px;}
#LW .AMTp4 { margin-top:4px;}
#LW .AMTp5 { margin-top:5px;}
#LW .AMTp10 { margin-top:10px;}
#LW .AMTp20 { margin-top:20px;}
#LW .AMTpLrg { margin-top:40px;}
/* right */
#LW .AMRt0 { margin-right:0px;}
#LW .AMRt1 { margin-right:1px;}
#LW .AMRt2 { margin-right:2px;}
#LW .AMRt3 { margin-right:3px;}
#LW .AMRt4 { margin-right:4px;}
#LW .AMRt5 { margin-right:5px;}
#LW .AMRt10 { margin-right:10px;}
#LW .AMRt15 { margin-right:15px;}
#LW .AMRt17 { margin-right:17px;}
/* bottom */
#LW .AMBm0 { margin-bottom:0px;}
#LW .AMBm1 { margin-bottom:1px;}
#LW .AMBm2 { margin-bottom:2px;}
#LW .AMBm3 { margin-bottom:3px;}
#LW .AMBm4 { margin-bottom:4px;}
#LW .AMBm5 { margin-bottom:5px;}
#LW .AMBm10 { margin-bottom:10px;}
#LW .AMBm15 { margin-bottom:15px;}
#LW .AMBm20 { margin-bottom:20px;}

/* left */
#LW .AMLt0 { margin-left:0px;}
#LW .AMLt1 { margin-left:1px;}
#LW .AMLt2 { margin-left:2px;}
#LW .AMLt3 { margin-left:3px;}
#LW .AMLt4 { margin-left:4px;}
#LW .AMLt5 { margin-left:5px;}
#LW .AMLt10 { margin-left:10px;}

/* 9.display overflow */
/* display */
#LW .ADispB { display:block;}
#LW .ADispIline { display:inline;}
#LW .ADispNone { display:none;}
#LW .ADispVisible { display:visible;}

/* Ovfhidden */
#LW .AOvfH { overflow:hidden;}
#LW .AOvfXH { overflow-x:hidden;}
#LW .AOvfYH { overflow-y:hidden;}
/* Ovfauto */
#LW .AOvfAuto { overflow:auto;}
#LW .AOvfXAuto { overflow-x:auto;}
#LW .AOvfYAuto { overflow-y:auto;}
/* Ovfscroll */
#LW .AOvfScl { overflow:scroll;}
#LW .AOvfXScl { overflow-x:scroll;}
#LW .AOvfYScl { overflow-y:scroll;}
/* 10.position */
#LW .APstAbs { position:absolute;}
#LW .APstRel { position:relative;}
#LW .APstStat { position:static;}

#LW .APstFix { position:fixed;}




/* Layout */
/* page wrapper */
#LW {} 
#LW1 {}

/* LH header */
#LH { margin-bottom:10px; height:130px;}
#LHW1 {}

	/* LH1 [ h1/logo/Banner ] */
	#LH1 { position:relative; margin:0 auto; width:960px;}
	#LH1W1 {}
	#LH1 .CH1 { position:absolute; top:48px; left:252px; color:#fff; font-weight:bold; font-size:108%; z-index:100; text-align:left;}
	#LH1 .CP1 { position:absolute; top:24px; left:0px; z-index:20;}
	#LH1 .CP2 { position:absolute; top:0px; right:0px; z-index:30; background:url(../img/base/BgLH1CP2.gif) 0 0 no-repeat; width:300px; height:130px; text-align:center;}
		#LH1 .CP2 .CS1 { padding-top:5px; display:block; margin:0 auto;}
		#LH1 .CP2 .CS2 { padding-top:8px; display:block; margin:0 auto;}
	
	/* LH2 [ global navigation ] */
	#LH2 { position:relative; width:960px; padding:0 0; margin:0 auto; }
	#LH2W1 {}
	#LH2 #RGlnav1 { position:absolute; top:90px; left:0px;}
		#LH2 #RGlnav1 li { float:left; height:40px;}
		#LH2 #RGlnav1 li a { display:block; height:40px; overflow:hidden; outline:none; text-indent:-9999px; background:url(../img/base/BgRGNav1.jpg) 0 0 no-repeat;}
			#LH2 #RGlnav1 .CLi1 a { background-position:0px 0px; width:160px;}
			#LH2 #RGlnav1 .CLi2 a { background-position:-160px 0px; width:158px;}
			#LH2 #RGlnav1 .CLi3 a { background-position:-318px 0px; width:159px;}
			#LH2 #RGlnav1 .CLi4 a { background-position:-477px 0px; width:158px;}
			#LH2 #RGlnav1 .CLi1 a:hover ,#LH2 #RGlnav1 .CLi1 a.ROn { background-position:0px -40px; width:160px;}
			#LH2 #RGlnav1 .CLi2 a:hover ,#LH2 #RGlnav1 .CLi2 a.ROn { background-position:-160px -40px; width:158px;}
			#LH2 #RGlnav1 .CLi3 a:hover ,#LH2 #RGlnav1 .CLi3 a.ROn { background-position:-318px -40px; width:159px;}
			#LH2 #RGlnav1 .CLi4 a:hover ,#LH2 #RGlnav1 .CLi4 a.ROn { background-position:-477px -40px; width:158px;}

/* Page */
#Page { width:960px; margin:0 auto; text-align:left;}
#PageW1 { padding:0px 0px 40px;}


/* Main */
#LM { width:645px; float:left;}
#LMW1 {}

/* Sub */
#LS { width:300px; float:right; background:#fff;}
#LSW1 { padding:10px;}
#LSW2 { padding:0px;}

.CULS1 { margin-bottom:5px;}
.CULS1 li { border-bottom:1px dotted #ccc; padding:15px 5px; line-height:1.2;}
	.CULS1 li .CP1 { color:#666; margin-bottom:5px; font-size:93%;}
	.CULS1 li .CP2 { font-weight:bold; margin-bottom:5px; font-size:93%;}
	.CULS1 li .CP3 { font-size:93%;}

.CULS2 { margin-bottom:15px;}
	.CULS2 li { background:url(/index/img/case/BgRSbnav1.gif) 0 0 no-repeat; line-height: 36px; padding-left:40px;}
	.CULS2 li a { text-decoration: none; color:#333;}
	.CULS2 li a:hover { text-decoration: underline; color:#666;}
	.CULS2 .li01 { background:url(/index/img/case/BgRSbnav2.gif) 0 0 no-repeat;padding-left: 20px;}


/* Footer */
#LF { clear:both; width:100%; text-align:center;}
#LFW1 {}

#LF a:link { color:#0066CC; text-decoration:none;}
#LF a:visited { color:#0066CC; text-decoration:none;}
#LF a:hover { color:#0066CC; text-decoration:underline;}
#LF a:active { color:#0066CC; text-decoration:none;}

	/* LF1 [ footer contact box ] */
	#LF1 { position:relative; width:960px; height:140px; margin:0 auto 45px; background:url(../img/base/BgLF1.gif) 0 0 no-repeat;}
		#LF1 .CP1 { position:absolute; top:24px; left:145px;}
		#LF1 .CP2 { position:absolute; top:16px; left:625px;}
		#LF1 .CP3 { position:absolute; top:68px; left:145px;}

	/* LF1_2 [ footer contact box2 ] */
	#LF1_2 { position:relative; width:645px; height:195px;margin:15px auto 35px; background:url(../img/base/BgLF2.gif) 0 0 no-repeat;}
		#LF1_2 .CP1 { position:absolute; top:140px; left:30px;}
		
	/* LF2 [ footer navi1 ] */
	#LF2 { position:relative; text-align:center; margin-bottom:40px;}
	#LF2W1 { background:#fff; padding:10px 15px; display:inline-block; *display:inline; zoom:1;}
		#LF2 .CU1 {}
			#LF2 .CU1 li { display:inline; border-left:1px solid #666; padding:0 8px 0 10px;}
				#LF2 .CU1 .RFirst { border-left:0px;}

	/* LF3 [ footer navi2 copyright ] */
	#LF3 { border-top:5px solid #FF9900; padding:5px 0; border-bottom:1px solid #ccc; margin-bottom:10px;}
	#LF3W1 { width:960px; margin:0 auto;}
		#LF3 .CU1 { float:left;}
			#LF3 .CU1 li { display:inline; border-left:1px solid #666; padding:0 8px 0 10px;}
				#LF3 .CU1 .RFirst { border-left:0px; padding-left:0px;}
		#LF3 .CP1 { float:right; color:#666;}
		
	/* LF4 [ footer navi3 ] */
	#LF4 {}
	#LF4W1 { width:960px; margin:0 auto; padding-bottom:20px;}
		#LF4 .CU1 { text-align:right;}
			#LF4 .CU1 li { display:inline; border-left:1px solid #666; padding:0 8px 0 10px;}
				#LF4 .CU1 .RFirst { border-left:0px; padding-left:0px;}

.CUService1 li { background: url(/index/img/service/Icon1.gif) 0 5px no-repeat; padding-left: 15px;margin-bottom: 12px;}
	.CUService1 li span { width: 150px;display: inline-block;}
		.CUService1 li ul li { width: 150px;display: inline-block; background: none;margin: 5px 0;}
		.CUService1 li ul li a { color: #333;}
	
.CUTopics1 li { background: url(/index/img/service/Icon1.gif) 0 5px no-repeat;border-bottom: 1px dotted #838383;padding: 0 0 8px 15px;margin-bottom: 12px;}
	.CUTopics1 li .CP6 { font-weight: bold;}
	.CUTopics1 li .CP7 span { display: block;text-align: right; }

/* case */

.CHCase1 { position: relative;margin-top:-10px;}
.CSCase1 { font-weight: bold; color: #EB651A;}
.CDCase1 { background: #FFFFFF url(/index/img/case/BgBox1.gif) 0 0 no-repeat; padding:30px 15px 10px; margin-bottom: 20px;}

.CDExmple1 { float:left;width: 290px;}
.CPExample1 { float:right; color:#666;text-align: right;}
	.CPExample1 img { border:1px solid #CCCCCC;}
	
.SDl1 {  width:600px; margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #9A9A9A;}
	.SDl1 dt{ float:left; width:230px;}
	.SDl1 dd{ float:left;}



/* 201108_1 */
#LW .AMBm30 { margin-bottom:30px;}

body.BTop1 { background:#fff url(../img/base/BgBody.gif) 0 0 repeat-x;}

.BTop1 #LH1 .CP2 { background:url(../img/201108_1/base/BgLH1CP2.gif) 0 0 no-repeat;}

.BTop1 #LH2 #RGlnav1 li a { background:url(../img/201108_1/base/BgRGNav1.jpg) 0 0 no-repeat;}

.BTop1 #LH2 #RGlnav1 .CLi1 a { background-position:0px 0px; width:160px;}
.BTop1 #LH2 #RGlnav1 .CLi2 a { background-position:-160px 0px; width:158px;}
.BTop1 #LH2 #RGlnav1 .CLi3 a { background-position:-318px 0px; width:159px;}
.BTop1 #LH2 #RGlnav1 .CLi4 a { background-position:-477px 0px; width:158px;}
.BTop1 #LH2 #RGlnav1 .CLi1 a:hover ,.BTop1 #LH2 #RGlnav1 .CLi1 a.ROn { background-position:0px -40px; width:160px;}
.BTop1 #LH2 #RGlnav1 .CLi2 a:hover ,.BTop1 #LH2 #RGlnav1 .CLi2 a.ROn { background-position:-160px -40px; width:158px;}
.BTop1 #LH2 #RGlnav1 .CLi3 a:hover ,.BTop1 #LH2 #RGlnav1 .CLi3 a.ROn { background-position:-318px -40px; width:159px;}
.BTop1 #LH2 #RGlnav1 .CLi4 a:hover ,.BTop1 #LH2 #RGlnav1 .CLi4 a.ROn { background-position:-477px -40px; width:158px;}

.SDTopVa1 { margin-bottom:20px;}

.SDTop1 { margin-bottom:25px;}
.SDTop1 .CD1 { position:relative; padding-bottom:20px; border-bottom:1px dotted #666666; margin-bottom:10px; *zoom:1;}
.SDTop1 .CD1 .CP1 { position:absolute; top:60px; left:9px; width:145px; line-height:1.2;}
.SDTop1 .CD1 .CP2 { position:absolute; top:60px; left:176px; width:145px; line-height:1.2;}
.SDTop1 .CD1 .CP3 { position:absolute; top:60px; left:339px; width:145px; line-height:1.2;}
.SDTop1 .CD1 .CP4 { position:absolute; top:60px; left:500px; width:145px; line-height:1.2;}