/*=========================== TAGS ============================*/
@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	float: none;
}
html { padding:0; margin:0;}
body { margin:0; padding:0; width:100%; background-color: #FFF; }

a {	color: #0080FF;	text-decoration: none;}
a:hover {color: #0080FF; text-decoration: underline;}
.line {	clear:both; padding:0; margin:0; background:none; }

hr {border-bottom: #00457C 1.5px inset;}
td,tr,p,div,span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
	line-height: 20px;
	padding:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.wap {
	height: auto;
	width: 900px;
	margin:auto;
	padding:0;
	margin-top:10px;
}
h1 {
	color:#004581;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	border-bottom: #666  dashed 1px;
	width:auto;
	padding-bottom:2px;
	padding-left:18px;
	margin-bottom:5px;
	margin-bottom:25px;
	background:url(../images/h2.gif) left top no-repeat;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#004581;
	background:url(../images/ly.gif) left top no-repeat;
	padding-left:15px;
	padding-bottom:6px;
	border-bottom: #999 1px solid;
}
h3 {
	font-size:15px;
	color: #444;
	padding-bottom:8px;
}
h4 {
	font-size:13px;
	color: #444;
}
/*=========================== banner ============================*/
.banner-products {
	width:900px;
	float:left;
	margin-top:10px;
	height:150px;
	background-image:url(../images/banner-products.jpg);
}
.banner-solution {
	width:900px;
	height:150px;
	float:left;
	margin-top:10px;
	background-image:url(../images/banner-solution.jpg);
	
}
.banner-aboutus {
	width:900px;
	float:left;
	margin-top:10px;
	height:150px;
	background-image:url(../images/banner-aboutus.jpg);
	
}
.banner-contact {
	width:900px;
	height:150px;
	float:left;
	margin-top:10px;
	background-image:url(../images/banner-contact.jpg);
	
}
.banner-Online {
	width:900px;
	height:150px;
	float:left;
	margin-top:10px;
	background-image:url(../images/banner-Online.jpg);
	
}
.banner-demo {
	width:900px;
	height:150px;
	float:left;
	margin-top:10px;
	background-image:url(../images/banner-demo.jpg);
	
}
/*=========================== body ============================*/
.body {
	width: 900px;
	height:auto;
	float: left;
	background-color:#FFF;
	padding:0;
	margin:auto;
	padding-top:15px;
}
.now {
	float: left;
	padding-top:5px;
	padding-left:15px;
	height: 20px;
	width: 885px;
	font-size:11px;
	background-color:#FFF;
}
.now a {
	color:#333;
	font-size:11px;
}
.now a#nowing {
	color:#0080FF;
	font-size:11px;
}
.mean-left {
	float: left;
	width: 230px;
	background-color:#FFF;
}
.mena-left-1 {
	margin-left:15px;
	border:#999 1px solid;
	background:url(../images/mean-left.gif) no-repeat;
	padding-top:15px;
	padding-left:8px;
	padding-right:10px;
	padding-bottom:10px;
}
.mena-left-1 ul  {
	line-height:25px;
	padding-left:15px;
	color:#333;
}
.mena-left-1 li  {
	line-height:25px;
	border-bottom: #999 1px solid;
	list-style:none;
}
.mena-left-1 li a {
	color: #333;
}
.mena-left-1 li a:hover {
	color:#0080FF;
	text-decoration:none;
}
.mena-left-1 ul li a#online {
	color:#0080FF;
}
.mena-left-1 ul li ul li {
	margin-left:10px;
	line-height:20px;
	border-bottom: #999 0px solid;
	list-style-image:url(../images/li.gif);
}
.mena-left-1 ul li ul li a:hover {
	color:#0080FF;
}
.mena-left-1 ul li ul li a#online {
	color:#0080FF;
	
}
.mean-right {
	width: 625px;
	float:left;
	background-color:#FFF;
	padding-top:15px;
}
.mean-right p {
	padding:3px;
	padding-bottom:10px;
}
.mean-right span {
	padding:10px;
	padding-bottom:10px;
}
.mean-right ul {
	padding-left:25px;
	padding-bottom:10px;
	padding-top:6px;
}
.mean-line {
	height: 435px;
	width: 1px;
	float:left;
	border-left:#CCC 1px outset;
	margin-left:12px;
	margin-right:13px;
	}
.real-time {
	width: auto;
	margin-top:3px;
	margin-right:15px;
	margin-left:5px;
	float:left;
	margin-bottom:5px;
}
.statements {
	width:290px;
	height:auto;
	margin:5px;
	float:left;
	padding-left:10px;
	margin-bottom:10px;
}
.line-table {
	width:620px;
	margin-top:20px;
	line-height:20px;
}
.line-table td {
	padding:5px;
	line-height:18px;
	border: #CCC 1px  groove;
}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; width:100%;}
#contactform * { color:#5f5f5f;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; width:600;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; display:block; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #d0d0d0; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #d0d0d0; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 0; margin-left:110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*=========================== footer ============================*/
.footer {
	width: 100%;
	margin:0 auto;
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #39F;
	float:right;
	height: 27px;
	margin-top:20px;
	padding-top:8px;
	background:url(../images/line-2.gif);
	font-size:11px;
	color:#004581;
}
.footer a { color:#333;}