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

@import url("global.css");

/**************************************************  Home  ******************************************************************/

/*Top*/
.top{
	width:1000px;
	height:432px;
	margin:0px auto;
	background:url(../images/topB.gif) no-repeat left top;
	position:relative;}
	
	.top img.logo{
		position:absolute;
		top:20px;
		left:0px;}
	
	.top .set{
		position:absolute;
		top:10px;
		right:5px;}
			
		.top .set img{
			width:34px;
			height:22px;
			margin:0px 8px -8px 0px;}	
			
		.top .set span{
			padding:0px 10px;}
	
	/*Navigate*/
		.top .nav{
			width:1000px;
			height:27px;
			position:absolute;
			top:104px;
			right:0px;}
			
			.top ul{
				height:25px;
				float:right;
				padding-right:10px;}
			
			.top ul li{
				width:80px;
				height:25px;
				line-height:25px;
				text-align:center;
				margin-left:10px;
				float:left;
				background:url(../images/aB.gif) no-repeat left top;}
				
				.top ul li a{
					color:#FFF;
					font-weight:bold;}
						
				.top ul li  span{
					color:#FFF;
					padding-left:10px;}
				
				.top ul li.li_on{
					background:url(../images/liHover.gif) no-repeat left top;}
					
					.top ul li.li_on a{
						text-decoration:none;}
	/*Navigate end*/
	
	
	.top .flash{
		width:962px;
		height:286px;
		padding:9px;
		position:absolute;
		bottom:0px;
		left:10px;}
		
	.top .flash2{
		background:url(../images/flashB.gif) no-repeat;
		width:962px;
		height:286px;
		padding:9px;
		position:absolute;
		bottom:0px;
		left:10px;}
		
	/*Titles*/
		.titles1{
			width:311px;
			height:24px;
			background:url(../images/titlesRe.gif) repeat-y 1px;
			margin-top:1px;
			position:relative;}
			
			.titles1 h3{
				width:71px;
				height:20px;
				line-height:20px;
				text-align:center;
				font-size:12px;
				background:url(../images/titlesB.gif) no-repeat;
				position:absolute;
				bottom:0px;
				left:20px;}
		
			.titles1 a{
				color:#000;
				position:absolute;
				top:5px;
				right:10px;
				font-size:10px;}
			
	/*Titles*/
	
	/*Titles*/
		.titles2{
			height:20px;
			border-bottom:#6facd4 5px solid;
			position:relative;}
		
			.titles2 h3{
				height:20px;
				line-height:20px;
				font-size:12px;
				text-indent:1.5em;
				background:url(../images/circle2.gif) no-repeat left 5px;}
					
			.titles2 a{
				color:#7e3500;
				position:absolute;
				top:6px;
				right:5px;
				font-size:10px;}
	/*Titles*/
	
/*Top end*/

/*Main*/
.main{
	width:980px;
	height:390px;
	position:relative;
	margin:0px auto;
	background:url(../images/mainRe.gif) repeat-y;}
	
	/*About*/
	.about{
		width:313px;
		height:178px;
		border:#6facd4 1px solid;
		position:absolute;
		top:10px;
		left:10px;}
		
		.aboutCon{
			width:293px;
			height:133px;
			padding:10px;
			line-height:19px;
			text-indent:2em;}
			
			.aboutCon img{
				width:293px;
				height:70px;
				display:block;
				margin:0px auto 5px;}
	/*About end*/



.logo1 {padding-left: 658px;padding-top: 45px;}
	
	/*New*/
	.news{
		width:635px;
		height:180px;
		position:absolute;
		top:10px;
		right:10px;}
		
		.news ul{
			width:613px;
			height:134px;
			padding:10px;
			border:#CCC 1px solid;
			border-top:none;}
			
			.news ul li{
				width:613px;
				line-height:22px;
				border-bottom:#CCC 1px dashed;
				text-indent:1em;
				margin-top:3px;
				background:url(../images/arrow.gif) no-repeat left 8px;
				position:relative;}
				
					.news ul li span{
						position:absolute;
						top:-2px;
						right:5px;}
	/*New end*/
	
	/*Products*/
	.products{
		width:635px;
		height:180px;
		position:absolute;
		top:200px;
		right:10px;}
		
		.pCon{
			width:633px;
			height:154px;
			border:#CCC 1px solid;
			border-top:none;}
		
		.marquee{
			width:632px;
			height:154px;
			margin-left:1px;
			overflow:hidden;}
			
			.marquee ul{
				width:633px;
				height:154px;}
				
				.marquee ul li{
					width:149px;
					height:134px;
					line-height:20px;
					padding:15px 4px 0px 5px;
					float:left;
					display:inline;
					text-align:center;}
				
					.marquee ul li img{
						display:block;
						width:141px;
						height:106px;
						padding:3px;
						border:#CCC 1px solid;}
	/*Products end*/
	
	img.message{
		width:315px;
		height:79px;
		position:absolute;
		bottom:108px;
		left:10px;}
		
	img.contact{
		width:315px;
		height:79px;
		position:absolute;
		bottom:10px;
		left:10px;}
	
/*Main end*/

/*Foot*/
ul.foot{
	background:url(../images/fRe.gif) repeat-x;
	clear:left;
	width:980px;
	height:95px;
	overflow:auto;
	margin:0px auto;
	padding-top:10px;
	letter-spacing:0.2em;}
	
	ul.foot li{
		line-height:20px;
		text-align:center;
		padding-top:5px;}
	
/*Foot end*/

/**************************************************  Home end  ******************************************************************/


/**************************************************  Inside  ******************************************************************/
.inside{
	width:1000px;
	height:100%;
	overflow:auto;
	background-color:#FFF;
	margin:0px auto;
	padding-top:20px;}
	
	.in_l{
		width:240px;
		height:100%;
		overflow:auto;
		float:left;
		margin:0px 20px 0px 10px;
		display:inline;}
		
	.in_r{
		width:730px;
		height:100%;
		overflow:auto;
		float:left;}
		
	.in_container{
		color:#666;
		width:710px;
		height:100%;
		overflow:auto;
		padding:15px 10px 30px;}
		
	/*In Left*/
	.in_l h4{
		color:#009;
		font-size:14px;
		height:29px;
		line-height:29px;
		text-indent:2em;
		border-bottom:#CCC 1px solid;
		background:url(../images/circle.gif) no-repeat 10px center;}
	
	.in_l ul{
		width:210px;
		padding:10px 15px 20px;
		border-top:none;
		height:100%;
		overflow:auto;
		position:relative;
		z-index:10;}
		
		.in_l ul li{
			background:url(../images/arrow.gif) no-repeat 10px center;
			letter-spacing:0.1em;
			width:210px;
			line-height:28px;
			font-weight:bold;
			text-align:center;
			font-weight:bold;
			border-bottom:#CCC 1px dashed;}
			
			
				.in_l ul li a{
					color:#039;}
				
				.in_l ul li a:hover{
					color:#C00;
					font-size:14px;
					text-decoration:none;}
					
		.in_l img{
			width:240px;
			height:64px;
			display:block;
			margin:10px auto 20px;}
			
		.in_l .t1 h3{
			font-weight:bold;
			font-size:14px;
			top:5px;
			left:60px;}
			
	/*Folding Menu*/
		.menu_list {
			width:240px;
			height:100%;
			overflow:auto;
			padding-top:10px;}
			
		.menu_head {
			cursor: pointer;
			position: relative;
			font-weight:bold;
			width:219px;
			padding:0px 0px 10px 20px;
			background:url(../images/you.gif) no-repeat left 2px;}
			
			.menu_head a{
				color:#009;}
			
		.menu_body {
			display:none;
			border-top:#DDD 1px solid;
			margin-bottom:10px;}
			
		.menu_body a{
		  display:block;
		  color:#036;
		  background-color:#FFF;
		  border-bottom:#DDD 1px dashed;
		  width:219px;
		  padding:5px 0px 5px 20px;
		  text-decoration:none;}
		
		.menu_list a.subClass{
			display:block;
			width:219px;
			text-indent:1.6em;
			font-weight:bold;
			color:#036;
			margin-bottom:10px;
			background:url(../images/arrow2.jpg) no-repeat left 2px; * background:url(../images/arrow2.jpg) no-repeat left 0px;}
		
		.menu_list a:hover{
		  color: #ff7700;
		  text-decoration:underline;}
		 /*Folding Menu*/
		 
	/*In Left end*/
	
	/*In Right*/
	
	/*Title*/
	.r_t{
		letter-spacing:0.1em;
		width:730px;
		height:29px;
		position:relative;
		border-bottom:#CCC 1px solid;}
		
		.r_t h3{
			color:#039;
			background:url(../images/rec.gif) no-repeat left center;
			text-indent:1em;
			font-size:16px;
			position:absolute;
			top:5px;
			left:0px;}
			
			.r_t h3 span{
				color:#999;
				padding-left:10px;
				font-size:14px;}
			
		.r_t .currentPage{
			color:#999;
			position:absolute;
			top:10px;
			right:15px;}
			
			.r_t .currentPage a{
				color:#999;}
	/*Title end*/			
	
	/*About*/
	#in_about{
		line-height:25px;
		text-indent:2em;}
	/*About end*/
	
	/*News*/
	#in_news ul{
		width:710px;
		height:100%;
		overflow:auto;}
		
		#in_news ul li{
			background:url(../images/arrow.gif) no-repeat 10px center;
			text-indent:2em;
			width:710px;
			line-height:25px;
			position:relative;
			border-bottom:#CCC 1px dashed;}
			
			#in_news ul li span{
				position:absolute;
				top:0px;
				right:10px;}
				
		/*Newsshow*/
		#in_newsshow{
			word-wrap:break-word; 
			word-break:break-all;
			line-height:25px;
			text-indent:2em;}
			
			#in_newsshow h3{
				font-size:16px;
				text-align:center;
				margin:15px 0px;}
				
			#in_newsshow img{
				
				display:block;
				margin:15px auto;}
				
			#in_newsshow h4{
				text-align:center;
				font-size:12px;
				color:#999;}
				
				#in_newsshow h4 em{
					padding:0px 10px;}
				
		/*Newsshow end*/
	/*News end*/
	
	/*In Products*/
	#in_products ul{
				width:725px;
				height:100%;
				overflow:auto;}
				
				#in_products ul li{
					width:149px;
					height:134px;
					line-height:20px;
					margin:10px 14px;
					float:left;
					display:inline;
					text-align:center;}
				
					#in_products ul li img{
						display:block;
						width:141px;
						height:106px;
						padding:3px;
						border:#CCC 1px solid;}
						
		#in_productsshow{
			word-wrap:break-word; 
			word-break:break-all;
			line-height:25px;
			text-indent:2em;}
			
			#in_productsshow h3{
				font-size:16px;
				text-align:center;
				margin:15px 0px;}
				
			#in_productsshow img{
				width:400px;
				height:300px;
				display:block;
				margin:15px auto;}
	/*In Products end*/
	
	/*In Products2*/
	#inProducts2 h3{
		width:710px;
		position:relative;
		font-size:14px;
		color:#910000;}
		
		#inProducts2 h3 a{
			position:absolute;
			top:0px;
			right:0px;
			font-size:10px;
			font-weight:normal;}
		
	#inProducts2 ul{
		width:710px;
		height:100%;
		overflow:auto;
		margin:10px 0px;}
		
		#inProducts2 ul li{
			width:710px;
			line-height:24px;
			margin-bottom:5px;
			border-bottom:#CCC 1px dashed;
			background:url(../images/arrow.gif) no-repeat left center;
			text-indent:1em;}
			
	#inProducts2 dl{
		width:710px;
		height:100%;
		overflow:auto;
		margin-bottom:10px;}
		
		#inProducts2 dl dt{
			font-size:14px;
			color:#910000;
			font-weight:bold;
			margin:5px 0px;
			position:relative;}
			
			#inProducts2 dl dt a{
				position:absolute;
				top:0px;
				right:0px;
				font-size:10px;
				font-weight:normal;}
			
			#inProducts2 dl dd{
				background:url(../images/arrow.gif) no-repeat left center;
				padding-left:10px;
				width:330px;
				line-height:24px;
				border-bottom:#CCC 1px dashed;
				margin:0px 15px 3px 0px;
				float:left;
				display:inline;}
		
		/*InProductsShow2*/
		#inProductsShow2 h3{
			font-size:14px;
			margin:10px 0px;
			text-align:center;}
			
			#inProductsShow2 table{
				width:710px;
				height:100%;
				overflow:auto;
				border-collapse:collapse;
				border:#CCC 1px solid;}
				
				#inProductsShow2 table td{
					border:#CCC 1px solid;
					line-height:25px;
					padding-left:10px;}
		/*InProductsShow2 end*/
		
	/*In Products2 end*/
	
	/*Message*/
	#in_message ul{
		width:500px;
		height:100%;
		overflow:auto;
		margin:0px auto;}
		
		#in_message ul li{
			width:500px;
			padding-top:10px;}
			
			#in_message ul li label{
				margin-right:5px;
				display:block;
				width:80px;
				height:20px;
				line-height:20px;
				text-align:right;
				float:left;}
				
				#in_message ul li input{
					width:150px;
					height:20px;
					border:#CCC 1px solid;}
					
				#in_message ul li textarea{
					border:#CCC 1px solid;
					width:300px;
					height:100px;}
					
				#in_message ul li button{
					cursor:pointer;
					background:url(../images/button_b.gif) no-repeat;
					border:none;
					margin-left:88px;
					width:75px;
					height:22px;}
					
		/*Message Border*/
		#in_message dl{
			width:500px;
			height:100%;
			overflow:auto;
			margin:15px auto;
			border:#CCC 1px solid;
			padding:1px;}
			
			#in_message dl dt{
				width:500px;
				height:25px;
				background-color:#06F;
				color:#FFF;
				line-height:25px;
				text-indent:1em;
				font-weight:bold;}
				
			#in_message dl dd{
				width:480px;
				line-height:25px;
				padding:0px 10px;
				border-bottom:#CCC 1px dashed;}
				
				#in_message dl dd.re{
					width:450px;
					height:100%;
					overflow:auto;
					margin:15px auto;
					border:#CCC 1px dashed;}
		/*Message Border end*/
	/*Message end*/
	
	/*Contact*/
	#in_contact img{
		width:344px;
		height:379px;
		display:block;
		margin:15px 10px;
		float:left;}
		
		#in_contact ul{
			width:300px;
			height:100%;
			overflow:auto;
			float:left;
			font-size:14px;
			margin-top:100px;}
			
			#in_contact ul li{
				width:300px;
				line-height:30px;
				float:left;}
				
				#in_contact ul li label{
					display:block;
					width:70px;
					float:left;}
					
				#in_contact ul li span{
					float:left;
					display:block;
					width:230px;}
	/*Contact end*/
	
	/*In Right end*/

/*Paging*/
/*分页*/
.paging{
	clear:left;
	width:710px;
	height:30px;
	line-height:30px;
	clear:left;
	text-align:center;
	margin:10px 0px;}
	
	.paging strong{
		padding:0px 5px;}
/*分页 end*/
/*Paging end*/
/**************************************************  Inside end  ******************************************************************/