@charset "utf-8";
/* CSS Document */

body { margin:0 auto; font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; background:#ffffff; }
a, a:link, a:visited { color:#333333; text-decoration:none;}
a:hover { color:#dd3300; text-decoration:underline;}

td { font-size:12px; color:#333333; font-family:"宋体"; }
td { font-size:11px; font-family:Arial, Helvetica, sans-serif; }


.container {
	margin: 0 auto; width:1000px;
}
/*********    header   ***********/
.header {
	 height:70px; width:1000px; background:url(../images/menu_bg.gif) no-repeat left bottom; 
}

.logo {
	background: url(../images/logo.png) no-repeat center center;
	width: 200px;
	height: 68px;
	float: left;
}
.menu  {
	height:50px;
}
.menu td {
	width: 100px;  font-weight:bold; font-size:14px; color:#000; text-align:center;
}
.menu .selected {
	background:url(../images/menu_selected_bg.gif) repeat-x center; 
}


/*************  footer  **************/
.footer {
	background:url(../images/footer_bg.gif) repeat-x; 
	height:25px;
	width:100%;
	letter-spacing:1px;
}
.footer .nav {
	float:left; 
	margin-left:5px;
	margin-top:3px;
	color:#ffffff;
}
.footer .copyright {
	float:right; 
	margin-right:5px;
	margin-top:3px;
	color:#ffffff;
}
.footer a, .footer a:link, .footer a:visited {
	color:#fff;
}
.footer a:hover {
	color:#000;
}



/*********    banners   ***********/
.banner {}
.banner .index {
	background:url(../images/index_banner.swf); width:1000px; height:150px;
}
.banner .company {
	background:url(../images/banner_company.gif); width:800px; height:130px;
}

	.banner .xst {
		background: url(../images/xst350.png);
		width: 350px;
		height: 350px;
	}
	.banner .xst_log {
		background: url(../images/xst_log.png);
		width: 130px;
		height: 130px;
	}
.banner .product_aps {
	background:url(../images/banner_product_aps.gif); width:800px; height:130px;
}
.banner .product_banner {
	background:url(../images/banner_product.gif); width:800px; height:130px;
}
.banner .solutions_banner {
	background:url(../images/banner_solutions.gif); width:800px; height:107px;
}

.banner .successfulCases {
	background:url(../images/banner_successfulCases.gif); width:800px; height:107px;
}
.banner .supportService {
	background:url(../images/banner_supportService.gif); width:800px; height:107px;
}
.banner .job {
	background:url(../images/banner_job.gif); width:800px; height:107px;
}


/***********  index *************/
.content_index_title_bg {
	background:url(../images/icon_index.gif) no-repeat 5px center #DFDFDF; height:35px;
}
.content_index_title_text {
	margin-left:25px; font-weight:bold; color:#aa0000; font-size:14px; letter-spacing:2px;
}
.content_index ul { 
	list-style:none;
	margin-top:10px; 
	margin-right:5px;
}
.content_index ul li {
	list-style:url(../images/icon_index2.gif); 
	margin-left:-15px; 
	letter-spacing:1px;
	line-height:20px;
}

.product_intro_index ul { 
	list-style:none;
	margin-top:10px; 
	margin-right:5px;
}
.product_intro_index ul li {
	list-style:url(../images/icon_index2.gif); 
	margin-left:-15px; 
	line-height:20px;
	font-weight:bold;
	font-size:12px;
	/*color:#ff6600;*/
}
.product_intro_index {
	letter-spacing:1px;
	
}
.product_intro_index .cd_img {
	float: left;
	vertical-align: text-top; 
	margin-left:10px;
}
.product_intro_index .text {
	float: left;
	margin-right: 15px;
	text-align:justify;
	text-justify:inter-ideograph;
} 
/*********** left menu   ****************/
.left_menu { 
	background:#EAE7E7; 
	width:200px; 
	letter-space:1px;
}
.left_menu ul {
	list-style:none;
	margin-top:0px; 
	margin-right:0px;
	margin-left:0px;
	/*border:1px outset red;*/
}
.left_menu ul li {
	padding-left:25px; 
	line-height:30px;
	font-size:12px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #CCC9C9;
}
.left_menu ul li.selected {
	background:url(../images/icon_left_menu.gif) no-repeat 10px 10px; 
	font-weight:bold; 
	color:#990000;
}
.left_menu ul li.selected a, .left_menu ul li.selected a:link, .left_menu ul li.selected a:visited {
	color:#990000;
}
.left_menu ul li.selected a:hover {
	color:#dd3300;
}

.left_menu ul li.bottom {
	border-top:1px solid #ffffff;
	border-bottom:0;
}



/******** company  ***********/
.intro {
	width:765px;
	letter-spacing:1px;
	padding:10px;
	padding-bottom:10px;
	float:left;
}
.intro .title {
	font-size:20px; 
	color:#222222;
	line-height:30px;
	font-family:"黑体";
	margin-bottom:10px;
}
.intro .intro_detial {
	text-align:justify;
	text-justify:inter-ideograph;
	padding-left:5px;
	line-height:22px;
}


.adv {
	margin-top:10px;
	float: right;
	width: 200px;
	padding-bottom:30px;
}
.adv .img {
	width:200px; 
	height:79px;
	margin-bottom:10px;
}
.credit {
	width:100%; 
}
.credit .container {
	width:46%;
	padding:10px;
	float:left;
	text-align:center;
}

.company_address {
	border:1px solid #CCC;
	background:#fff;
	width:240px;
	height:150px;
	margin-left:10px;
}
.company_address .bg {
	background:#fff;
	filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFCCC3,endColorStr=#FFFFF0E7);
	width:220px;
	height:130px;
	margin:10px;
}
.company_address table {
	margin:5px;
}
.company_address td {
	letter-spacing:1px;
}
.pagingbar {
	text-align:right;
	font-family:Verdana, Geneva, sans-serif; 
	color:#333;
}
.pagingbar a, .pagingbar a:link {
	color:#333;
}
.pagingbar a:visited {
	color:#000;
}
.pagingbar .selected {
	color:#999;
}


/**************** product ******************/
.product_intro_bg {
	width:100%;
	margin-bottom:10px;
}
.product_intro_bg .bg1 {
	background:url(../images/product_info_bg_1.gif);
	width:18px; 
	height:30px;
}
.product_intro_bg .bg2 {
	background:url(../images/product_info_bg_2.gif) repeat-x;
	width:auto; 
	height:30px;
}
.product_intro_bg .text {
	font-size:14px;
	font-weight:bold;
	color:#333;
	float:left;
	margin-top:8px;
}
.product_intro_bg .btn {
	float:right;
	margin-top:4px;
}
.product_intro_bg img {
	margin-left:10px;
}

.product_intro_bg .bg3 {
	background:url(../images/product_info_bg_3.gif);
	width:18px; 
	height:30px;
}
.product_intro_bg .bg4 {
	background:url(../images/product_info_bg_4.gif);
	width:18px; 
	height:24px;
}
.product_intro_bg .bg5 {
	background:url(../images/product_info_bg_5.gif) repeat-x;
	width:auto; 
	height:24px;
}
.product_intro_bg .bg6 {
	background:url(../images/product_info_bg_6.gif);
	width:18px; 
	height:24px;
}
.product_intro_bg .bg7 {
	border-left:1px solid #C7C7C7;
	width:17px; 
}
.product_intro_bg .bg8 {
	border-right:1px solid #C7C7C7;
	width:17px; 
}
.product_intro {
	padding-top:15px;
} 
a img {
	border:none;
}

.product_intro .text {
	text-align:justify; 
	text-justify:inter-ideograph;
	letter-spacing:2px;
	font-size:12px;
	font-weight:normal;
	margin:5px 10px 5px 10px;
	line-height:20px;
	color:#333;
	word-wrap: break-word; 
	word-break:break-all;
}
.product_intro ul {
	font-size:12px;
	color:#ff3300;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	width:46%;
	margin-right:10px;
	line-height:20px;
	float:left;
}
.product_intro li {
	font-size:12px;
	letter-spacing:2px;
	color:#333;
	font-weight: normal;
	margin-left:20px;
}
.product_intro ol {
	font-weight: normal;
	margin-left:-3px;
	/*list-style-image:url(../images/icon_index2.gif);*/
	list-style: circle;
}
.product_intro ol li {
	color:#666 !important;
}

/*************  solution   **************/
.second_title {
	height:22px;
	background:#eee;
	padding-left:15px;
	padding-top:8px;
	font-weight:bold;
	color:#333333;
}
.solution_intro {
	margin:0px 0 20px 0;
	width:100%;
}
.solution_intro .img_intro {
	margin-left:35px;
	float:left;
	margin-right:25px;
	margin-top:20px;
}
.solution_intro .text {
	float:left;
	letter-spacing:2px;
	line-height:20px;
	text-align:justify; 
	text-justify:inter-ideograph;
	margin-top:20px;
	margin-right:5px;
}
.solution_intro ul {
	margin-top:0px;
	margin-left:20px;
}
.solution_intro .more {
	font-family:Verdana, Geneva, sans-serif,"宋体";
	text-align:right;
	color:#f60;
	margin-right:5px;
}
.solution_intro .more a,.solution_intro .more a:link {
	color:#f60;
	text-decoration: none;
}
.solution_intro .more a:hover {
	color:#f30;
	text-decoration:underline;
}
.solution_intro .more a:visited {
	color:#333;
	text-decoration: none;
}
/****************** successful caces   *********************/
.successful_intro { 
	margin-bottom:15px;
}
.successful_intro .text { 
	padding:0px;
	letter-spacing:2px;
	line-height:20px;
	text-align:justify; 
	text-justify:inter-ideograph;
	word-wrap: break-word; 
	word-break:break-all;
}
.successful_intro ul {
	margin-top:-5px;
	margin-bottom:0;
	padding:0px;
}
.successful_intro .more {
	font-family:Verdana, Geneva, sans-serif,"宋体";
	text-align:right;
	color:#f60;
	margin-right:15px;
}
.successful_intro .more a,.solution_intro .more a:link {
	color:#f60;
	text-decoration: none;
}
.successful_intro .more a:hover {
	color:#f30;
	text-decoration:underline;
}
.successful_intro .more a:visited {
	color:#333;
	text-decoration: none;
}

.second_title2 {
	height:22px;
	background:#eee;
	padding-left:15px;
	padding-top:8px;
	font-weight:bold;
	color:#333333;
	height:30px;
}


/*************** support & service ******************/
.remind {
	color:#f30;
}
.mail, .mail a, .mail a:link {
	text-decoration:underline;
	color:#f30; 
}
.mail a:hover {
	text-decoration:underline;
	color:#f60; 
}
.mail a:visited {
	text-decoration:underline;
	color:#f30; 
}



