a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,
ul {
	list-style: none
}

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

caption,
td,
th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}

blockquote,
q {
	quotes: none
}

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

a img {
	border: none
}
img[src*='https://hmcdn.baidu.com/']{display: none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

*,
a,
body,
html,
p {
	list-style-type: none;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration: none;
	color: inherit;
	color: #3f3f3f
}

input[type=text],
input[type=password] {
	box-sizing: border-box;
	-webkit-appearance: none
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	font-size: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

a:link,
a:visited {
	text-decoration: none;
	color: #3f3f3f
}

a:active,
a:hover {
	color: #ff7852
}
.slidesjs-container{height: 600px!important;}
.slidesjs-container li{min-height: 600px!important;max-height: 600px!important;}
.slidesjs-container li a{display: block;height: 600px!important;}
.body-wrap {
	position: relative
}

.header {
	background-color: #fff
}

.header .head-top {
	height: 35px;
	line-height: 35px;
	background-color: #f5f5f5;
	position: relative;
	z-index: 90
}

.header .head-top .head-top-wrap {
	width: 1200px;
	margin: 0 auto
}

.header .head-top .head-top-wrap .head-top-con {
	float: right
}

.header .head-top .head-top-wrap .head-top-con span {
	padding: 0 10px;
	font-size: 12px;
	/*background: url(../images/icon/icon-line.png) no-repeat right center;*/
	color: #888
}

.header .head-top .head-top-wrap .head-top-con span b {
	color: #3f3f3f;
	margin-left: 10px;
	font-size: 12px
}

.header .head-top .head-top-wrap .head-top-con span a {
	margin-left: 10px
}

.header .head-top .head-top-wrap .head-top-con .online {
	background: 0 0;
	padding-right: 0
}

.header .head-top .head-top-wrap .head-top-con .online a {
	display: inline-block;
	height: 15px;
	width: 16px;
	background: url(../images/icon/icon-qq.png) no-repeat center
}

.header .head-top .head-top-wrap .head-top-con .message {
	background: 0 0;
	padding-right: 0
}

.header .head-top .head-top-wrap .head-top-con .message a {
	color: #888;
	margin-left: 0
}

.header .head-top .head-top-wrap .head-top-con .message a:hover {
	color: #ff7852
}

.header .head-wrap {
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
	margin: 0 auto;
	position: relative;
	z-index: 89;
	border-bottom: 1px solid #ddd;
}

.header .head-wrap .head-logo {
	position: relative;
	z-index: 90;
	width: 226px;
	height: 58px;
	float: left;
	padding: 17px 0 15px
}

.header .head-wrap .head-logo .logo-link img {
	width: 100%;
	vertical-align: middle
}

.header .head-wrap .header-mune-list-wrap {
	position: relative;
	z-index: 88;
	float: right;
	padding-right: 10px
}

.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item {
	float: left;
	margin-left: 40px;
	height: 90px;
	line-height: 90px
}

.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item:hover {
	background: url(../images/icon/menu-h-bg.png) repeat-x center 87px
}

.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item .header-mune-link {
	font-size: 15px;
	color: #888;
	display: inline-block;
	height: 100%
}

.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item .header-mune-link:hover {
	color: #ff7852
}

.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item.current {
	background: url(../images/icon/menu-h-bg.png) repeat-x center 87px
}

.header .head-wrap .header-mune-list-wrap .header-mune-list .header-mune-item.current .header-mune-link {
	color: #ff7852
}

.header .head-wrap .header-menu-bg {
	display: none;

}

.header .head-wrap .header-sec-menu {
	width: 1200px;
	position: absolute;
	bottom: 10px;
	left: 0;
	height: 90px;
	z-index: 80
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap {
	height: 90px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap ul li {
	float: left;
	line-height: 94px;
	margin-right: 65px;
	width: 70px;
	overflow: hidden
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap ul li a {
	font-size: 12px;
	color: #888
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap ul li a:hover {
	color: #ff7852
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .develop-type-sec {
	padding-left: 490px
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec {
	padding-left: 410px
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li {
	margin-top: 20px;
	height: 70px
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li a {
	padding-top: 40px
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-ios {
	background: url(../images/icon/menu-ap.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-ios:hover {
	background: url(../images/icon/menu-ap-h.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-an {
	background: url(../images/icon/menu-an.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-an:hover {
	background: url(../images/icon/menu-an-h.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-wx {
	background: url(../images/icon/menu-wx.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-wx:hover {
	background: url(../images/icon/menu-wx-h.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-ht {
	background: url(../images/icon/menu-ht.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-ht:hover {
	background: url(../images/icon/menu-ht-h.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-pc {
	background: url(../images/icon/menu-pc.png) no-repeat top center
}

.header .head-wrap .header-sec-menu .header-sec-item-wrap .platform-sec li .header-sec-menu-link-pc:hover {
	background: url(../images/icon/menu-pc-h.png) no-repeat top center
}

.header .head-wrap .header-sec-menu-bg {
	border-top: 1px solid #e3e2e3;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 90px;
	width: 1920px;
	background-color: #fdfdfd;
	z-index: -2;
	box-shadow: 0 2px 3px #3f3f3f
}

.body-wrap {
	overflow-x: inherit
}

.banner {
	background-color: #f5f5f5;
	position: relative;
	max-width: 1920px;
	margin: 0 auto
}

.banner:hover .slides .slidesjs-previous {
	display: inline-block
}

.banner:hover .slides .slidesjs-next {
	display: inline-block
}

.banner .slides .slides-list {
	margin: 0 auto
}

.banner .slides .slides-list .slides-item {
	max-width: 1920px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0
}

.banner .slides .slides-list .slides-item .slides-link img {
	width: 1920px;
	vertical-align: middle;
	position: relative;
	left:50%;
	margin-left: -960px;
}

.banner .slides .slidesjs-previous {
	z-index: 88;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left:50%!important;
	margin-left: -600px;
	margin-top: -24px;
	display: none;
	text-indent: -9999px;
	height: 48px;
	width: 47px;
	background: url(../images/icon/banner-prev.png) no-repeat center
}

.banner .slides .slidesjs-previous:hover {
	background: url(../images/icon/banner-prev-h.png) no-repeat center
}

.banner .slides .slidesjs-next {
	z-index: 88;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left:50%!important;
	margin-left:553px;
	margin-top: -24px;
	display: none;
	text-indent: -9999px;
	height: 48px;
	width: 47px;
	background: url(../images/icon/banner-next.png) no-repeat center
}

.banner .slides .slidesjs-next:hover {
	background: url(../images/icon/banner-next-h.png) no-repeat center
}

.other-banner {
	position: relative;
	height: auto;
}

.other-banner .banner-wrap {

	
}

.other-banner .banner-wrap img {
	width: 100%;
	display: block;
}

.crumbs {
	padding-top: 20px;
	font-size: 12px;
	position: relative;
	z-index: 2;
	height: 20px;
	line-height: 20px
}

.crumbs ul li {
	float: left
}

.crumbs a {
	color: #888
}

.crumbs a:hover {
	color: #ff7852
}

.crumbs span {
	margin: 0 5px;
	line-height: 1;
	color: #888
}

.crumbs b {
	color: #3f3f3f
}

.wrap {
	width: 1200px;
	margin: 0 auto
}

.home-main {
	background-color: #f5f5f5
}

.home-main .home-main-wrap {
	width: 1180px;
	margin: 0 auto
}

.home-main .home-main-wrap .sunn-data {
	padding: 55px 0 65px;
	width: 1180px;
	overflow: hidden
}

.home-main .home-main-wrap .sunn-data .data-list {
	width: 1200px;
	height: 320px
}

.home-main .home-main-wrap .sunn-data .data-list .data-item {
	float: left;
	margin-right: 20px;
	height: 320px;
	width: 280px;
	background: url(../images/icon/data-bg.png) no-repeat center 180px;
	background-color: #eac02e
}

@-webkit-keyframes wobble-vertical {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes wobble-vertical {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical {
	display: inline-block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent
}

.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical:active,
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical:focus,
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical:hover {
	-webkit-animation-name: wobble-vertical;
	animation-name: wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .wobble-vertical-son {
	display: inline-block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-animation-name: wobble-vertical;
	animation-name: wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

@keyframes buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .buzz-out {
	display: inline-block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent
}

.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .buzz-out:active,
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .buzz-out:focus,
.home-main .home-main-wrap .sunn-data .data-list .data-item:hover .buzz-out:hover {
	-webkit-animation-name: buzz-out;
	animation-name: buzz-out;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.home-main .home-main-wrap .sunn-data .data-list .data-item .data-item-wrap {
	padding-top: 55px;
	text-align: center
}

.home-main .home-main-wrap .sunn-data .data-list .data-item .data-item-wrap .data-item-img {
	width: 230px;
	margin: 0 auto;
	height: 94px;
	position: relative;
	top: 0
}

.home-main .home-main-wrap .sunn-data .data-list .data-item .data-item-wrap .data-item-img img {

	vertical-align: middle;
	height: 85px;
	display: inline-block;
}

.home-main .home-main-wrap .sunn-data .data-list .data-item .data-item-wrap .heading {
	margin-top: 75px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	font-weight: 800
}

.home-main .home-main-wrap .sunn-data .data-list .data-item .data-item-wrap p {
	margin-top: 15px;
	color: #fff;
	font-size: 14px;
	text-align: center
}

.home-main .home-main-wrap .sunn-data .data-list .data-item-first .data-item-wrap .data-item-img {
	width: 73px
}

.home-main .home-main-wrap .sunn-data .data-list .data-item-sec {
	background-color: #ff7171
}

.home-main .home-main-wrap .sunn-data .data-list .data-item-sec .data-item-wrap .data-item-img {
	width: 160px
}

.home-main .home-main-wrap .sunn-data .data-list .data-item-three {
	background-color: #56a5c1
}

.home-main .home-main-wrap .sunn-data .data-list .data-item-three .data-item-wrap .data-item-img {

}

.home-main .home-main-wrap .sunn-data .data-list .data-item-four {
	background-color: #1fd8e3
}

.home-main .home-main-wrap .sunn-data .data-list .data-item-four .data-item-wrap .data-item-img {
	padding: 7px 0
}

.home-main .home-main-wrap .service {
	position: relative;
	height: 555px;
	z-index: 1
}

.home-main .home-main-wrap .service .service-wrap {
	padding-top: 75px;
	position: relative;
	z-index: 3
}

.home-main .home-main-wrap .service .service-wrap .title-top {
	margin-bottom: 50px
}

.home-main .home-main-wrap .service .service-wrap .title-top .title-con {
	text-align: center;
	width: 350px;
	margin: 0 auto
}

.home-main .home-main-wrap .service .service-wrap .title-top .title-con h2 a {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.home-main .home-main-wrap .service .service-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	padding-top: 0
}

.home-main .home-main-wrap .service .service-wrap .title-top .title-con .title-btn {
	display: block;
	width: 350px;
	margin: 20px auto 13px;
	height: 4px;
	text-align: center;
	background: url(../images/icon/title-btm-bg-w.png) repeat-x bottom
}

.home-main .home-main-wrap .service .service-wrap .title-top .title-con .title-btn span {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 4px;
	background: url(../images/icon/title-btm-bg.png) repeat-x
}

.home-main .home-main-wrap .service .service-wrap .title-top p {
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	text-align: center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item {
	width: 236px;
	float: left;
	text-align: center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon a {
	background: url(../images/icon/service01-h.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-an a {
	background: url(../images/icon/service02-h.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-wx a {
	background: url(../images/icon/service03-h.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-ht a {
	background: url(../images/icon/service04-h.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-web a {
	background: url(../images/icon/service05-h.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-xcx a {
	background: url(../images/icon/service06-h.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover h3 a {
	color: #fe7100
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon {
	text-align: center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon a {
	display: inline-block;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	background: url(../images/icon/service01.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-an a {
	background: url(../images/icon/service02.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-wx a {
	background: url(../images/icon/service03.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-ht a {
	background: url(../images/icon/service04.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-web a {
	background: url(../images/icon/service05.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-xcx a {
	background: url(../images/icon/service06.png) no-repeat center
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item h3 {
	margin: 25px 0 15px
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item h3 a {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 600
}

.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	padding: 0 10px
}

.home-main .home-main-wrap .service .service-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 555px;
	width: 1920px;
	background: #fff
}

.home-main .home-main-wrap .appcase .appcase-warp {
	padding: 80px 0 60px
}

.home-main .home-main-wrap .appcase .appcase-warp .title-top {
	margin-bottom: 50px
}

.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con {
	text-align: center;
	width: 350px;
	margin: 0 auto
}

.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con h2 a {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	padding-top: 0
}

.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con .title-btn {
	display: block;
	width: 350px;
	margin: 20px auto 13px;
	height: 4px;
	text-align: center;
	background: url(../images/icon/title-btm-bg-w.png) repeat-x bottom
}

.home-main .home-main-wrap .appcase .appcase-warp .title-top .title-con .title-btn span {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 4px;
	background: url(../images/icon/title-btm-bg.png) repeat-x
}

.home-main .home-main-wrap .appcase .appcase-warp .title-top p {
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	text-align: center
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-title-list {
	text-align: center;
	margin-bottom: 40px
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-title-list a {
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 4px;
	color: #666;
	background-color: #e9e9e9
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-title-list a:hover {
	color: #fff;
	background-color: #fe7100
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-title-list a.current {
	color: #fff;
	background-color: #fe7100
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con {
	width: 1180px;
	overflow: hidden
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list {
	width: 9999px;
	position: relative
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item {
	float: left;
	width: 290px;
	margin-right: 6px
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom {
	background-color: #e5e5e5
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-img span {
	background: url(../images/icon/case-ch-icon-h.png) no-repeat center
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img {
	width: 290px;
	height: 240px;
	position: relative
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img a img {
	width: 100%;
	vertical-align: middle
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img span {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 33px;
	width: 18px;
	height: 9px;
	background: url(../images/icon/case-ch-icon.png) no-repeat center
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom {
	padding: 10px 0 15px 20px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-top: none
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title span {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 29px;
	color: #888;
	font-size: 12px
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title a {
	font-size: 14px;
	line-height: 29px;
	width: 220px;
	font-weight: 700;
	border-bottom: 1px solid #dcdcdc;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	overflow: hidden
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content {
	margin-top: 5px
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .label {
	display: inline-block;
	vertical-align: top;
	color: #888;
	font-size: 12px;
	line-height: 22px
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .con {
	height: 44px;
	line-height: 22px;
	font-size: 12px;
	color: #888;
	width: 220px;
	border-bottom: 1px solid #dcdcdc;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 5px
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more {
	padding-top: 40px;
	text-align: center
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more span {
	display: inline-block;
	height: 32px;
	width: 32px;
	cursor: pointer
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more .prev {
	background: url(../images/icon/case-prev.png) no-repeat center;
	background-color: #9d9d9d
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more .prev:hover {
	background-color: #fe7100
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more .next {
	background: url(../images/icon/case-next.png) no-repeat center;
	background-color: #9d9d9d
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-con .case-more .next:hover {
	background-color: #fe7100
}

.home-main .home-main-wrap .process {
	position: relative;
	height: 747px;
	z-index: 1
}

.home-main .home-main-wrap .process .process-wrap {
	padding-top: 75px;
	position: relative;
	z-index: 3
}

.home-main .home-main-wrap .process .process-wrap .title-top {
	margin-bottom: 50px
}

.home-main .home-main-wrap .process .process-wrap .title-top .title-con {
	text-align: center;
	width: 350px;
	margin: 0 auto
}

.home-main .home-main-wrap .process .process-wrap .title-top .title-con h2 a {
	color: #fff;
	font-size: 32px;
	font-weight: 700
}

.home-main .home-main-wrap .process .process-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #a2a6b8;
	padding-top: 0
}

.home-main .home-main-wrap .process .process-wrap .title-top .title-con .title-btn {
	display: block;
	width: 350px;
	margin: 20px auto 13px;
	height: 4px;
	text-align: center;
	background: url(../images/icon/title-btm-bg-w02.png) repeat-x bottom
}

.home-main .home-main-wrap .process .process-wrap .title-top .title-con .title-btn span {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 4px;
	background: url(../images/icon/title-btm-bg.png) repeat-x
}

.home-main .home-main-wrap .process .process-wrap .title-top p {
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	text-align: center
}

.home-main .home-main-wrap .process .process-choose {
	position: absolute;
	width: 70px;
	height: 70px;
	z-index: 10;
	border-radius: 35px
}

.home-main .home-main-wrap .process .process-choose .sec-item {
	position: absolute;
	display: none;
	z-index: 8
}

.home-main .home-main-wrap .process .demand {
	bottom: 195px;
	left: 47px
}

.home-main .home-main-wrap .process .demand .process-choose-link {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background: url(../images/process-demand-bg.png) no-repeat center;
	position: relative;
	z-index: 9
}

.home-main .home-main-wrap .process .demand .demand-sec {
	top: -70px;
	left: -100px;
	background: url(../images/icon/need-icon.png) no-repeat center;
	width: 135px;
	height: 177px
}

.home-main .home-main-wrap .process .ps {
	top: 265px;
	left: 376px
}

.home-main .home-main-wrap .process .ps .process-choose-link {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background: url(../images/process-ps-bg.png) no-repeat center;
	position: relative;
	z-index: 9
}

.home-main .home-main-wrap .process .ps .ps-sec {
	top: 35px;
	left: -102px;
	background: url(../images/icon/ps-icon.png) no-repeat center;
	width: 280px;
	height: 146px
}

.home-main .home-main-wrap .process .qd {
	top: 401px;
	left: 629px
}

.home-main .home-main-wrap .process .qd .process-choose-link {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background: url(../images/process-qd-bg.png) no-repeat center;
	position: relative;
	z-index: 9
}

.home-main .home-main-wrap .process .qd .qd-sec {
	top: 35px;
	left: -74px;
	background: url(../images/icon/qianduan-cion.png) no-repeat center;
	width: 208px;
	height: 109px
}

.home-main .home-main-wrap .process .hd {
	top: 297px;
	right: 295px
}

.home-main .home-main-wrap .process .hd .process-choose-link {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background: url(../images/process-hd-bg.png) no-repeat center;
	position: relative;
	z-index: 9
}

.home-main .home-main-wrap .process .hd .hd-sec {
	top: 35px;
	left: -54px;
	background: url(../images/icon/houduan-icon.png) no-repeat center;
	width: 178px;
	height: 124px
}

.home-main .home-main-wrap .process .test {
	bottom: 252px;
	right: 70px
}

.home-main .home-main-wrap .process .test .process-choose-link {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background: url(../images/process-test-bg.png) no-repeat center;
	position: relative;
	z-index: 9
}

.home-main .home-main-wrap .process .test .test-sec {
	top: -96px;
	left: -53px;
	background: url(../images/icon/test-icon.png) no-repeat center;
	width: 175px;
	height: 126px
}

.home-main .home-main-wrap .process .on {
	bottom: 132px;
	right: 260px
}

.home-main .home-main-wrap .process .on .process-choose-link {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background: url(../images/process-on-bg.png) no-repeat center;
	position: relative;
	z-index: 9
}

.home-main .home-main-wrap .process .on .on-sec {
	top: -96px;
	left: 0;
	background: url(../images/icon/sx-icon.png) no-repeat center;
	width: 73px;
	height: 137px
}

.home-main .home-main-wrap .process .process-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 747px;
	width: 1920px;
	background: url(../images/process-bg.png) no-repeat center
}

.about-us {
	position: relative;
	height: 640px;
	z-index: 1
}

.about-us .about-us-wrap {
	padding-top: 75px;
	position: relative;
	z-index: 3
}

.about-us .about-us-wrap .title-top {
	margin-bottom: 50px
}

.about-us .about-us-wrap .title-top .title-con {
	text-align: center;
	width: 350px;
	margin: 0 auto
}

.about-us .about-us-wrap .title-top .title-con h2 a {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.about-us .about-us-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	padding-top: 0
}

.about-us .about-us-wrap .title-top .title-con .title-btn {
	display: block;
	width: 350px;
	margin: 20px auto 13px;
	height: 4px;
	text-align: center;
	background: url(../images/icon/title-btm-bg-w.png) repeat-x bottom
}

.about-us .about-us-wrap .title-top .title-con .title-btn span {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 4px;
	background: url(../images/icon/title-btm-bg.png) repeat-x
}

.about-us .about-us-wrap .title-top p {
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	text-align: center
}

.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item {
	float: left;
	border: 1px solid #dcdcdc;
	margin-left: -1px;
	width: 293px
}

.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item:hover .about-con-img span {
	display: inline-block
}

.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img {
	height: 221px;
	width: 293px;
	position: relative
}

.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img a img {
	width: 100%;
	vertical-align: middle
}

.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img span {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/aboutus-ch.png) no-repeat center;
	background-color: #fb7b57;
	opacity: .9;
	filter: alpha(opacity=90);
	cursor: pointer
}

.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom {
	text-align: center
}

.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom h3 {
	color: #3f3f3f;
	font-size: 18px;
	font-weight: 700;
	padding-top: 15px
}

.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom p {
	color: #888;
	font-size: 14px;
	padding: 10px 0 20px
}

.about-us .about-us-wrap .about-us-con .about-us-list .first {
	margin-left: 0
}

.about-us .about-us-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 640px;
	width: 1920px;
	background: #fff
}

#hcus.contact-us {
	position: relative;
	height: 716px;
	z-index: 1
}

#hcus.contact-us .contact-us-wrap {
	padding-top: 75px;
	position: relative;
	z-index: 3;
	width: 1062px;
	margin: 0 auto
}

#hcus.contact-us .contact-us-wrap .title-top {
	padding-bottom: 28px;
	background: url(../images/contact-us-top-bg.png) no-repeat bottom center
}

#hcus.contact-us .contact-us-wrap .title-top .title-con {
	text-align: center;
	width: 350px;
	margin: 0 auto
}

#hcus.contact-us .contact-us-wrap .title-top .title-con h2 a {
	color: #fff;
	font-size: 32px;
	font-weight: 700
}

#hcus.contact-us .contact-us-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #707682;
	padding-top: 0
}

#hcus.contact-us .contact-us-wrap .title-top .title-con .title-btn {
	display: block;
	width: 350px;
	margin: 20px auto 13px;
	height: 4px;
	text-align: center;
	background: url(../images/icon/title-btm-bg-w02.png) repeat-x bottom
}

#hcus.contact-us .contact-us-wrap .title-top .title-con .title-btn span {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 4px;
	background: url(../images/icon/title-btm-bg.png) repeat-x
}

#hcus.contact-us .contact-us-wrap .title-top p {
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	text-align: center
}

#hcus.contact-us .contact-us-wrap .title-top .contact-us-tel {
	margin-top: 15px;
	height: 35px;
	background: url(../images/contact-us-top-tel.png) no-repeat center
}

#hcus.contact-us .contact-us-wrap .contact-us-con {
	margin-top: 70px
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-left {
	float: left;
	width: 440px
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form input {
	width: 100%;
	border: 1px solid #707682;
	background-color: transparent;
	height: 45px;
	padding: 10px;
	font-size: 18px;
	outline: 0;
	color: #696d77;
	margin-bottom: 5px
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form .message-con {
	background-color: transparent;
	outline: 0;
	margin-bottom: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
	resize: none;
	overflow-y: hidden;
	padding: 10px;
	font-size: 18px;
	height: 115px;
	width: 100%;
	border: 1px solid #707682;
	color: #696d77
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form .message-submit {
	outline: 0;
	border: none;
	width: 100%;
	color: #3f3f3f;
	cursor: pointer;
	padding: 0;
	line-height: 45px;
	background-color: #bec4d4
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right {
	 margin-left: 440px;
	padding: 20px 0 0 70px
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right p {
	font-size: 14px;
	color: #707682;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	margin-bottom: 9px;
	background: url(../images/icon/contact-us-icon.png) no-repeat 0 0
}
#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right p:nth-child(3){margin-top: 30px}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .tel {
	background-position: 0 -30px
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .email {
	background-position: 0 -60px
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .person {
	background-position: 0 -90px
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .subway {
	background-position: 0 -120px
}

#hcus.contact-us .contact-us-wrap .contact-us-con .contact-us-right .car {
	background-position: 0 -150px
}

#hcus.contact-us .contact-us-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 716px;
	width: 1920px;
	background: url(../images/contact-us-bg.png) no-repeat center
}

.home-main .home-main-wrap .faq-comment {
	position: relative;
	height: 675px;
	z-index: 1
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap {
	padding-top: 95px;
	position: relative;
	z-index: 3
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq {
	width: 542px;
	float: left
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq .title {
	font-size: 14px;
	color: #888;
	margin-bottom: 35px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq .title b {
	font-size: 28px;
	margin-right: 10px;
	color: #3f3f3f
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li {
	margin-bottom: 35px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li h3 {
	margin-left: 35px;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
	line-height: 26px;
	padding-bottom: 5px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li h3 a {
	font-size: 20px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li h3 span {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/icon/question-icon.png) no-repeat center;
	position: absolute;
	top: 0;
	left: -35px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li p {
	font-size: 12px;
	line-height: 22px;
	color: #888;
	padding-left: 35px;
	background: url(../images/icon/answer-icon.png) no-repeat left center;
	margin-top: 5px;
	height: 44px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment {
	width: 545px;
	float: right
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .title {
	font-size: 14px;
	color: #888;
	margin-bottom: 50px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .title b {
	font-size: 28px;
	margin-right: 10px;
	color: #3f3f3f
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top {
	width: 545px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item {
	position: relative;
	float: left;
	width: 130px;
	margin: 0 3px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item:hover a span {
	background: url(../images/icon/comment-top-icon-h.png) no-repeat center
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item a {
	display: inline-block;
	height: 130px;
	width: 130px;
	position: relative;
	z-index: 8
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item a img {
	width: 120px;
	height: 120px;
	display: inline-block;
	margin: 5px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item a span {
	z-index: 10;
	display: inline-block;
	height: 130px;
	width: 130px;
	background: url(../images/icon/comment-top-icon.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .comment-top-item .btm-ch {
	display: none;
	width: 12px;
	height: 8px;
	background: url(../images/icon/comment-top-icon-ch.png) no-repeat center;
	position: absolute;
	bottom: -35px;
	left: 50%;
	margin-left: -6px;
	z-index: 10
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .current.comment-top-item a span {
	background: url(../images/icon/comment-top-icon-h.png) no-repeat center
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-top .comment-top-list .current.comment-top-item .btm-ch {
	display: inline-block
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-bottom {
	position: relative;
	z-index: 5;
	margin-top: 35px;
	border-top: 3px solid #fe7100
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-bottom a {
	display: inline-block;
	padding: 10px 0 10px;
	margin: 15px 0;
	font-size: 18px
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-bottom p {
	color: #888;
	font-size: 14px;
	line-height: 24px;
	text-indent: 2em
}

.home-main .home-main-wrap .faq-comment .faq-comment-wrap .right-comment .comment-wrap .comment-bottom .com-title .com-time {
	float: right;
	display: block;
	padding: 10px 0 10px;
	margin: 15px 0
}

#com-zp.comment-wrap .comment-top {
	width: 545px
}

#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item {
	position: relative;
	float: left;
	width: 130px;
	margin: 0 3px
}

#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item:hover .user-pic span {
	background: url(../images/icon/comment-top-icon-h.png) no-repeat center
}

#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item .user-pic {
	display: inline-block;
	height: 130px;
	width: 130px;
	position: relative;
	z-index: 8
}

#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item .user-pic img {
	width: 120px;
	height: 120px;
	display: inline-block;
	margin: 5px
}

#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item .user-pic span {
	z-index: 10;
	display: inline-block;
	height: 130px;
	width: 130px;
	background: url(../images/icon/comment-top-icon.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0
}

#com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item .btm-ch {
	display: none;
	width: 12px;
	height: 8px;
	background: url(../images/icon/comment-top-icon-ch.png) no-repeat center;
	position: absolute;
	bottom: -35px;
	left: 50%;
	margin-left: -6px;
	z-index: 10
}

#com-zp.comment-wrap .comment-top .comment-top-list .current.comment-top-item a span {
	background: url(../images/icon/comment-top-icon-h.png) no-repeat center
}

#com-zp.comment-wrap .comment-top .comment-top-list .current.comment-top-item .btm-ch {
	display: inline-block
}

#com-zp.comment-wrap .comment-bottom {
	position: relative;
	z-index: 5;
	margin-top: 35px;
	border-top: 3px solid #fe7100
}

#com-zp.comment-wrap .comment-bottom a {
	display: inline-block;
	padding: 10px 0 10px;
	margin: 15px 0;
	font-size: 18px
}

#com-zp.comment-wrap .comment-bottom p {
	color: #888;
	font-size: 14px;
	line-height: 24px;
	text-indent: 2em
}

#com-zp.comment-wrap .comment-bottom .com-title .com-time {
	float: right;
	display: block;
	padding: 10px 0 10px;
	margin: 15px 0
}

.home-main .home-main-wrap .faq-comment .faq-comment-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 675px;
	width: 1920px;
	background: #fff
}

.home-main .home-main-wrap .top-news {
	position: relative;
	height: 655px;
	z-index: 1
}

.home-main .home-main-wrap .top-news a:link,
.home-main .home-main-wrap .top-news a:visited {
	text-decoration: none;
	color: #b6bdda
}

.home-main .home-main-wrap .top-news a:active,
.home-main .home-main-wrap .top-news a:hover {
	color: #fb7957
}

.home-main .home-main-wrap .top-news .top-news-wrap {
	padding-top: 75px;
	position: relative;
	z-index: 3
}

.home-main .home-main-wrap .top-news .top-news-wrap .title-top {
	margin-bottom: 40px
}

.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con {
	text-align: center;
	width: 350px;
	margin: 0 auto
}

.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con h2 a {
	color: #fff;
	font-size: 32px;
	font-weight: 700
}

.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #707682;
	padding-top: 0
}

.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con .title-btn {
	display: block;
	width: 350px;
	margin: 20px auto 13px;
	height: 4px;
	text-align: center;
	background: url(../images/icon/title-btm-bg-w02.png) repeat-x bottom
}

.home-main .home-main-wrap .top-news .top-news-wrap .title-top .title-con .title-btn span {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 4px;
	background: url(../images/icon/title-btm-bg.png) repeat-x
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con {
	width: 1180px;
	overflow: hidden
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap {
	width: 1236px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item {
	float: left;
	margin-right: 65px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item h3 {
	margin-bottom: 40px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item h3 b {
	font-size: 24px;
	color: #fff
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li {
	width: 347px;
	height: 45px;
	line-height: 45px;
	overflow: hidden
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li h4 a {
	font-size: 14px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li p {
	font-size: 12px;
	color: #707682;
	margin-top: 8px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li .leftitle {
	width: 255px;
	float: left;
	overflow: hidden
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul li .rightime {
	width: 70px;
	float: right;
	text-align: right;
	color: #b6bdda;
	font-size: 13px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first {
	height: 100px;
	line-height: 20px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first .news-img {
	float: left;
	width: 120px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first .news-img img {
	width: 100%
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first .right {
	float: right;
	width: 217px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first p {
	margin-top: 15px;
	line-height: 20px
}

.home-main .home-main-wrap .top-news .top-news-wrap .top-news-con .top-news-con-wrap .top-news-con-item ul .first p .s-time {
	float: right
}

.home-main .home-main-wrap .top-news .top-news-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 655px;
	width: 1920px;
	background: #2b2e35
}

.display-case-main {
	background-color: #f5f5f5
}

.display-case-wrap {
	padding-bottom: 60px
}

.display-case-wrap .display-case-title {
	margin-top: 50px;
	text-align: center
}

.display-case-wrap .display-case-title h1 {
	color: #3f3f3f;
	font-size: 30px;
	font-weight: 700
}

.display-case-wrap .display-case-title p {
	color: #969696;
	font-size: 18px;
	margin-top: 10px
}

.display-case-wrap .display-case-alldata {
	font-size: 12px;
	color: #969696;
	text-align: right;
	margin-top: 40px;
	padding-bottom: 10px
}

.display-case-wrap .display-case-alldata span {
	color: #3f3f3f;
	font-size: 12px
}

.display-case-wrap .display-case-content {
	background-color: #fff;
	padding-bottom: 40px
}

.display-case-wrap .display-case-content .top-filter {
	border-bottom: 1px solid #e7e7e7
}

.display-case-wrap .display-case-content .top-filter .filter-left {
	padding: 12px 0 25px 30px;
	float: left
}

.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap {
	margin-top: 10px;
	font-size: 12px
}

.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap .filter-title {
	color: #999;
	float: left;
	margin-right: 35px;
	width: 85px;
	letter-spacing: .5px;
	line-height: 24px
}

.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap .filter-list {
	float: left;
	max-width: 820px
}

.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap .filter-list ul li {
	float: left;
	margin-right: 15px;
	line-height: 24px
}

.display-case-wrap .display-case-content .top-filter .filter-left .filter-list-wrap .filter-list ul li .active {
	color: #ff7852
}

.display-case-wrap .display-case-content .top-filter .filter-right {
	float: right;
	margin: 35px 120px 0 0;
	padding-left: 25px;
	border-left: 1px solid #e7e7e7
}

.display-case-wrap .display-case-content .top-filter .filter-right i {
	font-style: italic;
	font-family: Arial;
	font-size: 24px;
	color: #999
}

.display-case-wrap .display-case-content .top-filter .filter-right p {
	color: #ff7852;
	font-size: 40px
}

.display-case-wrap .display-case-content .display-case-con-wrap {
	padding: 0 10px
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con {
	width: 1180px;
	overflow: hidden
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list {
	width: 1184px!important
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item {
	margin-top: 20px;
	float: left;
	width: 290px;
	margin-right: 6px
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom {
	background-color: #e5e5e5;
	border: 1px solid #cecece;
	border-top: none
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom .appcase-con-title a {
	border-bottom: 1px solid #d8d8d8
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom .appcase-content .con {
	border-bottom: 1px solid #d8d8d8
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-img span {
	background: url(../images/icon/case-ch-icon-h.png) no-repeat center
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img {
	width: 290px;
	height: 240px;
	position: relative
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img a img {
	width: 100%;
	vertical-align: middle
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img span {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 33px;
	width: 18px;
	height: 9px;
	background: url(../images/icon/case-ch-icon.png) no-repeat center
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom {
	padding: 10px 0 15px 15px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-top: none
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title span {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 29px;
	color: #888;
	font-size: 12px
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title a {
	font-size: 14px;
	width: 200px;
	font-weight: 700;
	border-bottom: 1px solid #f1f1f1;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 29px;
	overflow: hidden
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content {
	margin-top: 5px;
	height: 50px;
	overflow: hidden
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .label {
	display: inline-block;
	vertical-align: top;
	color: #888;
	font-size: 12px;
	line-height: 22px
}

.display-case-wrap .display-case-content .display-case-con-wrap .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .con {
	height: 44px;
	line-height: 22px;
	font-size: 12px;
	color: #888;
	width: 200px;
	border-bottom: 1px solid #f1f1f1;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 5px;
	color: #666
}

.display-case-wrap .display-case-content .display-case-con-wrap .more-case {
	margin: 10px 0
}

.display-case-wrap .display-case-content .display-case-con-wrap .more-case a {
	font-size: 12px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 100%;
	background-color: #ebebeb;
	text-align: center
}

#related-tell.related-tell {
	position: relative;
	z-index: 1;
	margin-top: 60px
}

#related-tell.related-tell .relate-tell-bg {
	background: #fff;
	width: 1920px;
	height: 521px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: -379px;
	top: -34px;
	z-index: -1
}

#related-tell.related-tell h3 {
	font-size: 24px;
	color: #3f3f3f
}

#related-tell.related-tell .appcase-con {
	width: 1200px;
	overflow: hidden
}

#related-tell.related-tell .appcase-con .appcase-con-list {
	width: 1233px
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item {
	margin-top: 20px;
	float: left;
	width: 290px;
	margin-right: 13px
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom {
	background-color: #e5e5e5;
	border: 1px solid #cecece;
	border-top: none
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom .appcase-con-title a {
	border-bottom: 1px solid #d8d8d8
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-bottom .appcase-content .con {
	border-bottom: 1px solid #d8d8d8
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item:hover .appcase-con-img span {
	background: url(../images/icon/case-ch-icon-h.png) no-repeat center
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img {
	width: 290px;
	height: 240px;
	position: relative
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img a img {
	width: 100%;
	vertical-align: middle
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-img span {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 33px;
	width: 18px;
	height: 9px;
	background: url(../images/icon/case-ch-icon.png) no-repeat center
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom {
	padding: 10px 0 15px 15px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-top: none
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title span {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 29px;
	color: #888;
	font-size: 12px
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-con-title a {
	font-size: 14px;
	line-height: 29px;
	width: 200px;
	font-weight: 700;
	border-bottom: 1px solid #f1f1f1;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	overflow: hidden
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content {
	margin-top: 5px
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .label {
	display: inline-block;
	vertical-align: top;
	color: #888;
	font-size: 12px;
	line-height: 22px
}

#related-tell.related-tell .appcase-con .appcase-con-list .appcase-con-item .appcase-con-bottom .appcase-content .con {
	height: 44px;
	line-height: 22px;
	font-size: 12px;
	color: #888;
	width: 200px;
	border-bottom: 1px solid #f1f1f1;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 5px;
	color: #666
}

.platform-wrap {
	padding-bottom: 30px
}

.platform-wrap .title-top {
	margin-bottom: 50px
}

.platform-wrap .title-top .title-con {
	text-align: center;
	margin: 50px auto 13px
}

.platform-wrap .title-top .title-con h1 {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.platform-wrap .title-top .title-con h1 span {
	color: #f2633d
}

.platform-wrap .title-top .title-con h2 {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.platform-wrap .title-top .title-con h2 span {
	color: #f2633d
}

.platform-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	padding-top: 0
}

.platform-wrap .title-top p {
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	text-align: center;
	width: 880px;
	margin: 0 auto
}

.platform-wrap .platform-list {
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 80px;
	line-height: 20px
}

.platform-wrap .platform-list table {
	border-collapse: separate
}

.platform-wrap .platform-list table tbody .top {
	height: 94px
}

.platform-wrap .platform-list table tbody .top .first {
	width: 149px
}

.platform-wrap .platform-list table tbody .top .top-td {
	width: 175px;
	text-align: center;
	vertical-align: middle
}

.platform-wrap .platform-list table tbody .top .top-td p {
	margin-top: 10px;
	font-size: 14px;
	color: #fff
}

.platform-wrap .platform-list table tbody .top .ios {
	background-color: #888;
	border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0
}

.platform-wrap .platform-list table tbody .top .android {
	background-color: #9dc446
}

.platform-wrap .platform-list table tbody .top .wp {
	background-color: #883798
}

.platform-wrap .platform-list table tbody .top .phone {
	background-color: #ec9e19
}

.platform-wrap .platform-list table tbody .top .pc {
	background-color: #fe544a;
	border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0
}

.platform-wrap .platform-list table tbody .content-tr {
	height: 98px
}

.platform-wrap .platform-list table tbody .content-tr .first {
	background-color: #f5f5f5;
	line-height: 1.2
}

.platform-wrap .platform-list table tbody .content-tr .one {
	border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0
}

.platform-wrap .platform-list table tbody .content-tr td {
	text-align: center;
	font-size: 12px;
	color: #626262;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4
}

.platform-wrap .platform-list table tbody .content-tr .last {
	border-right: 1px solid #e4e4e4
}

.platform-wrap .platform-list table tbody .sec {
	height: 55px
}

.platform-wrap .platform-list table tbody .three {
	height: 40px
}

.platform-wrap .platform-list table tbody .four {
	height: 35px
}

.platform-wrap .platform-list table tbody .five {
	height: 60px
}

.platform-wrap .platform-list table tbody .six {
	height: 40px
}

.platform-wrap .platform-list table tbody .seven {
	height: 45px
}

.platform-wrap .platform-list table tbody .eight {
	height: 80px
}

.platform-wrap .platform-list table tbody .nine {
	height: 35px
}

.platform-wrap .platform-list table tbody .nine .one {
	border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px
}

.platform-wrap .platform-list table tbody .nine td {
	border-bottom: 1px solid #e4e4e4
}

.platform-wrap .platform-list table tbody .nine .last {
	border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0
}

.platform-wrap .strengths {
	position: relative;
	height: 520px;
	z-index: 1;
	margin: 0 auto;
	width: 1180px
}

.platform-wrap .strengths .strengths-wrap {
	padding-top: 80px;
	position: relative;
	z-index: 3
}

.platform-wrap .strengths .strengths-wrap .title-top {
	margin-bottom: 40px
}

.platform-wrap .strengths .strengths-wrap .title-top .title-con {
	text-align: center;
	margin: 0 auto 13px
}

.platform-wrap .strengths .strengths-wrap .title-top .title-con h2 {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.platform-wrap .strengths .strengths-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	padding-top: 0
}

.platform-wrap .strengths .strengths-wrap .title-top p {
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	text-align: center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item {
	width: 236px;
	float: left;
	text-align: center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon a {
	background: url(../images/icon/service01-h.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-an a {
	background: url(../images/icon/service02-h.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-wx a {
	background: url(../images/icon/service03-h.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-ht a {
	background: url(../images/icon/service04-h.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-web a {
	background: url(../images/icon/service05-h.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover .service-icon-xcx a {
	background: url(../images/icon/service06-h.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item:hover h3 a {
	color: #fe7100
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon {
	text-align: center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon a {
	display: inline-block;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	background: url(../images/icon/service01.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-an a {
	background: url(../images/icon/service02.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-wx a {
	background: url(../images/icon/service03.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-ht a {
	background: url(../images/icon/service04.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-web a {
	background: url(../images/icon/service05.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item .service-icon-xcx a {
	background: url(../images/icon/service06.png) no-repeat center
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item h3 {
	margin: 25px 0 15px
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item h3 a {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 600
}

.platform-wrap .strengths .strengths-wrap .service-bottom .service-list .service-item p {
	color: #888;
	font-size: 12px;
	line-height: 18px
}

.platform-wrap .strengths .service-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 520px;
	width: 1920px;
	background: #f5f5f5
}

.platform-wrap .app-faq {
	padding: 80px 0 45px
}

.platform-wrap .app-faq .faq-wrap {
	width: 935px;
	margin: 0 auto
}

.platform-wrap .app-faq .faq-wrap .title {
	text-align: center
}

.platform-wrap .app-faq .faq-wrap .title a {
	font-size: 28px;
	color: #3f3f3f
}

.platform-wrap .app-faq .faq-wrap .title-sec {
	text-align: center;
	font-size: 14px;
	color: #888;
	margin-top: 10px;
	padding-bottom: 25px
}

.platform-wrap .app-faq .faq-wrap ul {
	overflow: hidden
}

.platform-wrap .app-faq .faq-wrap ul li {
	margin-bottom: 35px;
	margin-right: 2%;
	float: left
}

.platform-wrap .app-faq .faq-wrap ul li h3 {
	margin-left: 35px;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
	line-height: 26px;
	padding-bottom: 5px
}

.platform-wrap .app-faq .faq-wrap ul li h3 a {
	font-size: 20px
}

.platform-wrap .app-faq .faq-wrap ul li h3 span {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/icon/question-icon.png) no-repeat center;
	position: absolute;
	top: 0;
	left: -35px
}

.platform-wrap .app-faq .faq-wrap ul li p {
	font-size: 12px;
	line-height: 22px;
	color: #888;
	padding-left: 35px;
	background: url(../images/icon/answer-icon.png) no-repeat left center;
	margin-top: 5px;
	overflow: hidden
}

.platform-wrap .platform-case {
	position: relative;
	height: 670px;
	z-index: 1
}

.platform-wrap .platform-case .platform-case-wrap {
	padding-top: 80px;
	position: relative;
	z-index: 3
}

.platform-wrap .platform-case .platform-case-wrap .title {
	text-align: center
}

.platform-wrap .platform-case .platform-case-wrap .title a {
	font-size: 28px
}

.platform-wrap .platform-case .platform-case-wrap .title-sec {
	text-align: center;
	font-size: 14px;
	color: #888;
	margin-top: 10px;
	padding-bottom: 25px
}

.platform-wrap .platform-case .platform-case-wrap #related-tell.related-tell {
	margin-top: 0
}

.platform-wrap .platform-case .platform-case-wrap #platform-related-title.platform-related-title {
	padding: 0
}

.platform-wrap .platform-case .platform-case-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 670px;
	width: 1920px;
	background: #f5f5f5
}

.solutions-main {
	background-color: #f5f5f5
}

.solutions-main-wrap {
	padding-bottom: 70px
}

.solutions-main-wrap .title-top {
	text-align: center;
	margin: 50px 0 30px
}

.solutions-main-wrap .title-top h1 {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.solutions-main-wrap .title-top P {
	color: #999;
	font-size: 14px;
	margin-top: 10px
}

.solutions-main-wrap .solutions-con {
	background-color: #fff;
	padding: 0 10px
}

.solutions-main-wrap .solutions-con .solutions-con-wrap {
	width: 1180px;
	overflow: hidden
}

.solutions-main-wrap .solutions-con .solutions-con-wrap ul {
	width: 1188px
}

.solutions-main-wrap .solutions-con .solutions-con-wrap ul li {
	padding: 10px 0;
	margin-right: 7px;
	float: left
}

.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap {
	width: 290px;
	height: 240px;
	position: relative;
	z-index: 8
}

.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap a img {
	width: 100%;
	vertical-align: middle
}

.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap span {
	display: inline-block;
	width: 290px;
	height: 240px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 10
}

.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap span img {
	width: 100%;
	vertical-align: middle
}

.solutions-main-wrap .solutions-con .solutions-con-wrap ul li .solutions-item-wrap.current span {
	display: none
}

.solutions-detail-main {
	background-color: #f5f5f5
}

.company-detail-main {
	background-color: #f5f5f5
}

.company-detail-main .article-con .article-con-text h5 {
	font-size: 14px;
	margin-top: 35px
}

.company-detail-main .article-con .article-con-text p {
	font-size: 14px;
	margin-top: 30px;
	text-indent: 2em
}

.service-wrap .service-title {
	margin-top: 50px;
	text-align: center
}

.service-wrap .service-title h2 {
	color: #3f3f3f;
	font-size: 30px;
	font-weight: 700
}

.service-wrap .service-title p {
	color: #969696;
	font-size: 14px;
	margin-top: 10px
}

.service-wrap .service-process {
	padding: 35px 0 20px 115px
}

.service-wrap .service-process .service-process-wrap ul li {
	margin-bottom: 60px
}

.service-wrap .service-process .service-process-wrap ul li .left-img {
	float: left;
	width: 100px
}

.service-wrap .service-process .service-process-wrap ul li .right-con {
	float: left
}

.service-wrap .service-process .service-process-wrap ul li .right-con h3 {
	font-size: 18px;
	color: #3f3f3f;
	margin: 8px 0 16px
}

.service-wrap .service-process .service-process-wrap ul li .right-con h3 span {
	color: #888;
	margin-right: 15px
}

.service-wrap .service-process .service-process-wrap ul li .right-con p {
	font-size: 14px;
	color: #888;
	line-height: 30px
}

.service-wrap .service-process .service-process-wrap ul li .right-con p span {
	display: inline-block;
	padding-left: 25px;
	margin-right: 20px;
	background: url(../images/icon/service-dot.png) no-repeat 2px center
}

.service-wrap .service-process .service-process-wrap ul li .right-con p span a {
	display: inline-block;
	width: 16px;
	height: 21px;
	background: url(../images/icon/service-icon04-s.png) no-repeat center;
	vertical-align: middle;
	margin-left: 5px;
	position: relative
}

.service-wrap .service-process .service-process-wrap ul li .right-con p span a:hover b {
	display: inline-block
}

.service-wrap .service-process .service-process-wrap ul li .right-con p span a b {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -108px;
	display: inline-block;
	background-color: #f5f5f5;
	width: 216px;
	display: none
}

.service-wrap .service-process .service-process-wrap ul li .right-con p span a b i {
	padding: 5px 10px;
	line-height: 20px;
	color: #999;
	display: inline-block
}

#main .need-wrap .contact-us {
	position: relative;
	height: 716px;
	z-index: 1
}

#main .need-wrap .contact-us .contact-us-wrap {
	padding-top: 75px;
	position: relative;
	z-index: 3;
	width: 1062px;
	margin: 0 auto
}

#main .need-wrap .contact-us .contact-us-wrap .title-top {
	padding-bottom: 28px;
	background: url(../images/contact-us-top-bg.png) no-repeat bottom center
}

#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con {
	text-align: center;
	width: 350px;
	margin: 0 auto
}

#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con h2 a {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #707682;
	padding-top: 0
}

#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con .title-btn {
	display: block;
	width: 350px;
	margin: 20px auto 13px;
	height: 4px;
	text-align: center;
	background: url(../images/icon/title-btm-bg-w02.png) repeat-x bottom
}

#main .need-wrap .contact-us .contact-us-wrap .title-top .title-con .title-btn span {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 4px;
	background: url(../images/icon/title-btm-bg.png) repeat-x
}

#main .need-wrap .contact-us .contact-us-wrap .title-top p {
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	text-align: center
}

#main .need-wrap .contact-us .contact-us-wrap .title-top .contact-us-tel {
	margin-top: 15px;
	height: 27px;
	background: url(../images/contact-us-top-tel02.png) no-repeat center
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con {
	margin-top: 70px
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-left {
	float: left;
	width: 440px
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form input {
	width: 100%;
	border: 1px solid #707682;
	background-color: transparent;
	height: 45px;
	padding: 10px;
	font-size: 18px;
	outline: 0;
	color: #696d77;
	margin-bottom: 5px
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form .message-con {
	background-color: transparent;
	outline: 0;
	margin-bottom: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
	resize: none;
	overflow-y: hidden;
	padding: 10px;
	font-size: 18px;
	height: 115px;
	width: 100%;
	border: 1px solid #707682;
	color: #696d77
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-left .message-form .message-submit {
	outline: 0;
	border: none;
	width: 100%;
	color: #3f3f3f;
	cursor: pointer;
	padding: 0;
	line-height: 45px;
	background-color: #bec4d4
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right {
	float: left;
	padding: 20px 0 0 70px
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right p {
	font-size: 14px;
	color: #707682;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	margin-bottom: 9px;
	background: url(../images/icon/contact-us-icon.png) no-repeat 0 0
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .tel {
	background-position: 0 -30px
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .email {
	background-position: 0 -60px
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .person {
	background-position: 0 -90px
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .subway {
	background-position: 0 -120px
}

#main .need-wrap .contact-us .contact-us-wrap .contact-us-con .contact-us-right .car {
	background-position: 0 -150px
}

#main .need-wrap .contact-us .contact-us-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 716px;
	width: 1920px;
	background-color: #f5f5f5
}

.about-wrap .title-top {
	margin-bottom: 30px
}

.about-wrap .title-top .title-con {
	text-align: center;
	width: 350px;
	margin: 0 auto
}

.about-wrap .title-top .title-con h2 a {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.about-wrap .title-top .title-con p {
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	padding-top: 0;
	text-align: center;
	text-indent: 0
	
}

.about-wrap .title-top .title-con .title-btn {
	display: block;
	width: 350px;
	margin: 20px auto 13px;
	height: 4px;
	text-align: center;
	background: url(../images/icon/title-btm-bg-w.png) repeat-x bottom
}

.about-wrap .title-top .title-con .title-btn span {
	display: block;
	width: 30px;
	margin: 0 auto;
	height: 4px;
	background: url(../images/icon/title-btm-bg.png) repeat-x
}

.about-wrap .title-top p {
	line-height: 20px;
	font-size: 16px;
	color: #999;
	text-align: left;
	text-indent: 2em
}

.about-wrap .title-top .p1 {
	width: 800px;
	margin: 0 auto
}

.about-wrap .title-top .p1 span {
	color: #ff7852
}

.about-wrap .about-block01 {
	position: relative;
	z-index: 1
}

.about-wrap .about-block01 .about-intro {
	width: 800px;
	margin: 0 auto;
	line-height: 20px;
	padding-top: 20px;
	margin-top: 26px;
	text-align: center;
	font-size: 12px;
	color: #999;
	background: url(../images/icon/about-line.jpg) no-repeat top center
}

.about-wrap .about-block01 .about-us .about-us-wrap {
	padding-top: 35px
}

.about-wrap .about-block01 .about-us .about-us-wrap .about-us-list .about-us-item {
	margin-top: 10px
}

.about-wrap .about-block01 .block01-bg {
	background: #fff;
	width: 1920px;
	height: 1326px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: -369px;
	top: -31px;
	z-index: -1
}

.about-wrap .about-block02 {
	padding-top: 50px
}

.about-wrap .about-block02 .title-top {
	margin-bottom: 50px
}

.about-wrap .about-block03 .platform-advantage {
	padding-top: 50px
}

.about-wrap .about-block03 .platform-advantage .item01 {
	height: 510px
}

.about-wrap .about-block03 .platform-advantage .item01 .item-left {
	margin-top: 145px
}

.about-wrap .about-block03 .platform-advantage .item01 p {
	padding-top: 20px
}

.about-wrap .about-block03 .platform-advantage .item02 {
	height: 418px
}

.about-wrap .about-block03 .platform-advantage .item02 .item-left {
	margin-top: 20px
}

.about-wrap .about-block03 .platform-advantage .item02 .item-right {
	margin-top: 80px
}

.about-wrap .about-block03 .platform-advantage .item03 .item-left {
	margin-top: 0
}

.about-wrap .about-block03 .platform-advantage .item03 .item-right {
	margin-top: 80px
}

.about-wrap .about-block04 {
	padding: 50px 0
}

.about-wrap .about-block04 #com-zp.comment-wrap .comment-top {
	margin: 0 auto
}

.about-wrap .about-block04 #com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item a span {
	background: url(../images/icon/comment-top-icon02.png)
}

.about-wrap .about-block04 #com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item a:hover span {
	background: url(../images/icon/comment-top-icon-h02.png) no-repeat
}

.about-wrap .about-block04 #com-zp.comment-wrap .comment-top .comment-top-list .comment-top-item.current a span {
	background: url(../images/icon/comment-top-icon-h02.png) no-repeat
}

.about-wrap .about-block04 #com-zp.comment-wrap .tab_con2 {
	line-height: 20px;
	color: #999;
	font-size: 13px
}

.about-wrap .about-block04 #com-zp.comment-wrap .tab_con2 table {
	width: 100%
}

.about-wrap .about-block04 #com-zp.comment-wrap .tab_con2 table tr td {
	color: #999
}

#comment-frame {
	width: 100%;
	height: 230px
}

#comment-wrapper {
	font-size: 12px
}

#comment-wrapper input {
	font-size: 12px
}

#comment-wrapper .comment-form {
	width: 340px;
	margin-top: 20px;
	height: 178px;
	padding: 23px 24px 0 24px;
	background: #f8f7f7
}

#comment-wrapper .comment-form .comment-user {
	color: #888;
	margin-bottom: 10px
}

#comment-wrapper .comment-form .comment-detail textarea {
	font-size: 12px;
	width: 320px;
	height: 80px;
	padding: 10px;
	overflow: auto;
	outline: 0;
	resize: none;
	color: #888;
	border: 1px solid #d3d2d2
}

#comment-wrapper .comment-form .captcha {
	padding-top: 10px
}

#comment-wrapper .comment-form .captcha span {
	float: left;
	height: 20px;
	line-height: 20px;
	display: inline-block
}

#comment-wrapper .comment-form .captcha .text-input {
	width: 65px;
	margin-left: 5px;
	float: left
}

#comment-wrapper .comment-form .captcha #captcha-img {
	display: inline-block;
	float: left;
	border: 1px solid #d3d2d2;
	width: 100px;
	height: 20px;
	margin-left: 5px
}

#comment-wrapper .comment-form .captcha .comment-submit {
	float: left;
	margin-left: 5px
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden
}

#cboxWrapper {
	max-width: none
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
	clear: left
}

#cboxContent {
	position: relative
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

#cboxTitle {
	margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
	cursor: pointer
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box
}

#colorbox {
	outline: 0
}

#cboxTopLeft {
	width: 21px;
	height: 21px;
	background: url(../images/colorbox/controls.png) no-repeat -101px 0
}

#cboxTopRight {
	width: 21px;
	height: 21px;
	background: url(../images/colorbox/controls.png) no-repeat -130px 0
}

#cboxBottomLeft {
	width: 21px;
	height: 21px;
	background: url(../images/colorbox/controls.png) no-repeat -101px -29px
}

#cboxBottomRight {
	width: 21px;
	height: 21px;
	background: url(../images/colorbox/controls.png) no-repeat -130px -29px
}

#cboxMiddleLeft {
	width: 21px;
	background: url(../images/colorbox/controls.png) left top repeat-y
}

#cboxMiddleRight {
	width: 21px;
	background: url(../images/colorbox/controls.png) right top repeat-y
}

#cboxTopCenter {
	height: 21px;
	background: url(../images/colorbox/border.png) 0 0 repeat-x
}

#cboxBottomCenter {
	height: 21px;
	background: url(../images/colorbox/border.png) 0 -29px repeat-x
}

#cboxContent {
	background: #fff;
	overflow: hidden
}

.cboxIframe {
	background: #fff
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc
}

#cboxLoadedContent {
	margin-bottom: 28px
}

#cboxTitle {
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494
}

#cboxCurrent {
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #949494
}

#cboxLoadingOverlay {
	background: url(../images/colorbox/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
	background: url(../images/colorbox/loading.gif) no-repeat center center
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: 0 0
}

#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
	outline: 0
}

#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef
}

#cboxPrevious {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/colorbox/controls.png) no-repeat -75px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px
}

#cboxPrevious:hover {
	background-position: -75px -25px
}

#cboxNext {
	position: absolute;
	bottom: 0;
	left: 27px;
	background: url(../images/colorbox/controls.png) no-repeat -50px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px
}

#cboxNext:hover {
	background-position: -50px -25px
}

#cboxClose {
	position: absolute;
	top: 2px;
	right: 2px;
	background: url(../images/colorbox/controls.png) no-repeat -25px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

#cboxClose:hover {
	background-position: -25px -25px
}

.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}

.detail-con {
	margin-top: 20px
}

.detail-left {
	width: 880px;
	background-color: #fff;
	float: left
}

.detail-left .detail-left-wrap {
	padding: 0 10px
}

.detail-left .detail-left-wrap .article-title {
	font-size: 28px;
	color: #3f3f3f;
	text-align: center;
	padding-top: 30px
}

.detail-left .detail-left-wrap .article-info-share {
	border-bottom: 1px solid #f0eded;
	margin-top: 30px;
	padding-bottom: 10px;
	line-height: 28px
}

.detail-left .detail-left-wrap .article-info-share .article-info {
	float: left;
	height: 28px;
	line-height: 28px
}

.detail-left .detail-left-wrap .article-info-share .article-info span {
	font-size: 14px;
	color: #888
}

.detail-left .detail-left-wrap .article-info-share .article-info .view-count {
	display: inline-block;
	height: 28px;
	padding: 0 25px 0 35px;
	background: url(../images/icon/article-icon01.png) no-repeat left center
}

.detail-left .detail-left-wrap .article-info-share .article-info .comment-count {
	display: inline-block;
	height: 28px;
	padding: 0 25px 0 35px;
	background: url(../images/icon/article-icon02.png) no-repeat left center
}

.detail-left .detail-left-wrap .article-info-share .article-info .time {
	display: inline-block;
	height: 28px;
	padding: 0 25px 0 35px;
	background: url(../images/icon/icon-time.png) no-repeat left center
}

.detail-left .detail-left-wrap .article-info-share .share-icons {
	float: right;
	font-size: 14px;
	color: #3f3f3f
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico {
	cursor: pointer;
	background: url(../images/icon/share_icons.png) no-repeat center;
	display: block;
	height: 27px;
	opacity: .7;
	width: 31px
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico:hover {
	opacity: 1
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_tsina {
	background-position: 0 0
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_tqq {
	background-position: -35px 0
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_qzone {
	background-position: -69px 0
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_douban {
	background-position: -104px 0
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_renren {
	background-position: -139px 0
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_weixin {
	background-position: -174px 0
}

.detail-left .detail-left-wrap .article-info-share .share-icons .jtico.jtico_jiathis {
	background-position: -208px 0
}

.detail-left .detail-left-wrap .article-con {
	font-size: 14px;
	color: #3f3f3f;
	line-height: 25px;
	padding: 10px 10px 20px
}

.detail-left .detail-left-wrap .article-con img {
	margin: 0 auto
}

.article-sum {
	font-size: 14px
}

.article-sum span {
	color: #3f3f3f
}

.detail-left .detail-left-wrap .article-con .article-img {
	margin-top: 65px;
	width: 100%
}

.detail-left .detail-left-wrap .article-con .article-con-text {
	padding: 0 20px
}

.detail-left .detail-left-wrap .article-con h3 {
	text-align: center;
	margin-bottom: 30px
}

.detail-left .detail-left-wrap .article-con h4 {
	font-weight: 700
}

.detail-left .detail-left-wrap .article-con .next-previous {
	margin-top: 15px
}

.detail-left .detail-left-wrap .article-con .next-previous p {
	color: #3f3f3f;
	font-size: 12px;
	font-weight: 700;
	line-height: 22px
}

.detail-left .detail-left-wrap .article-con .next-previous p a {
	font-weight: 400
}

.detail-left .detail-left-wrap .article-con .next-previous p span {
	color: #959595;
	font-weight: 400
}

.detail-left .recommended {
	padding: 30px 10px;
	background-color: #f5f5f5
}

.detail-left .recommended h3 {
	color: #3f3f3f;
	font-size: 24px
}

.detail-left .recommended ul li {
	padding-top: 20px
}

.detail-left .recommended ul li .recommended-left {
	width: 130px;
	height: 80px;
	float: left;
	margin-right: 20px
}

.detail-left .recommended ul li .recommended-left a img {
	width: 100%;
	vertical-align: middle
}

.detail-left .recommended ul li .recommended-right {
	height: 80px;
	width: 500px;
	float: left
}

.detail-left .recommended ul li .recommended-right h4 {
	padding: 7px 0
}

.detail-left .recommended ul li .recommended-right h4 a {
	font-size: 18px
}

.detail-left .recommended ul li .recommended-right p {
	font-size: 14px;
	line-height: 25px;
	color: #888
}

.detail-right {
	width: 290px;
	float: right
}

.detail-right .detail-right-top {
	margin-bottom: 20px
}

.detail-right .detail-right-top a img {
	width: 100%;
	vertical-align: middle
}

.detail-right .detail-right-con {
	padding: 0 10px 20px;
	background-color: #fff
}

.detail-right-item {
	padding-top: 20px
}

.detail-right-item h3 {
	padding-top: 17px;
	background: url(../images/detail-item-t-bg.png) no-repeat left top;
	font-size: 16px;
	color: #707070
}

.detail-right-item P {
	font-size: 12px;
	color: #b5b5b5;
	margin-top: 5px
}

.detail-right-item ul {
	width: 280px;
	margin-top: 18px
}

.detail-right-item ul li {
	float: left;
	margin: 0 10px 10px 0
}

.detail-right-item ul li a {
	display: inline-block;
	width: 130px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #707070;
	background-color: #efecec;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px
}

.detail-right-item ul li a:hover {
	color: #ff7852
}

.case-sencil {
	padding-top: 20px
}

.case-sencil h3 {
	padding-top: 17px;
	background: url(../images/detail-item-t-bg.png) no-repeat left top;
	font-size: 16px;
	color: #707070
}

.case-sencil P {
	font-size: 12px;
	color: #b5b5b5;
	margin-top: 5px
}

.case-sencil ul li {
	padding-top: 20px
}

.case-sencil ul li .case-sencil-left {
	width: 130px;
	height: 90px;
	float: left
}

.case-sencil ul li .case-sencil-left a img {
	width: 100%;
	vertical-align: middle
}

.case-sencil ul li .case-sencil-right {
	width: 130px;
	height: 90px;
	float: right
}

.case-sencil ul li .case-sencil-right h4 {
	padding: 8px 0
}

.case-sencil ul li .case-sencil-right h4 a {
	font-size: 14px
}

.case-sencil ul li .case-sencil-right p {
	font-size: 12px;
	line-height: 16px;
	width: 122px
}

.top-articles {
	padding-top: 20px
}

.top-articles h3 {
	padding-top: 17px;
	background: url(../images/detail-item-t-bg.png) no-repeat left top;
	font-size: 16px;
	color: #707070
}

.top-articles P {
	font-size: 12px;
	color: #b5b5b5;
	margin-top: 5px
}

.top-articles .top-time {
	margin-top: 20px
}

.top-articles .top-time ul li {
	width: 135px;
	float: left;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-top: 1px solid #e6e6e6
}

.top-articles .top-time ul li a {
	display: inline-block;
	width: 100%
}

.top-articles .top-time ul li:hover {
	border-top: 1px solid #ff7852
}

.top-articles .top-time ul li.current {
	border-top: 1px solid #ff7852
}

.top-articles .bottom-content ul .content-sec ul {
	background: url(../images/icon/list-num-icon.png) no-repeat left top
}

.top-articles .bottom-content ul .content-sec ul li {
	overflow: hidden;
	padding-left: 35px;
	padding-bottom: 1px;
	height: 38px;
	background: url(../images/icon/top-articles-list-bg.png) no-repeat bottom center
}

.top-articles .bottom-content ul .content-sec ul li h4 {
	line-height: 32px;
	font-size: 14px
}

.top-articles .bottom-content ul .content-sec ul .first {
	height: 80px;
	background: #efecec;
	padding-left: 0;
	margin-left: 35px;
	padding: 0 15px
}

.top-articles .bottom-content ul .content-sec ul .first h4 {
	font-size: 14px;
	color: #707070;
	line-height: 1;
	height: 40px;
	line-height: 40px;
	overflow: hidden
}

.top-articles .bottom-content ul .content-sec ul .first p {
	font-size: 12px;
	color: #707070;
	line-height: 18px;
	margin-top: 0
}

.hot-tags {
	padding-top: 20px
}

.hot-tags h3 {
	padding-top: 17px;
	background: url(../images/detail-item-t-bg.png) no-repeat left top;
	font-size: 16px;
	color: #707070
}

.hot-tags P {
	font-size: 12px;
	color: #b5b5b5;
	margin-top: 5px
}

.hot-tags .tags-con {
	padding-top: 10px;
	text-align: center
}

.hot-tags .tags-con .tags-con-wrap {
	width: 280px
}

.hot-tags .tags-con .tags-con-wrap a {
	display: inline-block;
	padding: 9px 11px;
	border: 1px solid #d2d2d2;
	color: #707070;
	margin: 10px 10px 0 0;
	font-size: 12px;
	float: left
}

.hot-tags .tags-con .tags-con-wrap a:hover {
	background-color: #ff7852;
	border: 1px solid #ff7852;
	color: #fff
}

.hot-tags .tags-con .tags-con-wrap .long {
	padding: 9px 7px;
	margin: 10px 11px 0 0;
	-webkit-margin: 10px 12px 0 0
}

.hot-tags .tags-con .tags-con-wrap .long-sec {
	padding: 9px 6px;
	margin: 10px 12px 0 0
}

.top-information h3 {
	padding-top: 17px;
	background: url(../images/detail-item-t-bg.png) no-repeat left top;
	font-size: 16px;
	color: #707070
}

.top-information P {
	font-size: 12px;
	color: #b5b5b5;
	margin-top: 5px
}

.top-information .top-information-list {
	margin-top: 20px;
	border-top: 1px solid #e6e6e6
}

.top-information .top-information-list ul li {
	height: 39px;
	list-style: inside disc;
	color: #707070;
	line-height: 39px;
	padding-left: 5px;
	padding-bottom: 1px;
	overflow: hidden;
	background: url(../images/icon/top-articles-list-bg.png) no-repeat bottom center
}

.top-information .top-information-list ul li:hover {
	color: #ff7852
}

.top-information .top-information-list ul li a {
	font-size: 14px;
	height: 39px;
	padding-left: 7px
}

.detail-right .detail-right-con #related-article.related-article {
	padding-top: 20px
}

.detail-right .detail-right-con #related-article.related-article h3 {
	padding-top: 17px;
	background: url(../images/detail-item-t-bg.png) no-repeat left top;
	font-size: 16px;
	color: #707070
}

.detail-right .detail-right-con #related-article.related-article P {
	font-size: 12px;
	color: #b5b5b5;
	margin: 5px 0
}

.detail-right .detail-right-con #related-article.related-article ul li {
	padding-top: 20px
}

.detail-right .detail-right-con #related-article.related-article ul li h5 a {
	font-size: 14px
}

.detail-right .detail-right-con #related-article.related-article ul li p {
	margin: 8px 0 0
}

.comment {
	color: #3f3f3f
}

.comment .top-comment {
	padding: 25px 0 40px;
	background-color: #fff
}

.comment .top-comment .top-comment-wrap {
	width: 1180px;
	margin: 0 auto
}

.comment .top-comment .top-comment-wrap h3 {
	font-size: 24px;
	margin-bottom: 20px
}

.comment .top-comment .top-comment-wrap .top-comment-con {
	width: 860px
}

.comment .top-comment .top-comment-wrap .top-comment-con ul li {
	margin-bottom: 35px;
	background: url(../images/top-comment-bg.png) repeat-x bottom
}

.comment .top-comment .top-comment-wrap .top-comment-con ul li p {
	padding-bottom: 10px
}

.comment .top-comment .top-comment-wrap .top-comment-con ul li .name {
	font-size: 14px
}

.comment .top-comment .top-comment-wrap .top-comment-con ul li .time {
	color: #aaa;
	font-size: 12px
}

.comment .top-comment .top-comment-wrap .top-comment-con ul li .content {
	font-size: 12px;
	padding-bottom: 15px
}

.comment .top-comment .top-comment-wrap .top-comment-con .top-comment-more {
	text-align: center
}

.comment .top-comment .top-comment-wrap .top-comment-con .top-comment-more a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 100%;
	background-color: #ebebeb;
	font-size: 12px
}

.comment .post-comment {
	background-color: #f5f5f5;
	padding-bottom: 90px
}

.comment .post-comment .post-comment-wrap {
	width: 1180px;
	margin: 0 auto
}

.comment .post-comment .post-comment-wrap .comment-form {
	width: 880px
}

.comment .post-comment .post-comment-wrap .comment-form p {
	color: #313131;
	font-size: 12px;
	font-weight: 700;
	padding: 25px 0 10px
}

.comment .post-comment .post-comment-wrap .comment-form p span {
	vertical-align: middle
}

.comment .post-comment .post-comment-wrap .comment-form p .name {
	vertical-align: middle;
	border: 1px solid #d3d2d3;
	padding: 5px;
	width: 100px;
	background-color: #fff;
	font-size: 12px;
	margin: 0 5px;
	outline: 0;
	color: #888
}

.comment .post-comment .post-comment-wrap .comment-form .message-con {
	background-color: #fff;
	outline: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	resize: none;
	overflow-y: hidden;
	padding: 10px;
	font-size: 12px;
	height: 80px;
	width: 760px;
	border: 1px solid #d3d2d3;
	color: #888;
	float: left
}

.lte7 .comment .post-comment .post-comment-wrap .comment-form .message-con {
	height: 58px;
	width: 738px
}

.comment .post-comment .post-comment-wrap .comment-form .message-submit {
	display: inline-block;
	height: 80px;
	line-height: 80px;
	width: 120px;
	background-color: #ff7852;
	border: none;
	color: #fefefe;
	font-size: 18px;
	cursor: pointer;
	padding: 0
}

.comment .post-comment .post-comment-wrap .comment-form .captcha {
	height: 26px;
	line-height: 26px;
	color: #313131;
	font-size: 12px;
	font-weight: 700;
	margin-top: 5px
}

.lte7 .comment .post-comment .post-comment-wrap .comment-form .captcha .tag {
	float: left
}

.comment .post-comment .post-comment-wrap .comment-form .captcha .captch-con {
	vertical-align: middle;
	border: 1px solid #d3d2d3;
	padding: 5px;
	width: 70px;
	background-color: #fff;
	font-size: 12px;
	margin: 0 5px;
	outline: 0
}

.lte7 .comment .post-comment .post-comment-wrap .comment-form .captcha .captch-con {
	float: left
}

.comment .post-comment .post-comment-wrap .comment-form .captcha .captch-img {
	display: inline-block;
	height: 20px;
	width: 100px;
	vertical-align: middle;
	cursor: pointer
}

.comment .post-comment .post-comment-wrap .comment-form .captcha .captch-img img {
	width: 100%;
	vertical-align: top
}

.lte7 .comment .post-comment .post-comment-wrap .comment-form .captcha .captch-img {
	float: left
}

.comment .post-comment .post-comment-wrap .comment-form .captcha b {
	float: right;
	color: #b3b3b3;
	font-weight: 400
}

.footer {
	background-color: #222429
}

.footer .footer-wrap {
	width: 1200px;
	margin: 0 auto
}

.footer .footer-wrap .footer-left {
	float: left
}

.footer .footer-wrap .footer-left h3 {
	padding: 20px 0 25px
}

.footer .footer-wrap .footer-left h3 a {
	font-size: 20px;
	color: #8a8d96;
	font-weight: 700
}

.footer .footer-wrap .footer-left h3 a:hover {
	color: #b6bdda
}

.footer .footer-wrap .footer-left p {
	font-size: 12px;
	color: #585c65;
	margin-bottom: 5px
}

.footer .footer-wrap .footer-left p a {
	font-size: 12px;
	color: #585c65
}

.footer .footer-wrap .footer-left p a:hover {
	color: #b6bdda
}

.footer .footer-wrap .footer-right {
	float: right;
	margin-top: 50px;
	padding-left: 40px;
	border-left: 1px solid #42464e
}

.footer .footer-wrap .footer-right p {
	color: #8a8d96;
	font-size: 16px;
	font-weight: 700
}

.footer .footer-wrap .footer-right .tel {
	margin-bottom: 10px
}

.tel-kf-share-top {
	position: fixed;
	right: 0;
	z-index: 9999;
	display: block;
	bottom: 50px
}

.tel-kf-share-top ul li {
	margin-top: 1px;
	height: 50px;
	width: 50px
}

.tel-kf-share-top ul li .item-wrap {
	display: block;
	width: 150px;
	height: 50px;
	position: relative
}

.tel-kf-share-top ul li .item-wrap .text {
	display: inline-block;
	padding-left: 20px;
	height: 50px;
	line-height: 50px;
	background-color: #ff7852;
	color: #fff;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer
}

.tel-kf-share-top ul li .item-wrap .icon {
	display: inline-block;
	height: 50px;
	width: 50px;
	background-color: #848484;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
	opacity: .5;
	filter: alpha(opacity=50)
}

.tel-kf-share-top ul li .item-wrap .icon .demand {
	margin-top: 8px;
	color: #fff
}

.tel-kf-share-top ul li .item-wrap .icon .demand_two {
	color: #fff;
	margin-top: 2px
}

.tel-kf-share-top ul .current .item-wrap .icon {
	background-color: #ff7852;
	opacity: 1;
	filter: alpha(opacity=100)
}

.tel-kf-share-top ul .current .item-wrap .text {
	opacity: 1;
	filter: alpha(opacity=100)
}

.tel-kf-share-top ul .top span {
	background: url(../images/icon/to-top-icon.png) no-repeat center #848484;
	display: inline-block;
	height: 50px;
	width: 50px;
	float: right;
	cursor: pointer
}

.tel-kf-share-top ul .top span:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.display-case-main .details-content {
	min-height: 1200px;
	background: #fff;
	width: 1178px;
	padding: 11px;
	margin-top: 40px
}

.display-case-main .details-content .d-left {
	width: 390px;
	float: left;
	margin-left: 8px;
	font-size: 12px
}

.display-case-main .details-content .d-left .leftping {
	padding-top: 19px
}

.display-case-main .details-content .d-left .leftping .title {
	font-size: 24px;
	line-height: 35px
}

.display-case-main .details-content .d-left .leftping .data-num {
	height: 16px;
	line-height: 16px;
	padding: 10px 0 25px 0;
	color: #999
}

.display-case-main .details-content .d-left .leftping .data-num span {
	padding-right: 20px
}

.display-case-main .details-content .d-left .leftping .data-num span b {
	color: #3f3f3f
}

.display-case-main .details-content .d-left .leftping .content {
	line-height: 24px;
	padding-bottom: 40px;
	margin-bottom: 14px;
	color: #666;
	border-bottom: 1px solid #e6e6e6
}

.display-case-main .details-content .d-left .leftping .content b {
	color: #999
}

.display-case-main .details-content .d-left .leftping .share {
	height: 27px;
	line-height: 27px;
	padding: 30px 0
}

.display-case-main .details-content .d-left .leftping .share span {
	float: left;
	color: #3f3f3f;
	font-size: 14px
}

.display-case-main .details-content .d-left .leftping .previous-next li {
	color: #666
}

.display-case-main .details-content .d-left .leftping .previous-next li b {
	color: #3f3f3f
}

.display-case-main .details-content .d-left .leftping .comment .import {
	width: 340px;
	margin-top: 20px;
	height: 178px;
	padding: 23px 24px 0 24px;
	background: #f8f7f7
}

.display-case-main .details-content .d-left .leftping .comment .import .user {
	color: #888;
	margin-bottom: 10px
}

.display-case-main .details-content .d-left .leftping .comment .import .user span {
	color: #3f3f3f;
	font-weight: 700
}

.display-case-main .details-content .d-left .leftping .comment .import .textarea {
	width: 320px;
	height: 80px;
	padding: 10px;
	overflow: auto;
	outline: 0;
	resize: none;
	color: #888;
	border: 1px solid #d3d2d2
}

.display-case-main .details-content .d-left .leftping .comment .import .autosublimt {
	padding-top: 6px;
	height: 25px;
	line-height: 25px
}

.display-case-main .details-content .d-left .leftping .comment .import .autosublimt span {
	color: #888
}

.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .autocode {
	float: left
}

.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .autocode .auto {
	width: 68px;
	height: 23px;
	border: 1px solid #d3d2d2
}

.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .auto-img {
	width: 100px;
	height: 20px;
	padding: 3px 0 0 3px;
	float: left
}

.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .submit {
	width: 62px;
	height: 25px;
	float: right
}

.display-case-main .details-content .d-left .leftping .comment .import .autosublimt .submit input {
	width: 60px;
	height: 22px;
	line-height: 14px
}

.display-case-main .details-content .d-left .leftping .comment .com-list {
	padding-top: 19px
}

.display-case-main .details-content .d-left .leftping .comment .com-list li {
	padding-bottom: 12px;
	margin-bottom: 37px;
	border-bottom: 1px dashed #d3d2d2
}

.display-case-main .details-content .d-left .leftping .comment .com-list li .com-user {
	font-size: 14px;
	height: 18px;
	line-height: 18px
}

.display-case-main .details-content .d-left .leftping .comment .com-list li .com-time {
	height: 25px;
	line-height: 25px;
	color: #888;
	font-size: 12px
}

.display-case-main .details-content .d-left .leftping .comment .com-list li .com-content {
	line-height: 18px
}

.display-case-main .details-content .d-left .leftping .comment .more {
	height: 31px;
	line-height: 31px;
	width: 100%;
	color: #888;
	background: #e8e8e8;
	text-align: center
}

.display-case-main .details-content .d-img {
	width: 750px;
	overflow: hidden;
	float: right
}

.information-wrap {
	padding-bottom: 70px
}

.information-wrap .detail-con {
	margin-top: 35px
}

.information-wrap .detail-left-wrap {
	padding: 0
}

#other.detail-right {
	width: 270px
}

#other.detail-right .detail-right-con {
	padding: 0 0 20px 0
}

#other.detail-right .detail-right-con .detail-right-item {
	padding-top: 0
}

#other-case.case-sencil {
	padding-top: 30px
}

#other-case.case-sencil ul li {
	padding-top: 20px
}

#other-case.case-sencil ul li .case-sencil-left {
	width: 130px;
	height: 90px;
	float: left
}

#other-case.case-sencil ul li .case-sencil-left a img {
	width: 100%;
	vertical-align: middle
}

#other-case.case-sencil ul li .case-sencil-right {
	width: 130px;
	height: 90px;
	float: right
}

#other-case.case-sencil ul li .case-sencil-right h4 {
	padding: 0 0 8px 0
}

#other-case.case-sencil ul li .case-sencil-right h4 a {
	font-size: 12px
}

#other-case.case-sencil ul li .case-sencil-right p {
	font-size: 12px;
	line-height: 16px;
	width: auto
}

.information-wrap .information-title-list .title-list li {
	float: left;
	height: 38px;
	line-height: 38px;
	border: 1px solid #dcdcdc;
	border-right: none;
	width: 119px;
	text-align: center;
	position: relative;
	z-index: 1
}

.information-wrap .information-title-list .title-list li.current {
	z-index: 9;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent
}

.information-wrap .information-title-list .title-list li.current a {
	background: url(../images/information-title.png) repeat-x top;
	z-index: 10
}

.information-wrap .information-title-list .title-list li a {
	display: inline-block;
	width: 121px;
	position: absolute;
	top: -1px;
	right: -1px;
	padding-bottom: 1px;
	font-size: 16px
}

.information-wrap .information-title-list .title-list .item-android {
	width: 139px
}

.information-wrap .information-title-list .title-list .item-android a {
	width: 141px
}

.information-wrap .information-title-list .title-list .item-html {
	width: 209px
}

.information-wrap .information-title-list .title-list .item-html a {
	width: 211px
}

.information-wrap .information-title-list .title-list .item-pc {
	width: 139px
}

.information-wrap .information-title-list .title-list .item-pc a {
	width: 141px
}

.information-wrap .information-title-list .title-list .item-faq {
	border-right: 1px solid #dcdcdc;
	width: 148px
}

.information-wrap .information-title-list .title-list .item-faq a {
	width: 150px
}

.information-con-list .con-list .con-item {
	display: none
}

.information-con-list .con-list .con-item .item-list li {
	padding: 25px 0;
	border-bottom: 1px solid #dcdcdc
}

.information-con-list .con-list .con-item .item-list li:hover {
	background-color: #f6f6f1
}

.information-con-list .con-list .con-item .item-list li:hover .item-sec-right h4 a {
	color: #ff7852
}

.information-con-list .con-list .con-item .item-list li .item-sec-left {
	float: left;
	width: 250px;
	height: 180px
}

.information-con-list .con-list .con-item .item-list li .item-sec-right {
	float: right;
	width: 600px
}

.information-con-list .con-list .con-item .item-list li .item-sec-right h4 {
	margin: 6px 0 15px;
	height: 22px;
	overflow: hidden
}

.information-con-list .con-list .con-item .item-list li .item-sec-right h4 a {
	font-size: 22px
}

.information-con-list .con-list .con-item .item-list li .item-sec-right p {
	color: #888;
	font-size: 12px;
	line-height: 25px
}

.information-con-list .con-list .con-item .item-list li .item-sec-right p a {
	color: #3697dc
}

.information-con-list .con-list .con-item .item-list li .item-sec-right p a:hover {
	color: #ff7852
}

.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom {
	margin-top: 11px;
	height: 26px;
	line-height: 26px
}

.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .tag {
	float: left
}

.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .tag a {
	color: #3697dc;
	margin-right: 8px
}

.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .tag a:hover {
	color: #ff7852
}

.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .info {
	float: right;
	color: #888;
	font-size: 14px
}

.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .info .view-count {
	display: inline-block;
	height: 26px;
	padding: 0 25px 0 35px;
	background: url(../images/icon/article-icon01.png) no-repeat left center
}

.information-con-list .con-list .con-item .item-list li .item-sec-right .right-bottom .info .comment-count {
	display: inline-block;
	height: 26px;
	padding: 0 20px 0 35px;
	background: url(../images/icon/article-icon02.png) no-repeat left center
}

.item-faq .item-list li {
	padding: 20px 0
}

.item-faq .item-list li:hover h4 a {
	color: #ff7852
}

.item-faq .item-list li .item-sec-title {
	height: 22px;
	line-height: 22px;
	margin-bottom: 15px
}

.item-faq .item-list li .item-sec-title h4 {
	float: left
}

.item-faq .item-list li .item-sec-title h4 a {
	font-size: 22px
}

.item-faq .item-list li .item-sec-title .info {
	float: right;
	color: #888;
	font-size: 14px
}

.item-faq .item-list li .item-sec-title .info .time {
	display: inline-block;
	height: 22px;
	padding: 0 25px 0 30px;
	background: url(../images/icon/icon-time.png) no-repeat left center;
	background-size: auto 22px
}

.item-faq .item-list li .item-sec-title .info .view-count {
	display: inline-block;
	height: 22px;
	padding: 0 25px 0 35px;
	background: url(../images/icon/article-icon01.png) no-repeat left center;
	background-size: auto 22px
}

.item-faq .item-list li .item-sec-title .info .comment-count {
	display: inline-block;
	height: 22px;
	padding: 0 0 0 30px;
	background: url(../images/icon/article-icon02.png) no-repeat left center;
	background-size: auto 22px
}

.item-faq .item-list li p {
	font-size: 12px;
	color: #888;
	line-height: 24px
}

.information-list-wrap {
	padding: 20px 0 80px
}

.information-list-wrap .detail-left-wrap {
	padding: 0
}

.information-list-title {
	color: #959595;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc
}

.information-list-title h1 {
	font-size: 26px;
	float: left
}

.information-list-title .title-right {
	text-align: center;
	float: right
}

.information-list-title .title-right span {
	float: 18px;
	display: inline-block;
	padding-left: 25px
}

.information-list-title .title-right span p {
	font-size: 24px;
	margin-bottom: 15px
}

.information-list-title .title-right .first {
	padding-right: 25px;
	border-right: 1px solid #dcdcdc
}

.information-list-more {
	padding-top: 30px
}

.information-list-more a {
	display: inline-block;
	width: 100%;
	text-align: center;
	height: 20px;
	line-height: 20px
}

.information-list-wrap .right-bottom {
	margin-top: 11px;
	height: 26px;
	line-height: 26px
}

.information-list-wrap .right-bottom .tag {
	float: left
}

.information-list-wrap .right-bottom .tag a {
	color: #3697dc;
	margin-right: 8px
}

.information-list-wrap .right-bottom .tag a:hover {
	color: #ff7852
}

.information-list-wrap #info.info {
	float: right;
	color: #888;
	font-size: 14px;
	line-height: 26px
}

.information-list-wrap #info.info .time {
	display: inline-block;
	height: 26px;
	padding: 0 25px 0 30px;
	background: url(../images/icon/icon-time.png) no-repeat left center
}

.information-list-wrap #info.info .view-count {
	display: inline-block;
	height: 26px;
	padding: 0 25px 0 35px;
	background: url(../images/icon/article-icon01.png) no-repeat left center
}

.information-list-wrap #info.info .comment-count {
	display: inline-block;
	height: 26px;
	padding: 0 0 0 30px;
	background: url(../images/icon/article-icon02.png) no-repeat left center
}

.information-list-wrap #other-case.case-sencil {
	padding-top: 0
}

.information-list-wrap .top-articles {
	padding-top: 30px
}

.information-list-wrap .information-con-list .con-list .con-item {
	display: block
}

.tag #other-case.case-sencil {
	padding-top: 20px
}

.information-detail-wrap .detail-left .detail-left-wrap .article-title {
	padding-top: 15px
}

.information-detail-wrap .detail-con {
	margin-top: 40px
}

.information-detail-wrap #other-case.case-sencil {
	padding-top: 30px
}

.information-detail-wrap .top-articles {
	padding-top: 30px
}

.information-detail-wrap .info-right {
	float: right;
	font-size: 14px;
	color: #3f3f3f
}

.information-detail-wrap .info-right a {
	color: #3697dc
}

.information-detail-wrap .info-right a:hover {
	color: #ff7852
}

.information-detail-wrap .info-right span {
	margin-left: 20px
}

.article-bottom {
	margin-top: 50px
}

.article-bottom .article-bottom-left {
	float: left;
	font-size: 14px;
	color: #3f3f3f;
	line-height: 28px
}

.article-bottom .article-bottom-left a {
	color: #3697dc;
	margin-right: 5px
}

.article-bottom .article-bottom-left a:hover {
	color: #ff7852
}

.article-bottom .share-icons {
	float: right;
	font-size: 14px;
	color: #3f3f3f
}

.article-bottom .share-icons .jtico {
	cursor: pointer;
	background: url(../images/icon/share_icons.png) no-repeat center;
	display: block;
	height: 27px;
	opacity: .7;
	width: 31px
}

.article-bottom .share-icons .jtico:hover {
	opacity: 1
}

.article-bottom .share-icons .jtico.jtico_tsina {
	background-position: 0 0
}

.article-bottom .share-icons .jtico.jtico_tqq {
	background-position: -35px 0
}

.article-bottom .share-icons .jtico.jtico_qzone {
	background-position: -69px 0
}

.article-bottom .share-icons .jtico.jtico_douban {
	background-position: -104px 0
}

.article-bottom .share-icons .jtico.jtico_renren {
	background-position: -139px 0
}

.article-bottom .share-icons .jtico.jtico_weixin {
	background-position: -174px 0
}

.article-bottom .share-icons .jtico.jtico_jiathis {
	background-position: -208px 0
}

.article-bottom .next-previous {
	margin: 50px 0 30px
}

.article-bottom .next-previous p {
	color: #3f3f3f;
	font-size: 12px;
	font-weight: 700;
	line-height: 22px
}

.article-bottom .next-previous p a {
	font-weight: 400
}

.article-bottom .next-previous p span {
	color: #959595;
	font-weight: 400
}

.caveat {
	margin-top: 25px;
	text-align: center;
	color: #898989;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	width: 100%;
	background-color: #efecec
}

.faq-detail .detail-left .detail-left-wrap .article-sum {
	font-size: 14px;
	color: #626262;
	padding: 10px 0;
	position: relative
}

.faq-detail .detail-left .detail-left-wrap .article-sum span {
	color: #3f3f3f
}

.faq-detail .detail-left .detail-left-wrap .article-sum p {
	position: relative;
	z-index: 5
}

.faq-detail .detail-left .detail-left-wrap .article-sum .article-sum-bg {
	background-color: #f0eded;
	width: 880px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -440px;
	z-index: 1
}

.faq-detail .detail-left .detail-left-wrap .article-con-text {
	padding-top: 10px
}

.faq-detail .detail-left .detail-left-wrap .article-con-text p {
	margin-top: 30px
}

#other-information.top-information {
	margin-top: 30px
}

.develop-type {
	color: #3f3f3f;
	background-color: #f5f5f5
}

.develop-type-wrap {
	padding-bottom: 60px
}

.develop-type-wrap #related-tell.related-tell {
	margin-top: 120px
}

.develop-type-wrap #platform-related-title.platform-related-title {
	padding: 0
}

.develop-type-wrap .h-block-sys {
	padding: 0 40px;
	position: relative;
	z-index: 3
}

.develop-type-wrap .h-block-sys .sys-con {
	height: 540px
}

.h-block-sys.first .sys-con {
	height: 520px
}

.develop-type-wrap .h-block-sys .sys-con .sys-left {
	width: 560px;
	padding: 125px 0 0 0;
	float: left
}

.develop-type-wrap .h-block-sys .sys-con .sys-left h3 {
	font-size: 28px
}

.develop-type-wrap .h-block-sys .sys-con .sys-left h3 span {
	display: block;
	font-size: 12px;
	margin-top: 8px
}

.develop-type-wrap .h-block-sys .sys-con .sys-left .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852
}

.develop-type-wrap .h-block-sys .sys-con .sys-left p {
	font-size: 14px;
	color: #888;
	line-height: 25px;
	padding-top: 24px;
	clear: both
}

.develop-type-wrap .h-block-sys .sys-con .sys-left b {
	font-size: 14px;
	margin-top: 15px;
	display: block
}

.develop-type-wrap .h-block-sys .sys-con .sys-left b span {
	color: #ff7852
}

.develop-type-wrap .h-block-sys .sys-con .sys-left .more {
	margin-top: 20px;
	display: inline-block;
	height: 30px;
	width: 100px;
	line-height: 30px;
	color: #fff;
	background-color: #ff7852;
	text-align: center
}

.h-block-sys.first .sys-con .sys-left {
	padding-top: 105px
}

.develop-type-wrap .h-block-sys .sys-con .sys-right {
	padding: 65px 0 0 0;
	width: 560px;
	float: right;
	text-align: right
}

.first .type-img {
	margin-right: 30px
}

.h-block-sys.first .sys-con .sys-right {
	padding: 50px 0 0 0
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 {
	width: 560px;
	padding: 125px 0 0 0;
	float: right;
	text-align: right
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 h3 {
	font-size: 28px
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 h3 span {
	display: block;
	font-size: 12px;
	margin-top: 8px
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852;
	float: right
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 p {
	font-size: 14px;
	color: #888;
	line-height: 25px;
	padding-top: 24px;
	clear: both
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 b {
	font-size: 14px;
	margin-top: 15px;
	display: block
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 b span {
	color: #ff7852
}

.develop-type-wrap .h-block-sys .sys-con .sys-left02 .more {
	margin-top: 20px;
	display: inline-block;
	height: 30px;
	width: 100px;
	line-height: 30px;
	color: #fff;
	background-color: #ff7852;
	text-align: center
}

.develop-type-wrap .h-block-sys .sys-con .sys-right02 {
	padding: 65px 0 0 0;
	width: 560px;
	float: left;
	text-align: left;
	overflow: hidden
}

.h-block-sys.sec .sys-con .sys-right02 {
	padding: 40px 0 0 0
}

.develop-type-wrap .h-block-sys .sys-bg {
	background: #fff;
	width: 1920px;
	height: 540px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: -379px;
	top: 0;
	z-index: -1
}

.e-supplier-wrap {
	padding-bottom: 75px
}

.e-supplier-wrap .e-supplier-title {
	margin-top: 50px;
	text-align: center;
	padding-bottom: 12px
}

.e-supplier-wrap .e-supplier-title h1 {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.e-supplier-wrap .e-supplier-title p {
	color: #888;
	font-size: 14px;
	margin-top: 10px
}

.e-supplier-wrap .e-supplier-title .title-line {
	width: 30px;
	margin: 20px auto 0;
	border-top: 4px solid #ff7852
}

.e-supplier-wrap .e-supplier-content {
	margin: 0 auto;
	width: 950px
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul {
	background: url(../images/e-supplier-bg.png) no-repeat center 40px
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul li {
	width: 475px
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul li .con-line {
	width: 30px;
	padding-bottom: 10px;
	border-top: 2px solid #ff7852
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul li h3 {
	margin-bottom: 12px
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul li h3 a {
	font-size: 18px
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul li p {
	font-size: 14px;
	color: #888;
	line-height: 20px;
	width: 305px
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul .left {
	float: left
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul .right {
	float: right
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul .right .con-line {
	float: right
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul .right h3 {
	clear: both;
	text-align: right
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul .right p {
	float: right
}

.e-supplier-wrap .e-supplier-content .e-supplie-list ul .bottom {
	margin-top: 270px
}

.enterprise-app-main {
	background-color: #f5f5f5
}

.enterprise-app-wrap {
	padding-bottom: 60px
}

.enterprise-app-wrap .enterprise-title {
	margin-top: 50px;
	text-align: center;
	padding-bottom: 35px
}

.enterprise-app-wrap .enterprise-title h2 {
	color: #3f3f3f;
	font-size: 30px;
	font-weight: 700
}

.enterprise-app-wrap .enterprise-title p {
	color: #888;
	font-size: 14px;
	margin-top: 10px
}

.enterprise-app-wrap .enterprise-title .title-line {
	width: 30px;
	margin: 20px auto 0;
	border-top: 4px solid #ff7852
}

.enterprise-app-wrap .h-block-sys .sys-con {
	height: 470px
}

.enterprise-app-wrap .h-block-sys .sys-con .sys-left02 {
	width: 500px;
	padding: 100px 0 0 0;
	float: left
}

.enterprise-app-wrap .h-block-sys .sys-con .sys-left02 h4 {
	color: #3f3f3f;
	font-size: 18px;
	margin-bottom: 15px
}

.enterprise-app-wrap .h-block-sys .sys-con .sys-left02 p {
	font-size: 12px;
	color: #888;
	line-height: 18px;
	margin-bottom: 15px
}

.enterprise-app-wrap .h-block-sys .sys-con .sys-right02 {
	width: 620px;
	float: left;
	text-align: left;
	overflow: hidden
}

.enterprise-app-wrap .h-block-sys .sys-con .sys-right02 img {
	margin-left: 55px
}

.enterprise-app-wrap .enterprise-content {
	height: 770px;
	position: relative;
	z-index: 3
}

.enterprise-app-wrap .enterprise-content .enterprise-title {
	text-align: center;
	padding: 80px 0 140px
}

.enterprise-app-wrap .enterprise-content .enterprise-title h2 {
	color: #3f3f3f;
	font-size: 30px;
	font-weight: 700
}

.enterprise-app-wrap .enterprise-content .enterprise-title h2 span {
	color: #ff7852
}

.enterprise-app-wrap .enterprise-content .enterprise-title p {
	color: #888;
	font-size: 14px;
	margin-top: 10px
}

.enterprise-app-wrap .enterprise-content .enterprise-title .title-line {
	width: 30px;
	margin: 20px auto 0;
	border-top: 4px solid #ff7852
}

.enterprise-app-wrap .enterprise-content .enterprise-list {
	padding: 0 10px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul {
	background: url(../images/enterprise-bg.png) no-repeat center 80px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .enterprise-item {
	width: 456px;
	height: 120px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .enterprise-item .enterprise-item-wrap h3 {
	font-size: 18px;
	margin-bottom: 15px;
	color: #3f3f3f
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .enterprise-item .enterprise-item-wrap p {
	font-size: 12px;
	color: #888;
	line-height: 20px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .enterprise-item .enterprise-item-wrap span {
	font-size: 12px;
	color: #888;
	display: block;
	padding-top: 25px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-top {
	float: left;
	text-align: right;
	height: 187px;
	background: url(../images/icon/enterprise-icon01.png) no-repeat right 15px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-top:hover {
	background: url(../images/icon/enterprise-icon01-h.png) no-repeat right 15px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-top .enterprise-item-wrap {
	padding-right: 100px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-top {
	float: right;
	height: 187px;
	text-align: left;
	background: url(../images/icon/enterprise-icon02.png) no-repeat left 15px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-top:hover {
	background: url(../images/icon/enterprise-icon02-h.png) no-repeat left 15px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-top .enterprise-item-wrap {
	padding-left: 100px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-bottom {
	float: left;
	margin-top: 120px;
	text-align: right;
	background: url(../images/icon/enterprise-icon03.png) no-repeat right 15px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-bottom:hover {
	background: url(../images/icon/enterprise-icon03-h.png) no-repeat right 15px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .left-bottom .enterprise-item-wrap {
	padding-right: 100px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-bottom {
	float: right;
	margin-top: 120px;
	text-align: left;
	background: url(../images/icon/enterprise-icon04.png) no-repeat left 15px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-bottom:hover {
	background: url(../images/icon/enterprise-icon04-h.png) no-repeat left 15px
}

.enterprise-app-wrap .enterprise-content .enterprise-list ul .right-bottom .enterprise-item-wrap {
	padding-left: 100px
}

.enterprise-app-wrap .enterprise-content .enterprise-content-bg {
	background: #fff;
	width: 1920px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	z-index: -1
}

.socially-app-wrap .socially-title {
	padding-top: 50px;
	text-align: center;
	padding-bottom: 30px
}

.socially-app-wrap .socially-title h1 {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.socially-app-wrap .socially-title h2 {
	color: #3f3f3f;
	font-size: 32px;
	font-weight: 700
}

.socially-app-wrap .socially-title p {
	color: #888;
	font-size: 14px;
	margin-top: 10px
}

.socially-app-wrap .socially-title span {
	color: #888;
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 15px
}

.socially-app-wrap .socially-con {
	color: #3f3f3f
}

.socially-app-wrap .socially-con .socially-more-wrap {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 70px
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list {
	width: 1200px
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li {
	width: 580px;
	height: 240px;
	margin: 0 20px 20px 0;
	float: left
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap {
	border: 1px solid #d7d7d7
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left {
	text-align: right;
	float: left;
	width: 325px
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left h3 {
	font-size: 20px;
	margin-top: 20px
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left h3 span {
	display: block;
	color: #888;
	margin-top: 8px;
	font-size: 12px
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left p {
	color: #888;
	font-size: 12px;
	padding-left: 20px;
	line-height: 20px;
	margin-top: 15px;
	height: 115px
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left b {
	display: block;
	font-size: 14px;
	line-height: 20px
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-left b span {
	color: #ff7852
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-right {
	float: right;
	width: 238px;
	height: 238px;
	border-left: 1px solid #d7d7d7;
	overflow: hidden
}

.socially-app-wrap .socially-con .socially-more-wrap .socially-more-list li .socially-more-item-wrap .more-right img {
	width: 100%
}

.socially-app-wrap .socially-con .socially-features {
	position: relative;
	z-index: 3
}

.socially-app-wrap .socially-con .socially-features .socially-title {
	padding-bottom: 40px
}

.socially-app-wrap .socially-con .socially-features ul {
	padding-bottom: 40px
}

.socially-app-wrap .socially-con .socially-features ul li {
	float: left;
	width: 400px;
	height: 190px;
	text-align: center;
	margin-bottom: 40px
}

.socially-app-wrap .socially-con .socially-features ul li .top-img {
	width: 80px;
	margin: 0 auto
}

.socially-app-wrap .socially-con .socially-features ul li h3 {
	margin: 20px 0 15px;
	font-size: 20px;
	font-weight: 700
}

.socially-app-wrap .socially-con .socially-features ul li p {
	line-height: 18px;
	font-size: 12px;
	color: #888;
	width: 280px;
	margin: 0 auto
}

.socially-app-wrap .socially-con .socially-features .socially-features-bg {
	background: #f5f5f5;
	width: 1920px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	z-index: -1
}

.socially-app-wrap .socially-con .technology {
	height: 920px;
	position: relative;
	z-index: 3
}

.socially-app-wrap .socially-con .technology .socially-title {
	padding-top: 75px
}

.socially-app-wrap .socially-con .technology .technology-item .technology-top {
	width: 540px;
	text-align: right;
	margin-top: 115px;
	margin-left: 65px
}

.socially-app-wrap .socially-con .technology .technology-item .technology-top h3 {
	font-size: 18px;
	margin-bottom: 15px
}

.socially-app-wrap .socially-con .technology .technology-item .technology-top p {
	font-size: 12px;
	color: #888;
	line-height: 25px
}

.socially-app-wrap .socially-con .technology .technology-item .technology-bottom {
	width: 540px;
	margin-top: 238px;
	margin-left: 542px
}

.socially-app-wrap .socially-con .technology .technology-item .technology-bottom h3 {
	font-size: 18px;
	margin-bottom: 15px
}

.socially-app-wrap .socially-con .technology .technology-item .technology-bottom p {
	font-size: 12px;
	color: #888;
	line-height: 25px
}

.socially-app-wrap .socially-con .technology .technology-bg {
	background: url(../images/technology-bg01.jpg) no-repeat center;
	width: 1920px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	z-index: -1
}

.socially-app-wrap #related-tell.related-tell {
	padding: 60px 0 80px;
	margin-top: 0;
	position: relative;
	z-index: 3
}

.socially-app-wrap #related-tell.related-tell .related-tell-bg {
	background: #f5f5f5;
	width: 1920px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	z-index: -1
}

.capacity.enterprise-app-wrap .capactity-block01 {
	position: relative;
	z-index: 1
}

.capacity.enterprise-app-wrap .capactity-block01 .enterprise-title .p1 {
	font-size: 18px;
	padding-top: 20px
}

.capacity.enterprise-app-wrap .capactity-block01 .h-block-sys .sys-con .sys-right02 {
	padding-top: 79px
}

.capacity.enterprise-app-wrap .capactity-block01 .h-block-sys .sys-con .sys-left02 {
	padding-top: 79px
}

.capacity.enterprise-app-wrap .capactity-block01 .block01-bg {
	background: #fff;
	width: 1920px;
	height: 687px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: -369px;
	top: -80px;
	z-index: -1
}

.capacity.enterprise-app-wrap .capactity-block02 {
	width: 100%;
	height: 880px
}

.capacity.enterprise-app-wrap .capactity-block02 .cap-content {
	width: 1042px;
	margin: 0 auto;
	overflow: hidden
}

.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul {
	width: 1142px
}

.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li {
	width: 280px;
	height: 335px;
	float: left;
	margin-bottom: 31px;
	margin-right: 100px
}

.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .img {
	width: 100%;
	height: 238px
}

.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .img img {
	border: 1px solid #ccc
}

.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .word {
	height: 95px
}

.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .word .title {
	height: 45px;
	font-size: 20px;
	line-height: 45px;
	text-align: center
}

.capacity.enterprise-app-wrap .capactity-block02 .cap-content ul li .word p {
	width: 252px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 22px;
	color: #888
}

.capacity.enterprise-app-wrap .capactity-block03 {
	width: 100%;
	height: 920px;
	position: relative;
	z-index: 3
}

.capacity.enterprise-app-wrap .capactity-block03 .enterprise-title {
	margin-top: 0;
	padding-top: 50px
}

.capacity.enterprise-app-wrap .capactity-block03 .enterprise-title span {
	color: #ff7852;
	padding-left: 5px
}

.capacity.enterprise-app-wrap .capactity-block03 .line {
	border-bottom: 1px solid #d2d2d2
}

.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo {
	width: 1042px;
	margin: 0 auto;
	overflow: hidden;
	padding: 35px 0
}

.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul {
	width: 1142px
}

.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li {
	width: 280px;
	height: 228px;
	float: left;
	margin-bottom: 31px;
	margin-right: 100px
}

.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li .img {
	width: 100%;
	height: 118px;
	text-align: center
}

.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li .word {
	height: 110px
}

.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li .word .title {
	height: 45px;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	font-weight: 700
}

.capacity.enterprise-app-wrap .capactity-block03 .cap-rwo ul li .word p {
	width: 100%;
	font-size: 12px;
	line-height: 22px;
	color: #888
}

.capacity.enterprise-app-wrap .capactity-block03 .block03-bg {
	background: #fff;
	width: 1920px;
	height: 920px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: -369px;
	top: 0;
	z-index: -1
}

#main {
	position: relative
}

#main .b2b-button {
	width: 124px;
	min-height: 200px;
	position: fixed;
	top: 20px;
	left: 10px;
	z-index: 999;
	display: none
}

#main .b2b-button .line {
	width: 124px;
	min-height: 255px;
	border-left: 1px dotted #a3a3a3;
	position: relative;
	z-index: -1;
	top: -230px;
	left: -1px;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3
}

#main .b2b-button .line.l2 {
	min-height: 180px;
	top: -170px
}

#main .b2b-button a {
	display: block;
	width: 100px;
	height: 35px;
	margin-top: 26px;
	margin-left: 24px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	position: relative;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3
}

#main .b2b-button a i {
	width: 32px;
	height: 15px;
	position: absolute;
	top: 10px;
	left: -32px
}

#main .b2b-button a.on {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1
}

#main .b2b-button a.a1 {
	background: #65c4f0
}

#main .b2b-button a.a1 i {
	background: url(../images/icon/b2c-icon-nav01.png) no-repeat
}

#main .b2b-button a.a2 {
	background: #ff8563
}

#main .b2b-button a.a2 i {
	background: url(../images/icon/b2c-icon-nav02.png) no-repeat
}

#main .b2b-button a.a3 {
	background: #5ecccd
}

#main .b2b-button a.a3 i {
	background: url(../images/icon/b2c-icon-nav03.png) no-repeat
}

#main .b2cmobile-block01 {
	position: relative;
	z-index: 1
}

#main .b2cmobile-block01 .block01-img {
	width: 553px;
	height: 221px;
	margin: 0 auto
}

#main .b2cmobile-block01 .block01-bg {
	background: #fff;
	width: 1920px;
	height: 500px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: -369px;
	top: -80px;
	z-index: -1
}

#main .b2cmobile-block01.o2omobile-blockl01 {
	height: 935px
}

#main .b2cmobile-block01.o2omobile-blockl01 .title-top.o2otitle {
	margin-bottom: 20px
}

#main .b2cmobile-block01.o2omobile-blockl01 .title-top.o2otitle .title-con {
	margin-top: 80px
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model {
	width: 1100px;
	height: 390px;
	margin: 0 auto
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li {
	width: 338px;
	height: 388px;
	border: 1px solid #e5e5e5;
	float: left;
	margin-right: 40px
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .img {
	width: 338px;
	height: 236px;
	border-bottom: 1px solid #e5e5e5
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word {
	width: 300px;
	height: 124px;
	margin: 0 auto;
	padding-top: 11px
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word h3 {
	height: 30px;
	line-height: 30px;
	font-size: 20px
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .p1 {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .p2 {
	height: 40px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	padding-top: 13px
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .ow_case {
	height: 22px;
	line-height: 22px
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li .word .ow_case span {
	color: #ff7852
}

#main .b2cmobile-block01.o2omobile-blockl01 .o2o_model li.last {
	margin-right: 0
}

#main .b2cmobile-block01.o2omobile-blockl01 .block01-bg {
	height: 1016px
}

#main .b2cmobile-block02 {
	padding-top: 50px
}

#main .b2cmobile-block02 .blcok02title {
	text-align: center;
	font-size: 22px;
	height: 38px;
	line-height: 38px;
	color: #999;
	background: url(../images/icon/b2c-icon-bg3.png) left center no-repeat
}

#main .b2cmobile-block02 .blcok02title span {
	color: #ff7852
}

#main .b2cmobile-block02 .b2b2c {
	font-size: 20px
}

#main .b2cmobile-block02 .block02-content {
	width: 1200px;
	height: 800px;
	margin-top: 32px;
	position: relative
}

#main .b2cmobile-block02 .block02-content .block02-img {
	width: 371px;
	height: 779px;
	position: absolute;
	top: 0;
	left: 430px;
	background: url(../images/b2c-fn-bg.png) no-repeat
}

#main .b2cmobile-block02 .block02-content .block02-img img {
	padding-top: 70px;
	padding-left: 2px;
	display: none
}

#main .b2cmobile-block02 .block02-content .block02-img .fadein {
	display: block
}

#main .b2cmobile-block02 .block02-content ul {
	padding-top: 45px
}

#main .b2cmobile-block02 .block02-content li {
	height: 145px;
	width: 50%;
	float: left
}

#main .b2cmobile-block02 .block02-content li .libox {
	width: 345px;
	position: relative;
	background: url(../images/icon/b2c-icon-bg2.png) right top no-repeat;
	cursor: pointer
}

#main .b2cmobile-block02 .block02-content li .libox .icon {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 9px;
	right: 9px
}

#main .b2cmobile-block02 .block02-content li .libox .title {
	width: 265px;
	text-align: right;
	font-size: 18px;
	line-height: 28px
}

#main .b2cmobile-block02 .block02-content li .libox .describe {
	width: 265px;
	text-align: right;
	font-size: 12px;
	color: #777;
	line-height: 20px;
	padding-top: 5px
}

#main .b2cmobile-block02 .block02-content li .active,
#main .b2cmobile-block02 .block02-content li .libox:hover {
	background: url(../images/icon/b2c-icon-bg1.png) right top no-repeat
}

#main .b2cmobile-block02 .block02-content li .active .title,
#main .b2cmobile-block02 .block02-content li .libox:hover .title {
	color: #ff7852
}

#main .b2cmobile-block02 .block02-content li .libox.right {
	float: right;
	background-position: left top
}

#main .b2cmobile-block02 .block02-content li .libox.right .icon {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 9px;
	left: 9px
}

#main .b2cmobile-block02 .block02-content li .libox.right .title {
	float: right;
	text-align: left;
	font-size: 18px
}

#main .b2cmobile-block02 .block02-content li .libox.right .describe {
	float: right;
	text-align: left;
	font-size: 12px;
	color: #777
}

#main .b2cmobile-block02 .block02-content.b2b-block02 li {
	margin-top: 75px;
	float: right
}

#main .b2cmobile-block02 .block02-content.b2b-block02 li.first {
	float: left!important;
	margin-top: 115px
}

#main .b2cmobile-block02 .block02-content.b2b-block02 li.left {
	float: left
}

#main .b2cmobile-block02 .block02-content.block02-b2b2c li {
	margin-top: 75px
}

#main .b2cmobile-block02 .block02-content02 {
	padding: 60px 0
}

#main .b2cmobile-block02 .block02-content02 .shop-slide {
	display: none
}

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-navigation {
	width: 32px;
	height: 32px;
	margin-top: 28px
}

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-previous {
	float: left;
	margin-left: 560px;
	background: #ccc url(../images/icon/case-prev.png) center center no-repeat
}

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-previous:hover {
	background: #fe7000 url(../images/icon/case-prev.png) center center no-repeat
}

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-next {
	float: left;
	background: #ccc url(../images/icon/case-next.png) center center no-repeat
}

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-next:hover {
	background: #fe7000 url(../images/icon/case-next.png) center center no-repeat
}

#main .b2cmobile-block02 .block02-content02 .shop-slide .slidesjs-pagination {
	margin: 6px 0 0;
	float: right;
	list-style: none
}

#main .b2cmobile-block02 .block02-content02 .navbar {
	overflow: hidden
}

.b2cmobile-block03 {
	width: 100%;
	height: 896px;
	position: relative;
	z-index: 1;
	padding-top: 50px
}

.b2cmobile-block03 .title-top {
	margin-bottom: 30px
}

.b2cmobile-block03 .block03-title {
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #666
}

.b2cmobile-block03 .block03-title span {
	color: #fe7100
}

.b2cmobile-block03 .block03ul {
	width: 840px;
	height: 134px;
	margin: 0 auto;
	padding: 0 20px;
	border-bottom: 1px dotted #ccc
}

.b2cmobile-block03 .block03ul li {
	height: 115px;
	width: 80px;
	padding-top: 12px;
	float: left;
	margin: 0 43px
}

.b2cmobile-block03 .block03ul li .img {
	width: 100%;
	height: 80px
}

.b2cmobile-block03 .block03ul li .word {
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px
}

.b2cmobile-block03 .j2ee {
	width: 1000px;
	margin: 0 auto;
	padding-top: 36px;
	height: 290px
}

.b2cmobile-block03 .j2ee .left {
	width: 360px;
	float: left
}

.b2cmobile-block03 .j2ee .right {
	width: 550px;
	float: right;
	margin-right: 3px;
	padding-top: 33px;
	font-size: 12px;
	color: #666;
	line-height: 25px
}

.b2cmobile-block03 .j2ee .right .title {
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	color: #3f3f3f
}

.b2cmobile-block03 .j2ee .right p {
	text-indent: 24px;
	margin: 24px 0
}

.b2cmobile-block03 .j2eeul {
	width: 1080px;
	height: 193px;
	margin: 0 auto;
	clear: both
}

.b2cmobile-block03 .j2eeul li {
	width: 200px;
	height: 193px;
	float: left;
	margin-right: 20px
}

.b2cmobile-block03 .j2eeul li .img {
	width: 200px;
	height: 150px
}

.b2cmobile-block03 .j2eeul li .img img {
	border: 1px solid #e6e5e6
}

.b2cmobile-block03 .j2eeul li .word {
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 14px
}

.b2cmobile-block03 .j2eeul li.last {
	margin: 0
}

.b2cmobile-block03 .block03-bg {
	background: #fff;
	width: 1920px;
	height: 946px;
	overflow: hidden;
	float: left;
	position: absolute;
	left: -369px;
	top: 0;
	z-index: -1
}

.b2cmobile-block04 {
	width: 968px;
	height: 909px;
	margin: 0 auto;
	padding-top: 50px
}

.b2cmobile-block04 .block04-title {
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #666
}

.b2cmobile-block04 .block04-title span {
	color: #fe7100
}

.b2cmobile-block04 .j2ee {
	width: 1000px;
	margin: 0 auto;
	padding-top: 36px;
	height: 325px
}

.b2cmobile-block04 .j2ee .left {
	width: 360px;
	float: left
}

.b2cmobile-block04 .j2ee .right {
	width: 550px;
	float: right;
	margin-right: 3px;
	font-size: 12px;
	color: #666;
	line-height: 25px
}

.b2cmobile-block04 .j2ee .right .title {
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	color: #3f3f3f
}

.b2cmobile-block04 .j2ee .right p {
	margin: 24px 0
}

.b2cmobile-block04 .j2ee.change .right {
	width: 360px;
	float: right
}

.b2cmobile-block04 .j2ee.change .left {
	width: 550px;
	float: left;
	margin-right: 3px;
	font-size: 12px;
	color: #666;
	line-height: 25px
}

.b2cmobile-block04 .j2ee.change .left .title {
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	color: #3f3f3f
}

.b2cmobile-block04 .j2ee.change .left p {
	margin: 24px 0
}

.b2cmobile-block04 .j2ee.change .left b {
	color: #333;
	font-weight: 700
}

#platform-a-title.platform-a-title h1 {
	font-size: 30px;
	text-align: center;
	font-weight: 700;
	margin-top: 40px
}

#platform-related-title.platform-related-title {
	padding: 30px 0 10px;
	text-align: center
}

#platform-related-title.platform-related-title h2 {
	font-size: 30px;
	color: #3f3f3f;
	font-weight: 700
}

#platform-related-title.platform-related-title h2 span {
	color: #ff7852
}

#platform-related-title.platform-related-title p {
	color: #888;
	font-size: 14px;
	margin-top: 8px
}

.platform-ios {
	color: #3f3f3f;
	background-color: #f5f5f5
}

.platform-ios-wrap {
	padding-bottom: 80px
}

#platform-item.h-block-sys {
	height: 520px;
	position: relative;
	z-index: 3
}

#platform-item.h-block-sys .sys-con {
	padding: 50px 15px 0 40px;
	position: relative
}

#platform-item.h-block-sys .sys-con .sys-left {
	width: 560px;
	padding: 60px 0 0 0;
	float: left
}

#platform-item.h-block-sys .sys-con .sys-left h3 {
	font-size: 30px;
	font-weight: 700
}

#platform-item.h-block-sys .sys-con .sys-left h3 b {
	color: #ff7852
}

#platform-item.h-block-sys .sys-con .sys-left h3 span {
	display: block;
	font-size: 14px;
	margin-top: 8px;
	color: #888;
	font-weight: 400
}

#platform-item.h-block-sys .sys-con .sys-left .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852
}

#platform-item.h-block-sys .sys-con .sys-left p {
	font-size: 14px;
	color: #888;
	line-height: 25px;
	padding-top: 24px;
	width: 565px
}

#platform-item.h-block-sys .sys-con .sys-right {
	height: 470px;
	width: 585px;
	float: right;
	text-align: center
}

.platform-advantage {
	position: relative;
	z-index: 3
}

.platform-advantage .subject-title {
	text-align: center;
	padding: 80px 0 40px
}

.platform-advantage .subject-title h3 {
	font-size: 30px;
	font-weight: 700
}

.platform-advantage .subject-title h3 span {
	color: #ff7852
}

.platform-advantage .subject-title p {
	display: block;
	font-size: 14px;
	margin-top: 8px;
	color: #888;
	font-weight: 400
}

.platform-advantage .platform-subject-item {
	height: 400px;
	padding-bottom: 70px
}

.platform-advantage .platform-subject-item .item-left {
	float: left;
	margin-top: 10px;
	padding-left: 110px
}

.platform-advantage .platform-subject-item .item-left02 {
	margin-top: 70px
}

.platform-advantage .platform-subject-item .item-left03 {
	padding-left: 80px;
	margin-top: 55px
}

.platform-advantage .platform-subject-item .item-right {
	width: 600px;
	float: right;
	margin-top: 60px
}

.platform-advantage .platform-subject-item .item-right h3 {
	font-size: 28px
}

.platform-advantage .platform-subject-item .item-right h3 span {
	display: block;
	font-size: 12px;
	margin-top: 8px;
	color: #888;
	font-weight: 400
}

.platform-advantage .platform-subject-item .item-right .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852
}

.platform-advantage .platform-subject-item .item-right p {
	font-size: 16px;
	color: #888;
	line-height: 25px;
	padding-top: 24px
}

.platform-advantage .platform-ios-sec-bg {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 100%;
	width: 1920px;
	z-index: -1
}

#platform-question.platform-question {
	height: 620px;
	position: relative;
	z-index: 3
}

#platform-question.platform-question .subject-title {
	text-align: center;
	padding: 80px 0 25px
}

#platform-question.platform-question .subject-title h3 {
	font-size: 30px;
	font-weight: 700
}

#platform-question.platform-question .subject-title h3 span {
	color: #ff7852
}

#platform-question.platform-question .subject-title p {
	display: block;
	font-size: 14px;
	margin-top: 8px;
	color: #888;
	font-weight: 400
}

#platform-question.platform-question .platform-question-con {
	margin: 0 auto;
	width: 794px;
	height: 379px;
	background: url(../images/platform-question-con-bg.png) no-repeat center;
	z-index: 5;
	position: relative
}

#platform-question.platform-question .platform-question-con .question-item {
	width: 260px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9
}

#platform-question.platform-question .platform-question-con .question-item .question-item-wrap {
	padding: 15px 5px 0 15px
}

#platform-question.platform-question .platform-question-con .question-item .question-item-wrap h4 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #aaa
}

#platform-question.platform-question .platform-question-con .question-item .question-item-wrap h4 span {
	color: #ff7852
}

#platform-question.platform-question .platform-question-con .question-item .question-item-wrap ul li {
	list-style: disc inside none;
	color: #888;
	font-size: 12px;
	white-space: nowrap;
	width: 240px;
	overflow: hidden
}

#platform-question.platform-question .platform-question-con .question-item .question-item-wrap ul li:hover {
	color: #ff7852
}

#platform-question.platform-question .platform-question-con .question-item .question-item-wrap ul li:hover a {
	color: #ff7852
}

#platform-question.platform-question .platform-question-con .question-item .question-item-wrap ul li a {
	font-size: 14px;
	line-height: 25px;
	color: #888
}

#platform-question.platform-question .platform-question-con .left-btm {
	top: auto;
	bottom: 0;
	left: 0;
	width: 260px;
	height: 155px
}

#platform-question.platform-question .platform-question-con .right {
	width: 300px;
	height: 380px;
	left: auto;
	right: 0
}

#platform-question.platform-question .platform-question-con .right .question-item-wrap {
	padding-left: 20px
}

#platform-question.platform-question .platform-question-con .right .question-item-wrap ul li {
	width: 267px
}

#platform-question.platform-question .question-bg {
	background-color: #dedede;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 100%;
	width: 1920px;
	z-index: -1
}

.platform-android {
	color: #3f3f3f;
	background-color: #f5f5f5
}

.platform-android-wrap {
	padding-bottom: 80px
}

.platform-android-wrap .platform-subject-item {
	height: 400px;
	padding-bottom: 70px
}

.platform-android-wrap .platform-subject-item .item-left {
	margin: 0;
	float: left;
	padding-left: 67px
}

.platform-wx {
	color: #3f3f3f;
	background-color: #f5f5f5
}

.platform-wx-wrap {
	padding-bottom: 80px
}

.platform-wx-wrap .platform-wx-top {
	margin-top: 60px
}

.platform-wx-wrap .platform-wx-top .platform-wx-title h2 {
	font-size: 32px;
	text-align: center;
	color: #ff7852;
	font-weight: 700
}

.platform-wx-wrap .platform-wx-top .platform-wx-title p {
	text-align: center;
	font-size: 12px;
	color: #888;
	margin-top: 8px
}

.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn {
	width: 775px;
	margin: 50px auto 0
}

.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .item {
	float: left;
	font-size: 16px;
	width: 85px;
	text-align: center
}

.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .item span {
	font-size: 60px;
	color: #ff7852
}

.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .item p {
	font-size: 26px;
	color: #3f3f3f;
	margin-top: 15px
}

.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .mid {
	width: 125px;
	margin-left: 225px
}

.platform-wx-wrap .platform-wx-top .platform-wx-title .platform-wx-learn .right {
	float: right;
	width: 125px
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con {
	margin-top: 25px;
	height: 620px
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left {
	float: left;
	width: 605px
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap {
	padding: 25px 0 0 40px
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap h3 {
	font-size: 28px
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap p {
	font-size: 12px;
	margin-top: 8px
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap .sec {
	margin-top: 25px;
	font-size: 14px;
	color: #888;
	line-height: 25px
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap .wx-top-left-list {
	margin-top: 45px
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-left .wx-top-left-wrap .wx-top-left-list li {
	font-size: 14px;
	color: #ff7852;
	width: 100px;
	float: left;
	margin-right: 145px;
	padding-left: 5px;
	margin-bottom: 33px;
	list-style: disc inside none
}

.platform-wx-wrap .platform-wx-top .platform-wx-top-con .wx-top-right {
	float: right;
	width: 545;
	text-align: right
}

.platform-wx-wrap .platform-advantage .subject-title {
	padding-top: 120px
}

.platform-wx-wrap .special-feature {
	padding: 0 10px 20px
}

.platform-wx-wrap .special-feature .special-feature-wrap {
	width: 1180px;
	overflow: hidden
}

.platform-wx-wrap .special-feature .special-feature-wrap ul li {
	float: left;
	width: 295px;
	height: 175px;
	text-align: center;
	margin-bottom: 60px
}

.platform-wx-wrap .special-feature .special-feature-wrap ul li .top-img {
	width: 80px;
	margin: 0 auto
}

.platform-wx-wrap .special-feature .special-feature-wrap ul li h3 {
	margin: 20px 0 15px;
	font-size: 20px;
	font-weight: 700
}

.platform-wx-wrap .special-feature .special-feature-wrap ul li p {
	line-height: 18px;
	font-size: 12px;
	color: #888
}

#h-block-sys-right.h-block-sys {
	padding: 0 40px;
	position: relative;
	z-index: 3
}

#h-block-sys-right.h-block-sys .title {
	padding-top: 55px;
	font-size: 20px;
	text-align: center
}

#h-block-sys-right.h-block-sys .title span {
	font-size: 50px;
	color: #ff7852
}

#h-block-sys-right.h-block-sys .sys-con {
	height: 540px
}

#h-block-sys-right.h-block-sys .sys-con .sys-left {
	width: 560px;
	padding: 125px 0 0 0;
	float: left
}

#h-block-sys-right.h-block-sys .sys-con .sys-left h3 {
	font-size: 28px
}

#h-block-sys-right.h-block-sys .sys-con .sys-left h3 span {
	display: block;
	font-size: 12px;
	margin-top: 8px
}

#h-block-sys-right.h-block-sys .sys-con .sys-left .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852
}

#h-block-sys-right.h-block-sys .sys-con .sys-left p {
	font-size: 14px;
	color: #888;
	line-height: 25px;
	padding-top: 24px;
	clear: both
}

#h-block-sys-right.h-block-sys .sys-con .sys-left .sec {
	color: #ff7852;
	padding-top: 5px;
	line-height: 30px;
	width: 575px
}

#h-block-sys-right.h-block-sys .sys-con .sys-right {
	padding: 65px 0 0 0;
	width: 560px;
	float: right;
	text-align: right
}

#h-block-sys-right.h-block-sys .sys-con .sys-right img {
	margin-right: 30px
}

#h-block-sys-right.h-block-sys .first.sys-con {
	height: 580px
}

#h-block-sys-right.h-block-sys .sys-bg {
	background: #fff;
	width: 1920px;
	height: 100%;
	overflow: hidden;
	float: left;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	z-index: -1
}

#h-block-sys-left.h-block-sys {
	padding: 0 40px;
	position: relative;
	z-index: 3
}

#h-block-sys-left.h-block-sys .title {
	padding-top: 55px;
	font-size: 20px;
	text-align: center
}

#h-block-sys-left.h-block-sys .title span {
	font-size: 50px;
	color: #ff7852
}

#h-block-sys-left.h-block-sys .sys-con {
	height: 540px
}

#h-block-sys-left.h-block-sys .sys-con .sys-left02 {
	width: 560px;
	padding: 125px 0 0 0;
	float: right;
	text-align: right
}

#h-block-sys-left.h-block-sys .sys-con .sys-left02 h3 {
	font-size: 28px
}

#h-block-sys-left.h-block-sys .sys-con .sys-left02 h3 span {
	display: block;
	font-size: 12px;
	margin-top: 8px
}

#h-block-sys-left.h-block-sys .sys-con .sys-left02 .line {
	width: 50px;
	height: 28px;
	border-bottom: 2px solid #ff7852;
	float: right
}

#h-block-sys-left.h-block-sys .sys-con .sys-left02 p {
	font-size: 14px;
	color: #888;
	line-height: 25px;
	padding-top: 24px;
	clear: both
}

#h-block-sys-left.h-block-sys .sys-con .sys-left02 .sec {
	color: #ff7852;
	padding-top: 5px;
	line-height: 30px
}

#h-block-sys-left.h-block-sys .sys-con .sys-left02 .three {
	color: #ff7852;
	padding-top: 5px;
	line-height: 15px;
	margin-top: 15px;
	padding-bottom: 15px
}

#h-block-sys-left.h-block-sys .sys-con .sys-left02 .three span {
	display: inline-block;
	width: 140px
}

#h-block-sys-left.h-block-sys .sys-con .sys-right02 {
	padding: 65px 0 0 0;
	width: 560px;
	float: left;
	text-align: left;
	overflow: hidden
}

#h-block-sys-left.h-block-sys .first.sys-con {
	height: 580px
}

#h-block-sys-left.h-block-sys .sys-bg {
	background: #fff;
	width: 1920px;
	height: 100%;
	overflow: hidden;
	float: left;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	z-index: -1
}

.platform-pc {
	color: #3f3f3f;
	background-color: #f5f5f5
}

.platform-pc-wrap {
	padding-bottom: 80px
}

.platform-pc-wrap #platform-item.h-block-sys .sys-right {
	margin-top: 50px
}

.platform-pc-wrap .platform-subject-item {
	height: 400px;
	padding-bottom: 70px
}

.platform-pc-wrap .platform-subject-item .item-left {
	margin: 0;
	float: left;
	padding-left: 123px;
	padding-top: 22px
}

.platform-pc-wrap .platform-subject-item .item-right p {
	height: 145px;
	width: 560px
}

.platform-pc-wrap .platform-subject-item .item-right h4 {
	font-size: 14px;
	line-height: 25px
}

.platform-pc-wrap .platform-subject-item .item-right b {
	color: #888;
	font-size: 14px;
	line-height: 25px
}

.platform-phone {
	color: #3f3f3f;
	background-color: #f5f5f5
}

.platform-phone-wrap {
	padding-bottom: 80px
}

.platform-phone-wrap .platform-advantage .phone-title {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	padding: 45px 0 35px
}

.platform-phone-wrap .platform-advantage .phone-title span {
	color: #ff7852
}

.platform-phone-wrap #h-block-sys-right.h-block-sys.phone-f .sys-con .sys-left {
	padding: 45px 0 0 0
}

.platform-phone-wrap #h-block-sys-right.h-block-sys.phone-f .sys-con .sys-left .sys-left-sec {
	margin-top: 70px
}

.platform-phone-wrap #h-block-sys-right.h-block-sys.phone-f .sys-con .sys-right {
	padding: 0
}

.platform-phone-wrap #h-block-sys-right.h-block-sys.phone-f .sys-con .sys-right img {
	margin: 0
}

.platform-phone-wrap #h-block-sys-left.h-block-sys.phone-s .phone-title {
	padding: 75px 0 25px
}

.platform-phone-wrap #h-block-sys-left.h-block-sys.phone-s .sys-con {
	height: 560px
}

.platform-phone-wrap #h-block-sys-left.h-block-sys.phone-s .sys-con .sys-right02 {
	margin-top: -45px;
	padding: 0
}

.platform-phone-wrap #h-block-sys-left.h-block-sys.phone-s .sys-con .sys-right02 img {
	margin: 0
}

.footer .footer-wrap .footer-left .friendship {
	margin-top: 15px;
	margin-bottom: 15px
}

.footer .footer-wrap .footer-left .friendship .friendship {
	color: #8a8d96;
	padding-right: 20px
}

#advertising .backdrop {
	background-color: #000;
	opacity: .5;
	position: fixed!important;
	z-index: 90;
	width: 100%;
	height: 100%
}

#advertising .content {
	z-index: 99;
	width: 1000px;
	height: 640px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: rotate(50%, 50%);
	-ms-transform: rotate(50%, 50%);
	-moz-transform: rotate(50%, 50%);
	-webkit-transform: rotate(50%, 50%);
	-o-transform: rotate(50%, 50%);
	transform: translate(-50%, -50%);
	background-image: url(../images/advertising/advertising.png)
}

#advertising .content .close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 8px;
	right: 10px;
	background-image: url(../images/advertising/close-button.png)
}

#advertising .content .button {
	z-index: 99;
	position: absolute;
	bottom: 238px;
	left: 240px;
	width: 520px;
	height: 73px;
	background-image: url(../images/advertising/advertising-button.png)
}

.pagination-wrapper {
	text-align: center
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination li {
	display: inline-flex
}

.pagination li span {
	padding: 7px 15px;
	border: 0;
	margin: 0 1px;
	border-radius: 0;
	color: #FF4E00;
	font-weight: 700
}

.pagination li a {
	padding: 7px 15px;
	border: 1px solid #ddd;
	margin: 0 1px;
	font-weight: 700;
	color: #666
}

.oh {
	overflow: hidden
}

.pf_title {
	text-align: center;
	margin: 50px auto 13px
}

.pf_title h1 {
	font-size: 30px;
	font-weight: 700
}

.pf_title p {
	font-size: 16px!important;
	color: #555!important;
	margin-top: 2px!important
}

.pf_block {
	width: 100%;
	height: 380px;
	overflow: hidden
}

.pf_blockLeft,
.pf_blockRight {
	float: left
}

.pf_blockLeft {
	width: 780px;
	height: 380px
}

.pf_BL_Two {
	height: 380px;
	width: 700px!important;
	margin-left: 80px
}

.pf_blockRight {
	width: 420px;
	height: 380px;
	text-align: center
}

.pf_blockLeft h3 {
	font-size: 24px;
	color: #3f3f3f;
	display: block;
	line-height: 100px;
	margin-top: 10px
}

.pf_li {
	padding: 0 32px 12px 0
}

.pf_li p {
	font-size: 16px;
	display: inline-block;
	color: #3f3f3f;
	vertical-align: middle
}

.pf_liNum {
	display: inline-block;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #ff7852;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-right: 5px
}

.pf_title_two {
	margin-top: 20px;
	line-height: 180px;
	text-align: center;
	background: url(../images/title-line.png) center no-repeat
}

.pf_title_two h2 {
	font-size: 30px;
	color: #3f3f3f;
	font-weight: 700
}

.pf_title_two .pf_plus {
	font-size: 40px;
	color: #ff7852;
	margin: 0 5px
}

.pf_serviceList {
	width: 278px;
	height: 350px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #d1d1d1;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	margin-right: 24px;
	cursor: pointer
}

.pf_serviceList:last-of-type {
	margin: 0
}

.pf_serviceicon {
	width: 108px;
	height: 108px;
	background: url(../images/icon/servicel.png) repeat;
	margin: 30px auto 0
}

.pf_serviceicon_xcx {
	width: 108px;
	height: 108px;
	margin: 30px auto 0;
	background: url(../images/icon/service_n.png) repeat
}

.pf_serviceList h3 {
	font-size: 22px;
	color: #555;
	text-align: center;
	line-height: 60px
}

.pf_serviceList p {
	font-size: 14px;
	color: #888;
	line-height: 20px;
	text-align: center;
	padding: 0 15px;
	letter-spacing: 1px
}

.pf_one {
	background-position: 0 0
}

.pf_two {
	background-position: 0 -243px
}

.pf_three {
	background-position: 0 -486px
}

.pf_four {
	background-position: 0 -729px
}

.mouseOn {
	background-color: #ff7852;
	box-shadow: 0 0 15px rgba(102, 102, 102, .5)
}

.mouseOn h3,
.mouseOn p {
	color: #fff
}

.mouseOn .pf_one {
	background-position: 0 -122px
}

.mouseOn .pf_two {
	background-position: 0 -365px
}

.mouseOn .pf_three {
	background-position: 0 -608px
}

.mouseOn .pf_four {
	background-position: 0 -851px
}

.pf_blockTwo {
	width: 100%;
	height: 500px;
	position: relative
}

.block_pic,
.block_words {
	position: absolute
}

.block_title {
	margin: 50px 0 10px
}

.words_P {
	font-size: 16px;
	color: #888;
	line-height: 25px
}

.wordsH {
	margin: 10px 0;
	font-size: 16px;
	color: #555;
	font-weight: 700
}

.Pic_one {
	right: 0;
	top: 30px
}

.Pic_two {
	left: 0;
	top: 30px
}

.words_one {
	left: 0;
	width: 600px;
	height: 500px;
	top: 0;
	text-align: left
}

.words_two {
	right: 0;
	width: 600px;
	height: 500px;
	top: 0;
	text-align: right
}

.mt_hundred {
	margin-top: 100px
}

.mt_twohundred {
	margin-top: 150px
}

.Pic_three {
	top: 0;
	left: -200px
}

.pf_title_three {
	text-align: center;
	padding: 50px 0
}

.pf_title_three h2 {
	background: url(../images/title-line-two.png) 50% no-repeat;
	font-size: 30px;
	color: #3f3f3f
}

.pf_title_four p,
.pf_title_three p {
	font-size: 16px;
	color: #555;
	margin-top: 10px
}

.pf_icon {
	width: 100%;
	height: auto;
	overflow: hidden
}

.iconList {
	float: left;
	width: 200px;
	height: 210px;
	text-align: center;
	margin-top: 20px
}

.iconPic {
	display: inline-block;
	margin-top: 20px
}

.iconList h3 {
	font-size: 16px;
	color: #555;
	margin-top: 15px
}

.iconList p {
	font-size: 12px;
	color: #888;
	padding: 5px 20px 0;
	line-height: 20px
}

.pf_title_four {
	margin-top: 20px;
	text-align: center;
	padding: 80px 0 50px
}

.pf_title_four h2 {
	background: url(../images/title-line-three.png) center no-repeat;
	font-size: 30px;
	color: #3f3f3f;
	font-weight: 700
}

.caseList {
	padding: 0
}

.caseBox {
	float: left;
	width: 238px;
	height: 270px;
	margin: 0 12px;
	border: 1px solid #d1d1d1;
	cursor: pointer
}

.caseImg {
	width: 238px;
	height: 206px;
	overflow: hidden;
	position: relative
}

.eject {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: none
}

.meng {
	width: 238px;
	height: 206px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #000;
	-webkit-opacity: .5;
	-o-opacity: .5;
	-moz-opacity: .5;
	-ms-opacity: .5;
	opacity: .5
}

.pf_content {
	width: 238px;
	height: 206px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	text-align: center
}

.pf_content p {
	margin: 15px 0;
	font-size: 16px;
	color: #fff
}

.pf_content img {
	width: 134px;
	height: 134px;
	display: inline-block
}

.caseWord {
	position: relative;
	padding: 20px;
	overflow: hidden;
	width: 238px;
	height: 64px;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #666;
	text-align: center
}

.caseArrow {
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 22px;
	height: 11px;
	z-index: 10;
	background: url(../images/W-arrow.png) no-repeat
}

.pf_case {
	padding: 0 72px
}

.pf_submit {
	width: 100%;
	height: 218px;
	background: url(../images/bl04bg.jpg) center 0 no-repeat;
	margin-top: 50px;
	text-align: center
}

.pf_sbWord {
	font-size: 32px;
	color: #fff;
	padding-top: 60px
}

.pf_sbBtn {
	width: 191px;
	height: 52px;
	line-height: 52px;
	background-color: #FFF;
	color: #e64349!important;
	font-size: 22px;
	display: inline-block;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	margin-top: 30px;
	cursor: pointer
}

.pf_ptemp {
	line-height: 2em
}
.slidesjs-control {height: auto!important}

/*ly add*/
.appcase-con-img a {
    background-size: cover !important;
}