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


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #eeffff;
}
#main {
	margin: auto;
	position: relative;
	width: 931px;
	background: #ffffff;
	background-color: #ffffff;
}
#top {
	height: 435px;
	float: left;
	padding-top: 30px;
	background: #FFFFFF;
}
/*     body css      */

#leftcont {
	float: left;
	width: 288px;
	background: url(../images/leftbg.jpg) no-repeat;
}
#logo {
	float: left;
}
#rightcont {
	float: right;
	width: 531px;
	display: flex;
	justify-content: flex-end;
}
#rightcont > div {
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-end;
}
#toplink {
	width: 644px;
}
#wel {
	margin-top: 15px;
	padding-left: 10px;
}
#bodytext {
	margin-top: 5px;
	height: 153px;
	width: 260px;
	padding-left: 10px;
}
.bodytxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #7d7d7d;
}
#line {
	margin-bottom: 10px;
	margin-top: 5px;
}
#pro {
	float: left;
	width: 275px;
	height: 110px;
	padding-left: 10px;
}
#pro_ser {
	float: left;
}
#pro_ser_txt {
	float: left;
	margin-top: 12px;
	width: auto;
}
#proimg {
	float: left;
}
#pro_txt {
	float: left;
}
#clickhere {
	float: left;
	width: 270px;
	margin-top: 12px;
	padding-left: 10px;
}
.click, .click a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}
#img {
	float: left;
}
#bodycont {
	float: left;
	width: 931px;
	background: #fff;
}
#bimg {
	float: left;
}
#btext {
	float: left;
}
#inner_leftcont {
	float: left;
	width: 288px;
}
#inner_top {
	height: 64px;
	float: left;
	width: 100%;
	padding-top: 30px;
	background: #FFFFFF;
}
#innerheadimg {
	float: left;
}
#innerbodycon {
	margin-top: 20px;
	float: left;
	width: 920px;
	background: #FFFFFF;
	padding-right: 10px;
}
#innerbodytext {
	float: left;
	width: 770px;
	padding-left: 15px;
	padding-right: 10px;
}
#innerbodytext2 {
	float: left;
	width: 770px;
	padding-left: 35px;
	padding-right: 10px;
}
.innertexthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #6289a1;
	font-weight: bold;
}
.inner_bodytxt, .inner_bodytxt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #7d7d7d;
	text-decoration: none;
	width: 575px;
	float: left;
	margin-bottom: 22px;
}
.inner_bodytxt3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #7d7d7d;
	text-decoration: none;
	width: 900px;
	float: left;
	margin-bottom: 22px;
	margin-left: 12px;
	clear: left;
}
.inner_bodytxt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #7d7d7d;
	text-decoration: underline;
}
.inner_txt_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #245473;
}
/*    footer css      */

#footer {
	float: left;
	width: 931px;
	background: #FFFFFF;
}
.footer {
	background: url(../images/footer_div.jpg) repeat-x;
	height: 1px;
}
#fotoer_txt {
	margin-top: 5px;
}
.foot_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.foot_txt a {
	color: #245473;
	text-decoration: none;
}
.foot_txt a:hover {
	color: #245473;
	text-decoration: underline;
}
#colorback {
	float: left;
	background: #FFFFFF;
}
/*last update 4th october*/ 


ul#contact_list {
	width: 900px;
	height: auto;
	clear: both;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	margin-left: 35px;
	margin-bottom: 12px;
}
ul#contact_list li {
	width: auto;
	height: auto;
	overflow: hidden;
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
ul#contact_list li h1 {
	width: 120px;
	float: left;
	margin-right: 10px;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
ul#contact_list li h2 {
	width: auto;
	float: left;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
ul#contact_list li h2 a {
	width: auto;
	float: left;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
ul#contact_list li h2 a:hover {
	color: #CC3300;
	text-decoration: none;
}
.certificate {
	width: 500px;
	height: 55px;
	border-bottom: 1px #CCCCCC solid;
	
	clear:left;
	float: left;
	margin-left:15px;
}
.certificate h1 {
	float: left;
	clear: left;
	width: 35px;
}
.certificate h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #245473;
	float: left;
	width: 300px;
	padding-top: 10px;
}
.certificate h2 a {
	color: #245473;
	text-decoration: none;
}
.certificate h2 a:hover {
	color: #8f8f8f;
	text-decoration: none;
}
.home_body {
	width: 931px;
	height: auto;
	clear: left;
	float: left;
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}
.welcome_div {
	width: 640px;
	height: auto;
	clear:left;
	float: left;
	margin-left: 10px;
	
}
.welcome_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6289a1;
	font-weight: bold;
	margin-bottom: 0px;
	margin-bottom:10px;
}
.welcome_img {
	width: auto;
	height: auto;
	clear: left;
	float: left;
}
.welcome_div p {
	float: left;
	padding-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #7d7d7d;
	width: 350px;
	margin-top: -5px;
	text-align: justify;
}
.home_products {
	width: 340px;
	height: auto;
	float: left;
	margin-left: 8px;
	overflow: hidden;
	padding-bottom:15px;
}
.home_products h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6289a1;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 15px;
	margin-bottom:4px;
}
.home_products ul {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	margin-left: 15px;
}
.home_products ul li {
	height: auto;
	clear: left;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #245473;
	font-weight:bold;
}
.pro {
	font-size: 13px;
	color: #666;
	padding-bottom: 6px;
	border-bottom: #ccc 1px dashed
}


.home_about { width:910px; height:auto; clear:left; float:left; margin-left:10px; border-top: 1px #CCCCCC solid; padding-top:10px; margin-top:10px;}
.home_about h1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6289a1;
	font-weight: bold;
	margin:0px;
	padding:0px;
	margin-bottom:10px;}
	
.home_about p {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #7d7d7d;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

.home_about p span { font-weight:bold; color: #6289a1;}

.system_body_text { width:600px;  padding-left:15px;  height:auto; clear:left; float:left;}

.system_body_text p {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #7d7d7d; padding-right:15px;}
	
.project_list { width:931px; height:auto; clear:left; float:left; margin-bottom:15px;}	
.project_list ul { width:931px; height:auto; clear:left; float:left; margin:0px; position:0px;
overflow:hidden;}
.project_list ul li { width:420px; height:auto; float:left; display:inline; list-style:none; 
 margin:0px; position:0px;
overflow:hidden; margin-left:15px; display: flex; flex-direction: row; -ms-align-items: center;
align-items: center; justify-content: flex-start}
.project_list ul li:first-child { margin-left:0px;}

.project_logo { width:170px; height:80px; float:left; border:1px #ccc solid; margin-right:10px;}
.project_list ul li h1 { float:left; margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #245473;
	float:left;}

.home_logo { width:250px; height:auto; float:left; border-left:1px #ccc dotted; padding-left:8px;}

/*css update 13/6/2013*/
.system_list { width:auto; height:auto; clear:left; float:left; margin:0px; padding:0px;}

.system_list ul { width:auto; height:auto; margin:0px; padding:0px;}
.system_list ul li { width:190px; float:left; height:auto;  display:inline; margin:0px; padding:0px; border-left:1px #CCCCCC dashed; text-align:center;}
.system_list ul li:first-child { border:none; }
.system_list ul li  span { margin:0px; padding:0px; display:block; text-align:center; font-weight:bold; margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #245473; text-decoration:none;} 
.system_list ul li a { text-decoration:none;}

.peopledetail { width:100%;}
.peopledetail figure { margin:0px; padding:0px; float:right; margin-left:12px; width:110px; vertical-align:top; }
.peopledetail figure img { width:100%; height:auto;}
.peopledetail ul { margin:0px; padding:0px; padding-left:14px;}
.peopledetail ul li { margin:0px; padding:0px; padding-top:12px;}