@charset "utf-8";
/**
Author :        wangdi
Version:        1.0
Date   :	    2015-1-6
Explain:        此样式为页面初始化样式。
**/
/*------------------------------- CSSReset -------------------------------*/
/** 清除边距 **/
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body, h1, h2, h3, h4, h5, h6, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, a, span, i, b, /* list elements 列表元素 */ form, fieldset, legend, button, input, textarea, select,/* form elements 表单元素 */ th, td /* table elements 表格元素 */ {
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
}
/** 字体设置 **/
body, button, input, select, textarea/* for ie */ {
	font: 14px/1.5 "微软雅黑";
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
address, em {
	font-style: normal;
} /* 将斜体扶正 */
/*去除元素轮廓---fbx---*/
div, table, form, input, button, select, textarea, fieldset, legend {
	outline: none;
}/* for google / safari*/
/** 重置列表元素 **/
ul, ol, li {
	list-style: none outside none;
}
/** 重置链接元素 **/
a {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
a:hover {
	color: #000;
	text-decoration: none;
}
/** 重置表单元素 **/
fieldset, img {
	border: 0;
} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
	font-size: 100%;
} /* 使得表单元素在 ie 下能继承字体大小 */
/** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** 重置元素垂直居中 **/
img, input, select, textarea, button {
	vertical-align: middle;
}
/** 浮动 **/
.bh-fl {
	float: left;
}
.bh-fr {
	float: right;
}
/** 下划线 **/
.bh-udline {
	text-decoration: underline;
}
/** 定位 **/
.bh-posRlt {
	position: relative;
	zoom: 1;
}
/** 清除浮动 **/
.bh-overf {
	overflow: hidden;
	zoom: 1;
}
/** 页结构 **/
.comWidth {
	width: 910px;
	margin: 0 auto;
}
.mt20 {
	margin-top:20px;
}
/*head*/
.p_head {
	background:url(../images/head_bg.jpg) repeat-x;
	padding-top:28px;
	height:75px;
}
.logo {
	padding:10px 0 0 45px;
	float:left;
}
.logo img {
	widht:161px;
	height:62px;
}
.phone_400 {
	padding-top:10px;
	text-align:right;
}
.phone_400 img {
	width:183px;
	height:20px;
}
.p_head .right {
	float:right;
}
.menu {
	padding:15px 12px 0 0;
	width:630px;
}
.menu li {
	float:left;
	margin-left:30px;
}
.menu li a {
	color:#707070;
	display:block;
	font-size:16px;
}
/*banner*/
.banner {
	background:#0f51b2 url(../images/banner_bg.jpg) repeat-x;
}
.banner_img {
	margin:0 auto;
	width:1170px;
}
.pd15 {
	padding:15px;
}
.service {
	padding-bottom:25px;
	border-bottom:1px solid #ccc;
}
.service li {
	float:left;
	width:205px;
	height:150px;
	background:#f7f7f7;
	margin-right:20px;
	text-align:center;
	padding-top:8px;
}
.recharge li {
    float:left;
    width:205px;
    height:200px;
    background:#f7f7f7;
    margin-right:20px;
    text-align:center;
    padding-top:8px;
}
.service li h3 {
	font-size:16px;
	color:#4f4f4f;
	margin-top:3px;
}
.service li p {
	color:#7f8c8c;
	font-size:12px;
	line-height:16px;
}
.center h2 {
	color:#fa9600;
	font-size:30px;
	font-weight:normal;
	padding-left:40px;
	line-height:58px;
}
.flow {
	#padding-bottom:60px;
	#border-bottom:1px solid #ccc;
	position:relative;
	padding-left:20px;
}
.flow li {
	float:left;
	text-align:center;
	margin-right:30px;
	margin-top:20px;
}
.flow .big {
	width:139px;
	height:202px;
}
.flow .big h3 {
	color:#4f4f4f;
	font-size:16px;
	margin-bottom:10px;
}
.flow .big img {
	width:139px;
	height:139px;
}
.flow .big p {
	font-size:14px;
	color:#797979;
	margin-top:8px;
}
.flow .arrows {
	margin-top:110px;
	width:30px;
	height:30px;
}
.flow .arrows img {
	width:30px;
	height:30px;
}
.flow .arrows_bom {
	position:absolute;
	right:0px;
	top:200px;
}
/*foot*/
.p_foot {
	#background:#f5f5f5 url(../images/foot_bg.jpg) repeat-x;
	padding-top:20px;
}
/*.p_foot h3 {
	padding-left:135px;
	float:left;
	font-size:18px;
	color:#7c7c7c;
	font-weight:normal;
}*/
.team {
	float:left;
	width:820px;
	background:#fff;
	margin-left:20px;
}
.team li {
	float:left;
	margin:0 7px 15px;
}
.copyright {
	margin-top:10px;
	background:#fff;
	text-align:center;
	padding:45px 0 10px;
	color:#999;
}
.copyright a {
	margin:0 40px;
}
/*产品*/
.title {
	border-bottom:1px solid #ccc;
}
.title span {
	border-bottom:2px solid #1d75d7;
	color:#1d75d7;
	font-size:26px;
	padding:0 5px;
}
.functional {
	background:url(../images/functional.jpg) no-repeat 396px -10px;
	padding-bottom:50px;
}
.list dd {
	margin-top:40px;
}
.list dd h3 {
	color:#5d9ac8;
	font-size:26px;
	font-weight:normal;
}
.list dd p {
	color:#393939;
	font-size:16px;
	margin-top:10px;
	line-height:32px;
}
.operation {
	background:url(../images/operation.jpg) no-repeat 0 53px;
	padding-bottom:105px;
}
.operation .list {
	padding:20px 0 0 517px;
}
.about_us {
	font-size:16px;
	color:#2c2c2c;
	text-indent:2em;
	margin-top:35px;
	line-height:32px;
	#padding-bottom:45px;
}
.tactic {
	padding:30px 0 75px;
	border-top:1px solid #f7f7f7;
}
.tactic li {
	float:left;
	width:226px;
	height:109px;
	border-right:1px solid #f7f7f7;
	border-bottom:1px solid #f7f7f7;
}
.tactic li img {
	width:226px;
	height:109px;
}
	
.relation {
	padding:30px 0 80px;
}
.relation .left {
	float:left;
	padding:0 30px 0 10px;
}
.relation .left h3 {
	font-size:28px;
	color:#3c3c3c;
	font-weight:normal;
}
.relation .left p {
	font-size:16px;
	color:#3c3c3c;
	line-height:32px;
}
.relation .map img{
	width:449px;
	height:262px;
}