/******WEB端样式******/
@import url("typo.css");
*{ margin:0px; padding:0px;font-family:"微软雅黑"; text-decoration:none; list-style:none}
a{text-decoration:none;}
body{min-width: 1200px;}
.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 .txt1 p{ font-size:16px; margin-top:10px}
.plus1 .txt3 p{ font-size:16px;margin-top:10px}
.plus1 .txt3 {
	right: 25px;
	text-align: right
}

.plus1 h3 {
	font-size: 26px;
	
	letter-spacing: 2px
}

.plus .plus1 .txt2 {
	position: absolute;
	left: 0;
	top: -23px;
	width: 100%;
	line-height: 221px;
	font-size: 21px;
	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/xcu33.jpeg) 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: 526px;
	top: 126px;
	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:310px;
	float: left;
	text-align: center;
	margin-right:135px;
	margin-top: 40px
}

.plus5 li:nth-child(3n){ margin-right:0px}

.plus5 h3 {
	padding: 10px 0;
	font-size:20px;
	font-weight:none
}

.plus5 p {
	color: #7c7c7c;
	font-size:14px
}

.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
}

.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
}



    .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;
    }
    .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%);
    }

    .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: 80px;
    }
    .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: 80px;
    }
    .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%;
        height: 550px;
        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: 480px;
        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: 24px;
        line-height: 30px;
    }
    .home-page .content .box .tab-content ul li p.text {
        font-size: 16px;
        margin-top: 5px;
        line-height: 30px;
    }
    .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;
    }
    .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;
    height: 30px;
    padding: 10px 20px;
    border-radius: 10px;
    display: block;
    background-color: #42b8f1;
    color: #fff;
    position: relative;
    margin-top: 500px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    margin-left: 510px;}
    .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: 100px;
    }
    .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;
    }
    .home-page .content .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 .free_down .text-con p.text {
        font-size: 18px;
        line-height: 35px;
    }
    .home-page .content .free_down .text-con .fa {
        overflow: hidden;
    }
    .home-page .content .free_down .text-con .fa .f_l {
        width: 130px;
    }
    .home-page .content .free_down .text-con .fa .f_r {
        width: 640px;
    }
    .home-page .content .free_down .text-con .fa .b-t {
        font-size: 32px;
        color: #6dbfef;
        padding-top: 40px;
    }
    .home-page .content .free_down .text-con .fa .f_l img {
        width: 100%;
    }
    .home-page .content .free_down .text-con .fa .f_l p {
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 25px;
        padding-top: 10px;
    }
    .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 .video {
        width: 100%;
        height: 330px;
        background: url(../images/video_bg.jpg) no-repeat center top;
        margin-top: 80px;
    }
    .home-page .content .video .box a {
        display: block;
        width: 100%;
        height: 280px;
        padding-top: 50px;
        color: #fff;
        text-align: center;
    }
    .home-page .content .video .box a .con-box-h1,
    .home-page .content .video .box a .con-box-p {
        color: #fff;
    }
    .home-page .content .video .box a img {
        margin-top: 30px;
    }
    .home-page .content .products {
        padding: 80px 0 40px 0;
        background-color: #333;
        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: 50px;
    }
    .home-page .content .box.plugins ul li {
        float: left;
        width: 368px;
        height: 160px;
        border: 1px solid #ddd;
        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;
        padding-top: 40px;
    }
    .home-page .content .box.plugins ul li .fr {
        float: right;
        padding-right: 30px;
        width: 198px;
    }
    .home-page .content .box.plugins ul li .fr p.up {
        color: #333;
        font-size: 24px;
        padding-top: 25px;
    }
    .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:1210px; margin:60px auto 20px;}
.wy_box01 a{ display:inline-block; float:left; margin-right:17px; width:155px; height:60px; margin-bottom:30px;}
.wy_box01 a img{ width:155px; height:60px;}
.wy_box01 a.wy_last{ margin-right:0;}


/* 20180511 首页css转移 */

.layui-layer-hui{ display: none;}

/*20190418添加*/
.y_banner{background: url(../images/gb_02.jpg) center top; height: 425px; width: 100%;}
.y_banner2{background: url(../images/xcx_02.jpg) center top no-repeat; height: 425px; width: 100%; overflow:hidden; background-size:cover }
.y_banner2w i{ display:block; background:#fff; border-radius:60px; width: 34px; height: 6px; margin-top:27px; margin-left:121px}
.y_banner2w{ width:1200px; margin:auto}
.y_banner2w h2{ font-size:42px; color:#fff; font-weight:bold; display:block;margin-top:129px; margin-left:121px}
.y_banner2w p{color:16px;margin-left:121px; margin-top:27px; color:#fff}
.bannerbtn{
    background: url(../images/bannerbtn.png) no-repeat;
    width: 137px;
    height: 38px;
    display: block;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    margin-left: 113px;
    margin-top: 60px;
}
.bannerbtn:hover {
	background:url(../images/bannerbtn2.png) no-repeat;
	width:137px; height:38px; display:block;
    cursor: pointer; display:block; color:#fff}