html{
	font: 12px/1.5 'Hiragino Sans GB', 'Microsoft YaHei', arial, sans-serif;	
}
body {
	margin: 0;
	color: #333;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img {
	max-width: 100%;
	border: 0;
}
.wp{
	width: 940px;
	margin: 0 auto;
	clear: both;
}

#topbar {
	text-align: right;
	font-size: 14px;
	padding: 1em 0;
}
#topbar .tel{
	background: url(img/icon_tel.png) no-repeat 0 50%;
	color: #5370c0;
	padding-left: 20px;
	margin-right: 0em;
}
#topbar .contact {
	color: #666;
}

#header {
	background: url(img/header_bg.png) repeat-y 50%;
	height: 96px;
	clear:both;
	color: #fff;
}
#logo {
	float: left;
	width: 166px;
	height: 60px;
	margin: 18px 40px 0 0;
}
#nav {
	font-size: 18px;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	margin: 0 35px;
	height: 96px;
}
#nav a{
	color: #fff;
	line-height: 96px;
	display: block;
	width: 8em;
	text-align: center;
}
#nav a:hover{
	text-decoration: none;
}
#nav li.current {
	border-bottom: 5px solid #000;
	height: 91px;
}

.section{
	clear: both;
	overflow: hidden;
	padding: 50px 0;
}
.section h2 {
	font-size: 40px;
	margin: 0 0 1em;
	font-weight: normal;
	color: #5370BD;
	text-align: center;
}
.section h2 span {
	color: #666;
	margin-left: 1em;
}
.section .pic {
	float: left;
	margin-right: 10px;
}
.section .text {
	margin-top: 100px;
	width: 36em;
	overflow: hidden;
}
.section p {
	text-indent: 2em;
	line-height: 2;
}

.section-features {
	background: #eee;
}
.section-features ul {
	background: url(img/sys_2.png) no-repeat 50%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	_zoom: 1;
}
.section-features li {
	width: 290px;
	margin: 30px 0;
}
.section-features h3 {
	font-size: 22px;
	padding-left: 40px;
	background: no-repeat 0 50%;
	margin: 1em 0 1em 24px;
}
.section-features .feature-1 h3{
	color: #f29317;
	background-image: url(img/sys_2_1.png);
}
.section-features .feature-2 h3{
	color: #49BBEC;
	background-image: url(img/sys_2_2.png);
}
.section-features .feature-3 h3{
	color: #DF4D2A;
	background-image: url(img/sys_2_3.png);
}
.section-features .feature-4 h3{
	color: #6AB943;
	background-image: url(img/sys_2_4.png);
}
.section-features .feature-1 {
	float: left;
}
.section-features .feature-2 {
	float: right;
}
.section-features .feature-3 {
	float: left;
	clear: left;
}
.section-features .feature-4 {
	float: right;
	clear: right;
}


.section-cos ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.section-cos li {
	background: no-repeat 0;
	width: 153px;
	height: 175px;
	float: left;
	margin: 0 1px;
}
.section-cos .item-1 {
	background-image: url(img/sys_3_1.png);
}
.section-cos .item-2 {
	background-image: url(img/sys_3_2.png);
}
.section-cos .item-3 {
	background-image: url(img/sys_3_3.png);
}
.section-cos .item-4 {
	background-image: url(img/sys_3_4.png);
}
.section-cos .item-5 {
	background-image: url(img/sys_3_5.png);
}
.section-cos .item-6 {
	background-image: url(img/sys_3_6.png);
}

.section-cos li p {
	background: #fff url(img/sys_3_h.png) no-repeat 0;
	height: 135px;
	margin: 0;
	text-indent: 0;
	padding: 40px 5px 0;
	line-height: 1.5;
	display: none;
}
.section-cos li:hover p {
	display: block;
}



.section-cos2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.section-cos2 li {
	background: no-repeat 0;
	width: 214px;
	height: 273px;
	float: left;
	margin: 0 9px;
}

.section-cos2 .item-1 {
	background-image: url(img/sys_4_1.png);
}
.section-cos2 .item-2 {
	background-image: url(img/sys_4_2.png);
}
.section-cos2 .item-3 {
	background-image: url(img/sys_4_3.png);
}
.section-cos2 .item-4 {
	background-image: url(img/sys_4_4.png);
}
.section-cos2 li p {
	margin: 90px 20px 0;
	font-size: 14px;
}1



.section-corevalue h3{
	color: #5d72b6;
	font-size: 18px;
}


.section-company p{
	text-indent: 0;
}
.section-company .online-delivery{
	float: right;
	margin: 30px 10px 0 0;
}

.job {
	margin-bottom: 50px;
	font-size: 14px;
}
.job h3 {
	color: #5370c0;
	font-size: 1em;
}
.job h4 {
	font-size: 1em;
	font-weight: normal;
}


.section-wx{
	padding: 0;
}
.section-wx .text{
	overflow: visible;
}
.section-wx h2{
	font-size: 24px;
	text-align: left;
	white-space: nowrap;	
}
.section-wx h2 span{
	font-size: 22px;	
}
.section-wx p{
	font-size: 14px;
	text-indent: 0;
	color: #444;
}
.section-wx1 {
	height: 425px;
	background: url(img/wx_1_bg.jpg) no-repeat 50%;
	color: #fff;
	text-align: center;
	margin-top: 30px;
}
.section-wx1 h2 {
	margin:0;
	padding-top: 270px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.section-wx1 p {
	margin:0;
	color: #fff;
	font-size: 18px;
}

.section-wx2 {
	height: 535px;
	background: url(img/wx_2_bg.jpg) no-repeat 50%;
}
.section-wx2 .text{
	margin-top: 150px;
	margin-left: 450px;
	width: 370px;
	text-shadow: 1px 1px #fff,-1px -1px #fff,-1px 1px #fff,1px -1px #fff;
}

.section-wx3 {
	height: 535px;
	background: url(img/wx_3_bg.jpg) no-repeat 50%;
}
.section-wx3 .text{
	margin-top: 150px;
	margin-left: 30px;
	width: 400px;
}
.section-wx3 h2,
.section-wx3 h2 span,
.section-wx3 p{
	color: #fff;
}
.section-wx4 {
	background: #eee;
	padding: 50px 0;
}
.section-wx4 .wp {
	background: url(img/wx_4_pic.jpg) no-repeat 20px 50%;
	height: 518px;
	overflow: hidden;
}
.section-wx4 .text{
	margin-top: 150px;
	margin-left: 470px;
	width: 400px;
}

.section-wx5 {
	padding: 50px 0;
}
.section-wx5 .wp {
	background: url(img/wx_5_pic.jpg) no-repeat 100% 50%;
	height: 518px;
	overflow: hidden;
}
.section-wx5 .text{
	margin-top: 150px;
	margin-left: 50px;
	width: 350px;
}
#footer{
	background-color: #909090;
	padding: 10px;
	clear:both;
	margin:0px 0;
}