﻿@charset "utf-8";
/* Public CSS Document */
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
/* html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} */
html {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
 	*background-image: url(/img/html_bg.jpg)!important;
 	*background-image: url(/img/html_bg.jpg);
	background-image: url(/img/html_bg.jpg);
	background-repeat: repeat-x;
}
body {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
body, td, div {
	color: #000;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

/* header CSS Document */
#header {
	width: 920px;
	height: 140px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
	*background-image: url(/img/header_bg.jpg)!important;
 	*background-image: url(/img/header_bg.jpg);
	background-image: url(/img/header_bg.jpg);
	background-repeat: repeat-x;
	}
#header #logo {
	float: left;
	padding: 25px 0px 0px 15px;
	height: 60px;
	}
#header #slogan {
	float: right;
	padding: 25px 15px 0px 0px;
	text-align: right;
	}
#header #telphone {
	margin-top: 10px;
	text-align: right;
	}
#navigation {		
	width: 920px;
	height: 33px;
	clear: both;
	list-style: none;
	clear: both;
	*background-image: url(/img/navigation_bg.jpg)!important;
	*background-image: url(/img/navigation_bg.jpg);
	background-image: url(/img/navigation_bg.jpg);
	background-repeat: no-repeat;
}
#navigation_width {
	padding-left: 5px;
	width: 915px;
	}
#navigation li {
	float: left;
	text-transform: uppercase;
	list-style: none;
	line-height: 26px;
}
#navigation li a {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	display: block;
	outline: none;
	text-decoration: none;
	padding-top: 7px;
	*background-image: url(/img/navigation_over.gif)!important;
	*background-image: url(/img/navigation_over.gif);
	background-image: url(/img/navigation_over.gif);
	background-repeat: no-repeat;
}
#b1, #b2, #b3, #b4, #b6, #b7, #b8, #b9 {
	padding: 0px 14px;
	background-position: 8px 0px;
}
#b1:hover, #b2:hover, #b3:hover, #b4:hover, #b6:hover, #b7:hover, #b8:hover, #b9:hover {
	background-position: 8px -33px;
}
#navigation li.current #b1, #navigation li.current #b2, #navigation li.current #b3, #navigation li.current #b4, #navigation li.current #b6, #navigation li.current #b7, #navigation li.current #b8, #navigation li.current #b9 {
	background-position: 8px -33px;
}
#b5 {
	padding: 0px 14px;
	background-position: 0px 0px;
}
#b5:hover {
	background-position: -73px -33px;
}
#navigation li.current #b5 {
	background-position: -73px -33px;
}	
#header #menusub {	
	clear: both;
	height: 22px;
	line-height: 22px;
	*background-image: url(/img/menusub_bg.jpg)!important;
 	*background-image: url(/img/menusub_bg.jpg);
	background-image: url(/img/menusub_bg.jpg);
	background-repeat: repeat-x;
	}
#header #menusub_left {
	float: left;
	width: 10px;
	height: 22px;
	*background-image: url(/img/menusub_left.jpg)!important;
 	*background-image: url(/img/menusub_left.jpg);
	background-image: url(/img/menusub_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#header #menusub_bg {
	float: left;
	text-align: center;
	}
#header #menusub_right {
	float: right;
	width: 10px;
	height: 22px;
	*background-image: url(/img/menusub_right.jpg)!important;
 	*background-image: url(/img/menusub_right.jpg);
	background-image: url(/img/menusub_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
/* bodyer CSS Document */
#body {
	width: 920px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
	}
#body_left {
	width: 220px;
	float: left;
	}
#body_left #message, #body_left #news, #body_left #cases {
	width: 218px;
	text-align: center;
	vertical-align: top;
	border: solid 1px #CCC;
	background-color: #FFF;
	}
#body_left #message h3, #body_left #news h3, #body_left #cases h3 {
	width: 100%;
	height: 18px;
	padding-top: 10px;
	color: #E90000;
	text-align: left;
	text-indent: 19px;
	*background-image: url(/img/body_left_bg.jpg)!important;
 	*background-image: url(/img/body_left_bg.jpg);
	background-image: url(/img/body_left_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#message_list {
	width: 90%;
	margin: 0px auto;
	list-style: 23px;
	list-style: none;
	}	
#message_list li {
	padding: 5px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}	
#news_list, #cases_list {
	width: 94%;
	margin: 0px auto;
	margin-top: 10px;
	padding: 0px;
	}	
#news_list li, #cases_list li {
	color: #555;
	text-align: left;
	line-height: 22px;
	text-indent: 0px;
	list-style: none;
	list-style-position: inside;
	list-style-image: url(/img/ico1.jpg);
	}	
#news_list li a, #cases_list li a {
	color: #555;
	text-decoration: none;
	}
#news_list li a:hover, #cases_list li a:hover {
	color: #000;
	text-decoration: none;
	}	
#body_left #news #more, #body_left #cases #more {
	width: 92%;
	margin: 0px auto;
	margin-bottom: 5px;
	text-align: right;
	color: #E90000;
	}
#body_left #news #more a, #body_left #cases #more a {
	color: #E90000;
	font-family: "宋体";
	text-decoration: none;
	}	
#body_right {
	width: 690px;
	float: right;
	}
#body_right #nav {
	clear: both;
	width: 100%;
	height: 20px;
	color: #666666;
	line-height: 20px;
	text-align: left;
	}
#body_right #nav a {
	color: #666666;
	}
#body_right #solution, #body_right #project, #body_right #client {
	width: 688px;
	text-align: center;
	vertical-align: top;
	border: solid 1px #CCC;
	}	
#body_right #solution h2, #body_right #project h2, #body_right #client h2 {
	width: 100%;
	height: 21px;
	clear: both;
	padding-top: 10px;
	color: #E90000;
	text-align: left;
	text-indent: 19px;
	*background-image: url(/img/body_right_bg.jpg)!important;
 	*background-image: url(/img/body_right_bg.jpg);
	background-image: url(/img/body_right_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#solution_content {
	width: 675px;
	height: 175px;
	margin: 7px auto;
	clear: both;
	*background-image: url(/img/solution_conent.gif)!important;
 	*background-image: url(/img/solution_conent.gif);
	background-image: url(/img/solution_conent.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}	
#solution_folat {
	width: 225px;
	height: 170px;
	float: left;
	}	
#solution_folat h4 {
	color: #006699;
	text-align: left;
	padding-left: 15px;
	line-height: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	}
#solution_folat h4 a {
	color: #006699;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	}	
#solution_folat #more {
	clear: both;
	text-align: center;
	font-size: 11px;
	font-family: Verdana;
	line-height: 24px;
	}	
#seo_content, #google_content, #baidu_content {
	width: 92%;
	margin: 0px auto;
	clear: both;
	color: #555;
	line-height: 20px;
	text-align: left;
	}	
#seo_content img, #google_content img, #baidu_content img {
	margin-right: 5px;
	margin-bottom: 15px;
	}	
#project_content {
	width: 670px;
	height: 355px;
	margin: 0px auto;
	clear: both;
	}
#project_float {
	float: left;
	width: 335px;
	height: 120px;
	}
#project_float h4 {
	color: #006699;
	text-align: left;
	padding-left: 50px;
	line-height: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	}
#project_float h4 a {
	color: #006699;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	}
#project_list {
	width: 94%;
	margin: 0px auto;
	color: #555555;
	text-align: left;
	vertical-align: top;
	line-height: 21px;
	}
#project_list img {
	margin-right: 5px;
	}
#project_list a {
	color: #555;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	}
#project_list a:hover {
	color: #000;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	}
#client_content {
	width: 670px;
	height: 130px;
	margin: 0px auto;
	padding: 8px 0px;
	clear: both;
	}
#client_float {
	float: left;
	width: 320px;
	height: 130px;
	padding-right: 15px;
	line-height: 22px;
	color: #555;
	text-align: left;
	*background-image: url(/img/client_1.jpg)!important;
 	*background-image: url(/img/client_1.jpg);
	background-image: url(/img/client_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#client_float img {
	padding: 5px 10px 5px 5px;
	}
#client_float a {
	color: #555;
	text-decoration: none;
}
#client_float a:hover {
	color: #000;
}	
/* header CSS Document */
#footer {
	clear: both;
	width: 920px;
	margin: 0px auto;
	padding: 0px;
	*background-image: url(/img/footer_bg.jpg)!important;
 	*background-image: url(/img/footer_bg.jpg);
	background-image: url(/img/footer_bg.jpg);
	background-repeat: repeat-x;
	}
#footer #copyright {
	font-size: 9pt;
	line-height: 22px;
	text-align: center;
	}

/*Subpage CSS Document*/
#page_inner {
	clear: both;
	width: 688px;
	text-align: center;
	vertical-align: top;
	border: solid 1px #CCC;
	}
#page_inner h1 {
	clear: both;
	width: 100%;
	height: 30px;
	clear: both;	
	color: #E90000;
	padding-top: 15px;
	*background-image: url(/img/body_right_bg1.jpg)!important;
 	*background-image: url(/img/body_right_bg1.jpg);
	background-image: url(/img/body_right_bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#page_inner h2 {
	clear: both;
	width: 100%;
	height: 21px;
	clear: both;
	padding-top: 10px;
	color: #E90000;
	text-align: left;
	text-indent: 19px;
	*background-image: url(/img/body_right_bg.jpg)!important;
 	*background-image: url(/img/body_right_bg.jpg);
	background-image: url(/img/body_right_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#page_content {
	clear: both;
	width: 675px;
	margin: 7px auto;
	clear: both;
	line-height: 25px;
	text-align: left;
	}
#page_intro {
	width: 98%;
	margin: 0px auto;
	text-align: left;
	line-height: 22px;
	border-bottom: solid 1px #DDD;
	}
#page_content p {
	text-indent: 24px;
	line-height: 25px;
	}
#page_contentlist {
	width: 675px;
	margin: 7px auto;
	clear: both;
	line-height: 25px;
	text-align: left;
	}
#page_style {
	width: 99%;
	margin: 0px auto;
	line-height: 25px;
	text-align: right;
	color: #666;
	}
#page_style a {
	color: #666;
	text-decoration: none;
	}
#page_style a:hover {
	color: #000;
	text-decoration: underline;
	}
.page_classlist {
	clear: both;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #EEE;
	}
.page_classlist h6 {
	margin: 0px;
	float: left;
	color: #C00;
	text-align: left;
	}
.page_classlist h6 a {
	font-size: 9pt;
	color: #CC0000;
	text-decoration: underline;
	text-transform: uppercase;
	}
.page_classlist h6 a:hover {
	color: #CC0000;
	text-decoration: underline;
	}
.page_classlist p {
	margin: 0px;
	padding: 0px;
	clear: both;
	color: #444;
	text-align: left;
	line-height: 21px;
	}
.classright {
	float: right;
	margin-right: 5px;
	color: #000;
	}
.classright a {
	color: #555;
	text-decoration: underline;
	}
.classright a:hover {
	color: #000;
	text-decoration: underline;
	}
#page_list {
	border-top: solid 1px #eee;
	font-size: 9pt;
	height: 30px;
	padding-top: 5px;
	margin: 0px auto;
	width: 96%;
	}
#page_list a {
	font-size: 9pt;
	margin: 0px auto;
	color: #C00;
	padding: 0px 1px;
	}
#page_list input {
	font-size: 9pt;
	color: #C00;
	width: 30px;
	border: solid 1px #999;
	}
#page_more {
	width: 690px;
	text-align: center;
	vertical-align: top;
	}
#page_moreleft {
	float: left;
	width: 49%;
	border: solid 1px #B7BBC1;	
	}
#page_moreleft h3 {
	width: 96%;
	margin: 0px auto;
	font-size: 14px;
	text-align: left;
	padding: 8px 0px 3px 5px;
	border-bottom: solid 1px #CCC;
	}
#page_moreleft ul {
	list-style: none;
	margin: 3px 0px 0px 7px;
	}
#page_moreleft ul li {
	line-height: 20px;
	text-align: left;
	}
#page_moreleft ul li a:link, #page_moreleft ul li a:visited {
	color: #555;
	text-decoration: none;
	}
#page_moreleft ul li a:hover {
	color: #000;
	text-decoration: underline;
	}
#page_moreright {
	float: right;
	width: 49%;
	border: solid 1px #B7BBC1;
	}
#page_moreright h3 {
	width: 96%;
	margin: 0px auto;
	font-size: 14px;
	text-align: left;
	padding: 8px 0px 3px 5px;
	border-bottom: solid 1px #CCC;
	}
#page_moreright ul {
	list-style: none;
	margin: 3px 0px 0px 7px;
	}
#page_moreright ul li {
	line-height: 20px;
	text-align: left;
	}
#page_moreright ul li a:link, #page_moreright ul li a:visited {
	color: #555;
	text-decoration: none;
	}
#page_moreright ul li a:hover {
	color: #000;
	text-decoration: underline;
	}
#page_edit {
	margin: 0px auto;
	width: 98%;
	color: #C00;
	padding: 6px 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	}
#page_edit a {
	color: #C00;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	}
#page_intro1 {
	width: 98%;
	color: #666;
	font-size: 12px;
	margin: 5px auto;
	line-height: 21px;
	text-align: left;
	}
