/* ------------------------------------------------------------------------ 重定义浏览器默认样式 */
* { margin: 0; padding: 0; word-wrap: break-word; }
body { background: #343434 url(images/con_bg.jpg) repeat-x center 336px; }
body, input, button, select, textarea { font: 12px/1.5 "DejaVu Sans", "Lucida Grande", Tahoma, "Hiragino Sans GB", STHeiti, SimSun, sans-serif; }
table { empty-cells: show; border-collapse: collapse; border: 0; }
	caption, th { text-align: left; font-weight: 400; }
ul, li { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 1em; margin: 0; padding: 0; }
h2 { background: url(images/title_bg.gif); height: 38px; padding: 12px 0 0 35px; }
em, cite { font-style: normal; }
a { color: #262626; text-decoration: none; }
	a:hover { text-decoration: underline; color: #e6008a; }
	a img { border: none; }
small { font-size: 11px; color: #ab9339; font-weight: normal; }	
input { background: #f0f0f0; height: 20px; line-height: 20px; border: 1px #e2e2e2 solid; }
.more { float: right; margin: 10px 10px 0 0; }
.clear { clear: both; }
.red { color: #e6008a; }
.green { color: #62a713; }
.orange { color: #F60; }
.blue { color: #195ebe; }
.shopex { color: #5c719e; }

#header_bg { height: 177px; padding-top: 159px; }
.banner1 { background: url(images/banner1.jpg) no-repeat top center; }
.banner8 { background: url(images/banner1.jpg) no-repeat top center; }
.banner3 { background: url(images/banner1.jpg) no-repeat top center; }
.banner4 { background: url(images/banner1.jpg) no-repeat top center; }
.banner5 { background: url(images/banner1.jpg) no-repeat top center; }
.banner6 { background: url(images/banner1.jpg) no-repeat top center; }
.banner7 { background: url(images/banner1.jpg) no-repeat top center; }

.wrap { width: 969px; margin: 0 auto; overflow: hidden; }
	.indexside_l { width: 226px; overflow: hidden; float: left; }
		#logo { height: 198px; }
		#menu { background: url(images/menu_bg.gif) repeat-y; }
			#menu li { height: 50px; text-indent: -999px; }
				#menu li a { display: block; height: 50px; }
				#menu li img { width: 226px; }
				
			.menu_home { background: url(images/menu.gif) top left; }
				.menu_home_in, .menu_home a:hover { background: url(images/menu.gif) top right; }
					
			.menu_about { background: url(images/menu.gif) left -50px; }
				.menu_about_in, .menu_about a:hover { background: url(images/menu.gif) right -50px; }
					
			.menu_cases { background: url(images/menu.gif) left -100px; }
				.menu_cases_in, .menu_cases a:hover { background: url(images/menu.gif) right -100px; }
					
			.menu_service { background: url(images/menu.gif) left -150px; }
				.menu_service_in, .menu_service a:hover { background: url(images/menu.gif) right -150px; }
					
			.menu_news { background: url(images/menu.gif) left -200px; }
				.menu_news_in, .menu_news a:hover { background: url(images/menu.gif) right -200px; }	
					
			.menu_zpzs { background: url(images/menu.gif) left -250px; }
				.menu_zpzs_in, .menu_zpzs a:hover { background: url(images/menu.gif) right -250px; }

			.menu_contact { background: url(images/menu.gif) bottom left; }
				.menu_contact_in, .menu_contact a:hover { background: url(images/menu.gif) bottom right; }	
				
		#qq { padding-top: 53px; height: 50px; text-align: center; }
			
	.indexside_r { float: left; overflow: hidden; }
		.banner { padding-top: 20px; background: url(images/topside_bg.png) no-repeat top center !important; background: url(images/topside_bg.gif) no-repeat top center; }		
		.index_about { width: 743px; height: 279px; background: #f8f8f8; line-height: 23px; font-family: "Microsoft Yahei"; }
			.service { color: #393939; padding-top: 1px; }
				.service span { color: #CCC; width: 101px; height: 30px; line-height: 30px; text-align: center; background: url(images/bg5.jpg); display: inline-block; color: #333; font-weight: bold; }
				.service li { padding: 10px 0 10px 25px; background: url(images/title_bg.gif) repeat-x bottom; }
				.service small { font-size: 12px !important; }
		
.index_projects { clear: both; height: 300px; background: #f6f6f6; position: relative; text-align: center; }
	.index_projects h2 { position: relative; font-weight: normal; }
		.index_projects h2 span { background: url(images/index_projects_title.gif) no-repeat center left; height: 30px; display: block; }
		.index_projects h2 div { position: absolute; bottom: 0; right: 30px; }
			.index_projects h2 div li { background: url(images/button1.gif); width: 83px; height: 31px; line-height: 31px; text-align: center; float: left; margin: 0 3px; }
				.index_projects h2 div li a:hover { text-decoration: none; }
				
.index_knowledge { float: left; width: 439px; background: url(images/index_news_bg.jpg) repeat-x bottom center; height: 293px; }
	.index_knowledge h2 a { background: url(images/index_qa_title.gif) no-repeat center left; height: 30px; display: block; width: 120px; text-indent: -300px; }
	.index_knowledge ul { padding: 15px 5px 15px 35px; }
		.index_knowledge li { border-bottom: 1px #e2e2e2 solid; padding: 5px 0 5px 10px; background: url(images/iron.jpg)no-repeat center left; }
		.index_knowledge li1 { border-bottom: 1px #e2e2e2 solid; padding: 5px 0 5px 10px; background: url no-repeat center left; }
			.index_knowledge li span { color: #999; }
				.index_knowledge li span a { color: #999; }
					.index_knowledge li span a:hover { color: #333; }
		.index_knowledge small { float: right; }			

.index_news { float: left; background: url(images/index_news_bg.jpg) repeat-x bottom center; width: 530px; height: 293px; }
	.index_news h2 a { display: block; background: url(images/news_title.gif) no-repeat center left; height: 30px; width: 120px; text-indent: -800px; }
			.index_news h2 div li { background: url(images/button1.gif); width: 83px; height: 31px; line-height: 31px; text-align: center; float: left; margin: 0 3px; }
				.index_news h2 div li a:hover { text-decoration: none; }
	.pic { width: 120px; height: 91px; background: url(images/pic_bg.jpg); padding: 7px; float: left; margin: 25px 18px 0; }
	.index_news ul { padding: 15px 40px 10px 38px; }	
		.index_news dt { font-weight: bold; padding: 10px 0 10px 10px; background: url(images/iron2.jpg) no-repeat center left; }
		.index_news dd { padding-left: 10px; }
			.index_news dt small { float: right; }
		.index_news dd { color: #717171; margin-bottom: 10px; }
		.index_news ul li { border-bottom: 1px #e2e2e2 solid; padding: 5px 0 5px 10px; background: url(images/iron.jpg) no-repeat center left; }

#footer { clear: both; height: 237px; background: #000 url(images/footer_bg.jpg) repeat-x; color: #696868; line-height: 20px; }
	.footer_wrap { width: 969px; margin: 0 auto; background: url(images/con_bottom_bg.jpg) no-repeat top center; position: relative; }
		.counter { position: absolute; bottom: 0; left: 80px; }
	.link { color: #333; background: url(images/line.gif) no-repeat bottom center; height: 32px; line-height: 32px; padding: 57px 20px 10px; }
		.link a { color: #666; }
	.copyright { height: 98px; padding-top: 20px; padding-left: 115px; }
		.copyright a { color: #ab9339; }
	.footer_menu, .footer_menu a { color: #a1a1a1; padding-bottom: 8px; }
		

.infiniteCarousel { width: 950px; margin: 15px 9px 0; position: relative; }
	.infiniteCarousel ul li { display: block; color:#6C6D61; float:left; padding: 8px; width: 202px; height: 237px; }
	.wrapper { width: 865px; overflow: auto; height: 212px; margin: 0 42px; top: 0; }
		.wrapper ul li h3 { padding: 6px 0 0; }
		.wrapper ul li small { color: #676767; display: block; padding-bottom: 8px; }
	.arrow { display: block; height: 35px; width: 35px; text-indent: -999px; position: absolute; top: 80px; cursor: pointer; outline: 0; }
	.forward { background: url(images/iron3.gif) no-repeat center right; right: 0; }
	.back { background: url(images/iron3.gif) no-repeat center left; left: 0; }


#page_top { background: url(images/page_top_bg.png) !important; background: url(images/page_top_bg.gif); height: 47px; overflow: hidden; }

#page_main { background: url(images/page_bg.gif) repeat-y; }
#page_l { width:226px; float:left; background: url(images/menubottom_bg2.gif) no-repeat center bottom; }
#page_r { width:743px; float:right; background: #FFF; height: auto !important; height: 800px; min-height: 800px; color: #424242; }
	#page_r h2 { margin-bottom: 15px; }

.menu_top { background: url(images/menutop_bg.gif) no-repeat; height: 12px; overflow: hidden; margin-top: 35px; }
.menu_bottom { background: url(images/menubottom_bg3.gif) no-repeat center bottom; height: 29px; overflow: hidden; }
.menu_bottom2 { background: url(images/menubottom_bg2.gif) no-repeat center bottom; height: 28px; overflow: hidden; }


.page_con { overflow: hidden; padding: 25px 35px 38px; line-height: 26px; font-size: 14px; }
	.page_con img { border: 1px #F0F0F0 solid; }
	.page_con center { margin: 25px 0; }
		
	.news_con h1 { font-size: 14px; border-bottom: 1px #EFEFEF solid; padding-bottom: 5px; margin-bottom: 15px; text-align: center; }

	#cases_con h3 { font-size: 14px; position: relative; }
		#cases_con .intro { margin: 10px 0; border: 1px #f5f6f9 solid; background: #FFF; }
			#cases_con .intro p { margin: 3px; padding: 10px; background: #f5f6f9; color: #686868; }
		#cases_con .backlist { position: absolute; top: 0; right: 30px; }
			#cases_con .backlist a { width: 107px; height: 46px; background: url(images/backlist.jpg); display: block; }
			#cases_con .backlist a:hover { background: url(images/backlist.jpg) bottom left; }
		#cases_con center img { padding: 3px; border: 1px #f1f1f1 solid; }
	#cases_con h4 { color: #2d802d; }
	
	.cases_sub { background: url(images/cases_sub_bg.jpg) repeat-x top center; height: 44px; line-height: 42px; padding: 0 20px; }
	.cases_sub a { color: #FFF; }
		.cases_sub a:hover { color: #6CF; text-decoration: none; }
		.cases_sub li { font-family: "Microsoft Yahei"; float: left; text-align: center; width: 77px; }
			.cases_subthis { background: url(images/cases_sub_bg.jpg) no-repeat bottom left; display: block; color: #6CF; }

	.service_con li { border-bottom: 1px #EBEBEB solid; padding-bottom: 20px; margin: 10px; padding-left: 98px; height: 68px; color: #666; line-height: 20px; }
		.service_con li span { color: #000; display: block; }
			.service_con li span h2 { display: inline; }
		.s1 { background: url(images/service_1.gif) no-repeat top left; }
		.s2 { background: url(images/service_2.gif) no-repeat top left; height: 90px !important; }
		.s3 { background: url(images/service_3.gif) no-repeat top left; }
		.s4 { background: url(images/service_4.gif) no-repeat top left; }
		.s5 { background: url(images/service_5.gif) no-repeat top left; }
		.s6 { background: url(images/service_6.gif) no-repeat top left; }


.list2 { overflow: hidden; }
	.list2 ul { padding: 10px 20px; overflow: hidden; }
		.list2 ul li { color: #6C6D61; float:left; padding: 8px; display: inline; width: 202px; height: 237px; margin: 8px; overflow: hidden; background: url(images/list.jpg); } 
		.list2 ul li h3 { padding: 12px 0 0; }
		.list2 ul li img { border: 1px #FFF solid; }
		.list2 ul li small { color: #676767; display: block; padding-bottom: 8px; font-size: 10px;  }
		
.list1 { overflow: hidden; }
	.list1 ul { margin: 25px 35px 0; }
		.list1 li { margin-bottom: 20px; height: 80px; overflow: hidden; border-bottom: 1px #EBEBEB dashed; padding-bottom: 15px; }
			.list1 li img { width: 120px; height: 91px; float: left; margin-right: 15px; display: inline; padding: 3px; border: 1px #EBEBEB solid; }
			.list1 li h3 { padding: 0 0 5px 0; font-size: 14px; }
				.list1 li h3 small { float: right; }
			.list1 li p { color: #717171; }

#pages { margin: 20px 35px; clear: both; }
	#pages ul { overflow: hidden; }
		#pages ul li{ float:left; font-family:Tahoma; margin-right:6px; display: inline; }
			#pages ul li a{ float:left; padding:2px 4px 2px; color:#555; display:block; }
				#pages ul li a:hover{ color:#690; text-decoration:none; padding:2px 4px 2px; }
			#pages ul li.thisclass,.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ background-color:#F8F8F8; padding:2px 4px 2px; font-weight:bold; }
	#pages .pageinfo{ line-height:21px; padding:12px 10px 0 16px; color:#999; }
		#pages .pageinfo strong{ color:#555; font-weight:normal; margin:0px 2px; }
		
.context { color: #666; border-top: 1px #EEE dashed; margin-top: 10px; }