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

html{ overflow-x:hidden;}
body{ font-size:12px; margin:0; text-align:center; background:#fff; color:#829dff;}
.clear{ clear:both; height:0;}
a{ color:#829dff; text-decoration:none;}
a:hover{ color:#829dff; text-decoration:underline;}
a .hideTxt{ display:block; left:-9999px; position:absolute; text-indent:-9999px;}
strong{ font-weight:bold;}


#CYouToolBar{ width:100%; height:77px; position:relative; z-index:20;}
#CYouToolBar #cyou-content { position:absolute; left:0; top:0; }



.good,
.star,
.box1,
.box2,
.box3,
.box4{ background:url(../images/index.jpg) top left no-repeat;}



#page{ width:100%; margin:0 auto; position:relative; background:#11225f url(../images/bg.jpg) top center no-repeat;}

#wrapper{ width:980px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; position:relative;}
	

/*header*/
#header{ width:980px; height:585px; margin:0 auto; position:relative; background:url(../images/header.jpg) top left no-repeat; text-align:left;}
	h1,#header h2{ display:none;}

	.logo{ width:225px; height:120px; position:absolute; top:6px; left:15px;}
		.logo a{ display:block; width:225px; height:120px; position:relative;}	
		
	.video{ width:340px; height:207px; position:absolute; top:355px; left:615px;}
		.video a{ cursor:pointer;}
				


#container{ width:980px; padding-bottom:30px; position:relative; text-align:left;}
	
	.good{ width:625px; height:450px; background-position:0px 0px; float:left; line-height:18px; color:#00213f;}
		.good h2,.good h3{ display:none;}
		.good .good1{ width:425px; height:72px; padding:105px 30px 55px 170px; text-indent:2em;}
		.good .good2{ width:330px; height:72px; padding:0px 155px 55px 140px; text-indent:2em;}
		.good .good3{ width:310px; height:72px; padding:0px 90px 0px 225px; text-indent:2em;}
		
		
	.star{ width:355px; height:380px; padding-top:70px; background-position:-626px 0px; float:left; line-height:18px; color:#93d0ff;}
		.star h2{ display:none;}
		.star .detail{ width:305px; height:210px;}
		.star ul{ width:300px; height:150px;}
			.star ul li{ width:100px; height:150px; float:left;}
			
			
	.box1{ width:980px; height:360px; background-position:0px -451px; position:relative; clear:both; line-height:18px;}
		.box1 h2,.box1 h3{ display:none;}
		.box1 .msg{ width:370px; height:72px; padding:90px 0px 0px 173px;}
		.box1 ul{ width:356px; height:195px; position:absolute; top:96px; left:558px;}
			.box1 ul li{ width:89px; height:195px; float:left;}
			
			
	.box2{ width:980px; height:370px; background-position:0px -812px; position:relative; clear:both; line-height:18px;}
		.box2 h2,.box2 h3{ display:none;}
		.box2 .msg{ width:300px; height:90px; padding:30px 0px 0px 98px; text-indent:150px;}
		.box2 ul{ width:285px; height:181px; position:absolute; top:145px; left:102px;}
			.box2 ul li{ width:95px; height:181px; float:left;}
			
			
	.box3{ width:980px; height:330px; background-position:0px -1183px; position:relative; clear:both; line-height:18px;}
		.box3 h2,.box3 h3{ display:none;}
		.box3 .msg{ width:375px; height:90px; padding:30px 0px 0px 125px;}
			
			
	.box4{ width:980px; height:240px; background-position:0px -1514px; position:relative; clear:both; line-height:18px;}
		.box4 h2{ display:none;}
		.box4 .msg{ width:355px; height:72px; padding:58px 0px 0px 608px; text-indent:2em;}
	
	

#footer{ width:100%; clear:both;}