.plus6 a:nth-child(1)
/******WEB端样式******/

@import url("typo.css");
* {
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑";
	text-decoration: none;
	list-style: none
}

a {
	text-decoration: none;
}


/*.an {
	animation: all .3s ease
}

.a {
	font-size: 10000
}

html,
body {
	height: 100%
}

body {
	color: #333
}

body.subPage {
	background: #f5f5f5;
	height: auto
}

a {
	color: #3a78ed;
	animation: all .3s ease;
	transition: all ease .2s
}
*/

.typo a {
	border-bottom: 1px solid #3a78ed
}

blockquote {
	border-left: 2px solid #3a78ed;
	background: #f0f5fe;
	padding: 1em 0 1em 1em
}

blockquote p {
	margin-bottom: .5em !important
}

blockquote p:last-child {
	margin-bottom: 0 !important
}

.an {
	transition: all ease .2s
}

.wrap {
	width: 1200px;
	margin-left: auto;
	margin-right: auto
}

.wrap .tit {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px
}

.wrap .tit::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 3px;
	background: #3a78ed;
	width: 66px;
	margin-left: -33px
}

.wrap .tit h2 {
	font-size: 40px;
	font-weight: normal;
	letter-spacing: 5px;
	font-family: arial, microsoft Yahei
}

.wrap .tit p {
	color: #837f8f;
	margin-top: 10px
}

.subPage .head {
	background: #3a78ed
}

.focus {
	background: #000;
	width: 100%;
	height: 100%
}

.focus .txt {
	position: absolute;
	left: 50%;
	top: 50%;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-top: none;
	color: #fff;
	transform: translate(-50%, -50%);
	padding: 60px 80px;
	font-size: 46px;
	text-align: center;
	text-shadow: 1px 1px 25px rgba(0, 0, 0, 0.3);
	pointer-events: none;
	font-family: Arial, "PingFang SC", microsoft Yahei
}

.focus .txt::after,
.focus .txt::before {
	position: absolute;
	top: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.6);
	display: block;
	content: "";
	width: 60px
}

.focus .txt::after {
	left: 0
}

.focus .txt::before {
	right: 0
}

.focus .txt p {
	letter-spacing: 6px
}

.focus .txt h2 {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -60%);
	white-space: nowrap;
	font-size: 60px;
	font-weight: normal;
	letter-spacing: 2px
}

.tiyan {
	position: absolute;
	bottom: 20%;
	width: 350px;
	border-radius: 6px;
	left: 50%;
	margin-left: -150px;
	line-height: 50px;
	font-size: 0
}

.tiyan span {
	display: inline-block;
	width: 170px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	animation: all .3s ease;
	transition: all ease .2s;
	border-radius: 3px
}

.tiyan span:hover {
	background: #ffc300
}

.tiyan .yan {
	left: 50%;
	background: #3a78ed;
	color: #fff;
	margin-right: 10px
}

.tiyan .duo {
	border-left: none;
	background: rgba(255, 255, 255, 0.6)
}

.tiyan .duo:hover {
	border-color: #ffc300;
	color: #fff
}

.tiyanBox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none
}

.tiyanBox .box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1080px;
	height: 640px;
	background: #fff;
	z-index: 1
}

.tiyanBox .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8)
}

.homeBox {
	padding: 100px 0
}

.homeBox.bg {
	background: #f5f5f5
}

.func {
	text-align: center;
	overflow: hidden
}

.func li {
	width: 25%;
	float: left;
	margin-bottom: 40px
}

.func li img {
	margin-bottom: 6px
}

.func li:nth-child(n+5) {
	margin-bottom: 0
}

.where {
	overflow: hidden
}

.where li {
	width: 47%;
	float: left;
	background: #fff;
	border-radius: 10px;
	padding: 30px 30px 30px 100px;
	box-sizing: border-box
}

.where li img {
	float: left;
	margin-left: -70px
}

.where li h3 {
	font-size: 24px;
	margin-bottom: 10px
}

.capList {
	overflow: hidden;
	text-align: center
}

.capList li {
	width: 25%;
	float: left;
	margin-bottom: 40px
}

.capList li img {
	margin-bottom: 6px
}

.capList li:nth-child(n+5) {
	margin-bottom: 0
}

.cap {
	overflow: hidden;
	text-align: center
}

.cap li {
	width: 30%;
	margin-left: 5%;
	float: left;
	background: #fff;
	padding-bottom: 20px
}

.cap li img {
	display: block;
	width: 100%
}

.cap li h3 {
	padding-top: 20px;
	margin-bottom: 6px
}

.sever {
	overflow: hidden
}

.sever li {
	float: left;
	width: 30%;
	margin-left: 5%
}

.sever li h3 {
	padding-left: 25%;
	font-size: 24px;
	margin-bottom: 20px
}

.sever li p {
	margin-top: 6px;
	padding-left: 20%
}

.sever li p::before {
	content: "✦";
	margin-right: 10px;
	color: #837f8f
}

.lc {
	height: 160px;
	background: url(../images/line.png) center center no-repeat;
	position: relative
}

.lc li {
	position: absolute
}

.lc .li1 {
	top: 30px;
	left: 80px
}

.lc .li2 {
	bottom: 30px;
	left: 219px
}

.lc .li3 {
	top: 30px;
	left: 378px
}

.lc .li4 {
	bottom: 30px;
	left: 540px
}

.lc .li5 {
	top: 30px;
	left: 687px
}

.lc .li6 {
	bottom: 30px;
	left: 951px
}

.foot {
	background: #2a2f33;
	padding: 80px 0;
	color: #fff;
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px
}

.foot a {
	color: rgba(255, 255, 255, 0.7)
}

.foot a:hover {
	color: #fff
}

.foot .logo {
	opacity: .5;
	margin-bottom: 20px
}

.foot ul {
	width: 100%;
	display: table;
	line-height: 2
}

.foot li {
	display: table-cell;
	vertical-align: top;
	width: 15%
}

.foot .li1 {
	width: 40%
}

.foot h3 {
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 20px
}

.version {
	padding: 130px 0
}

.version ul {
	display: table;
	width: 100%
}

.version li {
	display: table-cell;
	padding: 0 20px
}

.version dl {
	background: #fff;
	padding-bottom: 10px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05)
}

.version dl dt {
	color: #fff;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 10px
}

.version dl dt h2 {
	letter-spacing: 2px
}

.version dl dt p {
	opacity: .8
}

.version dl dt i {
	background: #fff;
	color: #ffb243;
	font-style: normal;
	font-size: 12px;
	padding: 0 5px;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	border-radius: 3px;
	margin-left: 10px
}

.version dl dd {
	padding: 6px 20px;
	display: table;
	width: 100%;
	color: #6d7482
}

.version dl dd label {
	width: 100%;
	display: table-cell
}

.version dl dd span {
	white-space: nowrap;
	font-weight: bold
}

.version a {
	width: 100%;
	text-align: center;
	border-radius: 5px;
	margin-top: 40px;
	background: #3a78ed;
	color: #fff;
	border: none;
	line-height: 46px;
	cursor: pointer;
	display: inline-block
}

.version .v1 dt {
	background: #1bc7b1
}

.version .v2 dt {
	background: #3a78ed
}

.version .v2 a {
	background: #3a78ed
}

.version .v3 dt {
	background: #ffc300
}

.version .v3 a {
	background: #ffc300
}

.version .states {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	background: url(../images/right.png)
}

.version .states.no {
	background: url(../images/no.png)
}

.version .tablesBox {
	padding: 40px 20px 0
}

.version .tables {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05)
}

.version .tables td,
.version .tables th {
	padding: 10px;
	vertical-align: middle
}

.version .tables thead {
	background: #3a78ed;
	color: #fff;
	text-align: center
}

.version .tables tbody tr:nth-child(2n-1) {
	background: #fff
}

.version .tables tbody tr td:first-child {
	font-weight: bold;
	color: grey
}

.version .tables tbody tr td:nth-child(2) {
	color: #3a78ed
}

.version .tables tbody tr td:nth-child(n+3) {
	text-align: center
}

.version .tables tbody tr:hover {
	background: rgba(0, 0, 0, 0.05)
}

.loginBox {
	padding: 160px 0 80px;
	background: #f5f5f5
}

.loginBox .wrap {
	width: 500px;
	text-align: center;
	padding: 50px 60px 60px;
	background: #fff;
	border-radius: 3px
}

.loginBox .wrap h3 {
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom: 30px
}

.loginBox .wrap .mLogin {
	color: #3a78ed;
	border: 1px solid;
	border-radius: 100px;
	line-height: 38px;
	padding: 0 36px;
	display: inline-block;
	margin-top: 30px
}

.loginBox .wrap .mLogin:hover {
	background: #3a78ed;
	border-color: #3a78ed;
	color: #fff
}

.loginBox .wrap .inputs {
	padding: 0 10%
}

.loginBox .wrap .inputs input {
	width: 100%;
	border: 1px solid #eee;
	height: 46px;
	padding: 0 20px;
	margin-bottom: 20px;
	outline: none;
	border-radius: 2px;
	animation: all .3s ease;
	transition: all ease .2s
}

.loginBox .wrap .inputs input:hover {
	border-color: #ccc
}

.loginBox .wrap .inputs input:focus {
	border-color: #3a78ed
}

.loginBox .wrap .inputs button.ma {
	float: right;
	width: 40%;
	margin-bottom: 0;
	height: 46px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #3a78ed;
	color: #3a78ed;
	border-radius: 2px;
	animation: all .3s ease;
	transition: all ease .2s
}

.loginBox .wrap .inputs button.ma:hover {
	background: #3a78ed;
	color: #fff
}

.loginBox .wrap .inputs button.ma[disabled] {
	border-color: #ccc;
	background: #ccc;
	color: #fff;
	cursor: default
}

.loginBox .wrap .inputs .maBox {
	width: 55%;
	float: left
}

.loginBox .wrap .inputs button.btn {
	height: 46px;
	background: #3a78ed;
	color: #fff;
	width: 100%;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	letter-spacing: 2px
}

.loginBox .wrap .inputs button.btn:hover {
	background: #5188ef
}

.loginBox .wrap .inputs button.btn[disabled] {
	background: #ccc;
	color: #fff
}

.loginBox .wrap input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	position: relative;
	animation: all .3s ease;
	transition: all ease .2s;
	background: #fff;
	outline: none;
	vertical-align: top;
	margin-right: 6px;
	cursor: pointer
}

.loginBox .wrap input[type=checkbox]:checked {
	border: none;
	background: #3a78ed
}

.loginBox .wrap input[type=checkbox]:after {
	content: "";
	display: block;
	border: 2px solid;
	border-color: transparent transparent #fff #fff;
	width: 12px;
	height: 8px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-75%, -60%) rotate(-45deg);
	transform: translate(-75%, -60%) rotate(-45deg);
	-webkit-transform-origin: center top;
	transform-origin: center top;
	border-radius: 3px
}

.loginBox .wrap .tips {
	margin-top: 30px
}

.loginBox .wrap .jieru a {
	border: 1px solid #ccc;
	display: block;
	margin-bottom: 20px;
	padding: 30px 20px;
	color: #000;
	border-radius: 2px
}

.loginBox .wrap .jieru a.go:hover {
	border-color: #3a78ed;
	background: #3a78ed
}

.loginBox .wrap .jieru a.go:hover h3 {
	color: #fff
}

.loginBox .wrap .jieru a.go:hover h3 span {
	background: #fff;
	color: #3a78ed
}

.loginBox .wrap .jieru a.go:hover p {
	color: #ffc300
}

.loginBox .wrap .jieru a.disable {
	opacity: .6;
	cursor: default
}

.loginBox .wrap .jieru a.disable h3 {
	color: #666
}

.loginBox .wrap .jieru h3 {
	margin-bottom: 6px;
	color: #3a78ed;
	animation: all .3s ease;
	transition: all ease .2s
}

.loginBox .wrap .jieru h3 span {
	background: #ffc300;
	font-size: 14px;
	padding: 3px 10px;
	vertical-align: top;
	margin-top: 4px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
	margin-left: 8px;
	animation: all .3s ease;
	transition: all ease .2s
}

.loginBox .wrap .jieru p {
	color: #888;
	font-size: 12px;
	animation: all .3s ease;
	transition: all ease .2s
}

.xieyi {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 99
}

.xieyi .xieyiBox {
	background: #fff;
	width: 600px;
	height: 600px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -300px 0 0 -300px;
	border-radius: 3px;
	padding: 20px;
	font-size: 12px
}

.xieyi .xieyiBox .xieyiTit {
	text-align: center;
	letter-spacing: 2px;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px
}

.xieyi .xieyiBox .txt {
	overflow: hidden;
	overflow-y: auto;
	word-break: break-all;
	color: #888;
	max-height: 460px
}

.xieyi .xieyiBox .txt p {
	margin-bottom: 8px
}

.xieyi .xieyiBox .close {
	border: 1px solid #3a78ed;
	background: #fff;
	color: #3a78ed;
	width: 120px;
	height: 36px;
	margin: 15px auto 0;
	display: block;
	cursor: pointer;
	outline: none;
	letter-spacing: 2px;
	font-size: 14px
}

.xieyi .xieyiBox .close:hover {
	background: #3a78ed;
	color: #fff;
	border-radius: 2px
}

.loginInfo {
	position: relative
}

#refreshQC {
	width: 208px;
	position: absolute;
	left: 50%;
	margin-left: -104px;
	top: 42px
}

.noticeQc {
	cursor: pointer;
	font-weight: normal;
	padding: 4px 0 3px;
	background: #ffc300;
	border-radius: 2px
}

.noticeQc img {
	vertical-align: top;
	animation: all .3s ease;
	transition: all ease .2s
}

.noticeQc:hover {
	background: #ffcf33
}

.noticeQc:hover img {
	transform: rotate(180deg)
}

.api {
	padding: 80px 0 0;
	background: #f5f5f5
}

.api .wrap {
	border-radius: 2px;
	background: #fff
}

.api .apiHead {
	overflow: hidden;
	background: #fafafa;
	padding: 50px 80px
}

.api h2 {
	font-weight: normal;
	letter-spacing: 5px;
	margin-bottom: 20px;
	font-size: 36px;
	margin-top: 0
}

.api h3 {
	font-weight: normal;
	font-size: 20px;
	border-bottom: 2px solid #eee;
	padding-bottom: 15px;
	margin-top: 2em
}

.api .apiItem {
	overflow: hidden;
	padding-right: 380px;
	margin-top: 30px
}

.api .apiItem fieldset {
	background: #f5f5f5;
	border-radius: 3px;
	padding: 20px;
	margin-top: 60px
}

.api .apiItem fieldset legend {
	text-align: center;
	background: #fff;
	padding: 4px 10px;
	background: #ffc300;
	color: #fff;
	border-radius: 3px
}

.api .apiItem .apiImg {
	width: 300px;
	float: right;
	margin-right: -380px;
	vertical-align: top;
	height: 280px;
	overflow: hidden
}

@keyframes dropdown-menu {
	0% {
		transform: scaleY(0);
		opacity: 0
	}
	100% {
		transform: scaleY(1);
		opacity: 1
	}
}

.shopBtn {
	display: inline-block;
	position: relative;
	padding: 0 20px;
	margin-left: 10px
}

.shopBtn:hover ul {
	display: table
}

.shopBtn ul {
	position: absolute;
	padding-top: 22px;
	margin-left: -187px;
	width: 374px;
	left: 50%;
	top: 100%;
	display: none
}

.shopBtn ul::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 7px solid;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	left: 50%;
	top: 0;
	margin-top: 8px;
	margin-left: -7px
}

.shopBtn li {
	display: table-cell;
	width: 160px;
	padding: 20px;
	text-align: center;
	line-height: 1.2;
	background: #fff
}

.head .menu .shopBtn a {
	display: block;
	padding: 0;
	margin: 0
}

.head .menu .shopBtn a.shopLink {
	padding: 0;
	color: #333;
	margin: 0
}

.shopBtn h3 {
	font-weight: bold;
	white-space: nowrap;
	font-size: 14px;
	margin: 10px 0 0
}

.shopBtn .price {
	color: #FF0036;
	margin: 6px 0
}

.shopBtn .fan {
	font-size: 14px
}

.head .menu .shopBtn a.qqBtn {
	background: #ffc300;
	line-height: 2;
	margin: 0 15%;
	margin-top: 10px;
	border-radius: 100px;
	color: #fff;
	font-weight: bold;
	font-size: 14px
}

.plus {
	min-height: 1000px;
	background: #fff;
}

.plusHead {
	padding: 100px 0 150px;
	color: #fff
}

.plusHead h2 {
	font-size: 70px;
	font-weight: bold
}

.plusHead p.line1 {
	font-size: 60px
}

.plusHead p.line2 {
	font-size: 45px;
	margin-top: 60px;
	opacity: .6
}

.plus h2.title {
	text-align: center;
	font-size: 40px;
	letter-spacing: 1px;
	margin-bottom: 60px
}

.plus1,
.plus2,
.plus3,
.plus4,
.plus5,
.plus6 {
	padding: 60px 0
}

.plus1 .con {
	position: relative
}

.plus1 .txt1,
.plus1 .txt3 {
	position: absolute;
	width: 320px;
	top: 25px;
	color: #fff;
	font-size: 22px
}

.plus1 .txt1 {
	left: 25px
}

.plus1 .txt3 {
	right: 25px;
	text-align: right
}

.plus1 h3 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px
}

.plus1 .txt2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	line-height: 221px;
	font-size: 30px;
	text-align: center
}

.plus2 .con {
	padding-right: 600px;
	min-height: 300px;
	overflow: hidden;
	background: url(../images/2.jpg) right center no-repeat
}

.plus2 h3 {
	width: 66px;
	height: 66px;
	text-align: center;
	background: #3a78ed;
	color: #fff;
	letter-spacing: 2px;
	padding: 8px;
	display: block;
	float: left;
	margin-left: -100px;
	font-size: 16px
}

.plus2 li {
	padding-left: 100px;
	overflow: hidden;
	margin-top: 50px;
	font-size: 18px
}

.plus2 li p {
	padding-top: 6px
}

.plus3 .con {
	padding: 140px 30px 140px 600px;
	font-size: 22px;
	background: url(../images/3.jpg) left center no-repeat
}

.plus4 {
	height: 500px;
	background: url(../images/4.jpg) center center no-repeat
}

.plus4 .wrap {
	position: relative;
	height: 100%
}

.plus4 .txt1,
.plus4 .txt2,
.plus4 .txt3,
.plus4 .txt4,
.plus4 .txt5 {
	position: absolute;
	width: 230px
}

.plus4 h3 {
	font-size: 22px;
	margin-bottom: 10px
}

.plus4 p {
	font-size: 18px;
	color: #7c7c7c
}

.plus4 .txt1 {
	left: 515px;
	top: 177px;
	font-size: 24px;
	text-align: center;
	white-space: nowrap
}

.plus4 .txt1 p {
	left: 400px;
	top: 0;
	font-size: 90px;
	font-weight: bold;
	letter-spacing: 5px
}

.plus4 .txt2 {
	left: 20px;
	top: -10px
}

.plus4 .txt3 {
	right: 0;
	top: 0
}

.plus4 .txt4 {
	left: 20px;
	bottom: 40px
}

.plus4 .txt5 {
	right: 0;
	bottom: 5px
}

.plus5 li {
	width: 29.333%;
	float: left;
	text-align: center;
	padding: 0 20px;
	margin-top: 40px
}

.plus5 h3 {
	padding: 10px 0
}

.plus5 p {
	color: #7c7c7c
}

.plus6 {
	padding: 80px 0 120px
}

.plus6 a {
	display: block;
	width: 400px;
	height: 80px;
	background: #3a78ed;
	border-radius: 100px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height: 80px;
	font-size: 24px
}

.plus6 a img {
	vertical-align: middle;
	margin-right: 10px
}

.shopPage {
	text-align: center;
	padding: 100px 0
}

.shopPage img {
	vertical-align: top
}

.bHead {
	height: 450px;
	margin-top: 80px;
	border-top: 1px solid #4785f9;
	background: #3a78ed url(../images/head.jpg) center center no-repeat;
	color: #fff
}

.bHead .txt {
	padding-right: 50%;
	padding-top: 120px;
	font-size: 32px
}

.bHead h2 {
	font-size: 42px
}

.bHead p {
	opacity: .8;
	margin-top: 20px
}

.bHead a {
	border: 1px solid #fff;
	border-radius: 3px;
	line-height: 2.2;
	display: inline-block;
	padding: 0 40px;
	color: #fff;
	font-size: 22px
}

.bHead a:hover {
	background: #fff;
	color: #4785f9
}

.bTitle {
	font-size: 36px;
	margin-bottom: 40px
}

.bTitle.tc {
	text-align: center
}

.bArea1,
.bArea2,
.bArea3,
.bArea4,
.bArea5,
.bArea6,
.bArea7 {
	padding: 80px 0;
	font-weight: normal
}

.bArea1 {
	background: #fff
}

.bArea1 li {
	width: 16%;
	float: left;
	margin-right: 4%
}

.bArea1 li:last-child {
	margin-right: 0
}

.bArea1 li h3 {
	position: relative;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px
}

.bArea1 li h3::after {
	position: absolute;
	left: 40%;
	bottom: -10px;
	width: 20%;
	height: 5px;
	background: #4785f9;
	opacity: .6;
	content: "";
	display: block
}

.bArea2 {
	background: #f4f8ff
}

.bArea2 ul {
	margin: 0 10%
}

.bArea2 li {
	padding: 30px 168px
}

.bArea2 li.r h3 {
	text-align: right
}

.bArea2 li h3 {
	margin-bottom: 10px;
	font-size: 20px
}

.bArea2 li:nth-child(1) {
	background: url(../images/hl1.png) left center no-repeat
}

.bArea2 li:nth-child(2) {
	background: url(../images/hr1.png) right center no-repeat
}

.bArea2 li:nth-child(3) {
	background: url(../images/hl2.png) left center no-repeat
}

.bArea2 li:nth-child(4) {
	background: url(../images/hr2.png) right center no-repeat
}

.bArea3 {
	background: #fff
}

.bArea3 li {
	width: 25%;
	float: left;
	padding-top: 60px
}

.bArea3 li.li1 {
	background: url(../images/y1.png) center top no-repeat
}

.bArea3 li.li2 {
	background: url(../images/y2.png) center top no-repeat
}

.bArea3 li.li3 {
	background: url(../images/y3.png) center top no-repeat
}

.bArea3 li.li4 {
	background: url(../images/y4.png) center top no-repeat
}

.bArea3 li.li5 {
	background: url(../images/y5.png) center top no-repeat;
	margin-top: 50px
}

.bArea3 li.li6 {
	background: url(../images/y6.png) center top no-repeat;
	margin-top: 50px
}

.bArea3 li.li7 {
	background: url(../images/y7.png) center top no-repeat;
	margin-top: 50px
}

.bArea3 li.li8 {
	background: url(../images/y8.png) center top no-repeat;
	margin-top: 50px
}

.bArea3 li h3 {
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px
}

.bArea3 li p {
	padding: 0 10%
}

.bArea4 {
	background: #f4f8ff
}

.bArea4 .wrap {
	background: url(../images/1.png) center right no-repeat
}

.bArea4 ul {
	margin: 0 40% 0 6%
}

.bArea4 h2 {
	margin-left: 6%;
	margin-bottom: 20px
}

.bArea45 li {
	margin-top: 20px
}

.bArea45 li h3 {
	font-size: 20px;
	border-bottom: 3px solid rgba(71, 133, 249, 0.6);
	padding-bottom: 6px;
	margin-bottom: 10px;
	display: inline-block
}

.bArea5 {
	background: #fff
}

.bArea5 .wrap {
	background: url(../images/2.png) center left no-repeat
}

.bArea5 ul {
	margin: 0 6% 0 40%;
	text-align: right
}

.bArea5 h2 {
	text-align: right;
	margin-right: 6%;
	margin-bottom: 20px
}

.bArea6 {
	background: #f4f8ff
}

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

.bArea6 li:nth-child(n+5) {
	margin-top: 30px
}

.bArea7 {
	background: #fff
}

.bArea7 ul {
	display: table;
	width: 100%
}

.bArea7 li {
	display: table-cell
}

.bArea7 li.box {
	background: #eef4ff;
	line-height: 3;
	color: #4785f9;
	position: relative;
	width: 20%;
	text-align: center;
	font-size: 20px;
	overflow: inherit;
}

.bArea7 li.arrow {
	padding: 0 40px;
	background: url(../images/arrrow.png) center center no-repeat
}

.bArea7 li.box span {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	left: -20px;
	top: -20px;
	font-style: italic
}

.bArea7 h2 {
	margin-bottom: 80px
}

.y_banner {
	background: url(../images/gb_02.jpg) center top;
	height: 425px;
	width: 100%;
}

.y_banner2 {
	background: url(../images/xcx_02.jpg) center top;
	height: 425px;
	width: 100%;
}

.index_mobile,
.suspension-mobile {
	display: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0px;
	padding: 0px;
}

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

fieldset,
img {
	border: 0;
}

em,
strong,
th,
i {
	font-weight: normal;
	font-style: normal;
}

ol,
ul {
	list-style-type: none;
	list-style-position: outside;
}

caption,
th {
	text-align: left;
}

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

body {
	font-family: 'MicroSoft YaHei';
	font-size: 14px;
}

div {
	margin-left: auto;
	margin-right: auto;
}

a {
	text-decoration: none;
}

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

.clearfix {
	display: inline-block;
}

*html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.clearfix {
	zoom: 1;
}

.f_r {
	float: right;
	_display: inline;
}

.f_l {
	float: left;
	_display: inline;
}

.prevs {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 102;
	width: 210px;
	height: 100%;
}

.prevs div.f_l {
	height: 100%;
}


/**********iPad部分**********/

.section-11 {
	background-color: #464646;
}

.section-11 .title p {
	color: #fff;
}

.section-11 ul {
	width: 1140px;
	overflow: hidden;
	margin: 0 auto;
	padding: 50px 0;
}

.section-11 ul li span {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin-top: 10px;
}

.section-11 ul li {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 30px;
}

.section-11 ul li.last {
	margin-right: 0;
}


/******发展历程*******/

body {
	height: 100%;
}

.main {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
}

.header {
	height: 60px;
	background: #353739;
	overflow: hidden;
	line-height: 60px;
	position: relative;
	z-index: 103;
}

.header div.f_l {
	margin: 0 0 0 20px;
}

.header div.f_l ul li {
	float: left;
	font-size: 16px;
	padding: 0 25px;
}

.header div.f_l ul li img {
	margin-top: 16px;
}

.header div.f_l ul li a {
	color: #818181;
}

.header div.f_l ul li a:hover {
	color: white;
}

.header div.f_l ul li.active a {
	color: #fff;
}

.header div.f_r {
	margin-right: 20px;
	color: #fff;
	font-size: 16px;
}

.timeline2 {
	position: relative;
	height: 65px;
}

.behide {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 100;
	background: white;
}

.time_wrap {
	height: 65px;
	position: absolute;
	width: 100%;
	left: -50%;
	top: 0;
}

.timeline {
	margin-top: 50px;
}

.lines {
	width: 100%;
	height: 1px;
	background: #ddd;
	left: 0;
	bottom: 13px;
	position: absolute;
	_font-size: 0;
	_line-height: 0;
}

.times {
	width: 1200px;
	height: 58px;
	position: relative;
}

.time {
	width: 1200px;
	position: relative;
	z-index: 10;
}

.time dl {
	float: left;
	width: 9%;
	text-align: center;
	font-family: Arial;
	cursor: pointer;
}

.time dl dt {
	color: #888;
	line-height: 22px;
}

.time dl dd {
	color: #333;
}

.time dl dd span {
	background: url(../images/disc.png) no-repeat left top;
	height: 12px;
	width: 12px;
	display: block;
	margin: 8px auto 0;
	cursor: pointer;
}

.time dl.active dt {
	color: #42b8f1;
}

.time dl.active dd {
	color: #42b8f1;
}

.time dl.active dd span {
	background: url(../images/disc2.png) no-repeat left top;
}

.time_active .lines {
	background: #fff;
}

.time_active .time dl dt {
	color: #A3D2F1;
}

.time_active .time dl dd {
	color: #A3D2F1;
}

.time_active .time dl.active dt {
	color: white;
}

.time_active .time dl.active dd {
	color: white;
}

.time_active .time dl dd span {
	background: url(../images/nulldisc.png) no-repeat left top;
}

.time_active .time dl.active dd span {
	background: url(../images/disc3.png) no-repeat left top;
}

.banners {
	position: relative;
	height: 75%;
}

.scroll_banner {
	height: 0px;
	width: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	/*margin:-200px 0 0 -512px;width:1024px; height:400px;*/
	_font-size: 0;
	_line-height: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}

.pa {
	position: absolute;
}

.pr {
	position: relative;
}

.dn {
	display: none;
}

.common_css {
	position: absolute;
	left: 50%;
	top: 50%;
}

.rrs {
	width: 33px;
	height: 33px;
	background: url(../images/rss.png) no-repeat left top;
	left: 100px;
	top: 0px;
}

.smallcircle {
	height: 15px;
	width: 15px;
	background: url(../images/smallcircle.png) no-repeat left top;
	left: -80px;
	top: 80px;
}

.smallcircle2 {
	height: 15px;
	width: 15px;
	background: url(../images/smallcircle.png) no-repeat left top;
	right: -20px;
	bottom: 120px;
}

.triangle {
	width: 24px;
	height: 21px;
	background: url(../images/triangle.png) no-repeat left top;
	left: 350px;
	top: -20px;
	-webkit-animation: scales 2s linear infinite;
	-moz-animation: scales 2s linear infinite;
	-o-animation: scales 2s linear infinite;
	animation: scales 2s linear infinite;
}

.circle {
	height: 21px;
	width: 21px;
	background: url(../images/circle.png) no-repeat left top;
	left: 235px;
	bottom: 50px;
}

.picasa {
	height: 31px;
	width: 31px;
	background: url(../images/picasa.png) no-repeat left top;
	right: 290px;
	top: 80px;
	-webkit-animation: zhuan 5s linear infinite;
	-moz-animation: zhuan 5s linear infinite;
	-o-animation: zhuan 5s linear infinite;
	animation: zhuan 5s linear infinite;
}

.square {
	height: 25px;
	width: 25px;
	background: url(../images/square.png) no-repeat left top;
	top: 20px;
	right: -140px;
	-webkit-animation: swinging 3s linear infinite;
	-moz-animation: swinging 3s linear infinite;
	-o-animation: swinging 3s linear infinite;
	animation: swinging 3s linear infinite;
}

.smallsj {
	width: 18px;
	height: 15px;
	background: url(../images/smallsjx.png) no-repeat left top;
	bottom: 100px;
	right: 260px;
}

.scroll_active .rrs {
	width: 33px;
	height: 33px;
	background: url(../images/rss2.png) no-repeat left top;
	left: 100px;
	top: 0px;
}

.scroll_active .smallcircle {
	height: 15px;
	width: 15px;
	background: url(../images/smallcircle2.png) no-repeat left top;
	left: -80px;
	top: 80px;
}

.scroll_active .smallcircle2 {
	height: 15px;
	width: 15px;
	background: url(../images/smallcircle2.png) no-repeat left top;
	right: -20px;
	bottom: 120px;
}

.scroll_active .triangle {
	width: 24px;
	height: 21px;
	background: url(../images/triangle2.png) no-repeat left top;
	left: 350px;
	top: -20px;
}

.scroll_active .circle {
	height: 21px;
	width: 21px;
	background: url(../images/circle2.png) no-repeat left top;
	left: 235px;
	bottom: 50px;
}

.scroll_active .picasa {
	height: 31px;
	width: 31px;
	background: url(../images/picasa2.png) no-repeat left top;
	right: 290px;
	top: 80px;
}

.scroll_active .square {
	height: 25px;
	width: 25px;
	background: url(../images/square2.png) no-repeat left top;
	top: 20px;
	right: -140px;
}

.scroll_active .smallsj {
	width: 18px;
	height: 15px;
	background: url(../images/smallsjx2.png) no-repeat left top;
	bottom: 100px;
	right: 260px;
}

.banner_wrap {
	width: 626px;
	height: 295px;
	float: left;
	margin: 70px 0 0 100px;
	position: relative;
}

.banner_wrap div {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.banner_wrap ul {
	height: 250px;
	position: absolute;
	left: 0;
	top: 0;
}

.banner_wrap ul li {
	width: 626px;
	height: 295px;
	float: left;
	overflow: hidden
}

.banner_wrap ul li img {
	float: left;
}

.banner_wrap ul li.one img {
	margin: 80px 0 0 200px;
}

.banner_wrap ul li.two img {
	margin: 0px 0 0 50px;
}

.banner_wrap ul li.three img {
	margin: 0px 0 0 200px;
}

.banner_wrap ul li.four img {
	margin: 0px 0 0 80px;
}

.banner_wrap ul li.five img {
	margin: 50px 0 0 240px;
}

.banner_wrap ul li.six img {
	margin: 30px 0 0 0;
}

.banner_wrap ul li.seven img {
	margin: 70px 0 0 160px;
}

.banner_wrap ul li.eight img {
	margin: 60px 0 0 200px;
}

.banner_wrap ul li.nine img {
	margin: 60px 0 0 220px;
}

.banner_wrap ul li.ten img {
	margin: 60px 0 0 280px;
}

.banner_wrap ul li.eleven img {
	margin: 60px 0 0 150px;
}

.round {
	position: absolute;
	left: 0;
	top: 0;
	width: 680px;
	height: 680px;
	-webkit-transform: translateX(0) translateY(100px) translateZ(-20px) rotateX(-110deg) rotateY(-6deg) rotateZ(0deg) scaleX(2.6) scaleY(1) scaleZ(1);
	-moz-transform: translateX(0) translateY(100px) translateZ(-20px) rotateX(-110deg) rotateY(-6deg) rotateZ(0deg) scaleX(2.6) scaleY(1) scaleZ(1);
	-ms-transform: translateX(0) translateY(100px) translateZ(-20px) rotateX(-110deg) rotateY(-6deg) rotateZ(0deg) scaleX(2.6) scaleY(1) scaleZ(1);
	transform: translateX(0) translateY(100px) translateZ(-20px) rotateX(-110deg) rotateY(-6deg) rotateZ(0deg) scaleX(2.6) scaleY(1) scaleZ(1);
	transform-style: preserve-3d;
}

.round img {
	-webkit-animation: z 5s linear 0s infinite;
	-moz-animation: z 5s linear 0s infinite;
	-ms-animation: z 5s linear 0s infinite;
	animation: z 5s linear 0s infinite;
	transform-style: preserve-3d;
	position: absolute;
}

.rounds {
	display: none;
	width: 680px;
	height: 680px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -340px 0 0 -340px;
	z-index: -1;
	-webkit-animation: y 45s linear 0s infinite;
	-moz-animation: y 45s linear 0s infinite;
	-ms-animation: y 45s linear 0s infinite;
	animation: y 45s linear 0s infinite;
	-webkit-perspective: 3000px;
	-moz-perspective: 3000px;
	-ms-perspective: 3000px;
}


/*公共代码*/

.pt-delay100 {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	animation-delay: .1s;
}

.pt-delay180 {
	-webkit-animation-delay: .180s;
	-moz-animation-delay: .180s;
	animation-delay: .180s;
}

.pt-delay200 {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	animation-delay: .2s;
}

.pt-delay300 {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s;
}

.pt-delay400 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	animation-delay: .4s;
}

.pt-delay500 {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
}

.pt-delay700 {
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	animation-delay: .7s;
}

.pt-delay1000 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}


/*******首页*******/


/* .index {
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
    }*/

.wraper {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 10;
}

.wraper .wraps {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.wraper .wraps .steps {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
}

.wraps .steps_1 {
	background: #000 url(../images/firstpagebg.jpg) no-repeat center center;
}

.imgnav {
	width: 17px;
	height: 180px;
	position: absolute;
	z-index: 100;
	top: 50%;
	right: 50px;
	margin-top: -90px;
}

.imgnav li {
	width: 12px;
	height: 12px;
	margin: 12px auto;
	background: white;
	border-radius: 50%;
	cursor: pointer;
}

.imgnav li.active {
	width: 15px;
	height: 15px;
	border: 1px solid white;
	background: none;
}

.mouse {
	margin-top: 20px;
}

.doMove {
	background: white;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	overflow: hidden;
}

.loading {
	height: 140px;
	width: 140px;
	margin: -70px 0 0 -70px;
	background: url(../images/loading.gif) no-repeat left top;
}

.blue_bg {
	background: #42B8F1;
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: 50%;
	top: 50%
}

.whitelogo {
	height: 460px;
	width: 480px;
	margin: -230px 0 0 -240px;
	text-align: center;
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.w_logo {
	height: 233px;
	position: relative;
}

.logo_img {
	float: left;
	margin-left: 55px;
}

.transform {
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg);
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}

.ecjia {
	position: absolute;
	/* bottom:0px;*/
	left: 100px;
	bottom: -50px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.whitelogo div dt {
	font-size: 40px;
	color: #fff;
	line-height: 70px;
}

.whitelogo div dd {
	font-size: 16px;
	color: #fff;
}


/*第1屏*/

.steps_one {
	height: 460px;
	width: 480px;
	margin: -230px 0 0 -240px;
	text-align: center;
	color: white;
}

.steps_one div {
	margin-top: 100px;
}

.steps_one div dt {
	font-size: 40px;
	color: #e7e7e7;
	line-height: 70px;
}

.steps_one div dd {
	font-size: 16px;
	color: #bbb;
}


/*第2屏*/

.wraps .steps_2 {
	background: #E7EAEB url(../images/bj.jpg) no-repeat center center;
}

.steps_two {
	height: 530px;
	width: 1190px;
	margin: -245px 0 0 -595px;
}

.isec dt {
	text-align: center;
}

.isec dd {
	color: #333;
	line-height: 30px;
	margin-top: 25px;
}

.isec_next {
	height: 410px;
	margin-top: 50px;
	position: relative;
}

.computers {
	width: 356px;
	height: 260px;
	background: url(../images/computer.png) no-repeat left top;
	position: relative;
	z-index: 10;
}

.goods_a {
	/*left:0;top:-10px;*/
	left: 45%;
	top: 80px;
}

.goods_b {
	/*left:0;top:245px;*/
	left: 45%;
	top: 80px;
}

.goods_c {
	/*left:750px;top:245px;*/
	left: 900px;
	top: 245px;
	z-index: 11;
}

.goods_d {
	/*left:1000px;top:-50px;*/
	left: 45%;
	top: 80px;
}

.goods_e {
	/*top:320px;left:1090px;*/
	left: 45%;
	top: 80px;
}

.isec_next div.pa {
	opacity: 0;
	filter: alpha(opacity=0);
}


/*第3屏*/

.steps_three {
	width: 492px;
	height: 448px;
	margin: -224px 0 0 -246px;
}

.steps_three div {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.steps_three .transform3 {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.steps_three .img2 {
	position: absolute;
	/*left:-280px;top:-70px;*/
	left: 50%;
	top: 50%;
	height: 0px;
	width: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}


/*第4屏*/

.steps_4 {
	background: #1C1E1E url(../images/fourpagebg.jpg) no-repeat center center;
}

.steps_four {
	width: 1150px;
	height: 500px;
	margin: -250px 0 0 -575px;
}

.timewrap {
	height: 200px;
}

.years,
.months,
.days {
	height: 200px;
	text-align: center;
	color: white;
	font-size: 120px;
	border-radius: 5%;
	position: relative;
}

.years {
	width: 400px;
}

.months,
.days {
	width: 250px;
}

.years,
.months {
	background: #45B8F1;
}

.days {
	background: #9ECC16;
}

.months {
	margin-left: 125px;
}

.years p,
.months p,
.days p {
	line-height: 200px;
	font-family: Arial;
	font-weight: bold;
}

.years span,
.months span,
.days span {
	position: absolute;
	font-size: 16px;
	right: 21px;
	bottom: 21px;
	height: 24px;
	width: 24px;
	text-align: center;
	line-height: 24px;
	border-radius: 15%;
}

.years span,
.months span,
.days span {
	background: white;
}

.years span,
.months span {
	color: #45B8F1;
}

.days span {
	color: #9ECC16;
}

.look {
	text-align: center;
	color: white;
	margin-top: 50px;
}

.look dl dt {
	font-size: 48px;
}

.look dl dd {
	margin-top: 80px;
}

.look dl dd a {
	display: block;
	width: 230px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/btn.png) no-repeat left top;
}

.look dl dd a:hover {
	background: url(../images/btn_active.png) no-repeat left top;
}


/*第5屏*/

.steps_five {
	width: 1210px;
	padding-top: 100px;
}

.steps5 {
	text-align: center;
}

.steps5 dl dt {
	font-size: 36px;
	color: #888;
	line-height: 50px;
}

.app {
	margin-top: 120px;
}

.app div.f_l {
	width: 25%;
	*width: 24.8%;
}

.app div.f_l div {
	padding: 0 20px;
}

.app div.f_l dl dt {
	position: relative;
	height: 326px;
	width: 240px;
	margin: 0 auto;
	background: url(../images/thumb_quanjingtong.jpg) no-repeat center center;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	border: 5px solid #999;
}

.app div.f_l:nth-of-type(2) dl dt {
	background: url(../images/thumb_weixintong.jpg) no-repeat center center;
}

.app div.f_l:nth-of-type(3) dl dt {
	background: url(../images/r3.jpg) no-repeat center center;
	background-size: 240px 326px;
}

.app div.f_l:nth-of-type(4) dl dt {
	background: url(../images/r2.jpg) no-repeat center center;
	background-size: 240px 326px;
}

.app div.f_l dl dt i {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	background: url('../images/func_icon_big.png') no-repeat center center / contain;
	top: 50%;
	left: 50%;
	margin: 0;
	z-index: 2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: none
}

.app div.f_l dl dt:hover i {
	width: 46px;
	height: 46px;
	margin: -23px 0 0 -23px;
}

.app div.f_l dl dt:hover:after {
	width: 103%;
	height: 103%;
	opacity: 0.5;
}

.app div.f_l dl dt:after {
	background: #000;
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: none
}

.app div.f_l dl dd {
	padding-left: 20px;
	line-height: 22px;
	color: #888;
	text-align: center;
	padding-top: 15px;
}


/*footer*/

.footer {
	background: #1F2329;
	width: 100%;
	overflow: hidden;
}

.foots {
	padding: 55px 0 0px 0;
}

.foot_1 {
	text-align: center;
}

.foot_1 dd {
	font-size: 12px;
	color: #484f5a;
	margin-top: 5px;
}

.foot_2 {
	width: 220px;
	margin-top: 40px;
	padding-left: 80px;
	background: url(../images/call.png) no-repeat left top;
	position: relative;
}

.foot_2 div {
	position: absolute;
	top: 15px;
	right: -30px;
}

.foot_2 dt {
	font-size: 30px;
	color: #9ecc17;
	font-family: Arial;
	line-height: 44px;
}

.foot_2 dd {
	color: #888;
	font-size: 12px;
}

.foot_3 {
	padding: 50px 0;
}

.foot_3 div.clearfix {
	width: 1000px;
}

.foot_3 div {
	text-align: center;
}

.foot_3 div a {
	font-size: 18px;
	color: #CFD0D1;
	padding: 0 10px;
}

.foot_4 {
	text-align: center;
	padding: 30px 0 40px 0;
	color: #616566;
	background: #1B1C1F;
}

.foot_4 a {
	color: #616566;
	font-size: 12px;
	padding: 0 10px;
}

.foot_4 a:hover {
	color: #fff;
}

.foot_4 p {
	margin-top: 20px;
	font-size: 12px;
	line-height: 22px;
}


/*******产品首页*******/

.product {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.product_wrap {
	position: relative;
	height: 100%;
}

.product_wrap .f_l {
	width: 25%;
	height: 100%;
	position: relative;
}

.pro_next {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}

.product_wrap .f_l:hover {
	z-index: 10;
}

.product_wrap .f_l:hover .pro_next {
	width: 120%;
	left: -10%;
	box-shadow: 0px 0 20px rgba(0, 0, 0, 0.5);
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}

.product_wrap .f_l:hover .details {
	display: block;
}

.pro_next1 {
	background: #88d13a;
}

.pro_next2 {
	background: #28a0e2;
}

.pro_next3 {
	background: #24bcbf;
}

.pro_next4 {
	background: #bb8be5;
}

.kinds {
	width: 240px;
	margin: -220px 0 0 -120px;
	color: white;
	overflow: hidden;
}

.kinds dl dt {
	text-align: center;
	height: 211px;
}

.kinds dl dt img {
	max-width: 100%;
	max-height: 100%;
}

.kinds dl dd.tit {
	text-align: center;
	line-height: 36px;
	height: 36px;
	font-size: 30px;
	margin: 25px 0 18px 0px;
}

.kinds dl dd {
	line-height: 24px;
}

.details {
	width: 196px;
	height: 66px;
	margin-top: 26px;
	display: none;
}

.details a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/detail.png) no-repeat left top;
}

.details a:hover {
	background: url(../images/detail_active.png) no-repeat left top;
}


/*******安卓*******/

.mobile {
	width: 210px;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 101;
}

.mobiles {
	width: 70px;
}

.mobiles a {
	display: block;
	width: 100%;
	height: 100%;
}

.mobiles p {
	color: white;
	font-size: 36px;
	text-align: center;
	padding-top: 280px;
}

.mobile .m1 {
	height: 100%;
	background: #19A1DD;
}

.mobile .m2 {
	height: 100%;
	background: #E6A82C;
}

.mobile .m3 {
	height: 100%;
	background: #535353;
}

.special {
	width: 70px;
	position: fixed;
	right: 210px;
	height: 100%;
	background: #2AC275;
	text-align: center;
	top: 0;
	z-index: 101;
}

.special p {
	padding-top: 280px;
}

.mobile_main,
.header_extend {
	opacity: 0;
	filter: alpha(opacity=0);
}

.mobile_wrap {
	width: 100%;
	height: 100%;
}

.header_extend {
	height: 60px;
	border-bottom: 1px solid #ccc;
	position: fixed;
	width: 100%;
	background: white;
	z-index: 10;
}

.infos {
	width: 1210px;
	height: 100%;
	overflow: hidden;
}

.infos .f_l {
	font-size: 25px;
	color: #333;
}

.demo {
	height: 60px;
	line-height: 62px;
	cursor: pointer;
}

.infos .f_r {
	margin-right: 170px;
	position: relative;
	width: 76px;
}

.buy_now {
	width: 125px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #18A1DD;
	color: white;
	position: absolute;
	right: -150px;
	top: 16px;
	cursor: pointer;
}

.buy_now a {
	display: block;
	width: 100%;
	height: 100%;
	color: white;
}

.erweima {
	position: absolute;
	width: 100%;
	height: /*360px*/
	0px;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}

.black_bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	left: 0;
	top: 0;
}

.pic_infos {
	width: 730px;
	position: relative;
	z-index: 10;
	padding: 60px 0 0 0;
	color: white;
	font-size: 18px;
}

.pic_infos .f_l {
	width: 33%;
	text-align: center;
}

.pic_infos .f_l dl dd {
	margin-top: 15px;
	line-height: 30px;
}

.ecjia_topimg {
	padding-top: 120px;
}

.ecjia_topimg.backstage_topimg {
	padding-top: 60px;
}

.ecjia_topimg .topimg_one {
	width: 100%;
	padding-top: 330px;
	height: 750px;
	background: url(../images/ecjiabj1.jpg) no-repeat center center;
}

.ecjia_topimg .topimg_two {
	width: 100%;
	padding-top: 330px;
	height: 750px;
	background: url(../images/ecjiabj2.jpg) no-repeat center center;
}

.ecjia_topimg .topimg_three {
	width: 100%;
	padding-top: 300px;
	height: 780px;
	background: url(../images/ecjiabj3.jpg) no-repeat center center;
}


/*.ecjia_topimg .topimg_four{ width:100%; padding-top:330px; height:750px; background: url(../images/ecjiabj4.jpg) no-repeat center center;}*/

.ecjia_topimg .topimg_nav {
	display: block;
	margin: 80px auto 0;
	width: 628px;
	height: 130px;
}

.ecjia_topimg .topimg_nav li {
	display: block;
	float: left;
	width: auto;
	height: 130px;
}

.ecjia_topimg .topimg_nav li a {
	display: block;
	float: left;
	width: 157px;
	height: 130px;
	background: url(../images/topimg_nav.png) no-repeat 30px 0px;
	transition: background 0.5s;
}

.ecjia_topimg .topimg_nav li a.topimg_iphone {
	width: 80px;
	background: url(../images/topimg_nav.png) no-repeat 0px -145px;
}

.ecjia_topimg .topimg_nav li a.topimg_android {
	width: 110px;
	background: url(../images/topimg_nav.png) no-repeat -78px -145px;
	;
}

.ecjia_topimg .topimg_nav li a.topimg_ipad {
	width: 200px;
	background: url(../images/topimg_nav.png) no-repeat -190px -145px;
	;
}

.ecjia_topimg .topimg_nav li a.topimg_backstage {
	width: 238px;
	background: url(../images/topimg_nav.png) no-repeat -390px -145px;
	;
}

.ecjia_topimg .topimg_nav li a.topimg_iphone:hover,
.ecjia_topimg .topimg_nav li.active a.topimg_iphone {
	width: 80px;
	background: url(../images/topimg_nav.png) no-repeat 0px 0px;
}

.ecjia_topimg .topimg_nav li a.topimg_android:hover,
.ecjia_topimg .topimg_nav li.active a.topimg_android {
	width: 110px;
	background: url(../images/topimg_nav.png) no-repeat -78px 0px;
}

.ecjia_topimg .topimg_nav li a.topimg_ipad:hover,
.ecjia_topimg .topimg_nav li.active a.topimg_ipad {
	width: 200px;
	background: url(../images/topimg_nav.png) no-repeat -190px 0px;
}

.ecjia_topimg .topimg_nav li a.topimg_backstage:hover,
.ecjia_topimg .topimg_nav li.active a.topimg_backstage {
	width: 238px;
	background: url(../images/topimg_nav.png) no-repeat -390px 0px;
}

.ecjia_topimg_footer {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 80px;
}

.ecjia_topimg_footer .foot_3 {
	padding: 10px 0 60px 0;
	text-align: center;
}

.ecjia_topimg_footer .foot_3 dt {
	color: #e7e7e7;
	font-size: 30px;
	line-height: 50px;
}

.ecjia_topimg_footer .foot_3 dd {
	color: #bbb;
	font-size: 22px;
}

.mobile_next {
	width: 1100px;
}

.android1 {
	text-align: center;
	margin-top: 60px;
}

.android1 dl dd {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin-top: 23px;
}

.android2 {
	width: 700px;
	position: relative;
	font-size: 24px;
	margin-top: 20px;
	text-align: center;
}

.android2 .red {
	color: red;
}

.android2 .btn {
	display: block;
	padding: 8px 26px;
	background: #1dc1c3;
	position: absolute;
	top: 40px;
	right: 140px;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}

.android2 div {
	background: white;
	height: 145px;
	width: 100px;
	position: absolute;
	top: 0;
	left: 215px;
}

.android3 {
	width: 880px;
	height: 504px;
	position: relative;
	margin-top: 75px;
}

.android3 div {
	position: absolute;
	left: 0;
	bottom: -200px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.android_two {
	height: 800px;
	overflow: hidden;
	background: #F7F7F7;
	position: relative;
}

.android4 {
	width: 1100px;
	position: relative;
	height: 100%;
}

.android4 .f_l {
	width: 350px;
	padding-top: 300px;
}

.android4 .f_r {
	height: 100%;
	width: 515px;
}

.android4 .f_r div {
	position: absolute;
	right: 0;
	bottom: 0;
}

.android4 dl dd {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-top: 23px;
}

.android_three,
.android_four,
.android_six,
.android_eight {
	width: 1100px;
}

.android_ten {
	width: 1210px;
}

.android_three div.clearfix {
	padding: 240px 0 100px 0;
}

.android_three .f_r {
	width: 350px;
	margin: 150px 80px 0 0;
}

.android_three dl dd,
.android_four div dl dd,
.android5 div dl dd,
.android_seven div dl dd,
.android_eight dl dd {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-top: 23px;
}

.android_five {
	height: 840px;
	overflow: hidden;
	background: #F7F7F7;
}

.android5 {
	position: relative;
	height: 100%;
	width: 1342px;
	background: url(../images/func5.jpg) no-repeat left center;
}

.android5 div {
	width: 600px;
	float: right;
	margin: 140px 140px 0 0;
}

.android_six {
	padding-top: 130px;
	text-align: center;
}

.android_seven {
	background: #F7F7F7;
	text-align: center;
	padding: 100px 0;
}

.android_eight {
	padding: 210px 0;
	background: url(../images/func23.jpg) no-repeat right bottom;
}

.android_eight .f_l {
	width: 381px;
}

.android_nine {
	padding: 140px 0;
	width: 1100px;
}

.android_nine .clearfix {
	margin-top: 100px;
}

.android_nine .clearfix .f_l {
	width: 33.3%;
}

.android_nine .clearfix .f_l div.img {
	height: 622px;
	width: 297px;
	background: url(../images/mobile_bg.png) no-repeat left top;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.android_nine .clearfix .f_l div.img p {
	width: 275px;
	height: 483px;
	margin: 0px auto;
	padding-top: 60px;
}

.android_nine .clearfix .f_l dl {
	padding: 30px 40px;
}

.android_nine .clearfix .f_l dl dt {
	text-align: center;
	font-size: 30px;
}

.android_nine .clearfix .f_l dl dd {
	font-size: 18px;
	color: #888;
	line-height: 30px;
	margin-top: 15px;
	padding-left: 10px;
}

.android_ten {
	padding: 80px 0;
}

.android_ten div.f_l {
	width: 33.3%;
	text-align: center;
	padding-top: 80px;
}

.android_ten div.clearfix {}

.android_ten div.clearfix dl dd.tit {
	font-size: 24px;
	line-height: 75px;
	color: #333;
}

.android_ten div.clearfix dl dd {
	line-height: 25px;
	color: #888;
}

.android_eleven {
	background: #474747;
	padding: 100px 0;
}

.android11 {
	width: 1100px;
	text-align: center;
}

.android12 dl dd {
	line-height: 22px;
	color: #bababa;
	line-height: 25px;
	margin-top: 20px;
}

.android13 {
	width: 1098px;
	background: url(../images/a_bg.png) no-repeat center top;
	margin-top: 70px;
}

.android13 .duibi {
	width: 240px;
}

.android13 .ysapp {
	width: 429px;
}

.android13 .hhapp {
	width: 429px;
}

.android13 dl dt {
	height: 104px;
	line-height: 104px;
	color: white;
	font-size: 30px;
}

.duibi dl dt,
.duibi dl dd {
	text-align: center;
}

.duibi dl dd {
	height: 85px;
	line-height: 85px;
	color: #333;
	font-size: 18px;
}

.ysapp dl dd {
	height: 85px;
	text-align: left;
}

.ysapp dl dd p {
	padding: 15px 15px 0 15px;
	line-height: 25px;
}

.ysapp dl dd p span {
	color: #2d9b1e;
}

.hhapp {
	color: #888;
}

.hhapp dl dd {
	height: 85px;
	text-align: left;
}

.hhapp dl dd p {
	padding: 15px 15px 0 15px;
	line-height: 25px;
}

.hhapp dl dd p span {
	color: #2d9b1e;
}

.android_twlve {
	padding: 35px 0 135px;
	width: 1100px;
}

.android_twlve .f_l {
	height: 455px;
	width: 360px;
	overflow: hidden;
	position: relative;
}

.android_twlve div.active {
	background: url(../images/chose_active.png) no-repeat center top;
	opacity: 1;
}

.android_twlve .f_l dl {
	text-align: center;
	position: absolute;
	top: -455px;
	padding: 75px 30px 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	transition: all 0.5s;
}

.android_twlve div.active dl {
	top: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.android_twlve .f_l dl dt {
	height: 211px;
}

.android_twlve .f_l dl dt.hover {
	padding-top: 70px;
}

.android_twlve .f_l dl dd {
	text-align: left;
	line-height: 23px;
	margin-top: 15px;
	color: #888;
}

.android_twlve .f_l dl dd.tit {
	height: 25px;
	font-size: 30px;
	margin-top: 30px;
	text-align: center;
}

.android_twlve .f_l dl dd.bod {
	height: 100px;
}


/*  智能后台  */

.backtage {
	height: 1090px;
	position: relative;
	z-index: 1;
	background: url(../images/backstage_bj.jpg) center top no-repeat;
	margin-top: 60px;
}

.backtage img {
	display: block;
	margin: 0 auto;
}

.backtage_foot {
	background: #202223;
	padding: 30px 30px 25px 40px;
	position: relative;
}


/* z-index:105;*/

.backtage_foot .logo {
	padding: 20px 45px 0 0;
}

.backtage_foot .nav_copy {}

.backtage_foot .nav_copy ul {
	height: auto;
	overflow: hidden;
	padding-bottom: 15px;
}

.backtage_foot .nav_copy ul li {
	height: 16px;
	line-height: 18px;
	float: left;
	padding-right: 13px;
}

.backtage_foot .nav_copy ul li a {
	float: left;
	line-height: 18px;
	color: #fff;
}

.backtage_foot .nav_copy ul li span {
	float: left;
	height: 13px;
	width: 1px;
	overflow: hidden;
	background: #fff;
	margin: 3px 0 0 13px;
}

.backtage_foot .nav_copy .copy {
	color: #5e6263;
	line-height: 22px;
	font-size: 12px;
}

.backtage_foot .tel dl {
	height: auto;
	overflow: hidden;
}

.backtage_foot .tel dl dt {
	float: left;
	padding-right: 20px;
}

.backtage_foot .tel dl dd {
	height: auto;
	overflow: hidden;
	padding-top: 3px;
}

.backtage_foot .tel dl dd h3 {
	font-family: arial;
	font-size: 30px;
	color: #0687c2;
	width: 280px;
}

.backtage_foot .tel dl dd p {
	color: #888;
}


/***ipone***/

.Icon {
	background: url(../images/icon.png) no-repeat;
}

.bj01 {
	background: #f7f7f7;
}

.line {
	height: 1px;
	width: 100%;
	overflow: hidden;
	background: #bfbfbf;
}

.Top {
	border: solid #f0f8fd;
	border-width: 1px 0;
	background: #fff;
	height: 59px;
}

.top h2 {}

.top h2 a {
	font-family: Microsoft Yi Baiti;
	font-size: 30px;
	line-height: 1;
}

.top_r {
	padding-top: 3px;
}

.top_r a {
	line-height: 30px;
	float: right;
	margin-left: 13px;
}

.top_r a.show {
	margin-right: 13px;
}

.top_r a.show i {
	display: inline-block;
	vertical-align: text-top;
	margin: 2px 0 0 7px;
}

.top_r a.show i em {
	width: 15px;
	height: 15px;
	background-position: -315px -105px;
	display: block;
}

.top_r a.buy {
	height: 30px;
	width: 125px;
	background: #19a1dd;
	text-align: center;
	color: #fff;
}

.top_r a.buy:hover {
	background: #42b8f1;
}

.Span01 {}

.Span01 .banner {
	background: url(../images/banner.png) center top no-repeat;
	height: 567px;
	margin-bottom: -42px;
	position: relative;
	z-index: 2;
}

.Span01 .bannerBox {
	width: 1100px;
	position: relative;
}

.Span01 .bannerBox .img01 {
	position: absolute;
	top: 77px;
	right: -18px;
}

.Span01 .bannerBox .img02 {
	position: absolute;
	top: 167px;
	left: 5px;
}

.Span01 .bannerBox .teseIcon {
	position: absolute;
	top: 595px;
	left: 0;
	width: 530px;
}

.Span01 .zonjie,
.Span02Box,
.Span03Box {
	width: 1100px;
	text-align: center;
}

.Span01 .zonjie {
	padding-top: 75px;
}

.Span01 .zonjie p {
	line-height: 36px;
	font-size: 18px;
	padding: 18px 0 65px;
}

.Span02 {
	height: 1004px;
	background: url(../images/8.jpg) center top no-repeat;
	position: relative;
}

.Span02Box {
	padding-top: 110px;
}

.Span02Box p {
	line-height: 28px;
	color: #fff;
	padding: 21px 0 80px 0;
}

.Span03Box .Text {
	padding-top: 167px;
}

.Span04 .line {
	margin-bottom: 144px;
}

.Span05 .Span03Box .Text {
	padding-top: 300px;
}

.Span06 .Span03Box .img02 {
	padding: 40px 0 110px;
}

.Span07 {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.Span07 .Span03Box .img01 {
	position: absolute;
	bottom: 0;
	left: 0;
}

.Span08 {}

.Span08 .Span03Box {
	padding-top: 160px;
}

.Span08 .Span03Box .Text {
	padding-top: 200px;
}

.MemberIcon {
	padding-top: 55px;
}

.MemberIcon ul {
	width: 420px;
	height: auto;
	overflow: hidden;
}

.MemberIcon ul li {
	width: 100px;
	text-align: center;
	font-size: 18px;
	float: left;
	margin: 0 40px 25px 0;
}

.MemberIcon ul li span {
	margin-bottom: 12px;
	width: 100px;
	height: 100px;
	display: block;
}

.MemberIcon ul li .Icon01 {
	background-position: 0 -105px;
}

.MemberIcon ul li .Icon02 {
	background-position: -105px -105px;
}

.MemberIcon ul li .Icon03 {
	background-position: -210px -105px;
}

.MemberIcon ul li .Icon04 {
	background-position: 0 -210px;
}

.MemberIcon ul li .Icon05 {
	background-position: -105px -210px;
}

.MemberIcon ul li .Icon06 {
	background-position: -210px -210px;
}

.Text {
	text-align: left;
	line-height: 28px;
	font-size: 16px;
}

.Text p {
	padding-top: 25px;
	color: #333;
}

.i-btk a {
	display: block;
}

.i-bbti {
	width: 300px;
	height: 240px;
	float: inherit;
	margin: 0 auto;
	line-height: 70px;
	text-align: center;
	font-size: 36px;
	background: url(../images/b-iphone.png) no-repeat center center;
	color: #fff;
}

.i-bbti.android {
	background: url(../images/b-android.png) no-repeat center center;
}

.i-bbti.ipad {
	background: url(../images/b-ipad.png) no-repeat center center;
}

.i-bbti.backstage {
	background: url(../images/b-backstage.png) no-repeat center center;
}

.i-bbt {
	position: relative;
	width: 320px;
	height: 70px;
	line-height: 70px;
	float: inherit;
	margin: 0 auto;
	font-size: 36px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.i-bbtn {
	width: 320px;
	height: 70px;
	background: url(../images/i-2.png) no-repeat center center;
	transition: all 0.6s ease 0s;
}

.i-bwz {
	width: 100%;
	float: inherit;
	margin-top: 20px;
	color: #fff;
	text-align: center;
}


/* 发光按钮动画特效 */

.i-bbt:hover .i-bbtn {
	background: #c44f22 url(../images/i-2.png) no-repeat center center;
}

.i-bbts {
	width: 260px;
	height: 70px;
	opacity: 0;
	line-height: 70px;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 2;
	margin-left: -130px;
	2;
	border-radius: 6px;
	-webkit-animation: pulsejg 1s linear infinite;
	-webkit-box-shadow: rgba(243, 123, 37, 1) 0 0 12px 5px inset;
	box-shadow: 0 0 12px 5px rgba(243, 123, 37, 1) inset;
	box-sizing: border-box;
	animation: 1s linear 0s normal none infinite running pulsejg;
}


/**ipad**/

.box {
	width: 1100px;
	margin: 0 auto;
}

.hide {
	display: none
}

.mt10 {
	margin-top: 10px
}

.mt25 {
	margin-top: 25px
}

.banner .banner-mid {
	width: 1100px;
	text-align: center;
	position: relative;
	height: 503px;
	padding-top: 196px
}

.banner .banner-mid ul {
	height: 245px;
	padding-top: 124px
}

.banner .banner-mid ul li {
	float: left;
	width: 244px;
	height: 245px;
}

.banner .banner-mid ul li.circle-1 {
	position: absolute;
	left: 123px;
	z-index: 2
}

.banner .banner-mid ul li.circle-2 {
	position: absolute;
	left: 326px;
	z-index: 1
}

.banner .banner-mid ul li.circle-3 {
	position: absolute;
	left: 529px;
	z-index: 2
}

.banner .banner-mid ul li.circle-4 {
	position: absolute;
	left: 732px;
	z-index: 3
}


/*banner End*/


/*楼层一 Start*/

.main-1 {
	text-align: center;
	padding-top: 80px;
	width: 100%;
	background-color: #ffffff;
}

.main-1 .main-1-word p {
	line-height: 35px;
	font-size: 18px;
	font-family: 'MicroSoft YaHei';
}

.main-1 .main-1-img {
	padding-top: 60px
}


/*楼层一 End*/


/*楼层二 Start*/

.main-2 {
	width: auto;
	text-align: center;
	background-color: #f5f5f5;
	padding-top: 80px
}

.main-2 .main-2-word {
	padding-top: 100px
}


/*楼层二 End*/


/*楼层三 Start*/

.main-3 {
	width: auto;
	text-align: center;
	background-color: #ffffff;
	padding-top: 80px
}

.main-3 .main-3-word {
	padding-top: 49px
}

.main-3 .main-3-bg {
	background: url(../images/p12.jpg) no-repeat center;
	width: auto;
	height: 809px;
	padding-top: 96px
}


/*楼层三 End*/


/*楼层四 Start*/

.main-4 {
	background: #f7f7f7;
	text-align: center;
	background-color: #f5f5f5;
	padding-top: 80px;
}

.main-4 .main-4-word {
	padding-top: 86px;
}

.main-4 .main-4-word p {
	line-height: 35px;
	font-size: 18px;
	font-family: 'MicroSoft YaHei';
	color: #333333
}

.main-4 .main-4-bg {
	background: url(../images/p14.jpg) no-repeat center;
	width: auto;
	height: 586px;
}


/*楼层四 End*/


/*楼层五 Start*/

.main-5 {
	width: auto;
	text-align: center;
	background-color: #ffffff;
}

.main-5 .main-5-word {
	padding-top: 85px;
}

.main-5 .main-5-word p {
	line-height: 35px;
	font-size: 18px;
	font-family: 'MicroSoft YaHei';
	color: #333333
}

.main-5 .main-5-bg {
	background: url(../images/p16.jpg) no-repeat center bottom;
	width: auto;
	height: 548px;
	padding-top: 112px
}


/*楼层五 End*/


/*楼层六 Start*/

.main-6 {
	width: auto;
	text-align: center;
	background: #f1fbff;
}

.main-6 .main-6-word {
	padding-top: 147px;
}

.main-6 .main-6-word p {
	line-height: 35px;
	font-size: 18px;
	font-family: 'MicroSoft YaHei';
	color: #333333
}

.main-6 .main-6-bg {
	background: url(../images/p18.jpg) no-repeat center bottom;
	width: auto;
	height: 326px;
	padding-top: 90px
}


/*楼层六 End*/


/*楼层七 Start*/

.main-7 {
	width: auto;
	height: 905px;
	text-align: center;
}

.main-7 .main-7-word {
	padding-top: 152px;
}

.main-7 .main-7-slid {
	width: 1100px;
	height: 655px
}

.main-7 .main-7-slid .main-7-slid-btn {
	padding-left: 206px;
	padding-top: 70px;
	float: left
}

.main-7 .main-7-slid .main-7-slid-btn ul li {
	float: left;
	width: 100px;
	height: 100px;
	padding-left: 100px;
	cursor: pointer;
}

.main-7 .main-7-slid .main-7-slid-btn ul li.slid-1 {
	background: url(../images/p20.png) no-repeat;
	width: 100px;
	height: 100px
}

.main-7 .main-7-slid .main-7-slid-btn ul li.slid-2 {
	background: url(../images/p21.png) no-repeat;
	width: 100px;
	height: 100px
}

.main-7 .main-7-slid .main-7-slid-btn ul li.slid-3 {
	background: url(../images/p22.png) no-repeat;
	width: 100px;
	height: 100px
}

.main-7 .main-7-slid .main-7-slid-btn ul li.slid-4 {
	background: url(../images/p23.png) no-repeat;
	width: 100px;
	height: 100px
}

.main-7 .main-7-slid .main-7-slid-btn ul li.active_1 {
	background: url(../images/p20-1.png) no-repeat;
}

.main-7 .main-7-slid .main-7-slid-btn ul li.active_2 {
	background: url(../images/p21-1.png) no-repeat;
}

.main-7 .main-7-slid .main-7-slid-btn ul li.active_3 {
	background: url(../images/p22-1.png) no-repeat;
}

.main-7 .main-7-slid .main-7-slid-btn ul li.active_4 {
	background: url(../images/p23-1.png) no-repeat;
}

.main-7 .main-7-slid .main-7-slid-img {
	float: left;
	background: url(../images/p24.jpg) no-repeat;
	width: 863px;
	height: 450px;
	margin-top: 35px;
	margin-left: 115px
}

.main-7-slid-img .models {
	display: none;
}

.main-7-slid-img .models img {
	margin-top: 40px;
}

.main-7 .main-7-slid .main-7-slid-img ul li {
	float: left;
	width: 708px;
	height: 409px;
	padding: 41px 0 0 78px;
}


/*楼层七 End*/


/*楼层八 Start*/

.main-8 {
	width: auto;
	height: 980px;
	text-align: center;
	background: #f7f7f7
}

.main-8 .main-8-word {
	padding-top: 120px;
}

.main-8 .main-8-word p {
	line-height: 35px;
	font-size: 18px;
	font-family: 'MicroSoft YaHei';
	color: #333333
}

.main-8 .main-8-bg {
	background: url(../images/p27.jpg) no-repeat center bottom;
	width: auto;
	height: 486px;
	padding-top: 90px
}


/*楼层八 End*/


/*楼层九 Start*/

.main-9 {
	width: auto;
	height: 2630px;
	text-align: center;
	background: url(../images/floor-9-bg.jpg)
}

.main-9 .main-9-word {
	padding-top: 139px;
}

.main-9 .main-9-word p {
	line-height: 35px;
	font-size: 18px;
	font-family: 'MicroSoft YaHei';
	color: #fff
}

.main-9 .main-9-img-1 {
	padding-top: 100px
}

.main-9 .main-9-img-2 {
	padding-top: 45px
}

.main-9 .main-9-img-2 .main-9-img-tit h1 {
	font-size: 30px;
	font-family: 'MicroSoft YaHei';
	color: #fff
}

.main-9 .main-9-img-2 .main-9-img-tit p {
	line-height: 65px;
	font-size: 14px;
	font-family: 'MicroSoft YaHei';
	color: #fff
}

.main-9 .main-9-img-2 .main-9-img-box {
	padding-top: 95px
}


/*楼层九 End*/


/*楼层十 Start*/

.main-10 {
	width: auto;
	text-align: center;
	background-color: #ffffff;
}

.main-10 .main-10-word {
	padding-top: 145px;
}

.main-10 .main-10-box {
	width: 845px;
	height: 480px;
	position: relative;
}

.main-10-box ul {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.main-10-box li {
	float: left;
	width: 845px;
	height: 509px;
	overflow: hidden;
	text-align: center;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.main-10-box li.active {
	opacity: 1;
	filter: alpha(opacity=100);
}

.main-10 .main-10-slid {
	position: relative;
	padding-top: 50px;
	z-index: 100;
}

.main-10 .main-10-slid a {
	position: absolute;
	top: 240px;
}

.main-10 .main-10-slid a.right {
	background: url(../images/right.png) no-repeat;
	width: 40px;
	height: 77px;
	right: 80px;
	z-index: 1000;
}

.main-10 .left_btn a.left {
	background: url(../images/left.png) no-repeat;
	width: 40px;
	height: 77px;
	left: 80px;
	z-index: 1000;
}

.main-10 .main-10-bomword {
	text-align: left;
	padding-left: 245px;
}

.main-10 .main-10-bomword h1 {
	font-size: 30px;
	font-family: 'MicroSoft YaHei';
	color: #333
}

.main-10 .main-10-bomword p {
	font-size: 14px;
	font-family: 'MicroSoft YaHei';
	color: #888888;
	line-height: 45px
}

.main-10-bomword div {
	display: none;
}


/*楼层十 End*/

.word_wrap {
	width: 982px;
	height: 550px;
	position: relative;
	margin: 120px auto;
}

.word_wrap ul {
	position: absolute;
	left: 0;
	top: 0;
}

.word_wrap ul li {
	float: left;
	width: 400px;
	position: relative;
	height: 500px;
	cursor: pointer;
}

.word_wrap ul li img {
	width: 225px;
	height: 410px;
	position: absolute;
	left: 50px;
	top: 0;
}

.word_wrap ul li.active img {
	width: 270px;
	height: 570px;
	left: -27px;
	top: -68px;
}

.btn_wrap {
	height: 100px;
	width: 870px;
	text-align: center;
	position: relative;
}

.lbtn,
.rbtn {
	position: absolute;
	top: 50%;
	margin-top: -38.5px;
	cursor: pointer;
}

.lbtn {
	left: 100px;
}

.rbtn {
	right: 100px;
}

.btn_wrap dl {
	display: none;
}

.btn_wrap dl dt {
	font-size: 36px;
	color: #333;
}

.btn_wrap dl dd {
	font-size: 18px;
	color: #888;
	line-height: 40px;
}


/*追加遮罩层*/

.fixed_div {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	display: none;
}

.opacity_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.body_wrap {
	height: 640px;
	width: 1000px;
	margin: 0 0 0 -500px;
	position: absolute;
	top: 100%;
	left: 50%;
}

.zuhe_title ul li {
	float: left;
	height: 70px;
	line-height: 70px;
	color: white;
	font-size: 33px;
	text-align: center;
	width: 50%;
	background: #606060;
	cursor: pointer;
	position: relative;
	color: #333;
}

.zuhe_title ul li a {
	position: absolute;
	top: 5px;
	right: 115px;
	height: 31px;
	width: 31px;
	background: url(../images/j1.png) no-repeat left top;
}

.zuhe_title ul li.active_1 {
	background: #3C9ECA;
	color: white;
}

.zuhe_title ul li.active_1 a {
	background: url(../images/j.png) no-repeat left top;
}

.zuhe_title ul li.active_2 {
	background: #272727;
	color: white;
}

.div_models {
	height: 570px;
	overflow: hidden;
	color: white;
	display: none;
}

.div_models_1 {
	background: #3C9ECA;
	border-top: 1px solid #49A4CE;
}

.div_models_2 {
	background: #272727;
	border-top: 1px solid #2E2E2E;
}

.div_models_2 .f_l {
	width: 33.3%;
	text-align: center;
	height: 100%;
	cursor: pointer;
}

.div_models_2 div.second dl {
	padding-left: 0;
	padding-right: 0;
}

.div_models_2 div.active {
	background: #000;
}

.div_models_2 div.blue {
	background: #375A71;
}

.div_models_2 div.black {
	background: #000;
}

.div_models_2 .f_l dl {
	padding: 95px 50px 50px;
}

.div_models_2 .f_l dl dt {
	height: 231px;
}

.div_models_2 .f_l dl dd {
	font-size: 25px;
}

.div_models_2 .f_l dl dd.tit {
	color: #FFEA00;
	font-size: 30px;
}

.models_wrap {
	padding: 84px 45px 23px 80px;
	height: 356px;
}

.models_wrap .f_l {
	text-align: center;
	padding-right: 90px;
	background: url(../images/plus_2.png) no-repeat right 80px;
	margin-right: 60px;
}

.models_wrap .f_r {
	text-align: center;
}

.models_wrap .f_l dl dt,
.models_wrap .f_r dl dt {
	height: 231px;
}

.models_wrap .f_l dl dd.tit,
.models_wrap .f_r dl dd.tit {
	font-size: 23px;
}

.models_wrap .f_l dl dd,
.models_wrap .f_r dl dd {
	line-height: 25px;
	color: #F6E3E3;
}

.surprise {
	text-align: center;
	line-height: 70px;
	font-size: 25px;
}

.surprise span {
	color: #FFEA00;
	font-size: 35px;
}

.some_btn {
	text-align: center;
	padding: 30px 0;
	background: #375A71;
}

.some_btn a {
	display: inline-block;
	height: 50px;
	width: 200px;
	text-align: center;
	line-height: 50px;
	color: white;
	font-size: 25px;
	margin: 0 20px;
}

.some_btn a.buy_it_now {
	background: #3F9ECA;
}

.some_btn a.custor-default {
	background-color: #ccc;
	cursor: default;
}

.some_btn a.custor-pointer {
	background-color: #3F9ECA;
	cursor: pointer;
}

.some_btn a.go_on_look {
	background: #81A627;
}

.close_btn {
	height: 60px;
	line-height: 60px;
	width: 60px;
	text-align: center;
	position: absolute;
	right: -60px;
	top: 0px;
	background: #000 url(../images/ca.png) no-repeat center center;
	color: #696969;
	font-size: 30px;
	font-family: Arial;
	cursor: pointer;
}

.close_btn:hover {
	background: #3F9ECA url(../images/ca.png) no-repeat center center;
	;
}

.some_btn2 {
	text-align: center;
	padding: 30px 0;
	background: #1F1F1F;
}

.some_btn2 a {
	display: inline-block;
	height: 50px;
	width: 200px;
	text-align: center;
	line-height: 50px;
	color: white;
	font-size: 25px;
	margin: 0 20px;
}

.some_btn2 a.buy_it_now {
	background: #3F9ECA;
}

.some_btn2 a.go_on_look {
	background: #81A627;
}


/*产品页面下面追加css*/

.product-below-title {
	margin-bottom: 55px;
	text-align: center;
}

.product-below-title img {
	margin-top: 50px;
}


/* add by huangkai */

.last_work {
	padding: 80px 0;
}

.Span-box-p-24 {
	font-size: 24px;
}

.Span-box-p-24 .red {
	color: #fc8080;
}

.color-333 {
	color: #333333 !important;
}

.demo-btn {
	background-color: #9ecc17;
	color: white;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 125px;
	margin-top: 16px;
	position: relative;
	left: -50px;
}

.bj00 {
	background-color: #fff;
}

.empty-box {
	height: 500px;
	width: 100%;
}

.Span01 .zonjie,
.Span02Box,
.Span03Box {
	text-align: center;
	width: 1210px !important;
}

.Span02 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/watch.jpg) no-repeat;
}

.m-b-60 {
	margin-bottom: 60px;
}

.m-t-40 {
	margin-top: 40px;
}

.m-l-50 {
	margin-left: 50px;
}

.has-b-t {
	border-top: 1px solid #ccc;
}

.has-b-r {
	border-right: 1px solid #eee !important;
}

.has-b-b {
	border-bottom: 1px solid #eee !important;
}

.p-t-80 {
	padding-top: 60px;
}

.p-b-80 {
	padding-bottom: 80px;
}

.no-border-bottom {
	border-bottom: none !important;
}

.color-blue-a {
	color: #28a0e2;
}

.t-al-r {
	text-align: right;
}

.t-al-l {
	text-align: left;
}

.t-al-c {
	text-align: center;
}

.text-color-pink {
	color: #ec7c7c;
	font-size: 24px;
}

.Span01-01 {
	background-color: #ffffe5 !important;
	position: relative;
	padding: 80px 0;
}

.Span01-01-box {
	width: 1210px;
	text-align: center;
}

.Span-box-h2 {
	font-size: 48px;
	line-height: 70px;
	color: #333333;
}

.Span-box-h3 {
	font-size: 36px;
	line-height: 60px;
	color: #333333;
}

.Span-box-p {
	font-size: 18px;
	line-height: 35px;
	color: #666666;
}

.Span-box-p-14 {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.Span-box-p-16 {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.Span-box-p-30 {
	font-size: 30px;
	color: #666666;
	line-height: 50px;
}

.Span01-01-box .Span-box-p,
.Span05 .Span-box-p {
	color: #888888;
}

.Span01-01-box-btn {
	border-radius: 5px;
	background: #9fc718 none repeat scroll 0 0;
	color: #fff;
	display: block;
	font-size: 18px;
	line-height: 22px;
	padding: 10px;
	width: 100px;
	margin: 0 auto;
	margin-top: 20px;
}

.Span03 {
	padding-top: 80px;
}

.Span03Box .Span-box-h2 span {
	color: #28a0e2;
}

.Span04,
.Span05,
.Span06 {
	border-bottom: 1px solid #ccc;
	padding: 80px 0;
}

.Span04 .Span04-bg {
	background: url(../images/iphone-12.png) no-repeat center bottom;
	width: 1210px;
	height: 710px;
}

.Span04 .Span04-bg .Span04-bg-box {
	width: 290px;
	text-align: left;
}

.Span04 .Span04-bg .Span04-bg-box-pos1 {
	margin-left: 10px;
	padding-top: 120px;
}

.Span04 .Span04-bg .Span04-bg-box-pos2 {
	margin-left: 910px;
	margin-top: -220px;
}

.Span04 .Span04-bg .Span04-bg-box-pos3 {
	margin-left: 910px;
	margin-top: 220px;
}

.Span04 .Span04-bg .Span04-bg-box-pos4 {
	margin-left: 10px;
	margin-top: 70px;
}

.Span05 ul li {
	float: left;
	text-align: left;
	margin-right: 164px;
	width: 294px;
	height: 605px;
}

.Span05 ul li.lb-1 {
	background-image: url(../images/lb-1.png);
}

.Span05 ul li.lb-2 {
	background-image: url(../images/lb-2.png);
}

.Span05 ul li.lb-3 {
	background-image: url(../images/lb-3.png);
}

.Span05 ul li:nth-of-type(3n) {
	margin-right: 0;
}

.Span06 .Span06-bg {
	background: url(../images/iphone-18.png) no-repeat center bottom;
	width: 1210px;
	height: 726px;
	margin-top: 60px;
}

.Span06 .Span06-bg .Span06-bg-box {
	width: 220px;
	text-align: left;
	margin-left: 680px;
	padding-top: 30px;
}

.Span07 .Span03Box {
	border-bottom: 1px solid #ccc;
	padding: 80px 0;
}

.Span07 .Span07-bg {
	background: url(../images/span07_bg.png) no-repeat 233px 0;
	width: 1210px;
	height: 654px;
	margin-top: 60px;
	padding-left: 70px;
}

.Span07 .Span07-bg .Span07-bg-box {
	width: 270px;
	text-align: left;
	margin-left: 135px;
	padding-top: 100px;
}

.Span07 .Span07-bg .Span07-bg-box-middle {
	width: 270px;
	text-align: left;
	margin-left: 0;
	margin-top: 85px;
}

.Span07 .Span07-bg .Span07-bg-box-down {
	width: 520px;
	text-align: center;
	margin-top: 15px;
	margin-left: 0;
}

.Span07 .Span07-bg .Span07-bg-box-down ul li {
	float: left;
	width: 100px;
	margin-right: 40px;
	margin-bottom: 10px;
}

.Span07 .Span07-bg .Span07-bg-box-down ul li:nth-of-type(4n) {
	margin-right: 0;
}

.Span08 .Span03Box {
	border-bottom: 1px solid #ccc;
	padding-top: 80px;
}

.Span08 .Span03Box .Span08-right-box {
	text-align: left;
}

.Span08 .Span03Box .Span08-right-box .Span-box-p {
	color: #888888;
}

.Span08-toggle {
	font-size: 18px;
	color: #888888;
	vertical-align: top;
	margin-left: 35px;
	cursor: pointer;
}

.Span08 .Span03Box .Span08-toggle img {
	margin-left: 10px;
}

.func-lists {
	list-style-type: circle;
	text-align: left;
	padding: 30px 25px;
}

.func-lists li {
	font-size: 24px;
	line-height: 50px;
	color: #888888;
}

.Span09 {
	padding-top: 80px;
	background-color: #f5f5f5;
}

.Span09 .Span03Box .Span06-bg {
	background: url(../images/span-9-bg.png) no-repeat left bottom #f5f5f5;
}

.infos .infos-box-container {
	padding-top: 0px;
}

.infos-box-container .infos-box {
	height: 62px;
	width: 260px;
	padding: 0 10px;
	background-color: #fff;
}

.infos-box .infos-box-children {
	padding-top: 15px;
	border-bottom: 1px solid #dddddd;
	height: 46px;
}

.infos-box .infos-box-tubiao {
	width: 21px;
	margin-top: 13px;
	margin-left: 10px;
}

.infos-box-hide-parent {
	position: absolute;
	top: 60px;
	margin-left: -10px;
	border: 1px solid #ddd;
	display: none;
	z-index: 2222;
}

.infos-box-container .infos-box-hide-parent .infos-box:hover {
	background-color: #f5f5f5;
}

.infos-box-children-up {
	width: 60px;
	text-align: center;
}

.infos-box-children-down a {
	color: #000000;
}

.Span10 {
	padding: 80px 0;
}

.Span10 .Span10-ul {
	padding: 0 120px;
	margin-top: 60px;
}

.Span10 .Span10-ul li {
	float: left;
	border: 1px solid #eee;
	width: 240px;
	height: 210px;
	border-right: none;
}

.Span10 .Span10-ul .Span10-ul-li-bg1 {
	background: url(../images/iphone3.png) no-repeat center 100px
}

.Span10 .Span10-ul .Span10-ul-li-bg2 {
	background: url(../images/android.png) no-repeat center 100px;
}

.Span10 .Span10-ul .Span10-ul-li-bg3 {
	background: url(../images/ipad.png) no-repeat center 105px;
}

.Span10 .Span10-ul .Span10-ul-li-bg4 {
	background: url(../images/pro.png) no-repeat center 100px;
}

.Span10 .Span10-ul .Span10-ul-li-bg5 {
	background: url(../images/touch.png) no-repeat center 100px;
}

.Span10 .Span10-ul li a {
	color: #000000;
	display: block;
	padding-top: 20px;
	height: 100%;
}

.Span10-ul-li-div {
	margin: 0 20px;
}

.Span10-ul-li-div-down {
	height: 50px;
	width: 240px;
	line-height: 50px;
	background-color: #7fd0f6;
	font-size: 18px;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative;
	top: 128px;
}

.t-al-c img {
	margin-top: 30px;
	height: 79px;
}

.Span10 .Span-box-h4 {
	font-size: 24px;
	color: #333333;
}

.Span-bottom {
	width: 530px;
}

.Span-bottom-btns {
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 26px;
	line-height: 22px;
	padding: 20px 46px;
}

.btn-bg-img1 {
	background: url(../images/btn13.png) no-repeat 40px center;
}

.btn-bg-img2 {
	background: url(../images/btn14.png) no-repeat 40px center;
}

.bg-drak {
	background-color: #9ed540;
}

.bg-blue {
	background-color: #5fc4f4;
}

.span-money {
	color: #fc8080;
	font-size: 30px;
}

.Span08 {
	border-bottom: 1px solid #ccc;
}

.Span08 .Span03Box.box1 {
	background: url(../images/2.6-1.png) no-repeat left bottom;
	height: 446px;
}

.Span08 .Span03Box.box2 {
	background: url(../images/2.6-2.jpg) no-repeat right bottom;
	height: 403px;
	border-bottom: none;
}

.Span08 .Span03Box.box6 {
	background: url(../images/2.6-6.png) no-repeat right bottom;
	height: 424px;
}

.Span08 .Span03Box.box8 .f_l .fa {
	overflow: hidden;
	margin-top: 100px;
	margin-left: 200px;
}

.Span08 .Span03Box.box8 .f_l .fa .f_l img {
	margin-top: 60px;
}

.Span18 {
	padding: 80px 0;
}

.Span08 .Span03Box.box2 .Span-box-h3 span {
	color: #89ceed;
}

.Span08 .Span03Box.box2 .Span08-right-box a {
	display: block;
	width: 150px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	border-radius: 5px;
	margin-top: 20px;
	text-align: center;
	color: #fff;
	background-color: #63c5f6;
}

.Span01-ipad .banner {
	height: 567px;
	background: url(../images/banner-ipad.png) center top no-repeat;
	margin-top: 0px;
	position: relative;
	z-index: 2;
	margin-bottom: -42px;
}

.Span01-01-ipad {
	background-color: #cdf8f3 !important;
	position: relative;
	padding-top: 80px;
}

.Span-ipad-box {
	text-align: center;
	width: 1210px !important;
}

.Span-ipad-box-children3 {
	margin-top: 100px;
	margin-left: 700px;
}

.main1 {
	width: 100%;
	background-color: #ffffff;
}

.main-3,
.main-5,
.main-6,
.main-10 {
	padding: 80px 0;
}

.Span-ipad-box.Span01-01-ipad-bg1 {
	background: url(../images/ipad1.png) no-repeat right bottom;
	height: 610px;
}

.Span-ipad-box-children1 {
	padding-top: 140px;
}

.Span-ipad-box-children2 {
	margin-top: 60px;
	margin-left: 70px;
}

.Span01-01-ipad-bg2 {
	background: url(../images/ipad2.png);
	height: 501px;
}

.title-img1 {
	background: url(../images/ipad8-1.png) no-repeat 230px center;
}

.title-img2 {
	background: url(../images/ipad9-1.png) no-repeat 230px center;
}

.main-1.new-main {
	background-color: #fffcf1;
}

.main-2.new-main {
	background-color: #ffffff;
	padding: 70px 40px;
}

.main-3.new-main {
	background-color: #f5f5f5;
	padding-bottom: 0;
}

.main-4.new-main {
	background-color: #ffffff;
	width: 100%;
}

.main-5.new-main {
	background-color: #f5f5f5;
	padding-bottom: 0;
}

.main-11.new-main {
	background-color: #ffffff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.new-main .new-main-box {
	overflow: hidden;
	width: 1210px;
	margin: 0 auto;
}

.main-2.new-main .new-main-box ul {
	width: 1130px;
	overflow: hidden;
	text-align: center;
}

.main-2.new-main .new-main-box ul li {
	float: left;
}

.main-2.new-main .new-main-box ul.two {
	margin-bottom: 100px;
}

.main-2.new-main .new-main-box ul.two li {
	width: 540px;
	height: 570px;
	margin-right: 50px;
}

.main-2.new-main .new-main-box ul.two li.first {
	background: url(../images/new2-1.png) no-repeat center bottom;
}

.main-2.new-main .new-main-box ul.two li.last {
	margin-right: 0;
	background: url(../images/new2-2.png) no-repeat center bottom;
}

.main-2.new-main .new-main-box ul.three {
	margin-top: 50px;
}

.main-2.new-main .new-main-box ul.three li {
	width: 354px;
	height: 500px;
	margin-right: 34px;
}

.main-2.new-main .new-main-box ul.three li.one {
	background: url(../images/new2-3.png) no-repeat center bottom;
}

.main-2.new-main .new-main-box ul.three li.two {
	background: url(../images/new2-4.png) no-repeat center bottom;
}

.main-2.new-main .new-main-box ul.three li.last {
	margin-right: 0;
	background: url(../images/new2-5.png) no-repeat center bottom;
}

.main-1 .main-1-word .Span-box-h2 span {
	color: #40cdd0;
}

.Span10 .Span03Box .buy-three-app {
	display: block;
	width: 300px;
	height: 50px;
	padding: 0 50px;
	background-color: #fc8080;
	margin: 30px auto 0;
	border-radius: 5px;
	color: #fff;
	font-size: 24px;
	line-height: 50px;
}

.Span10 .Span10-ul.ipad-three {
	width: 724px;
	margin: 30px auto 0;
}

.Span10 .Span10-ul.ipad-two {
	width: 483px;
	margin: 30px auto 0;
}

.p-t-b-40 {
	padding: 40px 0;
}

.Span01-android .banner {
	height: 567px;
	background: url(../images/banner-android.png) center top no-repeat;
	position: relative;
	z-index: 2;
	margin-bottom: -42px;
}

.Span-android-box {
	text-align: center;
	width: 1210px !important;
}

.android_one,
.android_two,
.android_three,
.android_four,
.android_five,
.android_six {
	padding: 80px 0;
	width: 100%;
}

.android_one {
	background-color: #f4ffe9;
}

.android_two {
	background-color: #f5f5f5;
}

.android_two-bg {
	background: url(../images/android2.png) no-repeat center bottom;
	height: 590px;
}

.android_two-bg-box {
	width: 290px;
	text-align: left;
}

.android_two-bg-box-pos1 {
	margin-left: 0;
	padding-top: 80px;
}

.android_two-bg-box-pos2 {
	margin-left: 880px;
	margin-top: -190px;
}

.android_two-bg-box-pos3 {
	margin-left: 920px;
	margin-top: 140px;
}

.android_two-bg-box-pos4 {
	margin-left: 40px;
	margin-top: 40px;
}

.android_two-bg-box-pos5 {
	margin-left: 920px;
	margin-top: 35px;
}

.android_three,
.android_five {
	background-color: #ffffff;
}

.android_three ul li {
	float: left;
	text-align: left;
	margin-right: 164px;
	width: 294px;
	height: 605px;
}

.android_three ul .android-lb-1 {
	background-image: url(../images/android3-1.png)
}

.android_three ul .android-lb-2 {
	background-image: url(../images/android3-2.png)
}

.android_three ul .android-lb-3 {
	background-image: url(../images/android3-3.png)
}

.android_three ul li:nth-of-type(3n) {
	margin-right: 0;
}

.android_four {
	background-color: #f5f5f5;
}

.android_four .Span-android-box .android_four-bg {
	background: url(../images/android4.png) no-repeat center bottom;
	height: 710px;
	margin-top: 60px;
}

.android_four .Span-android-box .android_four-bg .android_four-bg-box {
	width: 220px;
	text-align: left;
	margin-left: 690px;
	padding-top: 30px;
}

.android_five .Span-android-box .android_five-bg {
	background: url(../images/android5.png) no-repeat right bottom;
	width: 1210px;
	height: 781px;
	margin-top: 60px;
	padding-left: 70px;
}

.android_five .Span-android-box .android_five-bg .android_five-bg-box {
	width: 270px;
	margin-left: 200px;
	padding-top: 55px;
	text-align: left;
}

.android_five .Span-android-box .android_five-bg .android_five-bg-box-middle {
	width: 270px;
	text-align: left;
	margin-left: 50px;
	margin-top: 85px;
}

.android_five .Span-android-box .android_five-bg .android_five-bg-box-down {
	width: 520px;
	text-align: center;
	margin-top: 25px;
	margin-left: 50px;
}

.android_five .Span-android-box .android_five-bg .android_five-bg-box-down ul li {
	float: left;
	width: 100px;
	margin-right: 40px;
	margin-bottom: 10px;
}

.android_five .Span-android-box .android_five-bg .android_five-bg-box-down ul li:nth-of-type(4n) {
	margin-right: 0;
}

.android_six {
	background-color: #eeeeff;
}

.android_six .android_six-box1 {
	background: url(../images/bt-xt.png) no-repeat center 13px;
}

.android_six .android_six-box1 img {
	margin-top: 60px;
}

.android_six .android_six-box2 {
	background: url(../images/bt-xt.png) no-repeat center 13px;
}

.android_six .android_six-box2 img {
	margin-top: 60px;
}

.android_six .android_six-box3 {
	background: url(../images/bt-xt1.png) no-repeat center 13px;
}

.android_six .android_six-box3 img {
	margin-top: 60px;
}

.android_six .android_six-box3 .android_six-box3-span1 {
	margin-left: 70px;
}

.android_six .android_six-box3 .android_six-box3-span2 {
	margin-left: -10px;
}

.android_six .android_six-box3 .android_six-box3-span3 {
	margin-right: 70px;
}

.android_seven {
	padding-bottom: 80px;
	background-color: #ffffff;
}

.android_seven .Span03Box {
	border-bottom: 1px solid #ccc;
	text-align: left;
}


/**
	 * 发展历程
	 */

.development-history {
	background-color: #fae4d2;
}

.development-history .banner {
	background: url(../images/dp-his-banner.png) center top no-repeat;
	height: 240px;
}

.development-history .development-history-box {
	background: url(../images/dp-his-line.jpg) center top repeat-y;
	width: 980px;
	margin: 0 auto;
}

.development-history .development-history-box .dp-his-box-row {
	width: 100%;
	height: 230px;
	padding-top: 20px;
	position: relative;
	overflow: hidden;
}

.development-history .development-history-box .dp-his-box-row .round-img {
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 0;
	width: 100px;
	height: 100px;
}

.development-history .development-history-box .dp-his-box-row.red-round-left {
	background: url(../images/red-round-left.png) 340px 150px no-repeat;
}

.development-history .development-history-box .dp-his-box-row.red-round-right {
	background: url(../images/red-round-right.png) 440px 150px no-repeat;
}

.development-history .development-history-box .dp-his-box-row .dp-his-box-panel {
	width: 380px;
}

.development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-header {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 24px;
	color: #fff;
	padding: 10px 20px;
}

.development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-header.red-header {
	background-color: #ee5252;
}

.development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-header.blue-header {
	background-color: #53bcee;
}

.development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-header.green-header {
	background-color: #9ecc17;
}

.development-history .development-history-box .dp-his-box-row .dp-his-box-panel .box-panel-body {
	background-color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 17px;
	line-height: 30px;
	color: #7a7a7a;
	padding: 10px 20px 15px 20px;
}

.development-history .development-history-box .dp-his-box-row .dp-his-box-panel.panel-left {
	position: absolute;
	left: 0;
}

.development-history .development-history-box .dp-his-box-row .dp-his-box-panel.panel-right {
	position: absolute;
	right: 0;
}

.development-history .development-history-box .dp-his-box-row .panel-down {
	position: absolute;
	top: 156px;
}

.development-history .development-history-box .dp-his-box-row .panel-down.left {
	left: 340px;
}

.development-history .development-history-box .dp-his-box-row .panel-down.right {
	left: 618px;
}

.development-history .development-history-box .dp-his-box-row p.p-text {
	font-size: 30px;
	color: #000;
	position: absolute;
	top: 183px;
}

.development-history .development-history-box .dp-his-box-row p.p-text.left {
	left: 248px;
}

.development-history .development-history-box .dp-his-box-row p.p-text.right {
	left: 650px;
}

.development-history .development-history-box .dp-his-box-row-title {
	margin-top: 150px;
	text-align: center;
	color: #fff;
	position: relative;
	font-family: Arial;
	font-size: 36px;
	font-weight: bold;
}

.development-history .development-history-box .dp-his-box-row-title.blue-title {
	background: url(../images/dp-his-blue-title.png) center bottom no-repeat;
	height: 150px;
}

.development-history .development-history-box .dp-his-box-row-title p {
	position: absolute;
	top: 55px;
	left: 50%;
	margin-left: -40px;
}

.development-history .development-history-box .dp-his-box-row.blue-round-left {
	background: url(../images/blue-round-left.png) 340px 150px no-repeat;
}

.development-history .development-history-box .dp-his-box-row.blue-round-right {
	background: url(../images/blue-round-right.png) 440px 150px no-repeat;
}

.development-history .development-history-box .dp-his-box-row-title.green-title {
	background: url(../images/dp-his-green-title.png) center bottom no-repeat;
	height: 150px;
}

.development-history .development-history-box .dp-his-box-row.green-round-left {
	background: url(../images/green-round-left.png) 340px 150px no-repeat;
}

.development-history .development-history-box .dp-his-box-row.green-round-right {
	background: url(../images/green-round-right.png) 440px 150px no-repeat;
}

.development-history .development-history-box-bottom {
	text-align: center;
	width: 980px;
	margin: 0 auto;
	padding: 40px 0 160px 0;
	position: relative;
}

.development-history .development-history-box-bottom img {
	position: absolute;
	left: 50%;
	margin-left: -11px;
	top: 20px;
}

.development-history .development-history-box-bottom div {
	font-size: 30px;
	padding: 10px 20px;
	width: 770px;
	background-color: #898885;
	color: #fff;
	border-radius: 10px;
}

.development-history .development-history-box .dp-his-box-row-title.red-title {
	background: url(../images/dp-his-red-title.png) center bottom no-repeat;
	height: 150px;
}


/* end by huangkai */


/**
	 * touch
	 */

.m-b-80 {
	margin-bottom: 80px;
}

.touch .l-box {
	float: left;
}

.touch .r-box {
	float: right;
}

.touch .Span01 .banner {
	background: url(../images/banner-touch.png) no-repeat center top;
	width: 100%;
	height: 568px;
	margin-bottom: -43px;
	position: relative;
	z-index: 2;
}

.touch .Span01-01 {
	background: url(../images/bg1.jpg) no-repeat center top #fff!important;
	width: 100%;
	height: 379px;
	padding: 0;
}

.touch .Span01-01 .Span01-01-box img {
	padding: 100px 0 30px 0;
}

.touch .Span02 {
	background: url(../images/bg2.jpg) no-repeat center;
	height: 1080px;
}

.touch .Span03 {
	background: url(../images/bg3.png) no-repeat center top #fffcf5!important;
	width: 100%;
	padding-top: 100px;
}

.touch .Span04 {
	background: url(../images/bg4.png) no-repeat center top #57b7e5!important;
	width: 100%;
	position: relative;
	padding-top: 100px;
}

.touch .Span04 ul {
	overflow: hidden;
	position: absolute;
	width: 90px;
	left: 50%;
	margin-left: -45px;
	bottom: 245px;
	z-index: 99;
}

.touch .Span04 ul li {
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	border-radius: 5px;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}

.touch .Span04 ul li.last {
	margin-right: 0;
}

.touch .Span04 ul li.active {
	background-color: #0f92ce;
}

.touch .Span04 .Span03Box {
	position: relative;
}

.touch .Span04 .Span03Box .box-con {
	position: relative;
	height: 500px;
}

.touch .Span04 .Span03Box .box-con img {
	position: absolute;
	left: 50%;
	margin-left: -363px;
	top: 5px;
}

.touch .Span03Box .img {
	margin-bottom: 30px;
}

.touch .Span04 a.btn-a {
	display: block;
	width: 220px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	padding: 15px 15px;
	background-color: #555;
	border: 2px solid #fff;
	border-radius: 5px;
	margin: 100px auto 0;
}

.touch .Span05 {
	background-color: #dff5ff;
	padding-top: 100px;
}

.touch .Span05 .Span03Box ul {
	width: 1210px;
}

.touch .Span05 .Span03Box ul li {
	width: 360px;
	margin-right: 65px;
	text-align: center;
	position: relative;
}

.touch .Span05 .Span03Box ul li.one .con {
	background-color: #6e9ae6;
}

.touch .Span05 .Span03Box ul li.two .con {
	background-color: #42cd74;
}

.touch .Span05 .Span03Box ul li.three {
	margin-right: 0;
}

.touch .Span05 .Span03Box ul li.three .con {
	background-color: #e88b52;
}

.touch .Span05 .Span03Box ul li .con img {
	margin: 110px 0 60px 0;
}

.touch .Span05 .Span03Box ul li .con p {
	color: #fff;
}

.touch .Span05 .Span03Box ul li .con {
	height: 500px;
}

.touch .Span05 .Span03Box ul li .con .Span-box-p {
	font-size: 24px;
	margin-bottom: 10px;
}

.touch .Span05 .Span03Box ul li img.bottom {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -140px;
}

.touch .Span06 {
	background: url(../images/bg6.png) no-repeat center top #fff;
	width: 100%;
	height: 420px;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 0;
}

.touch .Span06 .Span03Box {
	overflow: hidden;
}

.touch .Span06 .Span03Box .l-box {
	float: left;
	width: 600px;
	text-align: left;
}

.touch .Span06 .Span03Box .r-box {
	float: right;
}

.touch .Span07 {
	background-color: #f0fff6;
}

.touch .Span07 .Span03Box {
	border-bottom: none;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 0;
}

.touch .Span07 .Span03Box .l-box {
	float: left;
}

.touch .Span07 .Span03Box .r-box {
	float: right;
	text-align: left;
	width: 570px;
}

.touch .Span07 .Span03Box .r-box ul li {
	background: url(../images/img7-2.png) no-repeat left center;
	padding-left: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #666;
}

.touch .Span08 {
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 0;
}

.touch .Span08 .Span03Box {
	border-bottom: none;
	padding-top: 0;
}

.touch .Span08 .Span03Box ul {
	overflow: hidden;
	width: 454px;
	margin: 0 auto;
}

.touch .Span08 .Span03Box ul li {
	float: left;
	width: 150px;
	height: 50px;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	margin-top: 30px;
	margin-bottom: 60px;
	color: #666;
	border: 1px solid #49b9ee;
	border-right: none;
	cursor: pointer;
}

.touch .Span08 .Span03Box ul li.one {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.touch .Span08 .Span03Box ul li.three {
	border-right: 1px solid #49b9ee;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.touch .Span08 .Span03Box ul li:hover,
.touch .Span08 .Span03Box ul li.active {
	background-color: #49b9ee;
	color: #fff;
}

.touch .Span08 .Span03Box .tab .fa {
	position: absolute;
	left: -100%;
	filter: alpha(opacity=0);
	opacity: 0;
}

.touch .Span08 .Span03Box .tab .fa.active {
	position: relative;
	left: 0;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	filter: alpha(opacity=100);
	opacity: 1;
}

.touch .Span08 .Span03Box .tab .fa .desc {
	position: absolute;
	text-align: left;
}

.touch .Span08 .Span03Box .tab .fa .desc.one {
	right: 0;
	top: 90px;
}

.touch .Span08 .Span03Box .tab .fa .desc.two {
	left: 0;
	top: 90px;
}

.touch .Span08 .Span03Box .tab .fa .desc.three {
	right: 20px;
	top: 90px;
}

.touch .Span09 {
	background-color: #f5f5f5;
	padding-top: 100px;
}

.touch .Span09 .box9 {
	background: url(../images/img9-2.png) no-repeat left bottom;
	height: 500px;
	width: 100%;
	position: relative;
}

.touch .Span09 .box9 p {
	position: absolute;
	width: auto;
	top: -8px;
}

.touch .Span09 .box9 p.p1 {
	left: 60px;
}

.touch .Span09 .box9 p.p2 {
	left: 260px;
}

.touch .Span09 .box9 p.p3 {
	left: 460px;
}

.touch .Span09 .box9 p.p4 {
	right: 380px;
}

.touch .Span09 .box9 p.p5 {
	right: 60px;
}

.touch .Span12 {
	background-color: #fff;
	padding-top: 100px;
}

.touch .Span12 .Span03Box {
	background: url(../images/bg12.png) no-repeat left bottom;
	height: 509px;
}

.touch .Span12 .Span03Box .r-box {
	text-align: left;
}

.touch .Span13 {
	padding-top: 100px;
	background-color: #f5f5f5;
}

.touch .Span13 .Span03Box {
	background: url(../images/bg13.png) no-repeat right bottom;
	height: 648px;
}

.touch .Span13 .Span03Box .l-box {
	text-align: left;
}

.touch .Span14 {
	padding-top: 100px;
	background-color: #fffcf5;
}

.touch .Span15 {
	background-color: #fff;
}

.touch .Span15 .Span03Box {
	background: url(../images/bg15.png) no-repeat right bottom;
	height: 550px;
}

.touch .Span15 .Span03Box .l-box {
	margin-top: 100px;
	text-align: left;
}

.touch .Span16 {
	padding-top: 100px;
	background-color: #f5f5f5;
}

.touch .Span16 .Span03Box {
	background: url(../images/bg16.png) no-repeat left bottom;
	height: 450px;
}

.touch .Span17 {
	padding-top: 100px;
	background-color: #fff;
}

.touch .Span17 .Span03Box {
	background: url(../images/bg17.png) no-repeat right bottom;
	height: 444px;
}

.touch .Span18 {
	padding-top: 100px;
	background-color: #f5f5f5;
}

.touch .Span18 .Span03Box {
	background: url(../images/bg18.png) no-repeat left bottom;
	height: 485px;
}

.touch .Span19 {
	padding-top: 100px;
	background-color: #fff;
}

.touch .Span19 .Span03Box {
	background: url(../images/bg19.png) no-repeat right bottom;
	height: 434px;
}

.touch .Span20 {
	padding-top: 100px;
	background-color: #f5f5f5;
}

.touch .Span20 .Span03Box {
	background: url(../images/bg20.png) no-repeat left bottom;
	height: 449px;
}

.touch .Span21 {
	padding-top: 100px;
	background-color: #fff;
}

.touch .Span21 .Span03Box {
	background: url(../images/bg21.png) no-repeat right bottom;
	height: 502px;
}

.touch .Span22 {
	background: url(../images/bg22.png) no-repeat center bottom #478bf0;
	height: 700px;
	padding-top: 100px;
}


/**
	 * more-businesses（多商户）
	 */

.more-businesses .Span-android-box {
	overflow: hidden;
}

.more-businesses .l-box {
	float: left;
	text-align: left;
}

.more-businesses .r-box {
	float: right;
	text-align: left;
}

.more-businesses .Span01-android .banner {
	background: url(../images/banner.jpg) no-repeat center top #ffb83c;
	height: 525px;
}

.more-businesses .android_one {
	background-color: #f5f5f5;
	padding-bottom: 0;
	margin-top: 43px;
}

.more-businesses .android_two {
	background-color: #fff;
	height: auto;
	padding-bottom: 0;
}

.more-businesses .android_two .Span-android-box {
	background: url(../images/img2.png) no-repeat left bottom;
	height: 460px;
}

.more-businesses .android_three {
	background-color: #f5f5f5;
	padding-bottom: 0;
}

.more-businesses .android_four {
	background-color: #fff;
	padding-bottom: 0;
}

.more-businesses .android_four .Span-android-box {
	background: url(../images/img4.png) no-repeat left bottom;
	height: 451px;
}

.more-businesses .android_five {
	background-color: #f5f5f5;
	padding-bottom: 0;
	height: auto;
}

.more-businesses .android_five .Span-android-box {
	background: url(../images/img5.png) no-repeat right bottom;
	height: 457px;
}

.more-businesses .android_six {
	background-color: #fff;
	padding-bottom: 0;
}

.more-businesses .android_six .Span-android-box {
	background: url(../images/img6.png) no-repeat left bottom;
	height: 449px;
}

.more-businesses .android_seven {
	background-color: #f5f5f5;
	padding-bottom: 0;
}

.more-businesses .android_seven .Span-android-box {
	background: url(../images/img7.png) no-repeat right bottom;
	height: 460px;
}

.more-businesses .android_eleven {
	background-color: #fff;
	padding-bottom: 0;
	border-bottom: 1px solid #ddd;
}

.more-businesses .android_eleven .Span-android-box {
	background: url(../images/img8.png) no-repeat left bottom;
	height: 471px;
}

.more-businesses .Span10 .Span10-ul {
	padding: 0 243px;
}


/* .more-businesses .Span10 .Span-bottom{width: 100%;position: relative;height: 60px;margin-top: 80px;} */


/* .more-businesses .Span10 .Span-bottom-btns{width: 170px;position: absolute;left: 50%;margin-left: -128px;} */

.android_thirteen {
	height: 200px;
	background-color: #bce1fb;
}

.android_thirteen .Span-box-h2 {
	color: #fff;
	padding-top: 65px;
}

.more-businesses .android_fourteen {
	background-color: #f5f5f5;
	padding-top: 100px;
}

.more-businesses .android_fourteen .Span-android-box {
	background: url(../images/img14.png) no-repeat right bottom;
	height: 507px;
}

.more-businesses .android_fifteen {
	background-color: #fff;
	padding-top: 100px;
}

.more-businesses .android_fifteen .Span-android-box {
	background: url(../images/img15.png) no-repeat left bottom;
	height: 445px;
}

.more-businesses .android_sixteen {
	background-color: #fff;
	padding-top: 100px;
}

.more-businesses .android_sixteen .Span-android-box {
	background: url(../images/img16.png) no-repeat left bottom;
	height: 471px;
}

.more-businesses .android_seventeen {
	background-color: #f5f5f5;
	padding-top: 100px;
}

.more-businesses .android_seventeen .Span-android-box {
	background: url(../images/img17.png) no-repeat right bottom;
	height: 477px;
}

.more-businesses .android_eighteen {
	background-color: #f5f5f5;
	padding-top: 100px;
}

.more-businesses .android_eighteen .Span-android-box {
	background: url(../images/img18.png) no-repeat right bottom;
	height: 439px;
}

.more-businesses .android_nineteen {
	background-color: #fff;
	padding: 100px 0;
}

.more-businesses .android_nineteen ul {
	overflow: hidden;
	margin-top: 60px;
}

.more-businesses .android_nineteen ul li {
	float: left;
	margin-right: 20px;
}

.more-businesses .android_nineteen ul li.two {
	width: 265px;
}

.more-businesses .android_nineteen ul li.four {
	width: 265px;
	margin-right: 0;
}

.more-businesses .android_nineteen ul li p.title {
	font-size: 20px;
	line-height: 50px;
	margin-top: 20px;
}

.more-businesses .android_nineteen ul li p.text {
	font-size: 16px;
	line-height: 30px;
	text-align: left;
}

.more-businesses .m-t-20 {
	margin-top: 20px;
}

.more-businesses .t-al-c {
	text-align: center !important;
}


/**
	 * shopkeeper（掌柜）
	 */

.shopkeeper .Span01-01 {
	background-color: #fff !important;
}

.shopkeeper .Span01 .banner {
	background: url(../images/banner.jpg) no-repeat center top #1d90cc;
	height: 530px;
	width: 100%;
}

.shopkeeper .Span01 .banner .Span03Box {
	text-align: left;
	padding-top: 124px;
}

.shopkeeper .Span03 {
	background-color: #f5f5f5 !important;
	padding: 80px 0;
}

.shopkeeper .Span03Box {
	overflow: hidden;
}

.shopkeeper .Span03Box .l-box {
	float: left;
	text-align: left;
}

.shopkeeper .Span03Box .r-box {
	float: right;
	text-align: left;
}

.shopkeeper .Span04 {
	background-color: #fff !important;
	padding-top: 80px;
	padding-bottom: 0;
	border-bottom: none;
}

.shopkeeper .Span05 {
	background-color: #f5f5f5 !important;
	padding: 80px 0;
	border-bottom: none;
}

.shopkeeper .Span07 {
	background-color: #fff !important;
	padding-top: 80px;
	padding-bottom: 0;
}

.shopkeeper .Span09 {
	background-color: #fff !important;
	padding-top: 80px;
	padding-bottom: 0;
}

.shopkeeper .Span09 .Span03Box {
	margin-top: 100px;
	position: relative;
}

.shopkeeper .Span09 .Span03Box.one {
	background: url(../images/img6-1.png) no-repeat center bottom;
	height: 324px;
	margin-top: 0;
}

.shopkeeper .Span09 .Span03Box.two {
	background: url(../images/img6-2.png) no-repeat center bottom;
	height: 324px;
}

.shopkeeper .Span09 .Span03Box.three {
	background: url(../images/img6-3.png) no-repeat center bottom;
	height: 324px;
	padding-bottom: 0;
}

.shopkeeper .Span09 .Span03Box h2,
.shopkeeper .Span09 .Span03Box p {
	position: absolute;
}

.shopkeeper .Span09 .Span03Box.one h2 {
	left: 300px;
	top: 70px;
}

.shopkeeper .Span09 .Span03Box.one p {
	left: 400px;
	top: 170px;
}

.shopkeeper .Span09 .Span03Box.two h2 {
	right: 270px;
	top: 50px;
}

.shopkeeper .Span09 .Span03Box.two p {
	left: 450px;
	top: 150px;
}

.shopkeeper .Span09 .Span03Box.three h2 {
	left: 400px;
	top: 60px;
}

.shopkeeper .Span09 .Span03Box.three p {
	right: 390px;
	top: 150px;
}

.shopkeeper .Span18 {
	background-color: #f5f5f5 !important;
	padding: 80px 0;
	border-bottom: none;
}

.Span10 ul.Span10-ul li.Span10-ul-li-bg6 {
	background: url(../images/logo.png) no-repeat center 100px;
}

.shopkeeper .Span18 .Span03Box .con {
	width: 100%;
	margin-top: 60px;
	position: relative;
}

.shopkeeper .Span18 .Span03Box .con .l {
	position: absolute;
	width: 95px;
	height: 95px;
	left: 0;
	top: 150px;
	cursor: pointer;
	z-index: 99;
}

.shopkeeper .Span18 .Span03Box .con .r {
	position: absolute;
	width: 95px;
	height: 95px;
	right: 0;
	top: 150px;
	cursor: pointer;
	z-index: 99;
}

.shopkeeper .Span18 .Span03Box .con .div {
	width: 900px;
	;
	margin: 0 auto;
	height: 370px;
	position: relative;
	overflow: hidden;
}

.shopkeeper .Span18 .Span03Box .con .div ul {
	overflow: hidden;
	position: absolute;
	left: 0;
}

.shopkeeper .Span18 .Span03Box .con .div ul li {
	float: left;
	width: 300px;
	text-align: center;
	position: relative;
}

.shopkeeper .Span18 .Span03Box .con .div ul li h3 {
	font-size: 24px;
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.shopkeeper .Span18 .Span03Box .con .div ul li p {
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	padding: 0 30px;
	color: #555;
}

.shopkeeper .animation {
	background-color: #fff;
	padding-top: 80px;
}

.shopkeeper .animation .Span03Box {
	position: relative;
}

.shopkeeper .animation .Span03Box .btn {
	position: absolute;
	top: 368px;
	width: 82px;
	height: 133px;
	z-index: 10;
	cursor: pointer;
}

.shopkeeper .animation .Span03Box .btn img {
	width: 60px;
}

.shopkeeper .animation .Span03Box .btn.btn-left {
	left: 0;
}

.shopkeeper .animation .Span03Box .btn.btn-right {
	right: 0;
}

.shopkeeper .animation ul {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
	margin-top: 60px;
}

.shopkeeper .animation ul li {
	position: absolute;
	height: 570px;
}

.shopkeeper .animation ul li img {
	width: 100%;
	height: 100%;
}

.shopkeeper .animation .Span03Box .desp {
	width: 420px;
	overflow: hidden;
	margin: 0 auto;
}

.shopkeeper .animation .Span03Box .desp dl dt {
	font-size: 36px;
	color: #333;
}

.shopkeeper .animation .Span03Box .desp dl dd {
	font-size: 18px;
	color: #888;
	line-height: 30px;
}

.shopkeeper .Span10 .Span10-ul.ipad-four {
	width: 965px;
	margin: 30px auto 0;
}

.shopkeeper .p-t-20 {
	padding-top: 20px;
}

.new-add .pic_infos {
	width: 972px;
}

.new-add .pic_infos .f_l {
	width: 243px;
}

.shopkeeper .Span10 .Span03Box .buy-three-app {
	width: 500px;
}

.shopkeeper .Span10 .Span03Box .buy-three-app del {
	margin-left: 20px;
	font-size: 18px;
}

.shopkeeper .Span10 .Span03Box .Span10-ul.ipad-one {
	width: 241px;
	margin: 60px auto 40px;
}

.shopkeeper .Span10 .Span03Box .Span10-ul.ipad-three {
	margin: 40px auto;
}

.shopkeeper .Span10 .Span03Box .Span-box-h2 {
	font-size: 36px;
}

.shopkeeper .Span10 .Span03Box .buy-three-app {
	margin-top: 0;
}

.home-page .clcyimage {
	width: 100%;
	height: 460px;
	overflow: hidden;
	position: relative;
}

.home-page .center {
	width: 1210px;
	margin: 0 auto;
	position: relative;
	height: 425px;
}

.home-page .center .location {
	position: absolute;
	left: -355px;
	height: 425px;
}

.home-page .ban {
	position: relative;
	height: 425px;
	overflow: hidden;
	width: 1920px;
}

.home-page .ban ul.ban-img {
	height: 425px;
	overflow: hidden;
	position: relative;
}

.home-page .clcyimage ul.btn-round {
	overflow: hidden;
	width: 108px;
	height: 12px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -54px;
}

.home-page .clcyimage ul.btn-round li {
	float: left;
	width: 12px;
	height: 100%;
	margin-right: 12px;
	border-radius: 50%;
	background-color: #c1c1c1;
	cursor: pointer;
}

.home-page .clcyimage ul.btn-round li.last {
	margin-right: 0;
}

.home-page .clcyimage ul.btn-round li.active {
	background-color: #0f92ce;
}

.home-page .ban ul.ban-img li {
	width: 1920px;
	float: left;
}

.home-page .ban .ban-btn {
	width: 1210px;
	height: 120px;
	position: relative;
	display: none;
}

.home-page .ban div {
	width: 50px;
	height: 100%;
	cursor: pointer;
	height: 120px;
	position: absolute;
	top: 150px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.home-page .ban div.l {
	left: 50%;
	margin-left: -600px;
	display: none;
}

.home-page .ban div.r {
	right: 50%;
	margin-right: -600px;
	display: none;
}

.home-page .content .box {
	width: 1210px;
	margin: 0 auto;
}

.home-page .content .box .con-box-h1 {
	font-size: 36px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
}

.home-page .content .box .con-box-p {
	font-size: 16px;
	color: #888;
	text-align: center;
}

.home-page .content .p-t-80 {
	padding-top: 60px;
}

.home-page .content .box ul.tab {
	width: 670px;
	overflow: hidden;
	margin: 40px auto 20px;
}

.home-page .content .box ul.tab li {
	width: 160px;
	height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #fff;
	float: left;
	background-color: #bbbbbb;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	position: relative;
}

.home-page .content .box ul.tab li img {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -7px;
}

.home-page .content .box ul.tab li.last {
	margin-right: 0;
}

.home-page .content .box ul.tab li.active {
	background-color: #42b8f1;
}

.home-page .content .box .tab-content {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.home-page .content .box .tab-content ul {
	width: 100%;
	overflow: hidden;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	z-index: 1;
}

.home-page .content .box .tab-content ul.show {
	opacity: 1;
	filter: alpha(opacity=100);
	position: relative;
	left: 0;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	z-index: 2;
}

.home-page .content .box .tab-content ul.two li.first {
	margin-left: 0px;
}

.home-page .content .box .tab-content ul.one li {
	margin-left: 420px;
}

.home-page .content .box .tab-content ul li {
	width: 370px;
	height: 400px;
	margin-right: 50px;
	float: left;
	position: relative;
}

.home-page .content .box .tab-content ul li.last {
	margin-right: 0;
}

.home-page .content .box .tab-content ul li .img {
	width: 100%;
}

.home-page .content .box .tab-content ul li .img img {
	width: 100%;
}

.home-page .content .box .tab-content ul li p.title {
	font-size: 18px;
	line-height: 30px;
	text-align: center
}

.home-page .content .box .tab-content ul li p.text {
	font-size: 14px;
	margin-top: 5px;
	line-height: 30px;
	color: #888
}

.home-page .content .box .tab-content ul li a {
	display: block;
	width: 100%;
	color: #333;
}

.home-page .content .box .tab-content ul li a .pos {
	overflow: hidden;
	position: absolute;
	z-index: 10;
	bottom: 0;
	width: 340px;
	padding: 10px 15px;
	background-color: #fff;
}

.home-page .content .box .tab-content ul li a .pos p.bottom-p {
	height: 0;
	overflow: hidden;
	color: #71cd9c;
	font-size: 16px;
	line-height: 30px;
	text-align: center
}

.home-page .content .box .tab-content ul li.active {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.tab-content .btn {
	width: 150px;
	padding: 10px 20px;
	border-radius: 60px;
	display: block;
	background-color: #42b8f1;
	color: #fff;
	position: relative;
	margin-top: 443px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	margin-left: 510px;
}

.tab-content .btn:hover {
	background-color: #0099ff
}

.home-page .content .box ul.silde-ul {
	border: 1px solid #ddd;
	height: 300px;
	margin: 40px 0;
	overflow: hidden;
	position: relative;
}

.home-page .content .box ul.silde-ul li.silde-ul-li {
	width: 490px;
	border-left: 1px solid #ddd;
	position: absolute;
	float: left;
	overflow: hidden;
	cursor: pointer;
	height: 100%;
	background-color: #fff;
}

.home-page .content .box ul.silde-ul li.silde-ul-li.first {
	width: 490px;
	border-left: none;
}

.home-page .content .box ul.silde-ul li.silde-ul-li .l {
	float: left;
	width: 240px;
	text-align: center;
}

.home-page .content .box ul.silde-ul li.silde-ul-li .r {
	float: right;
	width: 200px;
	padding-top: 50px;
	font-size: 14px;
	padding-right: 50px;
	line-height: 23px;
}

.home-page .content .box ul.silde-ul li.silde-ul-li .l .up {
	height: 150px;
	padding-top: 50px
}

.home-page .content .box ul.silde-ul li.silde-ul-li .l .down {
	height: 100px;
}

.home-page .content .box ul.silde-ul li.silde-ul-li .l .down p.title {
	font-size: 18px;
}

.home-page .content .box ul.silde-ul li.silde-ul-li .l .down p.text {
	font-size: 14px;
}

.home-page .content .box ul.silde-ul li.silde-ul-li .r ul {
	border: none;
	overflow: hidden;
	margin: 20px 0;
	padding-left: 5px;
}

.home-page .content .box ul.silde-ul li.silde-ul-li .r ul li {
	border: none;
	width: 80px;
	float: left;
}

.home-page .content .box ul.silde-ul li.silde-ul-li .r a {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #42b8f1;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
}

.home-page .content .slide-bg {
	background: url(../images/bg.jpg) no-repeat;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

.home-page .content .bg-box {
	height: 600px;
	width: 100%;
}

.home-page .content .moban_six {
	height: 460px;
	position: relative;
	padding-top: 140px;
	margin-top: 80px;
}

.home-page .content .free_down {
	background: url(../images/tm.png) repeat;
	width: 800px;
	height: 220px;
	margin: 0 auto;
	z-index: 10;
	padding: 50px 80px;
	position: relative;
}

.home-page .content .moban_six_wrap {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.home-page .content .moban_six_wrap img {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: -582px;
}

.home-page .content .free_down .text-con {
	background: url(../images/top-line.png) no-repeat center top;
	position: relative;
	padding-top: 40px;
}

.home-page .content .free_down .text-con p {
	color: #fff;
}

.moban_six .free_down .text-con p.title {
	font-size: 36px;
	text-align: center;
	width: 300px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -150px;
	z-index: 2;
}

.home-page .content .box.box3 ul {
	width: 100%;
	height: 220px;
	overflow: hidden;
	margin: 40px 0;
}

.home-page .content .box.box3 ul li {
	float: left;
	width: 220px;
	height: 218px;
	margin-right: 25px;
	border-radius: 50%;
	border: 1px solid #ddd;
	cursor: pointer;
}

.home-page .content .box.box3 ul li.last {
	margin-right: 0;
}

.home-page .content .box.box3 ul li .now-box {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	text-align: center;
}

.home-page .content .box.box3 ul li .now-box p.up {
	font-size: 16px;
	margin-top: 10px;
}

.home-page .content .box.box3 ul li .now-box p.down {
	font-size: 14px;
	color: #888;
}

.home-page .content .box.box3 ul li .now-box img {
	margin-top: 43px;
	width: 80px;
}

.home-page .content .box.box3 ul li .next-box {
	width: 220px;
	height: 218px;
	border-radius: 50%;
	background-color: #000;
	display: none;
}

.home-page .content .box.box3 ul li .next-box img {
	margin-left: 35px;
	margin-top: 35px;
	width: 150px;
}

.home-page .content .box.box3 p.bottom-text {
	font-size: 36px;
	color: #cccfd5;
	text-align: center;
}

.home-page .content .products {
	padding: 80px 0 40px 0;
	text-align: center;
}


/*.home-page .content .products img {
        margin-top: 20px;
    }*/

.home-page .content .products dd.up {
	font-size: 20px;
	color: #fff;
}

.home-page .content .products dd.down {
	font-size: 18px;
	color: #cccccc;
}

a.buy-now-a {
	width: 125px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #18A1DD;
	color: white;
	position: absolute;
	right: -150px;
	top: 16px;
}

.home-page .content .box.plugins ul {
	width: 100%;
	overflow: hidden;
	padding-top: 60px;
}

.home-page .content .box.plugins ul li {
	float: left;
	width: 368px;
	height: 82px;
	margin-right: 50px;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
}

.home-page .content .box.plugins ul li.row-last {
	margin-right: 0;
}

.home-page .content .box.plugins ul li.last-row-li {
	margin-bottom: 0;
}

.home-page .content .box.plugins ul li.active {
	border-color: #42b8f1;
}

.home-page .content .box.plugins ul li a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background-color: rgba(88, 199, 249, 0.8);
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.home-page .content .box.plugins ul li .fl {
	float: left;
	width: 140px;
	text-align: center;
}

.home-page .content .box.plugins ul li .fr {
	float: right;
	padding-right: 21px;
	width: 207px;
}

.home-page .content .box.plugins ul li .fr p.up {
	color: #333;
	font-size: 18px;
}

.home-page .content .box.plugins ul li .fr p.down {
	color: #888;
	font-size: 14px;
	line-height: 23px;
	padding-top: 5px;
}

.home-page .content .box.plugins ul li .sale {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
}


/**
	 * ecjia-net
	 */

.ecjia-net .content .section {
	width: 100%;
}

.ecjia-net .content .section .title {
	text-align: center;
	padding-top: 60px;
}

.ecjia-net .content .section .title p.up {
	font-size: 48px;
	line-height: 70px;
}

.ecjia-net .content .section .title p.down {
	font-size: 18px;
	line-height: 35px;
}

.ecjia-net .content .section .section-wrapper {
	width: 1210px;
	margin: 0 auto;
	position: relative;
}

.ecjia-net .content .section .section-wrapper .fl {
	float: left;
}

.ecjia-net .content .section .section-wrapper .fr {
	float: right;
}

.ecjia-net .content .section-1 {
	background: url(../images/banner.jpg) no-repeat center top;
	padding-top: 80px;
	position: relative;
}

.ecjia-net .content .section-1 .banner-title {
	position: absolute;
	top: 120px;
	left: 50%;
	width: 554px;
	height: 217px;
	margin-left: 0px;
	background: url(../images/banner-title.png) no-repeat 0 0;
}

.ecjia-net .content .section-1 .section-wrapper {
	overflow: hidden;
}

.ecjia-net .content .section-1 .fr {
	height: 782px;
	position: relative;
}

.ecjia-net .content .section-1 .fr .btns {
	position: absolute;
	top: 408px;
	left: -440px;
	width: 460px
}

.ecjia-net .content .section-1 .fr .btns a {
	margin-right: 20px
}

.ecjia-net .content .section-1 ul {
	padding-top: 120px;
	position: relative;
	top: 480px;
	left: -300px;
}

.ecjia-net .content .section-1 ul li {
	height: 24px;
	background: url(../images/g.png) no-repeat left top;
	line-height: 24px;
	padding-left: 40px;
	font-size: 18px;
	margin-bottom: 10px;
}

.ecjia-net .content .section-1 ul li.last {
	background: none;
}

.ecjia-net .content .section-2 {
	background: url(../images/sec2-bg.jpg) no-repeat center top;
	height: 1280px;
	margin-top: -144px;
}

.ecjia-net .content .section-2 .box1 {
	width: 806px;
	height: 448px;
	background: url(../images/sec2-1.png) no-repeat center;
	position: absolute;
	left: 100px;
	top: 210px;
}

.ecjia-net .content .section-2 .box1 p.up {
	font-size: 48px;
	color: #649ac7;
	padding-bottom: 5px;
	width: 100px;
	border-bottom: 1px solid #649ac7;
}

.ecjia-net .content .section-2 .box1 p.down {
	font-size: 18px;
	padding-top: 10px;
}

.ecjia-net .content .section-2 .box2 {
	width: 1090px;
	height: 710px;
	background: url(../images/sec2-2.png) no-repeat right;
	position: absolute;
	top: 900px;
	right: 0;
}

.ecjia-net .content .section-2 .box2 p.up {
	font-size: 48px;
	color: #fff;
	padding: 150px 0 15px;
}

.ecjia-net .content .section-2 .box2 p.down {
	font-size: 18px;
	color: #fff;
	line-height: 35px;
}

.ecjia-net .content .section-2 .box2 p.bottom {
	font-size: 36px;
	color: #fff;
	padding-top: 108px;
}

.ecjia-net .content .section-3 {
	background: url(../images/sec3-bg.jpg) no-repeat center top;
	height: 1143px;
	z-index: 3;
}

.ecjia-net .content .section-3 .box {
	width: 597px;
	height: 878px;
	background: url(../images/sec3-1.png) no-repeat center top;
	position: absolute;
	left: 80px;
	top: 260px;
	z-index: 2;
}

.ecjia-net .content .section-3 .box p.up {
	font-size: 48px;
	padding-bottom: 5px;
}

.ecjia-net .content .section-3 .box p.down {
	font-size: 18px;
	padding-top: 10px;
}

.ecjia-net .content .section-3 .box p.up1 {
	color: #fff;
	border-bottom: 1px solid #fff;
	display: inline-block;
}

.ecjia-net .content .section-3 .box p.down1 {
	color: #fff;
}

.ecjia-net .content .section-3 .box p.up2 {
	color: #333;
	border-bottom: 1px solid #ddd;
	padding-top: 650px;
	display: inline-block;
}

.ecjia-net .content .section-3 .box p.down2 {
	color: #888;
}

.ecjia-net .content .section-4 {
	background-color: #fff;
	height: 750px;
}

.ecjia-net .content .section-4 img {
	position: absolute;
	right: 100px;
	top: -70px;
	z-index: 0;
}

.ecjia-net .content .section-4 .box {
	width: 581px;
	height: 364px;
	background: url(../images/sec4-2.png) no-repeat center;
	position: absolute;
	left: 30px;
	top: 128px;
}

.ecjia-net .content .section-5 {
	background-color: #66a8dc;
	padding-bottom: 80px;
}

.ecjia-net .content .section-5 .title p {
	color: #fff;
}

.ecjia-net .content .section-5 .section-wrapper .box {
	background: url(../images/xt.png) repeat-y 60px 50px;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.ecjia-net .content .section-5 .section-wrapper .box .yuan {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/sec5-1.png) no-repeat center;
	line-height: 120px;
	font-size: 60px;
	color: #66a8dc;
}

.ecjia-net .content .section-5 .section-wrapper .box .img {
	position: relative;
}

.ecjia-net .content .section-5 .section-wrapper .box .img .r-box {
	position: absolute;
	right: 170px;
	top: 30px;
	text-align: left;
}

.ecjia-net .content .section-5 .section-wrapper .box .img .r-box p {
	color: #fff;
	font-size: 24px;
	line-height: 50px;
}

.ecjia-net .content .section-5 .section-wrapper .box .img .kuang {
	position: absolute;
	z-index: 3;
}

.ecjia-net .content .section-5 .section-wrapper .box p.top {
	padding-left: 150px;
	height: 120px;
	line-height: 120px;
	font-size: 36px;
	color: #fff;
	text-align: left;
}

.ecjia-net .content .section-5 .section-wrapper .box .img .kuang p {
	color: #fff;
}

.ecjia-net .content .section-5 .section-wrapper .box .img .kuang p.up {
	font-size: 24px;
	line-height: 50px;
}

.ecjia-net .content .section-5 .section-wrapper .box .img .kuang p.down {
	font-size: 18px;
}

.ecjia-net .content .section-5 .section-wrapper .box2 .img .kuang1 {
	text-align: left;
	top: 130px;
	right: 100px;
}

.ecjia-net .content .section-5 .section-wrapper .box2 .img .kuang2 {
	text-align: right;
	top: 230px;
	left: 90px;
}

.ecjia-net .content .section-5 .section-wrapper .box2 .img .kuang3 {
	text-align: left;
	top: 390px;
	right: 130px;
}

.ecjia-net .content .section-5 .section-wrapper .box2 .img .kuang4 {
	top: 690px;
	left: 130px;
}

.ecjia-net .content .section-5 .section-wrapper .box2 .img .kuang5 {
	top: 690px;
	right: 130px;
}

.ecjia-net .content .section-5 .section-wrapper .box3 .img .kuang1 {
	top: 83px;
	right: 390px;
}

.ecjia-net .content .section-5 .section-wrapper .box3 .img .kuang2 {
	top: 173px;
	right: 160px;
}

.ecjia-net .content .section-6 {
	background-color: #fff;
}

.ecjia-net .content .section-6 .title {
	padding-bottom: 60px;
}

.ecjia-net .content .section-7 {
	background-color: #2c2631;
	padding-top: 60px;
}

.ecjia-net .content .section-7 .section-wrapper {
	height: 550px;
	position: relative;
}

.ecjia-net .content .section-7 .title {
	text-align: right;
}

.ecjia-net .content .section-7 .title p {
	color: #fff;
}

.ecjia-net .content .section-7 .title p.down {
	padding-bottom: 50px;
}

.ecjia-net .content .section-7 .section-wrapper img.img {
	position: absolute;
	right: 0;
	top: 25px;
}

.ecjia-net .content .section-8 .section-wrapper {
	overflow: hidden;
	padding-top: 300px;
}

.ecjia-net .content .section-8 .section-wrapper .box {
	width: 100%;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding-top: 50px;
}

.ecjia-net .content .section-8 .section-wrapper .box p.up {
	font-size: 36px;
	line-height: 60px;
	color: #333;
}

.ecjia-net .content .section-8 .section-wrapper .box p.down {
	font-size: 18px;
	line-height: 30px;
	color: #888;
	margin-bottom: 20px;
}

.ecjia-net .content .section-8 .section-wrapper .box4 {
	height: 440px;
	background: url(../images/sec8-4.jpg) no-repeat right bottom;
}

.ecjia-net .content .section-9 {
	background-color: #464646;
}

.ecjia-net .content .section-9 .title p {
	color: #fff;
}

.ecjia-net .content .section-9 ul {
	width: 1140px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 50px;
}

.ecjia-net .content .section-9 ul li {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 30px;
}

.ecjia-net .content .section-9 ul li.last {
	margin-right: 0;
}

.ecjia-net .content .android_eleven {
	background-color: #464646;
}

.ecjia-net .content .section-10 {
	padding: 80px 0;
}

.ecjia-net .content .section-10 .row {
	overflow: hidden;
	width: 500px;
	margin: 0 auto;
}

.ecjia-net .content .section-10 .fr p.up {
	color: #fc8080;
	font-size: 24px;
	padding-top: 30px;
}

.ecjia-net .content .section-10 .fr p.up span {
	font-size: 50px
}

.ecjia-net .content .section-10 .fr p.down {
	font-size: 24px;
}


/**
	 * ecjia-lite
	 */

.ecjia-net .content .section-7.ecjia-lite {
	background: url("../images/6-bj.jpg") repeat-x
}

.ecjia-net .content .section-9 .ecjia-lite li {
	height: 135px;
	text-align: center;
}

.ecjia-net .content .section-9 .ecjia-lite li span {
	color: #fff;
	font-size: 16px;
	margin-top: 10px;
	display: inline-block;
}

.ecjia_lite_feature_list {
	margin: 0 auto;
	width: 1210px;
	clear: both;
}

.ecjia_lite_feature_list .title-color {
	color: #5fc4f4
}

.ecjia_lite_feature_list .up {
	font-size: 48px;
	line-height: 70px;
	color: #333;
	text-align: center;
	margin: 40px 0;
}

.ecjia_lite_feature_list table {
	border: 1px solid #ddd;
	background-color: #fff;
	border-collapse: collapse;
	font-size: 18px;
	margin-top: 20px;
	text-align: left;
	width: 1210px;
}

.ecjia_lite_feature_list th,
.ecjia_lite_feature_list td {
	padding: 20px 30px;
	text-align: center;
	border: 1px solid #ddd;
}

.ecjia_lite_feature_list th {
	font-size: 24px;
	font-weight: normal;
}

.ecjia_lite_feature_list td {}

.ecjia_lite_feature_list .table-title {
	font-size: 24px
}

.ecjia_lite_feature_list .bgc-blue {
	background-color: #f1fbff
}

.ecjia_lite_feature_list .fc-red {
	color: #fc8080
}

.ecjia_lite_feature_list .y-support {
	background: rgba(0, 0, 0, 0) url("../images/gou.png") no-repeat scroll 35px center;
	padding-left: 68px;
}

.ecjia_lite_feature_list .n-support {
	background: rgba(0, 0, 0, 0) url("../images/cha.png") no-repeat scroll 35px center;
	padding-left: 68px;
}

.ecjia_lite_feature_list .btn-blue {
	background-color: #42b8f1;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 18px
}

.ecjia_lite_feature_list .bottom-btn {
	text-align: center;
	margin: 40px 0;
}

.ecjia_lite_feature_list .btn-green {
	background-color: #94cb35;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 24px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	padding: 0 60px
}


/**
	 * iphone
	 */

.iphone .add-section {
	width: 100%;
}

.iphone .add-section-1 {
	background-color: #fffee5;
	padding: 100px 0 80px;
}

.iphone .add-section .add-section-wrapper {
	width: 1210px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.iphone .add-section-1 ul {
	width: 1070px;
	overflow: hidden;
	margin: 0 auto;
}

.iphone .add-section-1 ul li {
	float: left;
	width: 330px;
	margin-right: 40px;
	height: 775px;
}

.iphone .add-section-1 ul li.one {
	background: url(../images/2.7-1.png) no-repeat center;
}

.iphone .add-section-1 ul li.two {
	background: url(../images/2.7-2.png) no-repeat center;
}

.iphone .add-section-1 ul li.last {
	background: url(../images/2.7-3.png) no-repeat center;
	margin-right: 0;
}

.iphone .add-section-1 ul li p {
	text-align: right;
	color: #c47463;
	font-size: 18px;
	padding-top: 8px;
	padding-right: 145px;
}

.iphone .add-section-1 p.b-p {
	font-size: 24px;
	padding: 50px 0 100px;
}

.iphone .add-section-1 p.b-p span {
	color: #fc8080;
}

.iphone .add-section-1 a.btn-a {
	display: block;
	width: 200px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 10px;
	font-size: 24px;
	color: #fff;
	background-color: #66ccff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -100px;
}

.iphone .add-section-2 {
	background-color: #fff;
	padding: 80px 0;
}

.iphone .add-section-2 .box {
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.iphone .add-section-2 .box ul li {
	float: left;
	height: 550px;
	margin-right: 45px;
	position: relative;
}

.iphone .add-section-2 .box ul li.last {
	margin-right: 0;
}

.iphone .add-section-2 .box ul li p {
	font-size: 18px;
	text-align: center;
	line-height: 60px;
}

.iphone .add-section-2 .box ul li .yuan {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #65cbfd;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 36px;
	position: absolute;
	top: 0;
	left: 0;
}

.iphone .add-section-2 .box1 ul {
	width: 1137px;
	overflow: hidden;
	padding-left: 10px;
}

.iphone .add-section-2 .box2 ul {
	width: 1080px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 60px;
}

.iphone .add-section-2 .box2 ul li,
.iphone .add-section-2 .box1 ul li.two,
.iphone .add-section-2 .box1 ul li.last {
	width: 330px;
}

.iphone .add-section-2 .box1 ul li.one .yuan {
	left: 70px;
}

.iphone .add-section-2 .box1 ul li.one p {
	text-align: left;
	padding-left: 150px;
}

.iphone .add-section-2 .box1 ul li.two p {
	text-align: left;
	padding-left: 70px;
}

.iphone .add-section-2 .box1 ul li.one {
	background: url(../images/2.7-4.png) no-repeat center bottom;
	width: 387px;
}

.iphone .add-section-2 .box1 ul li.two {
	background: url(../images/2.7-5.png) no-repeat center bottom;
}

.iphone .add-section-2 .box1 ul li.last {
	background: url(../images/2.7-6.png) no-repeat center bottom;
}

.iphone .add-section-2 .box2 ul li.one {
	background: url(../images/2.7-7.png) no-repeat center bottom;
}

.iphone .add-section-2 .box2 ul li.two {
	background: url(../images/2.7-8.png) no-repeat center bottom;
}

.iphone .add-section-2 .box2 ul li.last {
	background: url(../images/2.7-9.png) no-repeat center bottom;
}


/**
	 * 常见问题(common)
	 */

.common .banner {
	width: 100%;
	height: 421px;
	background: url(../images/banner.jpg) no-repeat center;
}

.common .section {
	width: 100%;
	padding: 50px 0 100px;
}

.common .section-wrapper {
	width: 1210px;
	margin: 0 auto;
	position: relative;
}

.common .fix-tab {
	width: 100%;
	height: 80px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -605px;
	z-index: 2;
}

.common .fix-tab li {
	float: left;
	width: 301px;
	height: 77px;
	border: 1px solid #ddd;
	border-top: 2px solid #ddd;
	border-left: none;
	text-align: center;
	font-size: 24px;
	line-height: 77px;
	background-color: #fbfaf8;
	cursor: pointer;
}

.common .fix-tab li:nth-of-type(1) {
	border-left: 1px solid #ddd;
	width: 302px;
}

.common .fix-tab li.curr {
	border-top-color: #42b8f1;
	background-color: #fff;
}

.common .tab-con {
	border: 1px solid #ddd;
	border-top: none;
	padding-top: 80px;
}

.common .q-a {
	margin: 0 50px;
	position: relative;
}

.common .q-a .span {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	font-family: "Arial";
	position: absolute;
	left: 0;
	top: 0;
}

.common .question {
	height: 30px;
	margin-top: 50px;
}

.common .question .span {
	background-color: #42b8f1;
}

.common .question p {
	font-size: 24px;
	padding-left: 60px;
}

.common .answer {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.common .answer .span {
	background-color: #9ecc17;
}

.common .answer ul {
	margin-left: 80px;
}

.common .answer ul li {
	list-style: circle;
	line-height: 30px;
	font-size: 18px;
	padding-left: 20px;
}


/******mobile兼容样式******/

@media (max-width: 800px) {
	.s3 .years span,
	.months span,
	.days span {
		right: 5px;
		bottom: 5px;
	}
}

@media (max-width: 1000px) {
	.product_wrap_mobile .f_l {
		width: 100%;
		height: auto;
	}
	.pro_next {
		padding: 0px;
		height: auto;
	}
	/*.kinds{padding-top:50px;}*/
	.kinds {
		height: 300px;
		width: auto;
		margin: 0px;
	}
	.kinds dl dt {
		float: left;
		height: 300px;
		width: 150px;
		background: url(../images/p-iphone.png) no-repeat center center;
	}
	.pro_next2 .kinds dl dt {
		background: url(../images/p-android.png) no-repeat center center;
	}
	.pro_next3 .kinds dl dt {
		background: url(../images/p-ipad.png) no-repeat center center;
	}
	.pro_next4 .kinds dl dt {
		background: url(../images/p-pc.png) no-repeat center center;
	}
	.kinds dl dt img {
		display: none;
	}
	.kinds dl dd {
		line-height: 24px;
		font-size: 18px;
		padding: 20px 50px 0px 150px;
	}
	.kinds dl dd.tit {
		text-align: left;
		line-height: 36px;
		height: 36px;
		font-size: 28px;
		margin: 0px;
		padding-top: 95px;
	}
	.copyright-product {
		display: block;
	}
}


/* 发光按钮动画 */

@keyframes pulsejg {
	0% {
		opacity: 0;
		transform: scale(1.1);
	}
	40% {
		opacity: 0.2;
		transform: scale(1.2);
	}
	50% {
		opacity: 0.3;
		transform: scale(1.3);
	}
	60% {
		opacity: 0.5;
		transform: scale(1.4);
	}
	80% {
		opacity: 0.2;
		transform: scale(1.7);
	}
	100% {
		opacity: 0;
		transform: scale(1.8);
	}
}

@-webkit-keyframes pulsejg {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
	}
	40% {
		opacity: 0.2;
		-webkit-transform: scale(1.2);
	}
	50% {
		opacity: 0.3;
		-webkit-transform: scale(1.3);
	}
	60% {
		opacity: 0.5;
		-webkit-transform: scale(1.4);
	}
	80% {
		opacity: 0.2;
		-webkit-transform: scale(1.7);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.8);
	}
}


/******h5动画******/

@-webkit-keyframes zhuan {
	100% {
		-webkit-transform: rotate(360deg);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-moz-keyframes zhuan {
	100% {
		-moz-transform: rotate(360deg);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-o-keyframes zhuan {
	100% {
		-o-transform: rotate(360deg);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-webkit-keyframes swinging {
	0% {
		-webkit-transform: rotate(1deg);
	}
	5% {
		-webkit-transform: rotate(10deg);
	}
	10% {
		-webkit-transform: rotate(-9deg);
	}
	15% {
		-webkit-transform: rotate(8deg);
	}
	20% {
		-webkit-transform: rotate(-7deg);
	}
	25% {
		-webkit-transform: rotate(6deg);
	}
	30% {
		-webkit-transform: rotate(-5deg);
	}
	35% {
		-webkit-transform: rotate(4deg);
	}
	40% {
		-webkit-transform: rotate(-3deg);
	}
	45% {
		-webkit-transform: rotate(2deg);
	}
	50% {
		-webkit-transform: rotate(1deg);
	}
	/* Come to rest at 50%. The rest is just stillness */
	100% {
		-webkit-transform: rotate(1deg);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-moz-keyframes swinging {
	0% {
		-moz-transform: rotate(1deg);
	}
	5% {
		-moz-transform: rotate(10deg);
	}
	10% {
		-moz-transform: rotate(-9deg);
	}
	15% {
		-moz-transform: rotate(8deg);
	}
	20% {
		-moz-transform: rotate(-7deg);
	}
	25% {
		-moz-transform: rotate(6deg);
	}
	30% {
		-moz-transform: rotate(-5deg);
	}
	35% {
		-moz-transform: rotate(4deg);
	}
	40% {
		-moz-transform: rotate(-3deg);
	}
	45% {
		-moz-transform: rotate(2deg);
	}
	50% {
		-moz-transform: rotate(1deg);
	}
	/* Come to rest at 50%. The rest is just stillness */
	100% {
		-moz-transform: rotate(1deg);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-o-keyframes swinging {
	0% {
		-o-transform: rotate(1deg);
	}
	5% {
		-o-transform: rotate(10deg);
	}
	10% {
		-o-transform: rotate(-9deg);
	}
	15% {
		-o-transform: rotate(8deg);
	}
	20% {
		-o-transform: rotate(-7deg);
	}
	25% {
		-o-transform: rotate(6deg);
	}
	30% {
		-o-transform: rotate(-5deg);
	}
	35% {
		-o-transform: rotate(4deg);
	}
	40% {
		-o-transform: rotate(-3deg);
	}
	45% {
		-o-transform: rotate(2deg);
	}
	50% {
		-o-transform: rotate(1deg);
	}
	/* Come to rest at 50%. The rest is just stillness */
	100% {
		-o-transform: rotate(1deg);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-webkit-keyframes scales {
	0% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.5);
	}
	60% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-moz-keyframes scales {
	0% {
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(1.5);
	}
	60% {
		-moz-transform: scale(1);
	}
	100% {
		-moz-transform: scale(1);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-o-keyframes scales {
	0% {
		-o-transform: scale(1);
	}
	50% {
		-o-transform: scale(1.5);
	}
	60% {
		-o-transform: scale(1);
	}
	100% {
		-o-transform: scale(1);
	}
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
}

@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

@-moz-keyframes z {
	from {
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

@-o-keyframes z {
	from {
		-o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

@-webkit-keyframes y {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}


/*20160831 begin*/

.wy_box01 {
	overflow: hidden;
	zoom: 1;
	width: 1200px;
	margin: 60px auto 50px;
	overflow: hidden;
}



.wy_box01 img {
	width: 155px;
	height: 60px;
	display: block; float: left;margin-right: 16px;margin-bottom: 30px;
}
.wy_box01 img:nth-child(7n){ margin-right: 0px;}

/* 20180511 首页css转移 */

.layui-layer-hui {
	display: none;
}

.banner1 {
	background: url(../images/pop1.jpg) no-repeat center top;
	height: 425px;
	width: 100%;
	display: block;
}

.banner2 {
	background: url(../images/pop2.jpg) no-repeat center top;
	height: 425px;
	width: 100%;
	display: block;
}

.banner3 {
	background: url(../images/pop3.jpg) no-repeat center top;
	height: 425px;
	width: 100%;
	display: block;
}

.cwrap>a {
	display: none;
}


/*20190615添加首页新闻资讯*/

.index_new {
	padding: 80px 0;
	overflow: hidden
}

.index_new h2 {
	font-size: 36px;
	line-height: 75px;
	color: #333;
	text-align: center
}

.index_newbox {
	width: 1200px;
	margin: auto
}

.index_newbox .item {
	width: 266px;
	height: 320px;
	padding: 10px;
	position: relative;
	border: 1px solid #ededed;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	float: left;
	margin: 50px 16px 24px 0
}

.index_newbox .item .img img {
	width: 266px;
	height: 152px
}

.index_newbox .item .tit {
	word-break: break-all;
	font-size: 16px;
	color: #333333;
	line-height: 20px;
	margin-top: 13px;
	margin-bottom: 8px;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.index_newbox .item .tit-msg {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	max-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.index_newbox .item .data {
	position: absolute;
	font-size: 14px;
	color: #999;
	bottom: 6px;
}

.index_newbox .item:nth-child(4n) {
	margin-right: 0px
}

.index_newbox .item:hover {
	-moz-box-shadow: 0 0 12px 0px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 12px 0px rgba(0, 0, 0, .1);
	box-shadow: 0 0 12px 0px rgba(0, 0, 0, .1);
}

.products_img {
	display: block;
	margin: auto
}


/*切换*/

.box {
	width: 1180px;
	margin: 0px auto 0px;
	position: relative;
	overflow: hidden;
	_height: 100%;
}

.picbox {
	width: 1065px;
	height: 361px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.piclist {
	height: 361px;
	position: absolute;
	left: 0px;
	top: 0px
}

.piclist li {
	float: left;
	width: 187px;
	margin: 0 12px;
}

.box .piclist li a {
	color: #555;
	margin-top: 0px
}

.piclist li a p {
	text-align: center;
	line-height: 57px;
}

.swaplist {
	position: absolute;
	left: -3000px;
	top: 0px
}

.og_prev,
.og_next {
	width: 75px;
	height: 186px;
	background: url(../images/prvnext.png) no-repeat;
	/*background:url(../images/icon_ie6.png) no-repeat\9;*/
	position: absolute;
	top: 33px;
	z-index: 99;
	cursor: pointer;
}

.og_prev {
	background-position: 0 0px;
	left: -25px;
}

.og_next {
	background-position: 0 -190px;
	right: -25px;
}

.lanmubg {
	padding-bottom: 80px;
	background: #fafafa;
}

.index_new .btn {
	width: 150px;
	padding: 10px 20px;
	border-radius: 60px;
	display: block;
	background-color: #42b8f1;
	color: #fff;
	position: relative;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	display: block;
	margin: 50px auto 0
}

.index_new .btn:hover {
	background: #0099ff
}

.kehu2 .box .con-box-h1 {
	font-size: 36px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
}

.kehu2 .box .con-box-p {
	font-size: 16px;
	color: #888;
	text-align: center;
}

.kehu2 .box.box3 p.bottom-text {
	font-size: 36px;
	color: #cccfd5;
	text-align: center;
}

.casew {
	width: 1200px;
	margin: auto;
	padding-top: 100px;
	cursor: pointer;
}

.casewc {
	margin: 60px auto 0;
	overflow: hidden;
}

.casewc dl {
	float: left;
	margin-right: 20px;
	border-bottom: 1px solid #fff;
	position: relative;
	overflow: hidden;
}

.casewc a:nth-child(4n) dl {
	margin-right: 0px;
}

.casewc a dl dt img {
	width: 285px;
	height: 285px;
	display: block;
}

.cont2box dl dt {
	display: block;
	height: 285px;
	width: 285px;
}

.casewc dl .cont2boxtext {
	background: #fff;
	width: 285px;
	overflow: hidden;
	font-size: 14px;
	color: #000;
	display: block;
	overflow: hidden;
	width: 285px;
	height: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 50px;
	overflow: hidden
}

.cont2boxlastw {
	display: none;
	background: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 285px;
	height: 285px;
	z-index: 999;
}

.cont2boxlastw img {
	display: block;
	width: 140px;
	margin: 60px auto 0;
	height: 140px;
	background: #fff;
	padding: 5px;
}

.casewc dl:hover .cont2boxlastw {
	display: block;
}

.f_w {
	
	overflow: hidden;
	padding-bottom: 80px;
}

.f_wtitle h1 {
	font-size: 36px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
}

.f_wtitle p {
	font-size: 16px;
	color: #888;
	text-align: center;
}

.cwrap {
	width: 924px;
	margin: 0px auto 0;
	overflow: hidden;
}

.cwrap dl {
	width: 132px;
	height: 132px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	border-radius: 15px;
	float: left;
	margin-top: 60px;
	margin-right: 132px;
}

.cwrap dl:nth-child(4n) {
	margin-right: 0px;
}

.cwrap dl dt {
	height: 0px;
}

.cwrap dl dt img {
	display: block;
	margin: auto;
}

.cwrap dl dd {
	width: 120;
}

.cwrap dl dd h1 {
	font-size: 22px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 132px;
}

.cwrap dl dd p {
	color: #666;
	font-size: 16px;
	margin-top: 15px;
	line-height: 24px;
}

.lastbtn {
	width: 400px;
	height: 80px;
	background: #3a78ed;
	color: #fff;
	font-size: 22px;
	margin: 80px auto;
	display: block;
	text-align: center;
	line-height: 80px;
	border-radius: 6rem;
}

.cwrap dl:hover {
	opacity: .8;
}

.cwrap dl:nth-child(1) {
	background: #67bbfb;
}

.cwrap dl:nth-child(2) {
	background: #f4ca40;
}

.cwrap dl:nth-child(3) {
	background: #89e463;
}

.cwrap dl:nth-child(4) {
	background: #0eae70;
}

.cwrap dl:nth-child(5) {
	background: #fe7d60;
}

.cwrap dl:nth-child(6) {
	background: #30d0b6;
}

.cwrap dl:nth-child(7) {
	background: #7574fc;
}

.cwrap dl:nth-child(8) {
	background: #d651de;
}



.lanmubg2 {
	background: #fafafa;
}

.fourimg {
	width: 110px;
	height: 110px;
	background: #09f;
	margin:25px auto 0;
	border-radius: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fourimg img {
	display: block;
	
	margin: 0px auto 0;
}
 
.title2n{ text-align: center;}

.title2n h2{    display: inline-block;
    font-size: 36px;
    line-height: 40px;
    color: #333;
    text-align: center;
    padding: 0 10px;
    padding-bottom: 20px;text-align: center;
    }
.title2n p{    font-size: 22px;
    color: #666666;
    line-height: 20px;
    margin: 15px 0 0px;text-align: center;
    }
.title2n{ padding-top: 60px;}
.title2n h2 span{color: #0099ff;
    font-size: 77px;
    margin-right: 10px; }
.section-wrapper .list .gclearfix li{ height: 300px; border: 1px solid #f1f1f1; }
.section-wrapper .list .gclearfix li:hover{    
-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.1);}


 .boxF, .boxS, .boxT, 
        {
            
            overflow: hidden;
        }
       
 .boxF
{
    transform: rotate(120deg);
    float: left;
    margin-left: 10px;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}
.boxS
{
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.boxT
{
    transform: rotate(-60deg);
    background: no-repeat 50% center;
    background-size: 125% auto;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;
}