/*******

 CSS编码规范：
.p-开头为页面专属样式
.g-开头为布局结构样式
.c-开头为通栏布局样式
.f-开头为通用功能样式
.i-开头为ICON图标样式
.u-开头为全局通用元件样式
.z-开头为状态样式
.a-开头为动画效果样式
.m-开头为模块样式

*******/


/******* 样式重置 *******/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
	margin: 0;
	padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
	font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
	border: 0;
}

i,
cite,
em,
var,
address,
dfn {
	font-style: normal;
}

[hidefocus],
summary {
	outline: 0;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
	font-size: 100%;
}

sup,
sub {
	font-size: 83%;
}

pre,
code,
kbd,
samp {
	font-family: inherit;
}

q:before,
q:after {
	content: none;
}

textarea {
	overflow: auto;
	resize: none;
}

label,
summary {
	cursor: default;
}

a,
button {
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
b {
	font-weight: normal;
}
del,
ins,
u,
s,
a,
a:hover {
	text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
	font: 12px/1.14 "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53;
	color: #666;
	outline: 0;
}

body {
	background: #fff;
}

a,
a:hover {
	color: #666;
}

.placeholder {
	color: #999;
}

@-ms-viewport {
	width: device-width;
}

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href)")";
	}
	abbr[title]:after {
		content: " (" attr(title)")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
	select {
		background: #fff !important;
	}
}


/******* 功能样式 *******/

.f-cb {
	zoom: 1;
	clear: both;
}

.f-cb:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: " ";
}

.f-ib {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.f-dn {
	display: none;
}

.f-db {
	display: block;
}

.f-fl {
	float: left !important;
}

.f-fr {
	float: right !important;
}

.f-pr {
	position: relative;
	zoom: 1;
}

.f-oh {
	overflow: hidden;
}

.f-ti {
	text-indent: 2em;
}

.f-tl {
	text-align: left;
}

.f-tc {
	text-align: center;
}

.f-tr {
	text-align: right;
}

.f-tj {
	text-align: justify;
	text-justify: inter-ideograph;
}

.f-vm {
	vertical-align: middle;
}

.f-fs {
	font-size: 14px;
}

.f-fw {
	font-weight: 700;
}

.f-wn {
	word-wrap: normal;
	white-space: nowrap;
}

.f-pr {
	overflow: hidden;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
}

.f-wb {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}

.f-ln {
	line-height: normal;
}

.f-tu,
.f-tu:hover {
	text-decoration: underline;
}

.f-tn,
.f-tn:hover {
	text-decoration: none;
}

.f-te {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.f-cp {
	cursor: pointer;
}

.f-cd {
	cursor: default;
}

.f-ch {
	cursor: help;
}

.f-cm {
	cursor: move;
}

.f-un {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/******* 固定式12栏布局样式  *******/

.c-1,
.c-2,
.c-3,
.c-4,
.c-5,
.c-6,
.c-7,
.c-8,
.c-9,
.c-10,
.c-11,
.c-12 {
	position: relative;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	float: left;
}

.c-12 {
	width: 100%;
}

.c-11 {
	width: 91.66666667%;
}

.c-10 {
	width: 83.33333333%;
}

.c-9 {
	width: 75%;
}

.c-8 {
	width: 66.66666667%;
}

.c-7 {
	width: 58.33333333%;
}

.c-6 {
	width: 50%;
}

.c-5 {
	width: 41.66666667%;
}

.c-4 {
	width: 33.33333333%;
}

.c-3 {
	width: 25%;
}

.c-2 {
	width: 16.66666667%;
}

.c-1 {
	width: 8.33333333%;
}

.c-pl-12 {
	right: 100%;
}

.c-pl-11 {
	right: 91.66666667%;
}

.c-pl-10 {
	right: 83.33333333%;
}

.c-pl-9 {
	right: 75%;
}

.c-pl-8 {
	right: 66.66666667%;
}

.c-pl-7 {
	right: 58.33333333%;
}

.c-pl-6 {
	right: 50%;
}

.c-pl-5 {
	right: 41.66666667%;
}

.c-pl-4 {
	right: 33.33333333%;
}

.c-pl-3 {
	right: 25%;
}

.c-pl-2 {
	right: 16.66666667%;
}

.c-pl-1 {
	right: 8.33333333%;
}

.c-pl-0 {
	right: auto;
}

.c-ps-12 {
	left: 100%;
}

.c-ps-11 {
	left: 91.66666667%;
}

.c-ps-10 {
	left: 83.33333333%;
}

.c-ps-9 {
	left: 75%;
}

.c-ps-8 {
	left: 66.66666667%;
}

.c-ps-7 {
	left: 58.33333333%;
}

.c-ps-6 {
	left: 50%;
}

.c-ps-5 {
	left: 41.66666667%;
}

.c-ps-4 {
	left: 33.33333333%;
}

.c-ps-3 {
	left: 25%;
}

.c-ps-2 {
	left: 16.66666667%;
}

.c-ps-1 {
	left: 8.33333333%;
}

.c-ps-0 {
	left: auto;
}

.c-os-12 {
	margin-left: 100%;
}

.c-os-11 {
	margin-left: 91.66666667%;
}

.c-os-10 {
	margin-left: 83.33333333%;
}

.c-os-9 {
	margin-left: 75%;
}

.c-os-8 {
	margin-left: 66.66666667%;
}

.c-os-7 {
	margin-left: 58.33333333%;
}

.c-os-6 {
	margin-left: 50%;
}

.c-os-5 {
	margin-left: 41.66666667%;
}

.c-os-4 {
	margin-left: 33.33333333%;
}

.c-os-3 {
	margin-left: 25%;
}

.c-os-2 {
	margin-left: 16.66666667%;
}

.c-os-1 {
	margin-left: 8.33333333%;
}

.c-os-0 {
	margin-left: 0%;
}


/*布局样式*/

.g-row {
	background: #fff;
}

.g-row-gray {
	background: #fafafa;
}

.g-row-bluegray {
	background: #eff4f7;
}

.g-row-blue {
	background: #00b1f0;
}

.g-row-banner {
	background: url(../images/banner_bg.jpg) repeat top center;
}

.g-row-info {
	background: url(../images/banner_in.jpg) repeat top center;
}

.g-row-black {
	background: #242736;
}

.g-wrap {
	width: 1000px;
	margin: 0 auto;
}

.g-wrap:after,
.g-wrap:before {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: " ";
}


/******* 元件样式 *******/

.u-checkbox,
.u-radio {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: url(../images/icheck.png) no-repeat;
	cursor: pointer;
}

.u-checkbox {
	background-position: 0 0;
}

.u-checkbox:hover {
	background-position: -19px 0;
}

.u-checkbox.checked {
	background-position: -38px 0;
}

.u-checkbox input,
.u-radio input {
	position: absolute;
	display: block;
	border: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	background: #FFF;
}

.u-checkbox .helper {
	position: absolute;
	top: -5px;
	display: block;
	width: 70px;
	height: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	background: #FFF;
}

.u-radio {
	background-position: -57px 0;
}

.u-radio.hover {
	background-position: -76px 0;
}

.u-radio.checked {
	background-position: -95px 0;
}

.u-select {
	border: 1px solid #CCC;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	text-align: left;
	width: 280px;
	height: 40px;
}

.u-select .arrow {
	border: 4px solid #CCC;
	border-color: #CCC #FFF;
	position: absolute;
	border-bottom: 0;
	overflow: hidden;
	display: block;
	right: 10px;
	top: 50%;
	margin-top: -2px;
	height: 0;
	width: 0;
}

.u-select .text {
	padding: 0 8px;
	margin-right: 20px;
	overflow: hidden;
	display: block;
	line-height: 40px;
	color: #999;
}

.u-select .text.active {
	color: #666;
}

.u-select select {
	position: absolute;
	left: -1px;
	top: 15px;
	filter: alpha(opacity=0);
	opacity: 0;
	height: 25px;
	width: 282px;
	cursor: pointer;
}

.u-padding {
	display: block;
	width: 100%;
	clear: both;
	padding: 15px 0;
}

.u-padding-thin {
	display: block;
	width: 100%;
	clear: both;
	padding: 8px 0;
}

.u-padding-fat {
	display: block;
	width: 100%;
	clear: both;
	padding: 25px 0;
}

.u-btn a {
	display: inline-block;
	width: 100%;
	line-height: 47px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background: #00b1f0;
	border-bottom: 3px solid #0081d2;
	border-radius: 3px;
}

.u-btn-link{
	color: #00b1f0;
	margin: 0 35px;
}
.u-btn-link .i-plus-sign{
	padding: 0 5px;
	color: #00b1f0;
}
.u-ipt {}

.u-tit {
	font-size: 16px;
	line-height: 55px;
	border-bottom: 1px solid #e7e7e7;
}

.u-tit span {
	display: inline-block;
	position: relative;
	bottom: -1px;
	padding: 0 20px;
	line-height: 55px;
	border-bottom: 3px solid #00b1f0;
}

.u-tit-center {
	position: absolute;
	left: 50%;
	top: -50px;
	width: 130px;
	padding: 0 20px;
	margin-left: -90px;
	font-size: 28px;
	color: #454545;
	text-align: center;
	background: #fff;
}

.u-tit-center span {
	color: #00b1f0;
}

.u-tit-center em {
	font-size: 13px;
	color: #999;
	line-height: 30px;
	text-align: center;
	border-bottom: 1px solid #00b1f0;
	display: inline-block;
	width: 100%;
}

.u-tit-intro {
	text-align: center;
	padding: 30px 0 0;
}

.u-tit-intro h2 {
	font-size: 30px;
	line-height: 75px;
	color: #00b1f0;
}

.u-tit-intro p {
	line-height: 25px;
	font-size: 14px;
}

.u-border {
	background: #fff;
	border: 1px solid #e7e7e7;
}

.u-border-top {
	border-top: 1px solid #e7e7e7;
}
.u-border-green{
	border-bottom:4px solid #66d6fe;
}
.u-pic-upload {
	padding-right: 20px;
}

.u-pic-upload h3 {
	width: 160px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #00b1f0;
}

.u-pic-upload a {
	display: inline-block;
	width: 158px;
	height: 123px;
	margin-top: 10px;
	border: 1px solid #cacaca;
	background: url(../images/upload.gif) no-repeat center center;
}

.u-pic-upload img {
	width: 158px;
	height: 123px;
	border: none;
}

.u-pic-case {
	width: 240px;
}

.u-pic-case h3 {
	font-size: 12px;
	line-height: 35px;
}

.u-pic-case a {
	display: inline-block;
}

.u-pic-case img {
	padding: 3px;
	width: 160px;
	height: 100px;
	background: #f5f5f5;
	border: 1px solid #cacaca;
}

.u-pic-case p {
	line-height: 35px;
}

.u-info {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	border-top: 1px dashed #c4c4c4;
}

.u-info span {
	color: #00b1f0;
	padding-right: 8px;
}

.u-drop {
	position: relative;
	width: 99px;
}

.u-drop a {
	display: inline-block;
	line-height: 30px;
	width: 70px;
	padding-right: 10px;
	text-align: center;
	color: #fff;
	background: #0079c1;
	border-radius: 3px;
}

.u-drop span {
	display: none;
	line-height: 30px;
	width: 80px;
	position: absolute;
	left: 92px;
	top: -18px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	border-radius: 3px;
}

.u-drop:hover span {
	display: inline-block;
}

.u-drop span a {
	background: #fff;
	color: #666;
	border-radius: 0;
	border-bottom: 1px solid #ccc;
}

.u-drop span a:hover {
	background: #0079c1;
	color: #fff;
}

.u-drop i {
	display: inline-block;
	position: absolute;
	right: 25px;
	top: 14px;
	line-height: 30px;
	color: #fff;
}


/******* 模块样式 *******/


/*顶部右侧链接*/

.m-toplinks {
	height: 20px;
	margin: 7px 0;
	line-height: 20px;
	background: #FAFAFA;
}

.m-toplinks li {
	position: relative;
	z-index: 500;
	float: left;
	padding: 0 15px;
	text-align: center;
	border-right: 1px solid #E7E7E7;
}

.m-toplinks li:first-child {
	border-left: 1px solid #E7E7E7;
}

.m-toplinks li.active {
	background: #1D93DD;
}

.m-toplinks li.active a {
	color: #fff;
}

.m-toplinks li span {
	position: absolute;
	left: -1px;
	top: 27px;
	display: none;
	width: 72px;
	border: 1px solid #E7E7E7;
	border-bottom: 0;
}

.m-toplinks li span a {
	display: inline-block;
	width: 100%;
	line-height: 34px;
	background: #FAFAFA;
	border-bottom: 1px solid #E7E7E7;
}

.m-toplinks li i {
	color: #E7E7E7;
	padding-left: 10px;
}

/*.m-toplinks li:hover span {
	position: absolute;
	display: block;
}*/

.m-toplinks>span {
	float: left;
	padding-right: 15px;
	border-right: 1px solid #E7E7E7;
}



/*LOGO*/

.m-logo {
	width: 120px;
	height: 44px;
	padding: 23px 0;
	float: left;
	position: relative;
}

.m-logo a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../images/logo.png) no-repeat center left;
}

.m-logo span {
	position: absolute;
	display: inline-block;
	width: 340px;
	height: 33px;
	left: 125px;
	top: 30px;
	padding-left: 12px;
	font-size: 20px;
	line-height: 33px;
	color: #7F7F7F;
	font-weight: 500;
	border-left: 1px solid #7F7F7F;
}

.m-logo span i {
	font-weight: 800;
	padding: 0 5px;
}


/*导航*/

.m-nav {
	float: right;
}

.m-nav li {
	float: left;
	height: 16px;
	padding: 10px 0;
	margin-top: 30px;
	margin-right: 2px;
}

.m-nav li a {
	display: inline-block;
	padding: 0 20px;
	font-size: 15px;
	color: #5E5E5E;
	border-left: 1px solid #E7E7E7;
}

.m-nav li:first-child a {
	border-left: 0;
}

.m-nav li.active,
.m-nav li:hover {
	background: #00b1f0;
}

.m-nav li.active + li a,
.m-nav li:hover + li a {
	border-left: 0;
	margin-left: 1px;
}

.m-nav li.active a,
.m-nav li:hover a {
	color: #FFF;
	border-color: #00b1f0;
}


/*子导航*/

.m-subnav {
	height: 45px;
	line-height: 45px;
	
}

.m-subnav li{
	display: block;
	padding-left:22px;
	
}

.m-subnav li a {
	display: inline-block;
	position: relative;
	line-height: 45px;
	padding: 0 35px;
	font-size: 16px;
	color: #fff;
	margin-left:1px ;
}

.m-subnav li a.active,
.m-subnav li a:hover {
	background: #66d6fe;
	color:#fff;
}

.m-subnav li i {
	display: inline-block;
	width: 60px;
}

.m-subnav li span {
	position: absolute;
	display: inline-block;
	top: -12px;
	left: 50%;
	margin-left: -6px;
	font-size: 18px;
	color: #00b1f0;
}

.m-subnav li a.active span,
.m-subnav li a:hover span {
	color: #197dbc;
}


/*底部*/

.m-bottom {
	position: relative;
	padding: 25px;
	color: #fff;
}

.m-bottom a {
	color: #fff;
}

.m-bottom h3 {
	font-size: 16px;
	line-height: 45px;
	padding: 0 10px;
}

.m-bottom p {
	line-height: 50px;
	font-size: 16px;
}

.m-bottom p a {
	padding: 0 10px;
}

.m-bottom span {
	display: inline-block;
	padding: 5px 10px 25px;
}

.m-bottom .logo {
	width: 157px;
	height: 44px;
	position: absolute;
	right: 200px;
	bottom: 50px;
}

.m-bottom .logo a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../images/b-logo.png) no-repeat center left;
}

.m-bottom .logo span {
	position: absolute;
	display: inline-block;
	width: 120px;
	height: 40px;
	left: 125px;
	top: 3px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 20px;
	border-left: 1px solid #fff;
}


/*幻灯片*/

.m-slider {
	position: relative;
	width: 100%;
	height: 400px;
	z-index: 100;
}

.m-slider ul {
	list-style: none;
	width: 400%;
}

.m-slider ul li {
	display: block;
	float: left;
	width: 25%;
	height: 400px;
	background-position: top center;
	background-repeat: repeat;
	box-shadow: inset 0 -3px 6px rgba(0, 0, 0, .1);
}

.m-slider ul li img {
	width: 100%;
	height: auto;
}

.m-slider .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
}

.m-slider .dots {
	position: absolute;
	left: 50%;
	right: 0;
	bottom: 18px;
	width: 240px;
	margin-left: -80px;
	display: block;
	z-index: 100;
}

.m-slider .dots li {
	display: inline-block;
	font-size: 0px;
	margin: 0 14px;
	width: 27px;
	height: 9px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	color: #D5D5D5;
	background: #66d6fe;
	background: rgba(102, 214, 254, .8);
}

.m-slider .dots li.active {
	background: #fff;
	text-decoration: none;
}

.m-slider .arrows {
	display: none;
	position: absolute;
	bottom: 50%;
	width: 100%;
	height: 60px;
	left: 0;
	margin-bottom: -50px;
	color: #fff;
	z-index: 90;
}

.m-slider .arrows span {
	float: left;
	display: block;
	width: 21px;
	height: 21px;
	cursor: pointer;
}

.m-slider .arrows .next {
	float: right;
}

.m-slider:hover .arrows {
	display: block;
}


/*快捷登录*/

.m-login {
	width: 300px;
	height: 380px;
	position: absolute;
	top: 38px;
	left: 50%;
	color: #fff;
	margin-left: 200px;
	background: #1b6195;
	background: rgba(27, 97, 147, .8);
	border: 1px solid #00508d;
}

.m-login h3 {
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	border-bottom: 1px solid #6a96b6;
}

.m-login a {
	color: #fff;
}

.m-login .ipt {
	width: 240px;
	height: 40px;
	margin: 0 auto;
	margin-top: 28px;
	position: relative;
}

.m-login .ipt i {
	position: absolute;
	left: 8px;
	top: 11px;
	color: #c6c6c6;
	font-size: 18px;
	font-weight: 500;
}

.m-login .ipt i.i-lock {
	font-size: 20px;
	left: 10px;
}

.m-login .ipt input {
	width: 208px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	padding-left: 32px;
	border: 1px solid #dfdfdf;
}

.m-login .ipt-code input {
	width: 74px;
	float: left;
}

.m-login .ipt-code i {
	display: inline-block;
	width: 19px;
	height: 19px;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
	color: #fff;
	background: #c6c6c6;
}

.m-login .ipt-code img {
	width: 106px;
	height: 40px;
	float: right;
	margin-right: 18px;
}

.m-login .ipt-code a {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 14px;
	font-weight: 300;
}

.m-login .ipt-btn a {
	display: inline-block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	text-align: center;
	background: #2c9cf0;
}

.m-login .ipt-link {
	margin-top: 15px;
}

.m-login .ipt-link a {
	font-size: 15px;
}


/*成功案例*/

.m-case {
	width: 1000px;
	margin: 0 auto;
	margin-top: 100px;
	padding-top: 70px;
	position: relative;
	border-top: 1px solid #ddd;
}

.m-case li {
	width: 33.3333%;
	float: left;
	text-align: center;
}

.m-case li a {
	font-size: 22px;
	color: #222;
	line-height: 60px;
}

.m-case li span {
	display: block;
	padding: 20px 30px;
	color: #555;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
}


/*了解EPSP*/

.m-epsp {
	width: 1000px;
	margin: 0 auto;
	margin-top: 100px;
	padding-top: 70px;
	padding-bottom: 50px;
	position: relative;
	border-top: 1px solid #ddd;
}

.m-epsp li {
	width: 33.3333%;
	float: left;
	text-align: center;
}

.m-epsp li span {
	display: inline-block;
	width: 99px;
	height: 84px;
	font-size: 45px;
	line-height: 84px;
	text-align: center;
	color: #fff;
	background: url(../images/round.png) no-repeat center center;
}

.m-epsp li a {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 30px;
}

.m-epsp li h3 {
	font-size: 20px;
	line-height: 50px;
}


/*通栏标题*/

.m-banner {
	padding: 60px;
	color: #fefefe;
}

.m-banner h2 {
	font-size: 36px;
}

.m-banner span {
	font-size: 17px;
	line-height: 30px;
}

.m-banner p {
	font-size: 14px;
	line-height: 50px;
}


/*核心价值*/

.m-rate {
	padding-bottom: 80px;
	padding-top: 20px;
}

.m-rate li {
	width: 25%;
	float: left;
	text-align: center;
}

.m-rate li h3 {
	font-size: 18px;
	color: #00b1f0;
	line-height: 60px;
}

.m-rate li span {
	display:inline-block;
	padding: 0 10px;
	font-size: 16px;
	color: #999;
	line-height: 30px;
	text-indent:14px;
}


/*服务领域*/

.m-service {
	padding-bottom: 80px;
	padding-top: 20px;
	margin-left: -3px;
}

.m-service li {
	width: 20%;
	height:160px;
	float: left;
	position: relative;
	margin-top: 5px;
}

.m-service li:first-child {
	width: 40%;
	height:325px;
}

.m-service li a {
	display: block;
	height:100%;
	margin-left: 5px;
	line-height: 0;
	border: 1px solid #eee;
}

.m-service li a img {
	width: 100%;
	height:100%;
}

.m-service li span {
	display: inline-block;
	position: absolute;
	left: 25px;
	bottom: 15px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	display:none;
}


/*合作伙伴*/

.m-partner {
	margin: 20px 3px 130px 3px;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.m-partner li {
	width: 20%;
	float: left;
}

.m-partner li a {
	display: block;
	line-height: 0;
	background: #fcfcfc;
	border: 1px solid #dedede;
	border-left: 0;
	border-bottom: 0;
}

.m-partner li img {
	display: block;
	position: relative;
	margin: auto;
}

/* 图片列表 */
.m-piclist {
	width: 100%;
	zoom: 1;
	margin-top: 10px;
}
.m-piclist li {
	width:33.33333%;
	float:left;
}
.m-piclist li a{
	display:block;
	padding:10px;
	font-size:16px;
	line-height:25px;
	text-align:center;
	color:#333;
}
.m-piclist li img{
	width:100%;
	height:280px;
	border-radius:2px;
}
/* 图文列表 */

.m-pictxt {
	width: 100%;
	zoom: 1;
	margin-top: 10px;
}

.m-pictxt li {
	height: 212px;
	padding: 40px 0;
	padding-left: 348px;
	position: relative;
	border-bottom: 1px solid #c4c4c4;
}

.m-pictxt .img {
	position: absolute;
	left: 0;
	top: 40px;
	width: 318px;
	height: 212px;
}

.m-pictxt .img img {
	width: 100%;
	height: 100%;
	border-radius: 2px;
}

.m-pictxt .txt {
	width: 100%;
}

.m-pictxt p {
	font-size: 16px;
	line-height: 30px;
}

.m-pictxt h3 a {
	font-size: 20px;
	color: #000;
	line-height: 60px;
}

.m-pictxt h3 a:hover {
	color: #333;
}

.m-pictxt a.more {
	float: right;
	display: inline-block;
	color: #1d93dd;
	font-size: 16px;
	line-height: 45px;
	margin-top: 15px;
}





.m-pictxt-news {
	border-bottom:0;
	margin-bottom:50px;
}

.m-pictxt-news li {
	width:50%;
	height: 126px;
	float:left;
	padding: 20px 0;
	padding-left: 0;
	border-bottom:0;
	
}

.m-pictxt-news .img {

	top: 20px;
	width: 159px;
	height: 126px;
}
.m-pictxt-news .img img {

}

.m-pictxt-news .txt {
	margin-left:174px;
	width:310px;
}

.m-pictxt-news p {
	font-size: 13px;
	line-height: 23px;
}

.m-pictxt-news h3 a {
	font-size: 16px;
	color: #000;
	line-height: 30px;
}

.m-pictxt-news h3 a:hover {
	color: #333;
}

.m-pictxt-news a.more {
	float: right;
	display: inline-block;
	color: #00b1f0;
	font-size: 16px;
	line-height: 45px;
	margin-top: 15px;
}

/* 路径 */

.m-crumb {
	line-height: 60px;
	height: 60px;
	overflow: hidden;
	font-size: 16px;
	color: #5e5e5e;
	border-bottom: 1px solid #e7e7e7;
}

.m-crumb span {
	position: relative;
	bottom: -2px;
	font-size: 22px;
	color: #cbcbcb;
	padding: 0 8px 0 20px;
}

.m-crumb i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 25px;
	text-align: center;
	font-size: 16px;
	color: #999;
	/*font-family: \5b8b\4f53;*/
}

.m-crumb-i {
	font-size: 14px;
}

.m-crumb-i span {
	font-size: 20px;
	color: #00b1f0;
	position: relative;
	bottom: -2px;
}

.m-crumb-icon {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #ccc;
	top: 45px;
}

.m-crumb-icon span {
	padding: 0 10px;
	font-size: 20px;
}


/*案例详情*/

.m-detail {
	padding-top: 20px;
	padding-bottom: 80px;
}

.m-detail h1 {
	font-size: 24px;
	line-height: 80px;
	color: #00b1f0;
	text-align: center;
}

.m-detail h2 {
	margin: 10px 0 35px;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #c4c4c4;
}

.m-detail .content {
	padding: 0 120px;
	line-height: 30px;
	font-size: 16px;
}

.m-detail .content p {
	margin-bottom: 20px;
	text-indent: 30px;
}

.m-detail .content img {
	max-width: 100%;
}


/*关于我们选项卡*/

.m-tab {
	width: 100%;
	margin: 35px 0 50px 0;
	background: #fff;
	border: 1px solid #c4c4c4;
}

.m-tab .menu {
	height: 76px;
	overflow: hidden;
}

.m-tab .menu li {
	width: 249px;
	float: left;
	border-left: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}

.m-tab .menu li:first-child {
	border-left: 0;
	width: 250px;
}

.m-tab .menu li a {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 73px;
}

.m-tab .menu li:hover,
.m-tab .menu li.active {
	border-bottom: 4px solid #66d6fe;
}

.m-tab .menu li a:hover,
.m-tab .menu li.active a {
	color: #e29722;
	height: 70px;
	line-height: 73px;
}

.m-tab .pane {
	position: relative;
	overflow: hidden;
	height: auto;
	min-height: 350px;
	clear: both;
}

.m-tab .pane .m-detail .content {
	padding: 0 60px;
}

.m-tab .pane .node {
	padding: 20px 60px;
	display: none;
	top: 0;
	left: 0;
	position: relative;
	-webkit-transition: .6s ease-in-out all;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: .6s ease-in-out all;
	-ms-transition: all .6s ease-in-out;
}

.m-tab .pane > .active,
.m-tab .pane .prev,
.m-tab .pane .next {
	display: block;
}

.m-tab .pane.xfade .node,
.m-tab .pane.xfade .active.right,
.m-tab .pane.xfade .active.left {
	opacity: 0;
}

.m-tab .pane.xfade .next.left,
.m-tab .pane.xfade .prev.right,
.m-tab .pane.xfade .active {
	opacity: 1;
}

.m-tab .pane.xfade .next,
.m-tab .pane.xfade .prev {
	position: absolute;
}

.m-tab .pane.slide .active {
	left: 0;
}

.m-tab .pane.slide .next,
.m-tab .pane.slide .prev {
	position: absolute;
	width: 100%;
}

.m-tab .pane.slide .next {
	left: 100%;
}

.m-tab .pane.slide .prev {
	left: -100%;
}

.m-tab .pane.slide .next.left,
.m-tab .pane.slide .prev.right {
	left: 0;
}

.m-tab .pane.slide .active.left {
	left: -100%;
}

.m-tab .pane.slide .active.right {
	left: 100%;
}

.m-tab .pane.flip .node {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.m-tab .pane.flip .active {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}

.m-tab .pane.flip .next,
.m-tab .pane.flip .prev {
	position: absolute;
	display: block;
}

.m-tab .pane.flip .active.left {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
}

.m-tab .pane.flip .active.right {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.m-tab .pane.flip .next.left,
.m-tab .pane.flip .prev.right {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
}


/*帮助链接*/

.m-help {
	margin-bottom: 60px;
	margin-top: 50px;
}

.m-help h2 {
	text-align: center;
	color: #00b1f0;
	font-size: 20px;
	margin: 20px 0 50px;
	background: url(../images/line.gif) no-repeat center center;
}

.m-help li {
	width: 16.66666%;
	text-align: center;
	float: left;
	margin-bottom: 30px;
}

.m-help li a {
	line-height: 35px;
	color: #999;
	font-size: 14px;
}

.m-help li span {
	display: inline-block;
	clear: both;
	width: 68px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 32px;
	background: #fff;
	border: 1px solid #c4c4c4;
	border-radius: 7px;
}

.m-help li.active a {
	color: #00b1f0;
}

.m-help li.active span {
	border: 1px solid #00b1f0;
}


/*特色功能*/

.m-features {
	margin-bottom: 30px;
	margin-top: 20px;
}

.m-features h2{
	color: #00b1f0;
	font-size: 18px;
	line-height: 50px;
	margin: 10px 0 30px;
	border-bottom: 1px solid #c4c4c4;
}
.m-features h2 a{
	color:#00b1f0;
}
.m-features h2 span {
	font-family: simsun;
	color: #fff;
	padding: 3px 0 3px 5px;
	margin-left: 5px;
	background: #f43d39;
}

.m-features li {
	width: 33.33333%;
	float: left;
	margin-bottom: 10px;
}

.m-features li a {
	display: inline-block;
	padding: 0 12px;
	line-height: 30px;
	font-size: 14px;
}

.m-features li a p {
	line-height: 23px;
	color: #999;
	font-size: 14px;
}

.m-features li span {
	display: inline-block;
	float: left;
	margin-right: 20px;
	clear: both;
	width: 84px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 42px;
	color: #00b1f0;
	background: url(../images/round.gif) no-repeat center center;
}

.m-features li.active a {
	color: #00b1f0;
}

.m-features li.active span {
	border: 1px solid #00b1f0;
}


/*帮助链接*/

.m-helplinks {
	float: right;
	margin-top: 30px;
	height: 34px;
	line-height: 34px;
}

.m-helplinks li {
	position: relative;
	z-index: 500;
	padding-left: 10px;
	float: left;
	font-size: 14px;
	text-align: center;
}

.m-helplinks li a {
	padding-right: 10px;
	font-size: 14px;
}

.m-helplinks li span {
	position: absolute;
	left: -1px;
	top: 34px;
	display: none;
	width: 76px;
	border: 1px solid #E7E7E7;
	border-bottom: 0;
}

.m-helplinks li span a {
	display: inline-block;
	width: 100%;
	padding: 0;
	background: #FAFAFA;
	border-bottom: 1px solid #E7E7E7;
}

.m-helplinks li i {
	color: #E7E7E7;
	padding-left: 10px;
}

.m-helplinks li:hover span {
	position: absolute;
	display: block;
}


/*版权声明*/

.m-copyright {
	padding: 30px 0;
}

.m-copyright p {
	display: block;
	padding: 10px 0;
	color: #999;
	text-align: center;
}

.m-copyright p a {
	font-size: 14px;
	padding: 0 10px;
}


/*2、3、4、5步骤*/

.m-step {
	position: relative;
	zoom: 1;
	height: 55px;
	margin: 50px 75px;
	margin-bottom: 40px;
	border-top: 5px solid #CCC;
}

.m-step.two {
	margin: 50px 300px;
}

.m-step .line {
	position: absolute;
	top: -5px;
	left: 0;
	height: 5px;
	width: 0;
	background: #00b1f0;
}

.m-step .line.on-2-2 {
	width: 100%;
}

.m-step .line.on-3-2 {
	width: 50%;
}

.m-step .line.on-3-3 {
	width: 100%;
}

.m-step .line.on-4-2 {
	width: 33.33333333%;
}

.m-step .line.on-4-3 {
	width: 66.66666666%;
}

.m-step .line.on-4-4 {
	width: 100%;
}

.m-step .line.on-5-2 {
	width: 25%;
}

.m-step .line.on-5-3 {
	width: 50%;
}

.m-step .line.on-5-4 {
	width: 75%;
}

.m-step .line.on-5-5 {
	width: 100%;
}

.m-step i {
	display: block;
	width: 38px;
	height: 22px;
	margin: 0 auto;
	padding: 8px 0;
	font-size: 19px;
	color: #fff;
	text-align: center;
	background: url(../images/round-gray.png) no-repeat center center;
}

.m-step span {
	display: block;
	padding-top: 15px;
	text-align: center;
	font-size: 17px;
	color: #CCC;
}

.m-step .active i {
	background: url(../images/round-blue.png) no-repeat center center;
	color: #fff;
}

.m-step .active span {
	color: #00b1f0;
}

.m-step .two-1,
.m-step .two-2,
.m-step .three-1,
.m-step .three-2,
.m-step .three-3,
.m-step .four-1,
.m-step .four-2,
.m-step .four-3,
.m-step .four-4,
.m-step .five-1,
.m-step .five-2,
.m-step .five-3,
.m-step .five-4,
.m-step .five-5 {
	width: 140px;
	position: absolute;
	margin-left: -70px;
	left: 0;
	top: -22px;
}

.m-step .two-2 {
	left: 100%;
}

.m-step .three-2 {
	left: 50%;
}

.m-step .three-3 {
	left: 100%;
}

.m-step .four-2 {
	left: 33.33333333%;
}

.m-step .four-3 {
	left: 66.66666666%;
}

.m-step .four-4 {
	left: 100%;
}

.m-step .five-2 {
	left: 25%;
}

.m-step .five-3 {
	left: 50%;
}

.m-step .five-4 {
	left: 75%;
}

.m-step .five-5 {
	left: 100%;
}


/*表单*/

.m-form {
	width: 100%;
	background: #fff;
}

.m-form .ipt {
	position: relative;
	width: 282px;
	margin: 0 auto;
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 42px;
	clear: both;
}

.m-form .ipt input {
	width: 264px;
	height: 40px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 40px;
	border: 1px solid #CCC;
}
.m-form .ipt textarea{
	width: 400px;
	height: 150px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 23px;
	border: 1px solid #CCC;
}
.m-form .ipt label {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 290px;
	width: 300px;
	height: 42px;
	line-height: 42px;
	text-align: right;
}

.m-form .ipt span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 290px;
	width: 400px;
	height: 42px;
	line-height: 42px;
	text-align: left;
}

.m-form .ipt em.blue {
	color: #00b1f0;
}

.m-form .ipt-code {
	height: 42px;
}

.m-form .ipt-code input {
	width: 140px;
	position: absolute;
	left: 0;
}

.m-form .ipt-code img {
	width: 110px;
	height: 40px;
	position: absolute;
	right: 0;
	border: 1px solid #00b1f0;
	cursor: pointer;
}

.m-form .ipt-code a.btn {
	display: inline-block;
	width: 110px;
	position: absolute;
	right: 0;
	color: #fff;
	text-align: center;
	line-height: 42px;
	background: #00b1f0;
	border-radius: 3px;
	cursor: pointer;
}

.m-form .ipt-code a.btn.active {
	display: inline-block;
	width: 145px;
	position: absolute;
	right: -35px;
	color: #999;
	font-family: simsun;
	text-align: center;
	line-height: 40px;
	background: #f3f3f3;
	border: 1px solid #CCC;
	border-radius: 0px;
	cursor: pointer;
}

.m-form .ipt-check {
	padding: 0;
	margin-bottom: 30px;
	height: 20px;
	line-height: 20px;
	text-indent: 20px;
}

.m-form .ipt-check .u-checkbox {
	position: absolute;
	left: 0;
	*top: 1px;
}

.m-form .ipt-check input {
	width: 18px;
	height: 18px;
}

.m-form .ipt-check a {
	color: #00b1f0;
}

.m-form .ipt-line {
	margin-bottom: 0;
}

.m-form .ipt span a {
	color: #3366CC;
}

.m-form .ipt-info {
	margin-top: -10px;
	margin-bottom: 20px;
	line-height: 20px;
}

.m-form .ipt-info i {
	padding-right: 5px;
	color: #00b1f0;
}
.m-form .ipt-btn input{
	display: block;
	width: 100%;
	line-height: 50px;
	height:50px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background: #00b1f0;
	border:0;
	border-radius: 3px;
}
.m-menu {
	width: 980px;
	padding-left: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #c4c4c4;
}
.m-menu li{
	position: relative;
	bottom: -1px;
	width: 130px;
	height: 50px;
	float: left;
	line-height: 50px;
	text-align: center;
	margin-right: 8px;
	border:1px solid #c4c4c4;
}
.m-menu li.active{
	border-top: 3px solid #66d6fe;
	height: 48px;
	border-bottom: 1px solid #fff;
}
.m-menu li a{
	font-size: 16px;
}
.m-panigation {
	padding: 50px 0 70px;
	text-align: center;
}

.m-panigation a {
	display: inline-block;
	line-height: 25px;
	padding: 0 8px;
	margin-left: 5px;
	font-size: 14px;
	border:1px solid #ddd;
}

.m-panigation a.active {
	border:1px solid #66d6fe;
}

.m-sidebar {
	position:fixed;
	right:5px;
	top:20%;
	z-index:2000;
	border:1px solid #e4e4e4;
	background:#f8f8f8;
}
.m-sidebar li {
	position:relative;
	padding:10px 20px;
	text-align:center;
	border-bottom:1px solid #e4e4e4;
}
.m-sidebar li img {
	padding:20px;
	padding-right:40px;
	position:absolute;
	left:-185px;
	top:0;
	display:none;
	background: url(../images/prbg.png) no-repeat;
}
.m-sidebar a {
	padding-top:28px;
	position:relative;
	display:block;
	color:#888;
	background: url(../images/icon.png) no-repeat;
}
.m-sidebar a:hover {
	opacity: .4;
 -webkit-transition: background .5s, opacity .5s;
 -moz-transition: background .5s, opacity .5s;
 transition: background .5s, opacity .5s;
}
.m-sidebar .sj a {
	background-position:10px 0;
}
.m-sidebar .wx a {
	background-position:10px -57px;
}
.m-sidebar .qq a {
	background-position:10px -114px;
}
.m-sidebar .ww a {
	background-position:10px -167px;
}
.m-sidebar .tp a {
	padding-top:15px;
	background-position:12px -228px;
}