@charset "utf-8";

@font-face {
	font-family: Akzid;
	src: url(font/AkzidenzGrotesk-MediumCond.woff2) format("woff2"), url(font/AkzidenzGrotesk-MediumCond.woff) format("woff"), url(font/AkzidenzGrotesk-MediumCond.ttf) format("truetype"), url(font/AkzidenzGrotesk-MediumCond.eot) format("embedded-opentype"), url(font/AkzidenzGrotesk-MediumCond.svg) format("svg")
}

.swipe-onlyoubanner {
	position: relative
}

.swipe-onlyoubanner .swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform
}

.swipe-onlyoubanner .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 100%;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.swipe-onlyoubanner .swiper-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	min-width: 1200px;
	width: 100%;
	height: 630px
}

.swipe-onlyoubanner .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 100%;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.swipe-onlyoubanner .swiper-container .swiper-slide a {
	display: block;
	width: 100%;
	height: 630px;
	background: no-repeat 50% 0;
	background-size: cover
}

.swipe-onlyoubanner .swiper-container .swiper-slide a img {
	display: inline;
	float: left
}

.swipe-onlyoubanner .swiper-container .slidesjs-control {
	overflow: hidden;
	width: 100%;
	height: 630px
}

.swipe-onlyoubanner .swiper-container .slidesjs-container {
	position: relative;
	z-index: 1
}

.banner-pagination {
	position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100px;
	text-align: center
}

.banner-pagination .pagination-box {
	display: inline-block;
	height: 100px;
	background: #fff;
	box-shadow: 0 14px 50px -8px rgba(0, 0, 0, .12)
}

.banner-pagination .tab-box {
	float: left;
	width: 240px;
	height: 100px
}

.banner-pagination .tab-box+.tab-box {
	border-left: 1px solid #f3f3f3
}

.banner-pagination .tab {
	position: relative;
	margin: 28px 0 0 30px;
	padding-left: 50px;
	height: 44px;
	text-align: left
}

.banner-pagination .tab p {
	color: #000;
	font-size: 18px;
	line-height: 24px
}

.banner-pagination .tab span {
	display: block;
	color: #898989;
	font-size: 12px;
	line-height: 20px
}

.banner-pagination .tab .icon {
	position: absolute;
	top: 7px;
	left: 0;
	display: inline-block;
	width: 32px;
	height: 30px;
	background: url(../img/index-icon.png) no-repeat
}

.banner-pagination .banner-tab1 .icon {
	background-position: 1px 1px
}

.banner-pagination .banner-tab2 .icon {
	background-position: 1px -38px
}

.banner-pagination .banner-tab3 .icon {
	background-position: 1px -85px
}

.banner-pagination .banner-tab4 .icon {
	background-position: 2px -132px
}

.banner-pagination .banner-tab5 .icon {
	background-position: 1px -169px
}

.banner-pagination .tab-box.active {
	border-color: #f00001;
	background: #f00001;
	box-shadow: 0 14px 43px rgba(240, 0, 1, .3)
}

.banner-pagination .tab-box.active .tab p {
	color: #fff
}

.banner-pagination .tab-box.active .banner-tab1 .icon {
	background-position: -37px 1px
}

.banner-pagination .tab-box.active .banner-tab2 .icon {
	background-position: -40px -38px
}

.banner-pagination .tab-box.active .banner-tab3 .icon {
	background-position: -39px -85px
}

.banner-pagination .tab-box.active .banner-tab4 .icon {
	background-position: -38px -132px
}

.banner-pagination .tab-box.active .banner-tab5 .icon {
	background-position: -39px -169px
}

.banner-pagination .active .tab span {
	color: #fff;
	opacity: .7
}

.only-account {
	overflow: hidden;
	width: 100%;
	height: 520px;
	background: #f7f7f7
}

.only-account .inner {
	margin: 0 auto;
	width: 1200px;
	height: 520px
}

.only-account .account-left {
	float: left;
	width: 600px
}

.only-account .account-right {
	float: right;
	margin-right: -55px;
	width: 595px
}

.only-account .account-left .account-title {
	margin: 70px 0 15px 0;
	height: 35px;
	color: #333;
	font-size: 32px;
	line-height: 35px
}

.only-account .account-left .account-text span {
	display: inline-block;
	float: left;
	height: 25px;
	color: #898989;
	font-size: 20px;
	line-height: 25px
}

.only-account .account-left .account-text .more {
	display: inline-block;
	float: left;
	margin: 4px 0 0 10px;
	padding-left: 10px;
	height: 18px;
	border-left: 1px solid #e5e5e5;
	color: #b98c64;
	font-size: 16px;
	line-height: 18px
}

.only-account .account-left .account-text .more i {
	display: inline-block;
	float: right;
	margin-left: 5px;
	width: 18px;
	height: 18px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -146px 2px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.only-account .account-left .account-text .more:hover i {
	margin-left: 10px
}

.only-account .account-info {
	margin-top: 85px
}

.only-account .account-info li {
	position: relative;
	float: left;
	margin-bottom: 60px;
	width: 290px
}

.only-account .account-info li .box {
	position: relative;
	display: block;
	padding-left: 70px
}

.only-account .account-info .title {
	margin-bottom: 15px;
	height: 20px;
	color: #333;
	font-size: 16px;
	line-height: 20px
}

.only-account .account-info .tab span {
	float: left;
	height: 15px;
	color: #898989;
	font-size: 14px;
	line-height: 15px
}

.only-account .account-info .tab span+span {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc
}

.only-account .account-info li i {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../img/index-icon.png) no-repeat
}

.only-account .account-info li .icon1 {
	background-position: -82px -29px
}

.only-account .account-info li .icon2 {
	background-position: -147px -29px
}

.only-account .account-info li .icon3 {
	background-position: -82px -95px
}

.only-account .account-info li .icon4 {
	background-position: -148px -94px
}

.only-account .account-data {
	position: relative;
	margin-top: 70px;
	width: 595px;
	height: 422px;
	background: url(../img/account-icon.png) no-repeat center
}

.transformX {
	-webkit-transform: perspective(900px) rotateX(0) rotateY(30deg) skewX(0) skewY(-20deg);
	transform: perspective(900px) rotateX(0) rotateY(30deg) skewX(0) skewY(-20deg)
}

.transformY {
	-webkit-transform: perspective(900px) rotateY(-30deg) skewX(0) skewY(20deg);
	transform: perspective(900px) rotateY(-30deg) skewX(0) skewY(20deg)
}

.only-account .account-data .data1 {
	position: absolute;
	top: 25px;
	left: 20px;
	-webkit-animation: data1 2s linear 0s infinite;
	animation: data1 2s linear 0s infinite
}

.only-account .account-data .data2 {
	position: absolute;
	top: 25px;
	right: 60px;
	-webkit-animation: data2 2s linear 0s infinite;
	animation: data2 2s linear 0s infinite
}

.only-account .account-data .data3 {
	position: absolute;
	top: 108px;
	right: 45px;
	-webkit-animation: data3 2s linear 0s infinite;
	animation: data3 2s linear 0s infinite
}

.only-account .account-data .data-box span {
	display: block;
	color: #666;
	font-size: 15px;
	line-height: 15px
}

.only-account .account-data .data-box p i {
	margin-left: 3px;
	color: #666;
	font-size: 15px
}

.only-account .account-data .data-box p em {
	color: #f00001;
	font-size: 35px;
	font-family: Akzid
}

.only-account .account-data .data-box p {
	line-height: 25px
}

@-webkit-keyframes data1 {
	0% {
		top: 25px
	}

	50% {
		top: 15px
	}

	100% {
		top: 25px
	}
}

@keyframes data1 {
	0% {
		top: 25px
	}

	50% {
		top: 15px
	}

	100% {
		top: 25px
	}
}

@-webkit-keyframes data2 {
	0% {
		top: 25px
	}

	50% {
		top: 15px
	}

	100% {
		top: 25px
	}
}

@keyframes data2 {
	0% {
		top: 25px
	}

	50% {
		top: 15px
	}

	100% {
		top: 25px
	}
}

@-webkit-keyframes data3 {
	0% {
		top: 108px
	}

	50% {
		top: 95px
	}

	100% {
		top: 108px
	}
}

@keyframes data3 {
	0% {
		top: 108px
	}

	50% {
		top: 95px
	}

	100% {
		top: 108px
	}
}

.only-e-account .e-account-six {
	width: 100%;
	height: 540px;
	background: url(../img/e-account-bg.jpg) no-repeat center
}

.only-e-account .e-account-six .e-account-inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 540px
}

.only-e-account .title-box {
	width: 100%;
	text-align: center
}

.only-e-account .title-box .title {
	padding-top: 85px;
	height: 35px;
	color: #333;
	text-align: center;
	font-size: 32px;
	line-height: 35px
}

.only-e-account .title-box .text {
	display: inline-block;
	margin-top: 15px
}

.only-e-account .title-box .text span {
	display: inline-block;
	float: left;
	height: 25px;
	color: #999;
	font-size: 20px;
	line-height: 25px
}

.only-e-account .title-box .text .more {
	display: inline-block;
	float: left;
	margin: 4px 0 0 10px;
	padding-left: 10px;
	width: 98px;
	height: 18px;
	border-left: 1px solid #e5e5e5;
	color: #b98c64;
	text-align: left;
	font-size: 16px;
	line-height: 18px
}

.only-e-account .title-box .text .more i {
	display: inline-block;
	float: right;
	margin-right: 10px;
	width: 18px;
	height: 18px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -146px 2px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.only-e-account .title-box .text .more:hover i {
	margin-right: 5px
}

.only-e-account .e-account-robot {
	position: absolute;
	bottom: -30px;
	left: -1px;
	z-index: 2;
	width: 1200px;
	height: 380px;
	border: 1px solid #f1f1f1;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 14px 50px -8px rgba(0, 0, 0, .12)
}

.only-e-account .e-account-robot ul {
	padding: 30px 0
}

.only-e-account .e-account-robot li {
	position: relative;
	float: left;
	width: 200px;
	height: 320px;
	text-align: center;
	cursor: pointer
}

.only-e-account .e-account-robot li .box {
	position: relative;
	display: block;
	height: 310px;
	cursor: pointer
}

.only-e-account .e-account-robot li+li {
	width: 199px;
	border-left: 1px solid #f1f1f1
}

.only-e-account .e-account-robot li em {
	display: block;
	margin: 10px auto 0 auto;
	width: 65px;
	height: 60px;
	background: url(../img/index-icon.png) no-repeat
}

.only-e-account .e-account-robot li em.icon1 {
	background-position: -314px 1px
}

.only-e-account .e-account-robot li em.icon2 {
	background-position: -315px -74px
}

.only-e-account .e-account-robot li em.icon3 {
	background-position: -314px -150px
}

.only-e-account .e-account-robot li em.icon4 {
	background-position: -314px -229px
}

.only-e-account .e-account-robot li em.icon5 {
	background-position: -320px -305px
}

.only-e-account .e-account-robot li em.icon6 {
	background-position: -315px -382px
}

.only-e-account .e-account-robot .ch-title {
	margin-top: 36px;
	color: #000;
	font-size: 15px;
	line-height: 22px
}

.only-e-account .e-account-robot .sub-title {
	position: relative;
	margin: 15px 0 55px 0;
	color: #898989;
	font-size: 14px;
	line-height: 20px
}

.only-e-account .e-account-robot .sub-title:after {
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 2px;
	background: #000;
	content: ""
}

.only-e-account .e-account-robot .en-title {
	color: #000;
	font-size: 12px;
	opacity: .2;
	filter: alpha(opacity=20);
	-webkit-transform: scale(.84);
	-moz-transform: scale(.84);
	-ms-transform: scale(.84);
	-o-transform: scale(.84);
	transform: scale(.84);
	*font-size: 10px
}

.only-e-account .e-account-robot .more-enter {
	position: absolute;
	bottom: 10px;
	left: 50%;
	display: inline-block;
	overflow: hidden;
	margin-left: -18px;
	width: 36px;
	height: 8px
}

.only-e-account .e-account-robot .more-enter span {
	display: block;
	margin-left: -36px;
	width: 72px;
	height: 8px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.only-e-account .e-account-robot .more-enter i {
	display: inline-block;
	float: left;
	width: 36px;
	height: 8px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: 1px -212px
}

.only-e-account .e-account-robot .more-enter i+i {
	position: relative;
	background: 0 0
}

.only-e-account .e-account-robot .more-enter i+i:before {
	position: absolute;
	top: 1px;
	left: 15px;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #666;
	content: ""
}

.only-e-account .e-account-robot li:hover .more-enter span {
	margin-left: 0
}

.only-e-account .e-account-cont {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 520px;
	background: #fff
}

.only-e-account .e-account-cont .e-account-anima {
	position: absolute;
	bottom: -26px;
	left: -97px;
	z-index: 1;
	width: 532px;
	height: 475px;
	background: url(../img/e-account-icon.png) no-repeat center
}

.only-e-account .e-account-anima .brain {
	position: absolute;
	top: 48px;
	right: 135px;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #f34d4e url(../img/index-icon.png) no-repeat;
	background-position: -84px -159px;
	box-shadow: 0 6px 21px rgba(243, 77, 78, .3);
	-webkit-animation: brain 2s linear 0s infinite;
	animation: brain 2s linear 0s infinite
}

.only-e-account .e-account-anima .ai {
	position: absolute;
	top: 125px;
	right: 95px;
	display: inline-block;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: #d6b190 url(../img/index-icon.png) no-repeat;
	background-position: -147px -159px;
	box-shadow: 0 8px 10px rgba(214, 177, 144, .5);
	-webkit-animation: ai 2.5s linear 0s infinite;
	animation: ai 2.5s linear 0s infinite
}

.only-e-account .e-account-anima .spot-red {
	position: absolute;
	top: 200px;
	right: 138px;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f34d4e;
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-animation: spotred 1.8s linear 0s infinite;
	animation: spotred 1.8s linear 0s infinite
}

.only-e-account .e-account-anima .spot-gold {
	position: absolute;
	top: 20px;
	right: 68px;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #d6b18f;
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-animation: spotgold 2.2s linear 0s infinite;
	animation: spotgold 2.2s linear 0s infinite
}

.only-e-account .e-account-anima .line-red {
	position: absolute;
	display: inline-block;
	width: 3px;
	height: 50px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -17px -235px;
	-webkit-animation: linered 2.2s linear .5s infinite;
	animation: linered 3s linear .5s infinite
}

.only-e-account .e-account-anima .line-gold {
	position: absolute;
	display: inline-block;
	width: 3px;
	height: 93px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -1px -235px;
	-webkit-animation: linegold 2.2s linear 0s infinite;
	animation: linegold 3s linear 0s infinite
}

.only-e-account .e-account-anima .line1 {
	top: 190px;
	right: 69px
}

.only-e-account .e-account-anima .line2 {
	top: 128px;
	right: 57px
}

.only-e-account .e-account-anima .line3 {
	top: 190px;
	left: 60px
}

.only-e-account .e-account-anima .line4 {
	top: 128px;
	left: 120px
}

.only-e-account .e-account-cont .e-account-inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 520px
}

.only-e-account .e-account-worth {
	float: right;
	margin-right: -30px;
	width: 760px;
	height: 380px;
	background: #fff
}

.only-e-account .e-account-worth .worth-title {
	margin-top: 95px;
	text-align: center
}

.only-e-account .e-account-worth .worth-title span {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	height: 25px;
	color: #333;
	font-size: 22px;
	line-height: 25px
}

.only-e-account .e-account-worth .worth-title span:before {
	position: absolute;
	top: 12px;
	left: -250px;
	display: inline-block;
	width: 250px;
	height: 1px;
	background: #f4f4f4;
	content: ""
}

.only-e-account .e-account-worth .worth-title span:after {
	position: absolute;
	top: 12px;
	right: -250px;
	display: inline-block;
	width: 250px;
	height: 1px;
	background: #f4f4f4;
	content: ""
}

.only-e-account .e-account-worth ul {
	padding-top: 70px
}

.only-e-account .e-account-worth li {
	float: left;
	overflow: hidden;
	width: 190px;
	height: 235px;
	text-align: center
}

.only-e-account .e-account-worth li .icon {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background: #fcf8f5
}

.only-e-account .e-account-worth li .icon em {
	display: block;
	margin: 17px auto 0 auto;
	width: 70px;
	height: 65px;
	background: #fcf8f5 url(../img/index-icon.png) no-repeat
}

.only-e-account .e-account-worth li em.icon1 {
	background-position: -221px 2px
}

.only-e-account .e-account-worth li em.icon2 {
	background-position: -219px -76px
}

.only-e-account .e-account-worth li em.icon3 {
	background-position: -222px -153px
}

.only-e-account .e-account-worth li em.icon4 {
	background-position: -223px -229px
}

.only-e-account .e-account-worth .box-nl {
	margin-bottom: 10px;
	width: 190px;
	height: 235px;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.only-e-account .e-account-worth .box-nl .ch-title {
	margin-top: 35px;
	color: #000;
	font-size: 18px;
	line-height: 20px
}

.only-e-account .e-account-worth .box-nl .text {
	margin-top: 30px;
	color: #898989;
	font-size: 14px;
	line-height: 15px
}

.only-e-account .e-account-worth .box-nl .look {
	display: inline-block;
	margin-top: 10px;
	color: #b98c64;
	font-size: 12px;
	line-height: 15px
}

.only-e-account .e-account-worth .box-hi {
	width: 190px;
	height: 235px;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.only-e-account .e-account-worth .box-hi .title {
	padding-top: 35px;
	text-align: center
}

.only-e-account .e-account-worth .box-hi .title span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	height: 18px;
	color: #f00001;
	font-size: 16px;
	line-height: 18px
}

.only-e-account .e-account-worth .box-hi .title span:before {
	position: absolute;
	top: 9px;
	left: -40px;
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #ececec;
	content: ""
}

.only-e-account .e-account-worth .box-hi .title span:after {
	position: absolute;
	top: 9px;
	right: -40px;
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #ececec;
	content: ""
}

.only-e-account .e-account-worth .box-hi .text {
	position: relative;
	display: table;
	margin-top: 25px;
	padding-bottom: 20px;
	width: 190px;
	height: 132px
}

.only-e-account .e-account-worth .box-hi .text p {
	display: table-cell;
	color: #898989;
	vertical-align: middle;
	font-size: 14px;
	line-height: 33px
}

.only-e-account .e-account-worth .box-hi .text:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: inline-block;
	margin-left: -13px;
	width: 26px;
	height: 3px;
	background: #f00001;
	content: ""
}

.only-e-account .e-account-worth li:hover .box-nl {
	margin-top: -245px
}

@-webkit-keyframes brain {
	0% {
		top: 48px
	}

	50% {
		top: 35px
	}

	100% {
		top: 48px
	}
}

@keyframes brain {
	0% {
		top: 48px
	}

	50% {
		top: 35px
	}

	100% {
		top: 48px
	}
}

@-webkit-keyframes ai {
	0% {
		top: 125px
	}

	50% {
		top: 110px
	}

	100% {
		top: 125px
	}
}

@keyframes ai {
	0% {
		top: 125px
	}

	50% {
		top: 110px
	}

	100% {
		top: 125px
	}
}

@-webkit-keyframes spotred {
	0% {
		top: 200px
	}

	50% {
		top: 180px
	}

	100% {
		top: 200px
	}
}

@keyframes spotred {
	0% {
		top: 200px
	}

	50% {
		top: 180px
	}

	100% {
		top: 200px
	}
}

@-webkit-keyframes spotgold {
	0% {
		top: 20px
	}

	50% {
		top: 10px
	}

	100% {
		top: 20px
	}
}

@keyframes spotgold {
	0% {
		top: 20px
	}

	50% {
		top: 10px
	}

	100% {
		top: 20px
	}
}

@-webkit-keyframes linered {
	0% {
		top: 385px
	}

	100% {
		top: -80px
	}
}

@keyframes linered {
	0% {
		top: 385px
	}

	100% {
		top: -80px
	}
}

@-webkit-keyframes linegold {
	0% {
		top: 342px
	}

	100% {
		top: -80px
	}
}

@keyframes linegold {
	0% {
		top: 342px
	}

	100% {
		top: -80px
	}
}

.cfo-work-banner {
	position: relative;
	width: 100%;
	height: 150px;
	background: url(../img/bg-e-account.png) no-repeat center
}

.cfo-work-banner .more-btn {
	position: absolute;
	bottom: 28px;
	left: 50%;
	display: block;
	overflow: hidden;
	margin-left: -61px;
	width: 120px;
	height: 28px;
	border: 1px solid rgba(196, 158, 118, .5);
	border-radius: 30px;
	background: #3a3a3c
}

.cfo-work-banner .more-btn span {
	display: block;
	width: 120px;
	height: 56px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.cfo-work-banner .more-btn em {
	display: block;
	width: 120px;
	height: 28px;
	color: #c49e76;
	text-align: center;
	font-size: 12px;
	line-height: 28px
}

.cfo-work-banner .more-btn:hover span {
	margin-top: -28px
}

.image-account {
	overflow: hidden;
	width: 100%;
	height: 545px;
	background: #fff url(../img/wave-bg.png) repeat
}

.image-account-inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 545px
}

.image-account .image-account-box {
	float: right;
	padding-top: 75px;
	width: 635px
}

.image-account .image-account-box .account-title {
	margin-bottom: 15px;
	height: 35px;
	color: #333;
	font-size: 32px;
	line-height: 35px
}

.image-account .image-account-box .account-text span {
	display: inline-block;
	float: left;
	height: 25px;
	color: #898989;
	font-size: 20px;
	line-height: 25px
}

.image-account .image-account-box .account-text .more {
	display: inline-block;
	float: left;
	margin: 4px 0 0 10px;
	padding-left: 10px;
	height: 18px;
	border-left: 1px solid #e5e5e5;
	color: #b98c64;
	font-size: 16px;
	line-height: 18px
}

.image-account .image-account-box .account-text .more i {
	display: inline-block;
	float: right;
	margin-left: 5px;
	width: 18px;
	height: 18px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -146px 2px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.image-account .image-account-box .account-text .more:hover i {
	margin-left: 10px
}

.image-account .account-info {
	position: relative;
	z-index: 2;
	margin-top: 90px
}

.image-account .account-info li {
	float: left;
	height: 210px;
	text-align: center
}

.image-account .account-info li+li {
	margin-left: 90px
}

.image-account .account-info li .box {
	display: block
}

.image-account .account-info li em {
	display: block;
	margin: 0 auto;
	width: 65px;
	height: 60px;
	background: url(../img/index-icon.png) no-repeat
}

.image-account .account-info em.icon1 {
	background-position: -47px -215px
}

.image-account .account-info em.icon2 {
	background-position: -140px -222px
}

.image-account .account-info em.icon3 {
	background-position: -40px -288px
}

.image-account .account-info .title {
	margin: 30px 0 10px 0;
	color: #000;
	font-size: 18px;
	line-height: 22px
}

.image-account .account-info .text {
	color: #898989;
	font-size: 14px;
	line-height: 25px
}

.image-account .account-info li:last-child .text {
	margin-top: 25px
}

.image-account .account-anima-bed {
	position: absolute;
	bottom: -142px;
	left: -343px;
	z-index: 1;
	width: 1141px;
	height: 414px;
	background: url(../img/image-account-iconb.png) no-repeat center
}

.image-account .image-account-anima {
	position: absolute;
	top: 110px;
	left: 45px;
	z-index: 2;
	width: 354px;
	height: 354px
}

.image-account .image-account-anima .anima-ball {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 354px;
	height: 354px;
	background: url(../img/account-icon-ball.png) no-repeat center
}

.image-account .image-account-anima .data-box span {
	display: block;
	color: #666;
	font-size: 15px;
	line-height: 15px
}

.image-account .image-account-anima .data-box p i {
	margin-left: 3px;
	color: #f00001;
	font-size: 15px
}

.image-account .image-account-anima .data-box p em {
	color: #f00001;
	font-size: 35px;
	font-family: Akzid
}

.image-account .image-account-anima .data-box p {
	text-align: center;
	line-height: 25px
}

.image-account .image-account-anima .data-box {
	position: absolute;
	z-index: 2
}

.image-account .image-account-anima .data1 {
	top: 40px;
	left: -25px;
	-webkit-animation: data4 2s linear 0s infinite;
	animation: data4 2s linear 0s infinite
}

.image-account .image-account-anima .data2 {
	top: 178px;
	left: -70px;
	-webkit-animation: data5 2s linear 0s infinite;
	animation: data5 2s linear 0s infinite
}

.image-account .image-account-anima .data3 {
	top: 30px;
	right: -15px;
	-webkit-animation: data6 2s linear 0s infinite;
	animation: data6 2s linear 0s infinite
}

.image-account .image-account-anima .data4 {
	top: 185px;
	right: -68px;
	-webkit-animation: data7 2s linear 0s infinite;
	animation: data7 2s linear 0s infinite
}

.image-account .image-account-anima .ring-box {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -135px 0 0 -128px;
	width: 256px;
	height: 256px
}

.image-account .image-account-anima .ring1,
.image-account .image-account-anima .ring2,
.image-account .image-account-anima .ring3 {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin: -128px 0 0 -128px;
	width: 256px;
	height: 256px;
	border-radius: 100%;
	background: #f3e0d1;
	opacity: 0;
	-webkit-animation: scaleaieing 3s linear 0s infinite;
	animation: scaleaieing 3s linear 0s infinite
}

.image-account .image-account-anima .ring2 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}

.image-account .image-account-anima .ring3 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}

@-webkit-keyframes data4 {
	0% {
		top: 40px
	}

	50% {
		top: 25px
	}

	100% {
		top: 40px
	}
}

@keyframes data4 {
	0% {
		top: 40px
	}

	50% {
		top: 25px
	}

	100% {
		top: 40px
	}
}

@-webkit-keyframes data5 {
	0% {
		top: 178px
	}

	50% {
		top: 163px
	}

	100% {
		top: 178px
	}
}

@keyframes data5 {
	0% {
		top: 178px
	}

	50% {
		top: 163px
	}

	100% {
		top: 178px
	}
}

@-webkit-keyframes data6 {
	0% {
		top: 30px
	}

	50% {
		top: 15px
	}

	100% {
		top: 30px
	}
}

@keyframes data6 {
	0% {
		top: 30px
	}

	50% {
		top: 15px
	}

	100% {
		top: 30px
	}
}

@-webkit-keyframes data7 {
	0% {
		top: 185px
	}

	50% {
		top: 170px
	}

	100% {
		top: 185px
	}
}

@keyframes data7 {
	0% {
		top: 185px
	}

	50% {
		top: 170px
	}

	100% {
		top: 185px
	}
}

@-webkit-keyframes data8 {
	0% {
		top: 40px
	}

	50% {
		top: 25px
	}

	100% {
		top: 40px
	}
}

@keyframes data8 {
	0% {
		top: 95px
	}

	50% {
		top: 80px
	}

	100% {
		top: 95px
	}
}

@-webkit-keyframes data9 {
	0% {
		top: 140px
	}

	50% {
		top: 125px
	}

	100% {
		top: 140px
	}
}

@keyframes data9 {
	0% {
		top: 140px
	}

	50% {
		top: 125px
	}

	100% {
		top: 140px
	}
}

@-webkit-keyframes data10 {
	0% {
		top: 178px
	}

	50% {
		top: 163px
	}

	100% {
		top: 178px
	}
}

@keyframes data10 {
	0% {
		top: 208px
	}

	50% {
		top: 193px
	}

	100% {
		top: 208px
	}
}

@-webkit-keyframes data11 {
	0% {
		top: -30px
	}

	50% {
		top: -15px
	}

	100% {
		top: -30px
	}
}

@keyframes data11 {
	0% {
		top: -30px
	}

	50% {
		top: -15px
	}

	100% {
		top: -30px
	}
}

@-webkit-keyframes scaleaieing {
	0% {
		opacity: .9;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .5;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	100% {
		display: none;
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes scaleaieing {
	0% {
		opacity: .9;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: .5;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	100% {
		display: none;
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

.only-footer {
	height: 370px;
	background: #363636
}

.only-footer .inner {
	margin: 0 auto;
	width: 1200px;
	height: 370px
}

.only-footer .copyright {
	height: 50px;
	border-top: 1px solid #434343;
	color: #898989;
	font-size: 13px;
	line-height: 50px
}

.only-footer .copyright p {
	float: left
}

.only-footer .copyright span {
	float: right
}

.only-footer .footer-info {
	padding-top: 50px;
	height: 269px
}

.only-footer .font-link {
	float: left;
	height: 269px
}

.only-footer .font-link+.font-link {
	margin-left: 110px
}

.only-footer .font-link .title {
	margin-bottom: 40px;
	color: #e5e5e5;
	font-size: 14px;
	line-height: 20px
}

.only-footer .font-link ul {
	float: left
}

.only-footer .font-link ul+ul {
	margin-left: 25px
}

.only-footer .font-link li {
	margin-bottom: 10px
}

.only-footer .font-link li a {
	display: inline-block;
	height: 16px;
	color: #898989;
	font-size: 13px;
	line-height: 16px
}

.only-footer .font-link li a:hover {
	color: #fff
}

.only-footer .link-tel {
	float: right;
	width: 190px
}

.only-footer .link-tel .title {
	margin-bottom: 40px;
	color: #e5e5e5;
	font-size: 14px;
	line-height: 20px
}

.only-footer .link-tel .tel-phone {
	margin-bottom: 15px;
	color: #fff;
	font-size: 28px;
	line-height: 25px
}

.only-footer .link-tel .tel-time {
	margin-bottom: 48px;
	color: #898989;
	font-size: 13px;
	line-height: 15px
}

.only-footer .link-tel .online {
	display: block;
	overflow: hidden;
	width: 90px;
	height: 30px;
	border-radius: 2px;
	background: #f00001
}

.only-footer .link-tel .online span {
	display: block;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.only-footer .link-tel .online em {
	display: block;
	width: 90px;
	height: 30px;
	color: #fff;
	text-align: center;
	font-size: 13px;
	line-height: 30px
}

.only-footer .link-tel .online:hover span {
	margin-top: -30px
}

.index-navi {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 60px;
	background: rgba(0, 0, 0, .9)
}

.index-navi .nav-left {
	float: left;
	height: 60px
}

.index-navi .logo {
	display: inline-block;
	float: left;
	width: 160px;
	height: 60px;
	background: url(../img/zyd_logo_1x.png) no-repeat center;
	background-image: -webkit-image-set(url(../img/zyd_logo_1x.png) 1x, url(../img/zyd_logo_2x.png) 2x);
	background-image: -moz-image-set(url(../img/zyd_logo_1x.png) 1x, url(../img/zyd_logo_2x.png) 2x);
	background-image: -ms-image-set(url(../img/zyd_logo_1x.png) 1x, url(../img/zyd_logo_2x.png) 2x);
	background-image: -o-image-set(url(../img/zyd_logo_1x.png) 1x, url(../img/zyd_logo_2x.png) 2x)
}

.index-navi .nav-lists {
	position: relative;
	float: left;
	margin-left: 28px
}

.index-navi .nav-lists .list {
	position: relative;
	z-index: 2;
	float: left;
	padding: 0 25px;
	cursor: pointer
}

.index-navi .nav-lists .nav-item {
	display: inline-block;
	height: 60px;
	color: #fff;
	font-size: 13px;
	line-height: 60px;
	opacity: .6;
	filter: alpha(opacity=60);
	cursor: pointer
}

.index-navi .nav-lists .list.active .nav-item,
.index-navi .nav-lists .list:hover .nav-item {
	opacity: 1;
	filter: alpha(opacity=100)
}

.index-navi .nav-lists .line {
	position: absolute;
	bottom: 0;
	left: 25px;
	width: 26px;
	height: 3px;
	background: #f00001;
	-webkit-transition: width .3s cubic-bezier(.4, 0, .2, 1);
	transition: width .3s cubic-bezier(.4, 0, .2, 1)
}

.index-navi .nav-left .nav-lists .line {
	left: 28px;
	width: 26px
}

.index-navi .nav-lists .nav-box {
	position: absolute;
	top: 60px;
	left: 50%;
	z-index: 2;
	margin-left: -54px;
	padding-top: 0;
	width: 108px
}

.index-navi .nav-lists .nav-box .nav-link {
	display: none;
	padding: 5px 0;
	background: #fff
}

.index-navi .nav-lists .nav-box .drop-link a {
	display: block;
	height: 40px;
	color: #474747;
	text-align: center;
	font-size: 14px;
	line-height: 40px
}

.index-navi .nav-lists .nav-box .drop-link a:hover {
	color: #f00001
}

.index-navi .nav-lists .nav-box.all-products {
	margin-left: -85px;
	width: 1035px
}

.index-navi .nav-lists .nav-box.all-products .nav-link {
	padding: 25px;
	background: rgba(255, 255, 255, .96)
}

.index-navi .nav-lists .all-products .products-column {
	float: left;
	width: 165px
}

.index-navi .nav-lists .all-products .products-column+.products-column {
	margin-left: 40px
}

.index-navi .nav-lists .products-column .title {
	display: block;
	padding-bottom: 10px;
	height: 20px;
	border-bottom: 1px solid #e5e5e5;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px
}

.index-navi .nav-lists .products-column .title:hover {
	color: #f00001
}

.index-navi .nav-lists .products-column li a {
	position: relative;
	display: inline-block;
	margin-top: 15px;
	height: 20px;
	color: #474747;
	text-align: left;
	font-size: 14px;
	line-height: 20px
}

.index-navi .nav-lists .products-column li a:hover {
	color: #f00001
}

.index-navi .nav-lists .products-column ul+.title {
	margin-top: 60px
}

.index-navi .nav-lists .products-column li.new a {
	padding-right: 33px
}

.index-navi .nav-lists .products-column li.new a:after {
	position: absolute;
	top: 5px;
	right: 0;
	display: inline-block;
	width: 30px;
	height: 10px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -82px 1px;
	content: ""
}

.index-navi .nav-right {
	float: right;
	height: 60px
}

.index-navi .nav-right .list-regist {
	float: left;
	height: 60px
}

.index-navi .nav-right .regist {
	display: inline-block;
	float: left;
	overflow: hidden;
	margin: 16px 50px 0 0;
	width: 60px;
	height: 28px;
	background: #f00001
}

.index-navi .nav-right .regist span {
	display: block;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.index-navi .nav-right .regist em {
	display: block;
	height: 28px;
	color: #fff;
	text-align: center;
	font-size: 13px;
	line-height: 28px
}

.index-navi .nav-right .regist:hover span {
	margin-top: -28px
}

.index-navi .nav-right .list-sign {
	float: left;
	height: 60px
}

.index-navi .nav-right .sign-in {
	position: relative;
	display: inline-block;
	float: left;
	margin: 16px 28px 0 28px;
	padding-left: 25px;
	height: 28px;
	line-height: 28px;
	cursor: pointer
}

.index-navi .nav-right .sign-in i {
	position: absolute;
	top: 6px;
	left: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -120px 1px
}

.index-navi .nav-right .sign-in em {
	display: inline-block;
	height: 28px;
	color: #fff;
	font-size: 13px;
	line-height: 28px;
	opacity: .6;
	filter: alpha(opacity=60)
}

.index-navi .nav-right .sign-in:hover em {
	opacity: 1;
	filter: alpha(opacity=100)
}

.index-navi .nav-right .drop-down {
	display: inline-block;
	float: left
}

.index-navi .nav-right .drop-down .item {
	display: inline-block;
	height: 60px
}

.index-navi .nav-lists .nav-box.about-onlyou {
	margin-left: -100px;
	width: 200px
}

.index-navi .nav-lists .about-onlyou .nav-link {
	padding: 20px
}

.index-navi .nav-lists .about-onlyou .title {
	display: block;
	padding: 10px 0;
	height: 20px;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px
}

.index-navi .nav-lists .about-onlyou ul {
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5ee
}

.index-navi .nav-lists .about-onlyou li a {
	display: block;
	padding: 10px 0;
	height: 20px;
	color: #474747;
	font-size: 14px;
	line-height: 20px
}

.index-navi .nav-lists .about-onlyou a:hover {
	color: #f00001
}

.menu-con {
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	background: #fa141b;
	text-align: center;
	line-height: 60px
}

.menu-ico {
	width: 60px;
	height: 60px;
	text-align: center;
	cursor: pointer
}

.menu-ico i {
	display: inline-block;
	margin-top: 18px;
	width: 24px;
	height: 24px;
	background: url(../img/menu-ico.png) no-repeat 0 2px;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.menu-ico.active i {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.index-navi .nav-lists .logged-in {
	height: 60px
}

.index-navi .nav-lists .logged-in .nav-item {
	position: relative;
	overflow: hidden;
	padding-left: 25px;
	max-width: 95px;
	color: #b98c64;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 1;
	filter: alpha(opacity=100)
}

.index-navi .nav-lists .logged-in .nav-item i {
	position: absolute;
	top: 22px;
	left: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -172px 1px
}

.index-navi .nav-lists .logged-in .logged-link a {
	display: block;
	height: 40px;
	color: #474747;
	text-align: center;
	font-size: 14px;
	line-height: 40px
}

.index-navi .nav-lists .logged-in .logged-link a:hover {
	color: #f00001
}

.index-navi .nav-lists .logged-in .logged-link em {
	color: #f00001
}

@media screen and (max-width:1350px) {
	.index-nav .nav-lists .list {
		padding: 0 20px
	}

	.index-nav .nav-left .nav-lists .line {
		left: 20px
	}

	.index-navi .nav-lists .list {
		padding: 0 20px
	}

	.index-navi .nav-lists .line {
		left: 20px
	}
}

.below-nav-wrap {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 45;
	display: none;
	background: rgba(255, 255, 255, .96);
	color: #333
}

.below-nav-wrap .inner {
	width: 187px;
	height: 500px;
	box-shadow: 0 3px 3px #eee
}

.below-nav-ul {
	padding-top: 20px
}

.below-nav-wrap ul {
	position: relative
}

.below-nav-cont {
	height: 45px;
	cursor: pointer
}

.below-nav-cont.border-t {
	position: relative;
	margin-top: 25px;
	padding-top: 22px;
	height: 0;
	cursor: default
}

.below-nav-cont.border-t:after {
	position: absolute;
	top: 0;
	left: 20px;
	display: block;
	width: 147px;
	border-top: 1px solid #e5e5e5;
	content: ""
}

.below-nav-item {
	position: relative;
	display: block;
	padding: 0 30px;
	height: 45px;
	color: #333;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
	line-height: 45px;
	-webkit-transition: all .4s;
	transition: all .4s
}

.below-nav-cont:hover .below-nav-item {
	background: #f7f7f7;
	opacity: 1
}

.below-nav-item em {
	position: absolute;
	top: 15px;
	right: 30px
}

.below-nav-item .item-ico {
	display: inline-block;
	width: 6px;
	height: 11px;
	background: url(../img/below-nav.png) no-repeat 0 -19px
}

.below-nav-cont:hover .below-nav-item .item-ico {
	background-position: 0 0
}

.below-nav-cont .nav-arrow {
	display: inline-block;
	margin: 50px 0 0 47px;
	width: 15px;
	height: 10px;
	background: url(../img/icon-nav.png) no-repeat -15px 0;
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out
}

.below-nav-cont .nav-box-wrap {
	position: absolute;
	top: 0;
	left: 187px;
	display: none;
	width: 246px;
	height: 500px
}

.below-nav-cont .nav-box-main {
	overflow: hidden;
	width: 249px;
	height: 506px
}

.below-nav-box {
	display: block;
	margin-left: -246px;
	padding: 25px 5px 25px 0;
	width: 240px;
	height: 450px;
	border-left: 1px solid #d5d5d5;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 3px 3px #eee;
	text-align: left
}

.below-nav-box .nano {
	height: 450px
}

.below-nav-box .nano .nano-content {
	padding-left: 30px
}

.below-nav-box p a {
	color: #aaa
}

.below-nav-list {
	position: relative;
	margin-right: 25px
}

.below-nav-list+.below-nav-list {
	padding-top: 20px
}

.below-nav-list.border-t {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e5e5e5
}

.below-nav-title {
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 25px
}

h3.below-nav-title {
	border-bottom: 1px solid #e5e5e5
}

h4.below-nav-title {
	margin-bottom: 5px;
	padding-bottom: 5px
}

.below-nav-title i {
	display: inline-block;
	margin-left: 5px;
	width: 10px;
	height: 10px;
	background: url(../img/icon-nav.png) no-repeat 3px -40px;
	vertical-align: middle
}

.bnav-cont li a {
	display: block;
	padding: 7px 0 7px 0;
	color: #474747;
	font-size: 14px;
	line-height: 1.5em
}

.bnav-cont li a:hover {
	color: #f35438
}

.bnav-cont li i {
	display: inline-block;
	margin: 0 0 0 10px;
	width: 28px;
	height: 8px;
	background: url(../img/new.png) no-repeat 0 0;
	vertical-align: 3px
}

.index-banner {
	position: relative;
	width: 100%;
	height: 500px;
	background-position: center;
	background-repeat: no-repeat
}

.index-banner.mt60 {
	margin-top: 60px
}

.index-banner .inner {
	margin: 0 auto;
	width: 1200px;
	height: 500px
}

.index-banner .banner-l {
	float: left;
	margin-left: 30px;
	padding-top: 80px;
	width: 445px
}

.index-banner .banner-l .title {
	position: relative;
	padding-bottom: 30px;
	height: 45px;
	color: #000;
	font-size: 44px;
	line-height: 45px
}

.index-banner .banner-l .title:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44px;
	height: 3px;
	background-color: #f00001;
	content: ""
}

.index-banner .banner-l .sub-title {
	margin-top: 20px;
	height: 26px;
	color: #333;
	font-size: 26px;
	line-height: 26px
}

.index-banner .banner-l p {
	margin-top: 15px;
	margin-bottom: 50px;
	color: #666;
	font-size: 14px;
	line-height: 30px
}

.index-banner .banner-l p a {
	margin-left: 10px;
	color: #333;
	font-weight: 700
}

.index-banner .banner-l p a:hover {
	text-decoration: underline
}

.banner-btn .b-btn {
	display: inline-block;
	float: left;
	overflow: hidden;
	margin: 0 20px 0 0;
	width: 118px;
	height: 33px;
	border: 1px solid #f00001;
	border-radius: 3px;
	background: #f00001;
	box-shadow: 0 5px 10px rgba(240, 0, 1, .2);
	cursor: pointer
}

.banner-btn .b-btn+.b-btn {
	background: 0 0;
	box-shadow: none
}

.banner-btn .b-btn+.b-btn em {
	color: #f00001
}

.banner-btn .b-btn span {
	display: block;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.banner-btn .b-btn em {
	display: block;
	height: 33px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 33px
}

.banner-btn .b-btn:hover span {
	margin-top: -33px
}

.suit-company-wrap {
	overflow: hidden;
	height: 525px;
	background: #fff url(../img/suit-bg.png) no-repeat center
}

.suit-company {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 525px
}

.suit-company .text-box {
	position: absolute;
	top: 193px;
	right: 55px
}

.suit-company .text-box .title {
	color: #333;
	font-size: 24px;
	line-height: 40px
}

.suit-company .text-box .text {
	color: #999;
	font-size: 15px;
	line-height: 25px
}

.suit-company .circle-l1 {
	position: absolute;
	top: 360px;
	left: 0;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #f7f7f7;
	color: #dadada;
	text-align: center;
	font-size: 15px;
	line-height: 60px;
	-webkit-animation: updown 2.6s linear 0s infinite;
	animation: updown 2.6s linear 0s infinite
}

.suit-company .circle-l2 {
	position: absolute;
	top: 145px;
	left: 90px;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #fef0f0;
	box-shadow: 0 20px 16px rgba(235, 130, 130, .08);
	color: #de6262;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	-webkit-animation: updown 3s linear 0s infinite;
	animation: updown 3s linear 0s infinite
}

.suit-company .circle-l3 {
	position: absolute;
	top: 347px;
	left: 207px;
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: #faf4ee;
	box-shadow: 0 20px 16px rgba(211, 177, 147, .08);
	color: #b89e86;
	text-align: center;
	font-size: 18px;
	line-height: 90px;
	-webkit-animation: updown 2.8s linear 0s infinite;
	animation: updown 2.8s linear 0s infinite
}

.suit-company .circle-l4 {
	position: absolute;
	top: 80px;
	left: 300px;
	display: inline-block;
	width: 66px;
	height: 66px;
	border-radius: 100%;
	background: #fef0f0;
	box-shadow: 0 20px 16px rgba(235, 130, 130, .08);
	color: #de6262;
	text-align: center;
	font-size: 18px;
	line-height: 66px;
	-webkit-animation: updown 2.6s linear 0s infinite;
	animation: updown 2.6s linear 0s infinite
}

.suit-company .circle-r1 {
	position: absolute;
	top: 380px;
	right: 234px;
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: #faf4ee;
	box-shadow: 0 20px 16px rgba(211, 177, 147, .08);
	color: #b89e86;
	text-align: center;
	font-size: 18px;
	line-height: 90px;
	-webkit-animation: updown 2.9s linear 0s infinite;
	animation: updown 2.9s linear 0s infinite
}

.suit-company .circle-r2 {
	position: absolute;
	top: 88px;
	right: 97px;
	display: inline-block;
	width: 58px;
	height: 58px;
	border-radius: 100%;
	background: #faf4ee;
	box-shadow: 0 20px 16px rgba(211, 177, 147, .08);
	color: #b89e86;
	text-align: center;
	font-size: 18px;
	line-height: 58px;
	-webkit-animation: updown 2.5s linear 0s infinite;
	animation: updown 2.5s linear 0s infinite
}

.suit-company .circle-r3 {
	position: absolute;
	top: 114px;
	right: 100px;
	display: inline-block;
	width: 66px;
	height: 66px;
	border-radius: 100%;
	background: #fef0f0;
	box-shadow: 0 20px 16px rgba(235, 130, 130, .08);
	color: #de6262;
	text-align: center;
	font-size: 18px;
	line-height: 66px;
	-webkit-animation: updown 2.7s linear 0s infinite;
	animation: updown 2.7s linear 0s infinite
}

.suit-company .circle-r4 {
	position: absolute;
	top: 195px;
	right: -120px;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #fafafa;
	color: #dadada;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	-webkit-animation: updown 3s linear 0s infinite;
	animation: updown 3s linear 0s infinite
}

@-webkit-keyframes updown {
	0% {
		margin-top: 0
	}

	50% {
		margin-top: -20px
	}

	100% {
		margin-top: 0
	}
}

@keyframes updown {
	0% {
		margin-top: 0
	}

	50% {
		margin-top: -20px
	}

	100% {
		margin-top: 0
	}
}

.work-process-wrap {
	width: 100%;
	height: 444px;
	background: url(../img/work-process-bg.jpg) no-repeat center
}

.work-process {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 444px
}

.work-process .process-info {
	position: absolute;
	top: 85px;
	left: 10px
}

.work-process .process-info .title {
	margin-bottom: 60px;
	color: #fff;
	font-size: 32px;
	line-height: 40px
}

.work-process .process-list li {
	position: relative;
	padding-left: 35px;
	height: 22px;
	color: #666;
	font-size: 16px;
	line-height: 22px
}

.work-process .process-list li+li {
	margin-top: 40px
}

.work-process .process-list li+li:before {
	position: absolute;
	top: -40px;
	left: 10px;
	width: 1px;
	height: 40px;
	background: #666;
	content: ""
}

.work-process .process-list li i {
	position: absolute;
	top: 7px;
	left: 7px;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #877360
}

.work-process .process-list li:nth-child(even) i {
	background: #858585
}

.work-process .process-list li.active {
	color: #ccc
}

.work-process .process-list li.active i {
	background: #e4b282;
	box-shadow: 0 0 10px rgba(232, 167, 83, .7)
}

.work-process .process-list li:nth-child(even).active i {
	background: #fff;
	box-shadow: 0 0 10px rgba(255, 255, 255, .7)
}

.work-process .process-video {
	position: absolute;
	top: 75px;
	right: 52px;
	z-index: 2;
	padding: 5px;
	width: 705px;
	height: 400px;
	border-radius: 10px;
	background: url(../img/video-bg.png) repeat center;
	box-shadow: 0 19px 51px rgba(2, 2, 2, .38)
}

.work-process .process-video .video-box {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 18px;
	width: 705px;
	height: 382px;
	border-radius: 10px;
	background: url(../img/video-bottom.png) no-repeat bottom center
}

.work-process .process-video .video-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 705px;
	height: 400px;
	background: rgba(0, 0, 0, .6)
}

.work-process .process-video .video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	margin: -43px 0 0 -43px;
	width: 87px;
	height: 87px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -399px -56px
}

.contract-highlights {
	position: relative;
	margin-top: -25px;
	width: 100%;
	height: 520px;
	background: #eee
}

.contract-highlights .highlights-title {
	padding-top: 95px;
	height: 40px;
	color: #333;
	text-align: center;
	font-size: 32px;
	line-height: 40px
}

.contract-highlights .highlights-main {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 385px
}

.contract-highlights .highlights-banner-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -840px;
	width: 1680px
}

.highlights-banner {
	position: relative;
	margin: 0 auto;
	width: 1680px
}

.highlights-banner .swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform
}

.highlights-banner .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 320px;
	height: auto;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.highlights-banner .swiper-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	padding: 50px 0
}

.highlights-banner .swiper-container {
	position: relative;
	z-index: 1;
	width: 100%
}

.highlights-banner .swiper-pagination {
	overflow: hidden;
	margin-top: 38px;
	text-align: center
}

.highlights-banner .swiper-pagination span {
	display: inline-block;
	width: 28px;
	height: 3px;
	border-radius: 0;
	background: #d5d5d5;
	cursor: pointer
}

.highlights-banner .swiper-pagination span+span {
	margin-left: 6px
}

.highlights-banner .swiper-pagination span:hover {
	background: #f00001
}

.highlights-banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #f00001
}

.highlights-banner .highlights-box {
	display: block;
	padding: 30px;
	width: 260px;
	height: 180px;
	background: #fff;
	opacity: .2
}

.highlights-banner .swiper-slide-next .highlights-box,
.highlights-banner .swiper-slide-prev .highlights-box {
	opacity: .5
}

.highlights-banner .swiper-slide-active .highlights-box {
	box-shadow: 0 14px 43px rgba(0, 0, 0, .1);
	opacity: 1
}

.highlights-banner .highlights-box .title {
	margin-bottom: 10px;
	color: #000;
	font-size: 18px;
	line-height: 25px
}

.highlights-banner .highlights-box .text {
	color: #898989;
	font-size: 14px;
	line-height: 24px
}

.highlights-banner .highlights-box .serial {
	display: block;
	margin-bottom: 15px;
	width: 45px;
	height: 46px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -400px -2px;
	color: #f00001;
	text-align: center;
	font-size: 24px;
	font-family: Akzid;
	line-height: 46px
}

.work-path-wrap {
	width: 100%;
	height: 444px;
	background: url(../img/work-path-bg.jpg) no-repeat center
}

.work-path {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 444px
}

.work-path .path-info {
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	text-align: center
}

.work-path .path-info .title {
	margin-bottom: 60px;
	color: #fff;
	font-size: 32px;
	line-height: 40px
}

.work-path .path-list {
	padding-top: 20px
}

.work-path .path-list li {
	position: relative;
	float: left;
	padding-left: 0;
	width: 300px;
	height: 190px;
	color: #666;
	font-size: 16px;
	line-height: 22px
}

.work-path .path-list li span {
	display: block;
	margin-top: 70px
}

.work-path .path-list .icon {
	display: block;
	margin: 0 auto;
	width: 134px;
	height: 83px;
	background: url(../img/path-icon.png) no-repeat
}

.work-path .pl-1 .icon {
	background-position: right 0
}

.work-path .pl-2 .icon {
	background-position: right -120px
}

.work-path .pl-3 .icon {
	background-position: right -242px
}

.work-path .pl-4 .icon {
	background-position: right -368px
}

.work-path .pl-1.active .icon {
	background-position: left -1px
}

.work-path .pl-2.active .icon {
	background-position: left -120px
}

.work-path .pl-3.active .icon {
	background-position: left -242px
}

.work-path .pl-4.active .icon {
	background-position: left -368px
}

.work-path .path-list li+li:before {
	position: absolute;
	top: 110px;
	left: -30px;
	width: 60px;
	height: 1px;
	background: #666;
	content: ""
}

.work-path .path-list li i {
	position: absolute;
	top: 110px;
	left: 50%;
	display: inline-block;
	margin-left: -4px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #858585
}

.work-path .path-list li:nth-child(even) i {
	background: #858585
}

.work-path .path-list li.active {
	color: #ccc
}

.work-path .path-list li.active i {
	background: #e4b282;
	box-shadow: 0 0 10px rgba(232, 167, 83, .7)
}

.work-path .path-list li:nth-child(even).active i {
	background: #fff;
	box-shadow: 0 0 10px rgba(255, 255, 255, .7)
}

.paper-contract {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 520px;
	background: #fff
}

.paper-contract-inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 520px
}

.paper-contract .paper-contract-anima {
	position: absolute;
	top: 70px;
	right: -10px;
	z-index: 2;
	width: 386px;
	height: 386px
}

.paper-contract .paper-contract-anima .anima-ball {
	position: absolute;
	top: -40px;
	left: 0;
	z-index: 2;
	width: 386px;
	height: 386px;
	background: url(../img/paper-icon-ball.png) no-repeat center
}

.paper-contract .paper-contract-anima .icon-pk {
	position: absolute;
	top: 110px;
	left: 50%;
	display: inline-block;
	margin-left: -92px;
	width: 184px;
	height: 140px;
	background: url(../img/pk.png) no-repeat center;
	-webkit-animation: pk 2.2s linear 0s infinite;
	animation: pk 2.2s linear 0s infinite
}

.paper-contract .paper-contract-anima .data-box span {
	display: block;
	color: #333;
	font-size: 18px;
	line-height: 18px
}

.paper-contract .paper-contract-anima .data3 span {
	color: #f34d4e;
	font-size: 22px
}

.paper-contract .paper-contract-anima .data-box p {
	text-align: center;
	line-height: 25px
}

.paper-contract .paper-contract-anima .data-box {
	position: absolute;
	z-index: 2
}

.paper-contract .paper-contract-anima .data2 i {
	display: block;
	width: 74px;
	height: 74px;
	background: url(../img/paper-data-icon.png) no-repeat
}

.paper-contract .paper-contract-anima .data4 i {
	display: block;
	width: 86px;
	height: 86px;
	background: url(../img/paper-data-icon.png) 0 -80px no-repeat
}

.paper-contract .paper-contract-anima .data1 {
	top: 40px;
	left: -15px;
	-webkit-animation: data8 2s linear 0s infinite;
	animation: data8 2s linear 0s infinite
}

.paper-contract .paper-contract-anima .data2 {
	top: 178px;
	left: -5px;
	-webkit-animation: data10 2s linear 0s infinite;
	animation: data10 2s linear 0s infinite
}

.paper-contract .paper-contract-anima .data3 {
	top: 30px;
	right: -35px;
	-webkit-animation: data9 2s linear 0s infinite;
	animation: data9 2s linear 0s infinite
}

.paper-contract .paper-contract-anima .data4 {
	top: 185px;
	right: 73px;
	-webkit-animation: data11 2s linear 0s infinite;
	animation: data11 2s linear 0s infinite
}

.paper-contract .paper-contract-anima .ring-box {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -154px 0 0 -154px;
	width: 308px;
	height: 308px
}

.paper-contract .paper-contract-anima .ring1,
.paper-contract .paper-contract-anima .ring2,
.paper-contract .paper-contract-anima .ring3 {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin: -128px 0 0 -128px;
	width: 256px;
	height: 256px;
	border-radius: 100%;
	background: #f3e0d1;
	opacity: 0;
	-webkit-animation: scaleaieing 3s linear 0s infinite;
	animation: scaleaieing 3s linear 0s infinite
}

.paper-contract .paper-contract-anima .ring2 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}

.paper-contract .paper-contract-anima .ring3 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}

.paper-contract-bed {
	position: absolute;
	right: -115px;
	bottom: -20px;
	z-index: 1;
	width: 595px;
	height: 325px;
	background: url(../img/paper-stage.png) no-repeat center
}

.paper-contract-table {
	width: 722px
}

.paper-contract-table .pct-title {
	padding: 60px 0 30px 0;
	color: #333;
	font-size: 30px;
	line-height: 32px
}

.paper-contract-table .pct-con {
	margin-left: -30px;
	height: 290px;
	background: url(../img/paper-contract-table.png) no-repeat center
}

.paper-contract-table .pct-list {
	position: absolute;
	bottom: 164px;
	left: 39px
}

.paper-contract-table .pct-list.pct-1 {
	width: 188px;
	height: 132px
}

.paper-contract-table .pct-list.pct-2 {
	width: 549px;
	height: 27px
}

.paper-contract-table .pct-list .area {
	position: absolute;
	bottom: 0;
	left: 0
}

.paper-contract-table .pct-list.pct-1 .area {
	display: block;
	width: 188px;
	height: 132px;
	background: url(../img/paper-red.png) no-repeat top center;
	-webkit-animation: Chart1 6s linear 0s infinite;
	animation: Chart1 6s linear 0s infinite
}

.paper-contract-table .pct-list.pct-2 .area {
	display: block;
	width: 549px;
	height: 27px;
	background: url(../img/paper-jin.png) no-repeat top center;
	-webkit-animation: Chart2 6s linear 0s infinite;
	animation: Chart2 6s linear 0s infinite
}

.paper-contract-table .pct-list .dot {
	position: absolute;
	top: -10px;
	right: -10px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/paper-dot.png) no-repeat;
	opacity: 0;
	-webkit-animation: datapk 6s linear 0s infinite;
	animation: datapk 6s linear 0s infinite
}

.paper-contract-table .pct-list.pct-2 .dot {
	background-position: 0 -20px
}

.paper-contract-table .pct-list .pk {
	position: absolute;
	top: -48px;
	right: -140px;
	display: block;
	width: 125px;
	height: 101px;
	background: url(../img/paper-pak1.png) no-repeat;
	-webkit-animation: datapk 6s linear 0s infinite;
	animation: datapk 6s linear 0s infinite
}

.paper-contract-table .pct-list.pct-2 .pk {
	top: -118px;
	right: -60px;
	width: 120px;
	height: 105px;
	background: url(../img/paper-pak2.png) no-repeat
}

.paper-contract-bottom {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 807px;
	height: 25px;
	background: url(../img/paper-left.png) no-repeat
}

.paper-contract-bottom i {
	display: inline-block;
	margin-top: 10px;
	width: 251px;
	height: 14px;
	background: url(../img/paper-tip.png) no-repeat
}

@-webkit-keyframes pk {
	0% {
		margin-top: 0
	}

	50% {
		margin-top: -20px
	}

	100% {
		margin-top: 0
	}
}

@keyframes pk {
	0% {
		margin-top: 0
	}

	50% {
		margin-top: -20px
	}

	100% {
		margin-top: 0
	}
}

@-webkit-keyframes Chart1 {
	0% {
		height: 0
	}

	40% {
		height: 132px
	}

	100% {
		height: 132px
	}
}

@keyframes Chart1 {
	0% {
		height: 0
	}

	40% {
		height: 132px
	}

	100% {
		height: 132px
	}
}

@-webkit-keyframes Chart2 {
	0% {
		height: 0
	}

	40% {
		height: 27px
	}

	100% {
		height: 27px
	}
}

@keyframes Chart2 {
	0% {
		height: 0
	}

	40% {
		height: 27px
	}

	100% {
		height: 27px
	}
}

@-webkit-keyframes datapk {
	0% {
		opacity: 0
	}

	40% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 1
	}
}

@keyframes datapk {
	0% {
		opacity: 0
	}

	40% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 1
	}
}

.contract-value-wrap {
	width: 100%;
	height: 360px;
	background: #fff
}

.contract-value {
	margin: 0 auto;
	width: 1200px
}

.contract-value .value-title {
	padding: 50px 0 70px 0;
	height: 40px;
	color: #333;
	text-align: center;
	font-size: 32px;
	line-height: 40px
}

.contract-value .value-box {
	position: relative;
	float: left;
	padding-left: 130px;
	height: 115px
}

.contract-value .value-box.box1 {
	width: 230px
}

.contract-value .value-box.box2 {
	width: 280px
}

.contract-value .value-box.box3 {
	width: 180px
}

.contract-value .value-box+.value-box {
	margin-left: 60px
}

.contract-value .value-box .title {
	margin: 15px 0;
	color: #000;
	font-size: 18px;
	line-height: 20px
}

.contract-value .value-box .text {
	color: #898989;
	font-size: 14px;
	line-height: 25px
}

.contract-value .value-box em {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 115px;
	height: 115px;
	background: url(../img/index-icon.png) no-repeat
}

.contract-value .value-box em.icon1 {
	background-position: 0 -372px
}

.contract-value .value-box em.icon2 {
	background-position: -136px -312px
}

.contract-value .value-box em.icon3 {
	background-position: -136px -447px
}

.robot-cont {
	height: 410px;
	background-color: #fff
}

.robot-core {
	height: 560px
}

.robot-advantage {
	height: 540px;
	background: #fbfbfb
}

.robot-cont .robot-title {
	padding: 50px 0;
	color: #333;
	text-align: center;
	font-size: 32px;
	line-height: 35px
}

.robot-cont ul,
.service-support .cont {
	margin: 0 auto;
	width: 1200px
}

.core-function {
	position: relative;
	min-height: 342px;
	background: url(../img/core-function.png) no-repeat 395px 0
}

.robot-cont li {
	color: #999;
	font-size: 13px
}

.core-function li {
	position: absolute;
	line-height: 24px
}

.core-function li.fun1 {
	top: 6px;
	left: 115px
}

.core-function li.fun2 {
	top: 2px;
	left: 937px
}

.core-function li.fun3 {
	top: 218px;
	left: 156px
}

.core-function li.fun4 {
	top: 217px;
	left: 923px
}

.core-function li .icon {
	position: absolute;
	top: 16px;
	left: -64px;
	display: inline-block;
	width: 44px;
	height: 46px;
	background-image: url(../img/robot-icon.png);
	background-repeat: no-repeat
}

.core-function li.fun1 .icon {
	background-position: 0 0
}

.core-function li.fun2 .icon {
	background-position: -48px 0
}

.core-function li.fun3 .icon {
	background-position: -96px 0
}

.core-function li.fun4 .icon {
	background-position: -142px 0
}

.robot-cont li span,
.rule-engine li span,
.service-support li span,
.work-flow li span {
	display: block;
	color: #000;
	letter-spacing: 1px
}

.robot-cont li span {
	font-size: 22px
}

.core-function li span {
	line-height: 46px
}

.dis-n {
	display: none
}

.pro-advantage li {
	float: left;
	width: 25%;
	line-height: 22px
}

.pro-advantage li [class*=icon-adv] {
	display: block;
	margin: 18px auto 33px;
	width: 276px;
	height: 66px;
	background-image: url(../img/robot-icon2.png);
	background-repeat: no-repeat
}

.pro-advantage li .icon-adv1 {
	background-position: 50% 0
}

.pro-advantage li .icon-adv2 {
	background-position: 50% -68px
}

.pro-advantage li .icon-adv3 {
	background-position: 50% -136px
}

.pro-advantage li .icon-adv4 {
	background-position: 50% -204px
}

.pro-advantage li span {
	padding-bottom: 22px;
	text-align: center
}

.pro-advantage li span em {
	display: block;
	margin-top: 3px;
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 10px;
	-webkit-transform: scale(.8)
}

.pro-advantage li p {
	position: relative;
	margin-left: 60px;
	padding-bottom: 10px;
	width: 200px
}

.pro-advantage li .icon-diamond {
	position: absolute;
	top: 8px;
	left: -17px;
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url(../img/robot-icon.png) no-repeat -12px -104px
}

.robot-to-examine {
	width: 100%;
	height: 520px;
	background: url(../img/to-examine-bg.jpg) no-repeat center
}

.robot-to-examine .inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 520px
}

.robot-to-examine .examine-process {
	float: left;
	margin: 60px 0 0 45px;
	width: 555px
}

.robot-to-examine .examine-process .title {
	color: #fff;
	font-size: 32px;
	line-height: 34px
}

.robot-to-examine .examine-process ul {
	margin-top: 25px
}

.robot-to-examine .examine-process ul li {
	position: relative;
	padding: 0 0 22px 50px;
	height: 33px;
	color: #666;
	font-size: 14px;
	line-height: 33px
}

.robot-to-examine .examine-process li .dot {
	position: absolute;
	top: 0;
	left: 0;
	width: 33px;
	height: 33px
}

.robot-to-examine .examine-process li .dot i {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 33px;
	height: 33px;
	background: url(../img/icon-diamond.png) no-repeat center;
	opacity: 0
}

.robot-to-examine .examine-process li .dot:before {
	position: absolute;
	top: 13px;
	left: 13px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #858585;
	content: ""
}

.robot-to-examine .examine-process li.active {
	color: #ccc
}

.robot-to-examine .examine-process li.active .dot:before {
	background: #e4b282;
	box-shadow: 0 0 10px #e8a753
}

.robot-to-examine .examine-process li .success {
	position: absolute;
	bottom: 11px;
	left: 62px;
	margin-right: 16px;
	width: 340px;
	height: 1px;
	background: url(../img/success-line.png) no-repeat left center;
	opacity: 0
}

.robot-to-examine .examine-process li .success .doing {
	position: absolute;
	top: -3px;
	right: -4px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #e4b282;
	box-shadow: 0 0 10px #e8a753;
	opacity: 1
}

.robot-to-examine .examine-process li .success .end {
	position: absolute;
	top: -8px;
	right: -16px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/icon-success.png) no-repeat center;
	opacity: 0
}

.robot-to-examine .examine-process li.active .success {
	opacity: 1;
	-webkit-animation: process 2s linear 0s 1;
	animation: process 2s linear 0s 1
}

.robot-to-examine .examine-process li.active .success .doing {
	opacity: 0;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.robot-to-examine .examine-process li.active .success .end {
	opacity: 1;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.robot-to-examine .examine-process li.active .dot i {
	-webkit-animation: dot1 2.2s linear 0s 1;
	animation: dot1 2.2s linear 0s 1
}

.robot-to-examine .examine-process li.active .dot:before {
	-webkit-animation: dot2 2s linear 0s 1;
	animation: dot2 2s linear 0s 1
}

.robot-to-examine .examine-amina {
	position: absolute;
	top: 49px;
	right: 17px;
	display: block;
	width: 522px;
	height: 428px;
	background: url(../img/examine-amina2.png) no-repeat center
}

.robot-to-examine .examine-amina .around1 {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin: -169px 0 0 -169px;
	width: 338px;
	height: 338px;
	-webkit-animation: around1 20s linear 0s infinite;
	animation: around1 20s linear 0s infinite
}

.robot-to-examine .examine-amina .around1 em {
	position: absolute;
	top: 149px;
	left: 318px;
	width: 40px;
	height: 40px;
	background: url(../img/examine-icon1.png) no-repeat center;
	-webkit-animation: around2 20s linear 0s infinite;
	animation: around2 20s linear 0s infinite
}

.robot-to-examine .examine-amina .around1 span {
	position: absolute;
	top: 165px;
	left: -1px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #e4b282;
	box-shadow: 0 0 10px #e8a753;
	-webkit-animation: around2 20s linear 0s infinite;
	animation: around2 20s linear 0s infinite
}

.robot-to-examine .examine-amina .around1 span:before {
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -12px;
	width: 24px;
	color: #e0af80;
	content: "准确";
	font-size: 12px
}

.robot-to-examine .examine-amina .around2 {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin: -214px 0 0 -214px;
	width: 428px;
	height: 428px;
	-webkit-animation: around2 20s linear 0s infinite;
	animation: around2 20s linear 0s infinite
}

.robot-to-examine .examine-amina .around2 em {
	position: absolute;
	top: 199px;
	left: -15px;
	width: 30px;
	height: 30px;
	background: url(../img/examine-icon2.png) no-repeat center;
	-webkit-animation: around1 20s linear 0s infinite;
	animation: around1 20s linear 0s infinite
}

.robot-to-examine .examine-amina .around2 span {
	position: absolute;
	top: 210px;
	left: 424px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-animation: around1 20s linear 0s infinite;
	animation: around1 20s linear 0s infinite
}

.robot-to-examine .examine-amina .around2 span:before {
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -12px;
	width: 24px;
	color: #fff;
	content: "高效";
	font-size: 12px
}

@-webkit-keyframes process {
	0% {
		width: 0
	}

	100% {
		width: 340px
	}
}

@keyframes process {
	0% {
		width: 0
	}

	100% {
		width: 340px
	}
}

@-webkit-keyframes dot1 {
	0% {
		opacity: 1
	}

	95% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes dot1 {
	0% {
		opacity: 1
	}

	95% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes dot2 {
	0% {
		background: #fff;
		box-shadow-color: #fff
	}

	99% {
		background: #fff;
		box-shadow-color: #fff
	}

	100% {
		background: #e4b282;
		box-shadow-color: #e8a753
	}
}

@keyframes dot2 {
	0% {
		background: #fff;
		box-shadow-color: #fff
	}

	99% {
		background: #fff;
		box-shadow-color: #fff
	}

	100% {
		background: #e4b282;
		box-shadow-color: #e8a753
	}
}

@-webkit-keyframes around1 {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes around1 {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@-webkit-keyframes around2 {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes around2 {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(-360deg)
	}
}

.rule-engine {
	background: url(../img/rule-engine-bg.png) no-repeat 50% 0
}

.rule-engine h3,
.service-support h3,
.work-flow h3 {
	padding-top: 20px;
	text-align: center;
	font-size: 32px;
	line-height: 107px
}

.rule-engine .cont,
.work-flow .cont {
	margin: 0 auto;
	width: 1262px
}

.rule-engine .cont {
	padding-bottom: 43px;
	height: 617px;
	background: url(../img/rule-engine-cont.png) no-repeat 50% 107px
}

.rule-engine ul {
	margin: 0 31px;
	padding: 26px 0 2px;
	border-top: 3px solid #f00001
}

.rule-engine li {
	float: left;
	padding-bottom: 40px;
	padding-left: 57px;
	width: 543px;
	color: #999;
	font-size: 13px
}

.rule-engine li span {
	font-size: 18px;
	line-height: 46px
}

.rule-engine li .icon-dot {
	display: inline-block;
	margin: 0 11px 1px 0;
	width: 11px;
	height: 11px;
	background: url(../img/robot-icon.png) no-repeat 1px -103px;
	vertical-align: middle
}

.work-flow {
	padding-bottom: 50px;
	background: url(../img/work-flow-bg.png) repeat 0 0
}

.work-flow .cont {
	padding-top: 3px
}

.work-flow ul {
	padding: 0 31px;
	height: 342px;
	background: url(../img/work-flow-cont.png) no-repeat 50% 0
}

.service-support li,
.work-flow li {
	float: left;
	width: 25%;
	color: #898989;
	font-size: 14px;
	line-height: 28px
}

.work-flow li {
	padding-top: 84px;
	text-align: center
}

.work-flow li span {
	padding-bottom: 35px;
	height: 25px;
	font-size: 20px;
	line-height: 25px
}

.work-flow li .text {
	display: table;
	margin: 0 auto;
	width: 250px;
	height: 120px
}

.work-flow li .text em {
	display: table-cell;
	vertical-align: middle
}

.work-flow .tip {
	margin-top: -20px;
	padding-right: 31px;
	color: #bfbfbf;
	text-align: right
}

.service-support {
	padding-bottom: 99px;
	background-color: #fff
}

.service-support ul {
	padding-top: 55px
}

.service-support li {
	position: relative;
	margin-left: 120px;
	width: 180px
}

.service-support li em {
	position: absolute;
	top: 14px;
	left: -118px;
	width: 96px;
	height: 96px;
	background: url(../img/circle-gray.png) no-repeat 0 0
}

.service-support li em i {
	display: inline-block;
	margin: 21px 24px;
	width: 48px;
	height: 54px;
	background-image: url(../img/robot-icon.png);
	background-repeat: no-repeat
}

.service-support li span {
	font-size: 18px;
	line-height: 56px
}

.service-support li em .icon-service1 {
	background-position: 0 -48px
}

.service-support li em .icon-service2 {
	background-position: -50px -48px
}

.service-support li em .icon-service3 {
	background-position: -100px -48px
}

.service-support li em .icon-service4 {
	background-position: -150px -48px
}

.robot-fbanner {
	height: 180px;
	background: #121212 url(../img/robot-fbanner.jpg) no-repeat 50% 0
}

.e-title-bar {
	padding-top: 56px;
	color: #000;
	text-align: center;
	font-size: 32px;
	line-height: 35px
}

.e-title-bar span {
	display: block;
	margin-top: 15px;
	color: #333;
	font-size: 20px;
	line-height: 20px;
	opacity: .5
}

.e-index-fullbanner {
	position: relative;
	margin-top: 60px
}

.e-index-fullbanner .swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform
}

.e-index-fullbanner .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 100%;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.e-index-fullbanner .swiper-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	min-width: 1200px;
	width: 100%;
	height: 500px
}

.e-index-fullbanner .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 100%;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.e-index-fullbanner .swiper-container .swiper-slide a {
	display: block;
	width: 100%;
	height: 500px;
	background: no-repeat 50% 0;
	background-size: cover
}

.e-index-fullbanner .swiper-button {
	display: none
}

.e-index-fullbanner .swiper-container:hover .swiper-button {
	display: block
}

.e-index-fullbanner .swiper-button-next,
.e-index-fullbanner .swiper-button-prev {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -32px;
	width: 64px;
	height: 64px;
	background: url(../img/e-banner-arrow.png) no-repeat center;
	cursor: pointer
}

.e-index-fullbanner .swiper-button-prev {
	right: auto;
	left: 50px;
	background-position: 0 0
}

.e-index-fullbanner .swiper-button-prev:hover {
	background-position: 0 -66px
}

.e-index-fullbanner .swiper-button-next {
	right: 50px;
	left: auto;
	background-position: -66px 0
}

.e-index-fullbanner .swiper-button-next:hover {
	background-position: -66px -66px
}

.e-cfo-work {
	width: 100%;
	height: 400px;
	background: #fff
}

.e-cfo-work .inner {
	margin: 0 auto;
	width: 1200px
}

.e-cfo-work .inner .cfo-work {
	margin-top: 80px
}

.e-cfo-work .inner .cfo-work .box {
	position: relative;
	float: left;
	padding-left: 135px;
	width: 211px;
	height: 115px
}

.e-cfo-work .inner .cfo-work .box+.box {
	margin-left: 81px;
	width: 257px
}

.e-cfo-work .inner .cfo-work .box:last-child {
	width: 165px
}

.e-cfo-work .inner .cfo-work .box+.box:before {
	position: absolute;
	top: 28px;
	left: -81px;
	width: 1px;
	height: 60px;
	background: #eee;
	content: ""
}

.e-cfo-work .inner .cfo-work .box em {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 115px;
	height: 115px
}

.e-cfo-work .inner .cfo-work .box .icon1 {
	background: url(../img/cfo-icon1.png) no-repeat center
}

.e-cfo-work .inner .cfo-work .box .icon2 {
	background: url(../img/cfo-icon2.png) no-repeat center
}

.e-cfo-work .inner .cfo-work .box .icon3 {
	background: url(../img/cfo-icon3.png) no-repeat center
}

.e-cfo-work .inner .cfo-work .box .text {
	position: relative;
	margin-top: 35px;
	padding-bottom: 28px;
	color: #000;
	font-size: 18px;
	line-height: 20px
}

.e-cfo-work .inner .cfo-work .box .text:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 24px;
	height: 3px;
	border-radius: 2px;
	background: #2a6fcd;
	content: ""
}

.eaccount-work {
	width: 100%;
	height: 640px;
	background: url(../img/eaccount-work-bg.jpg) no-repeat center
}

.eaccount-work .eaccount-inner {
	position: relative;
	margin: 0 auto;
	padding: 60px 0;
	width: 1200px;
	height: 520px
}

.eaccount-animation {
	position: relative;
	width: 921px;
	height: 516px;
	border-radius: 3px;
	background: url(../img/eaccount-animation-bg.png) no-repeat center
}

.eaccount-animation:before {
	position: absolute;
	top: -20px;
	left: 0;
	display: block;
	width: 502px;
	height: 10px;
	background: url(../img/font-before.png) no-repeat center;
	content: "";
	-webkit-transition: all 1.5s linear;
	transition: all 1.5s linear
}

.eaccount-animation:after {
	position: absolute;
	top: -20px;
	left: 0;
	display: block;
	width: 502px;
	height: 10px;
	background: url(../img/font-after.png) no-repeat center;
	content: "";
	opacity: 0;
	-webkit-transition: all 1.5s linear;
	transition: all 1.5s linear
}

.eaccount-animation.animated:before {
	opacity: 0
}

.eaccount-animation.animated:after {
	opacity: 1
}

.eaccount-animation .animation-box {
	position: relative;
	overflow: hidden;
	width: 921px;
	height: 517px
}

.eaccount-animation .man {
	position: absolute;
	top: 38px;
	left: 570px;
	z-index: 2;
	display: inline-block;
	width: 322px;
	height: 478px;
	background: url(../img/icon-man.png) no-repeat top center
}

.eaccount-animation .computer {
	position: absolute;
	top: 73px;
	left: 232px;
	display: inline-block;
	width: 369px;
	height: 370px;
	background: url(../img/icon-computer.png) no-repeat top center
}

.eaccount-animation .counter {
	position: absolute;
	top: 403px;
	left: 133px;
	display: inline-block;
	width: 171px;
	height: 96px;
	background: url(../img/icon-counter.png) no-repeat center;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.eaccount-animation .file {
	position: absolute;
	top: 215px;
	left: 532px;
	display: inline-block;
	width: 163px;
	height: 104px;
	background: url(../img/icon-file.png) no-repeat center;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.eaccount-animation .word {
	position: absolute;
	top: 230px;
	left: 56px;
	display: inline-block;
	width: 165px;
	height: 205px;
	background: url(../img/icon-word.png) no-repeat center;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.eaccount-animation .excel {
	position: absolute;
	top: 138px;
	left: 316px;
	display: inline-block;
	width: 124px;
	height: 192px;
	background: url(../img/icon-excel.png) no-repeat center;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.eaccount-animation .pdf {
	position: absolute;
	top: 124px;
	left: 14px;
	display: inline-block;
	width: 127px;
	height: 159px;
	background: url(../img/icon-PDF.png) no-repeat center;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.eaccount-animation .resume {
	position: absolute;
	top: 15px;
	left: 134px;
	display: inline-block;
	width: 168px;
	height: 200px;
	background: url(../img/icon-resume.png) no-repeat center;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.eaccount-animation .mouth-b {
	position: absolute;
	top: 240px;
	left: 650px;
	z-index: 3;
	display: inline-block;
	width: 23px;
	height: 7px;
	background: url(../img/icon-mouth-b.png) no-repeat center;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.eaccount-animation .dialogue {
	position: absolute;
	top: 64px;
	left: 537px;
	display: inline-block;
	width: 82px;
	height: 106px;
	background: url(../img/icon-dialogue.png) no-repeat center;
	-webkit-animation: fluttering 3s linear 0s infinite;
	animation: fluttering 3s linear 0s infinite
}

.eaccount-animation .dialogue-before {
	position: absolute;
	top: 26px;
	left: 13px;
	z-index: 2;
	display: inline-block;
	width: 63px;
	height: 50px;
	background: url(../img/icon-dialogue-before.png) no-repeat center;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.eaccount-animation .dialogue-after {
	position: absolute;
	top: 19px;
	left: 13px;
	z-index: 2;
	display: inline-block;
	width: 58px;
	height: 68px;
	background: url(../img/icon-dialogue-after.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.eaccount-animation .glass {
	position: absolute;
	top: 396px;
	left: 157px;
	display: inline-block;
	width: 160px;
	height: 88px;
	background: url(../img/icon-glass.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.eaccount-animation .e {
	position: absolute;
	top: 112px;
	left: 264px;
	display: inline-block;
	width: 211px;
	height: 246px;
	background: url(../img/icon-e.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.eaccount-animation .e-cover {
	position: absolute;
	top: 109px;
	left: 269px;
	display: inline-block;
	width: 201px;
	height: 248px;
	background: url(../img/icon-e-cover.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.eaccount-animation .e-cover1 {
	position: absolute;
	top: 109px;
	left: 269px;
	display: inline-block;
	width: 201px;
	height: 248px;
	background: url(../img/icon-e-cover1.png) no-repeat center;
	opacity: 0
}

.eaccount-animation .e-cover2 {
	position: absolute;
	top: 109px;
	left: 269px;
	display: inline-block;
	width: 201px;
	height: 248px;
	background: url(../img/icon-e-cover2.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all 1.5s ease-in;
	transition: all 1.5s ease-in;
	-webkit-transition-delay: 6s;
	transition-delay: 6s
}

.eaccount-animation .e-scan {
	position: absolute;
	top: 270px;
	left: 269px;
	display: inline-block;
	width: 202px;
	height: 161px;
	background: url(../img/icon-e-scan.png) no-repeat top center;
	opacity: 0
}

.eaccount-animation .e-line {
	position: absolute;
	top: -25px;
	left: -63px;
	display: inline-block;
	width: 820px;
	height: 353px;
	background: url(../img/icon-e-line.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all 3s ease-in;
	transition: all 3s ease-in;
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.eaccount-animation .mouth-a {
	position: absolute;
	top: 240px;
	left: 650px;
	z-index: 3;
	display: inline-block;
	width: 24px;
	height: 5px;
	background: url(../img/icon-mouth-a.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all 3s ease-in;
	transition: all 3s ease-in;
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}

.eaccount-animation .cover-l {
	position: absolute;
	bottom: 0;
	left: -718px;
	z-index: 4;
	display: block;
	width: 718px;
	height: 426px;
	background: url(../img/cover-l.png) no-repeat center;
	-webkit-transition: all 1s ease-in;
	transition: all 1s ease-in
}

.eaccount-animation .cover-r {
	position: absolute;
	right: -665px;
	bottom: 0;
	z-index: 4;
	display: block;
	width: 665px;
	height: 466px;
	background: url(../img/cover-r.png) no-repeat center;
	-webkit-transition: all 1s ease-in;
	transition: all 1s ease-in
}

.eaccount-animation .cover-text {
	position: absolute;
	bottom: 162px;
	left: 50%;
	z-index: 4;
	display: block;
	margin-left: -136px;
	width: 272px;
	height: 89px;
	background: url(../img/cover-text.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.eaccount-animation .cover-btn {
	position: absolute;
	top: 154px;
	left: 50%;
	z-index: 4;
	display: block;
	margin-left: -46px;
	width: 92px;
	height: 92px;
	border-radius: 100%;
	background: url(../img/cover-btn.png) no-repeat center;
	box-shadow: 0 10px 20px rgba(0, 33, 201, .4);
	opacity: 0;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.eaccount-animation .cover-btn i {
	position: absolute;
	top: 8px;
	left: 15px;
	display: inline-block;
	width: 58px;
	height: 70px;
	background: url(../img/cover-btn-hand.png) no-repeat center;
	-webkit-animation: hand 1s linear 0s infinite;
	animation: hand 1s linear 0s infinite
}

.eaccount-animation .word.fluttering {
	-webkit-animation: fluttering 3.2s linear 0s infinite;
	animation: fluttering 3.2s linear 0s infinite
}

.eaccount-animation .resume.fluttering {
	-webkit-animation: fluttering 2.8s linear 0s infinite;
	animation: fluttering 2.8s linear 0s infinite
}

.eaccount-animation .pdf.fluttering {
	-webkit-animation: fluttering 3s linear 0s infinite;
	animation: fluttering 3s linear 0s infinite
}

.eaccount-animation .word.remove {
	top: -220px
}

.eaccount-animation .excel.remove {
	top: -312px
}

.eaccount-animation .pdf.remove {
	top: -326px
}

.eaccount-animation .resume.remove {
	top: -435px
}

.eaccount-animation .counter.remove {
	top: 518px;
	left: -80px
}

.eaccount-animation .file.remove {
	top: 36px;
	left: 921px
}

.eaccount-animation .dialogue-before.remove {
	opacity: 0
}

.eaccount-animation .mouth-b.remove {
	opacity: 0
}

.eaccount-animation .dialogue-after.appear {
	opacity: 1
}

.eaccount-animation .glass.appear {
	opacity: 1
}

.eaccount-animation .e.appear {
	opacity: 1
}

.eaccount-animation .e-cover.appear {
	opacity: 1
}

.eaccount-animation .e-cover1.appear {
	-webkit-animation: cover 4s linear 0s 1;
	animation: cover 4s linear 0s 1;
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.eaccount-animation .e-cover2.appear {
	opacity: 1
}

.eaccount-animation .e-scan.appear {
	-webkit-animation: escan 2.5s linear 0s infinite;
	animation: escan 2.5s linear 0s infinite;
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.eaccount-animation .e-line.appear {
	opacity: 1
}

.eaccount-animation .mouth-a.appear {
	opacity: 1
}

.eaccount-animation.cur .cover-l {
	left: 0
}

.eaccount-animation.cur .cover-r {
	right: 0
}

.eaccount-animation.cur .cover-text {
	opacity: 1
}

.eaccount-animation.cur .cover-btn {
	opacity: 1;
	pointer-events: auto
}

.eaccount-work .work-mode {
	position: absolute;
	top: 120px;
	right: 0;
	z-index: 4;
	width: 300px;
	height: 360px;
	border-radius: 6px;
	box-shadow: 0 15px 40px rgba(3, 59, 129, .3)
}

.eaccount-work .work-mode .mode-box {
	overflow: hidden;
	width: 300px;
	height: 360px
}

.eaccount-work .work-mode .mode-tradition {
	position: relative;
	margin-bottom: 20px;
	width: 300px;
	height: 360px;
	background: url(../img/mode-tradition.png) no-repeat center;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in
}

.eaccount-work .work-mode .mode-now {
	width: 300px;
	height: 360px;
	background: url(../img/mode-now.png) no-repeat center;
	opacity: 0;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in
}

.eaccount-work .work-mode .mode-btn {
	position: absolute;
	top: 285px;
	left: 50%;
	display: block;
	margin-left: -130px;
	width: 260px;
	height: 44px;
	border-radius: 30px;
	background: url(../img/mode-btn.png) no-repeat center;
	box-shadow: 0 6px 15px rgba(0, 33, 201, .4)
}

.eaccount-work .work-mode .mode-btn i {
	position: absolute;
	top: 18px;
	right: 53px;
	display: inline-block;
	width: 30px;
	height: 23px;
	background: url(../img/mode-btn-icon.png) no-repeat center;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.eaccount-work .work-mode .mode-btn:hover i {
	right: 48px
}

.eaccount-work .work-mode.animated .mode-tradition {
	margin-top: -380px;
	opacity: 0
}

.eaccount-work .work-mode.animated .mode-now {
	opacity: 1
}

@-webkit-keyframes fluttering {
	0% {
		margin-top: 0
	}

	50% {
		margin-top: -20px
	}

	100% {
		margin-top: 0
	}
}

@keyframes fluttering {
	0% {
		margin-top: 0
	}

	50% {
		margin-top: -20px
	}

	100% {
		margin-top: 0
	}
}

@-webkit-keyframes hand {
	0% {
		top: 13px;
		opacity: 1
	}

	100% {
		top: 8px;
		opacity: 0
	}
}

@keyframes hand {
	0% {
		top: 13px;
		opacity: 1
	}

	100% {
		top: 8px;
		opacity: 0
	}
}

@-webkit-keyframes escan {
	0% {
		top: 270px;
		height: 100px;
		opacity: 0
	}

	37% {
		top: 210px;
		height: 160px;
		opacity: 1
	}

	50% {
		top: 190px;
		height: 160px;
		opacity: 1
	}

	90% {
		top: 126px;
		height: 160px;
		opacity: 1
	}

	100% {
		top: 110px;
		height: 160px;
		opacity: 0
	}
}

@keyframes escan {
	0% {
		top: 270px;
		height: 100px;
		opacity: 0
	}

	37% {
		top: 210px;
		height: 160px;
		opacity: 1
	}

	50% {
		top: 190px;
		height: 160px;
		opacity: 1
	}

	90% {
		top: 126px;
		height: 160px;
		opacity: 1
	}

	100% {
		top: 110px;
		height: 160px;
		opacity: 0
	}
}

@-webkit-keyframes cover {
	0% {
		opacity: 0
	}

	25% {
		opacity: 1
	}

	75% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes cover {
	0% {
		opacity: 0
	}

	25% {
		opacity: 1
	}

	75% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.e-service-custom {
	width: 100%;
	height: 940px;
	background: #bfe0f9
}

.e-service-custom .inner {
	margin: 0 auto;
	width: 1200px
}

.e-service-custom .service-info {
	position: relative;
	margin-top: 58px;
	width: 1200px;
	border-top: 4px solid #79c0f8;
	background: #fff
}

.e-service-custom .service-title {
	position: absolute;
	top: -22px;
	left: 50%;
	display: inline-block;
	margin-left: -260px;
	width: 520px;
	height: 40px;
	background: url(../img/service-title-bg.png) no-repeat center;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 40px
}

.e-service-custom .service-info .service-box {
	padding: 56px 40px 62px 40px
}

.e-service-custom .service-info .service-box ul {
	position: relative;
	float: left
}

.e-service-custom .service-info .service-box ul+ul {
	margin-left: 40px
}

.e-service-custom .service-info .service-box ul+ul:before {
	position: absolute;
	top: 130px;
	left: -25px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -456px -1px;
	content: ""
}

.e-service-custom .service-info .service-box .service-list-left {
	width: 298px;
	border: 1px solid #efefef;
	border-bottom: none
}

.e-service-custom .service-info .service-box .service-list-left .title {
	height: 60px;
	border-bottom: none;
	background: #f4f4f4;
	color: #333;
	text-align: center;
	font-size: 20px;
	line-height: 60px
}

.e-service-custom .service-info .service-box .service-list-left li {
	height: 68px;
	border-bottom: 1px solid #efefef;
	color: #333;
	text-align: center;
	font-size: 16px;
	line-height: 68px
}

.e-service-custom .service-info .service-box .service-list-center {
	width: 438px;
	border: 1px solid #e1f1fd;
	border-bottom: none
}

.e-service-custom .service-info .service-box .service-list-center .title {
	height: 60px;
	border-bottom: none;
	background: #e3f1fc url(../img/e-service-logo_1x.png) no-repeat center;
	background-image: -webkit-image-set(url(../img/e-service-logo_1x.png) 1x, url(../img/e-service-logo_2x.png) 2x);
	background-image: -moz-image-set(url(../img/e-service-logo_1x.png) 1x, url(../img/e-service-logo_2x.png) 2x);
	background-image: -ms-image-set(url(../img/e-service-logo_1x.png) 1x, url(../img/e-service-logo_2x.png) 2x);
	background-image: -o-image-set(url(../img/e-service-logo_1x.png) 1x, url(../img/e-service-logo_2x.png) 2x);
	text-align: center;
	line-height: 60px
}

.e-service-custom .service-info .service-box .service-list-center li {
	height: 51px;
	border-bottom: 1px solid #e1f1fd;
	color: #666;
	text-align: center;
	font-size: 16px;
	line-height: 51px
}

.e-service-custom .service-info .service-box .service-list-right {
	width: 298px;
	border: 1px solid #efefef;
	border-bottom: none
}

.e-service-custom .service-info .service-box .service-list-right .title {
	height: 60px;
	border-bottom: none;
	background: #f4f4f4;
	color: #333;
	text-align: center;
	font-size: 20px;
	line-height: 60px
}

.e-service-custom .service-info .service-box .service-list-right li {
	height: 51px;
	border-bottom: 1px solid #efefef;
	color: #666;
	text-align: center;
	font-size: 15px;
	line-height: 51px
}

.e-service-custom .custom-demand {
	position: relative;
	margin-top: 58px;
	width: 1200px;
	border-top: 4px solid #79c0f8;
	background: #fff
}

.e-service-custom .custom-demand ul {
	padding: 65px 40px 40px 40px
}

.e-service-custom .custom-demand .box {
	position: relative;
	float: left;
	padding-left: 130px;
	width: 183px;
	height: 132px
}

.e-service-custom .custom-demand .box+.box {
	margin-left: 90px
}

.e-service-custom .custom-demand .box+.box:before {
	position: absolute;
	top: 16px;
	left: -50px;
	display: inline-block;
	width: 1px;
	height: 100px;
	background: #eee;
	content: ""
}

.e-service-custom .custom-demand .box em {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 109px;
	height: 132px
}

.e-service-custom .custom-demand .box .icon1 {
	background: url(../img/demand-icon1.png) no-repeat center
}

.e-service-custom .custom-demand .box .icon2 {
	background: url(../img/demand-icon2.png) no-repeat center
}

.e-service-custom .custom-demand .box .icon3 {
	background: url(../img/demand-icon3.png) no-repeat center
}

.e-service-custom .custom-demand .box .text {
	margin-top: 16px;
	color: #333;
	font-size: 20px;
	line-height: 22px
}

.e-service-custom .custom-demand .box .text span {
	display: block;
	margin-top: 16px;
	color: #848484;
	font-size: 15px;
	line-height: 25px
}

.e-user-worth {
	width: 100%;
	height: 470px;
	background: #e3f1fc
}

.e-user-worth .inner {
	margin: 0 auto;
	width: 1200px
}

.e-user-worth .inner ul {
	margin-top: 60px
}

.e-user-worth .inner .box {
	float: left;
	width: 285px;
	height: 220px;
	background: #fff
}

.e-user-worth .inner .box+.box {
	margin-left: 20px
}

.e-user-worth .inner .box .title {
	height: 50px;
	background: url(../img/user-worth-title.png) no-repeat;
	color: #fff;
	text-indent: 75px;
	font-size: 20px;
	line-height: 50px
}

.e-user-worth .inner .box .title1 {
	background-position: 0 0
}

.e-user-worth .inner .box .title2 {
	background-position: 0 -55px
}

.e-user-worth .inner .box .title3 {
	background-position: 0 -110px
}

.e-user-worth .inner .box .title4 {
	background-position: 0 -165px
}

.e-user-worth .inner .box .info {
	padding: 28px 20px
}

.e-user-worth .inner .box .info p {
	position: relative;
	padding-left: 20px;
	color: #848484;
	font-size: 15px;
	line-height: 15px
}

.e-user-worth .inner .box .info p:before {
	position: absolute;
	top: 5px;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #79c0f8;
	content: ""
}

.e-user-worth .inner .box .info p+p {
	margin-top: 15px
}

.e-six-robot {
	width: 100%;
	height: 720px;
	background: #fff
}

.e-six-robot .inner {
	margin: 0 auto;
	width: 1200px
}

.e-six-robot .inner ul {
	margin-top: 60px;
	width: 1221px
}

.e-six-robot .inner .box {
	float: left;
	overflow: hidden;
	margin: 0 21px 30px 0;
	width: 386px;
	height: 220px
}

.e-six-robot .inner .box:hover .box-nl {
	margin-top: -230px
}

.e-six-robot .inner .box .box-nl {
	position: relative;
	margin-bottom: 10px;
	width: 386px;
	height: 220px;
	background: #f7f7f7;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.e-six-robot .inner .box .box-nl em {
	position: absolute;
	top: 30px;
	right: 35px;
	display: inline-block;
	width: 62px;
	height: 62px;
	background: url(../img/six-robot.png) no-repeat
}

.e-six-robot .inner .box .box-nl .icon1 {
	background-position: 0 0
}

.e-six-robot .inner .box .box-nl .icon2 {
	background-position: -62px 0
}

.e-six-robot .inner .box .box-nl .icon3 {
	background-position: -124px 0
}

.e-six-robot .inner .box .box-nl .icon4 {
	background-position: 0 -62px
}

.e-six-robot .inner .box .box-nl .icon5 {
	background-position: -62px -62px
}

.e-six-robot .inner .box .box-nl .icon6 {
	background-position: -124px -62px
}

.e-six-robot .inner .box .box-nl .text {
	padding: 90px 30px 0 30px
}

.e-six-robot .inner .box .box-nl .text i {
	display: block;
	color: #1d61bd;
	font-size: 20px;
	font-family: Akzid;
	line-height: 20px
}

.e-six-robot .inner .box .box-nl .text p {
	margin-top: 20px;
	color: #000;
	font-size: 18px;
	line-height: 20px
}

.e-six-robot .inner .box .box-nl .text span {
	display: block;
	margin-top: 15px;
	color: #333;
	font-size: 14px;
	line-height: 15px;
	opacity: .6
}

.e-six-robot .inner .box .box-hi {
	padding: 0 43px;
	width: 300px;
	height: 220px;
	background: #2a6fcd;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.e-six-robot .inner .box .box-hi .title {
	padding: 22px 0 19px 0;
	border-bottom: 1px solid #4f8cde;
	color: #fff;
	font-size: 18px;
	line-height: 20px
}

.e-six-robot .inner .box .box-hi .title i {
	display: inline-block;
	float: left;
	margin-right: 15px;
	color: #20fff2;
	font-size: 20px;
	font-family: Akzid
}

.e-six-robot .inner .box .box-hi .text {
	margin-top: 12px;
	height: 83px
}

.e-six-robot .inner .box .box-hi .text p {
	position: relative;
	float: left;
	margin-bottom: 6px;
	padding-left: 20px;
	width: 130px;
	color: #fff;
	font-size: 14px;
	line-height: 15px
}

.e-six-robot .inner .box .box-hi .text p:before {
	position: absolute;
	top: 3px;
	left: 0;
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(../img/index-icon.png) no-repeat;
	background-position: -470px -1px;
	content: ""
}

.e-six-robot .inner .box .box-hi .more-btn {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 200px;
	height: 36px;
	border-radius: 30px;
	background: #1357b3
}

.e-six-robot .inner .box .box-hi .more-btn span {
	display: block;
	width: 200px;
	height: 72px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.e-six-robot .inner .box .box-hi .more-btn em {
	display: block;
	width: 200px;
	height: 36px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 36px
}

.e-six-robot .inner .box .box-hi .more-btn:hover span {
	margin-top: -36px
}

.e-all-automat {
	width: 100%;
	height: 580px;
	background: url(../img/automatic-bg.png) no-repeat center
}

.e-all-automat .inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 580px
}

.e-all-automat .e-title-bar {
	color: #fff
}

.e-all-automat .automat-animation {
	position: absolute;
	bottom: 0;
	left: 0
}

.e-all-automat .automat-animation .text {
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;
	color: #e2f2ff;
	text-align: center;
	font-size: 18px;
	line-height: 20px
}

.e-all-automat .automat-animation .text:after {
	position: absolute;
	bottom: -35px;
	left: 50%;
	display: inline-block;
	margin-left: -15px;
	width: 31px;
	height: 29px;
	background: url(../img/automat-bottom.png) no-repeat center;
	content: ""
}

.automat-animation .animation1 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	width: 228px;
	height: 353px;
	background: url(../img/automat-animation1.png) no-repeat center
}

.automat-animation .animation2 {
	position: absolute;
	bottom: 0;
	left: 325px;
	float: left;
	width: 223px;
	height: 264px;
	background: url(../img/automat-animation2.png) no-repeat center
}

.automat-animation .animation3 {
	position: absolute;
	bottom: 0;
	left: 650px;
	float: left;
	width: 223px;
	height: 334px;
	background: url(../img/automat-animation3.png) no-repeat center
}

.automat-animation .animation4 {
	position: absolute;
	bottom: 0;
	left: 970px;
	float: left;
	width: 257px;
	height: 323px;
	background: url(../img/automat-animation4.png) no-repeat center
}

.automat-animation .scan {
	position: absolute;
	top: 90px;
	left: 60px;
	display: inline-block;
	width: 153px;
	height: 124px;
	background: url(../img/scan.png) no-repeat center;
	-webkit-animation: scan 2s linear 0s infinite;
	animation: scan 2s linear 0s infinite
}

.automat-animation .ai {
	position: absolute;
	top: 65px;
	left: 75px;
	display: inline-block;
	width: 66px;
	height: 54px;
	background: url(../img/ai.png) no-repeat center;
	-webkit-animation: ai 3s linear 0s infinite;
	animation: ai 3s linear 0s infinite
}

.automat-animation .cube1 {
	position: absolute;
	top: 15px;
	left: 172px;
	display: inline-block;
	width: 25px;
	height: 27px;
	background: url(../img/cube1.png) no-repeat center;
	-webkit-animation: ai 2.8s linear 0s infinite;
	animation: ai 2.8s linear 0s infinite
}

.automat-animation .cube2 {
	position: absolute;
	top: 45px;
	left: 96px;
	display: inline-block;
	width: 60px;
	height: 62px;
	background: url(../img/cube2.png) no-repeat center;
	-webkit-animation: ai 2.6s linear 0s infinite;
	animation: ai 2.6s linear 0s infinite
}

.automat-animation .crm {
	position: absolute;
	top: 45px;
	left: 130px;
	display: inline-block;
	width: 37px;
	height: 35px;
	background: url(../img/crm.png) no-repeat center;
	-webkit-animation: ai 3s linear 0s infinite;
	animation: ai 3s linear 0s infinite
}

.automat-animation .oa {
	position: absolute;
	top: 105px;
	left: 105px;
	display: inline-block;
	width: 29px;
	height: 28px;
	background: url(../img/oa.png) no-repeat center;
	-webkit-animation: ai 2.6s linear 0s infinite;
	animation: ai 2.6s linear 0s infinite
}

.automat-animation .erp {
	position: absolute;
	top: 65px;
	left: 60px;
	display: inline-block;
	width: 34px;
	height: 33px;
	background: url(../img/erp.png) no-repeat center;
	-webkit-animation: ai 2.8s linear 0s infinite;
	animation: ai 2.8s linear 0s infinite
}

.automat-animation .dot {
	position: absolute;
	top: 95px;
	left: 163px;
	display: inline-block;
	width: 13px;
	height: 14px;
	background: url(../img/dot.png) no-repeat center;
	-webkit-animation: ai 2.4s linear 0s infinite;
	animation: ai 2.4s linear 0s infinite
}

@-webkit-keyframes scan {
	0% {
		top: 90px;
		opacity: 1
	}

	50% {
		top: 45px;
		opacity: 1
	}

	80% {
		top: 10px;
		opacity: 1
	}

	100% {
		top: 0;
		opacity: 0
	}
}

@keyframes scan {
	0% {
		top: 90px;
		opacity: 1
	}

	50% {
		top: 45px;
		opacity: 1
	}

	80% {
		top: 10px;
		opacity: 1
	}

	100% {
		top: 0;
		opacity: 0
	}
}

@-webkit-keyframes ai {
	0% {
		margin-top: 0
	}

	50% {
		margin-top: -20px
	}

	100% {
		margin-top: 0
	}
}

@keyframes ai {
	0% {
		margin-top: 0
	}

	50% {
		margin-top: -20px
	}

	100% {
		margin-top: 0
	}
}

.e-they-choice {
	overflow: hidden;
	width: 100%;
	height: 570px;
	background: #fff
}

.e-they-choice .inner {
	margin: 0 auto;
	width: 1200px
}

.e-they-choice .they-choice-banner {
	position: relative;
	margin: 285px auto 0 auto;
	padding: 0 100px;
	width: 722px
}

.e-they-choice .swiper-container {
	position: static;
	overflow: hidden;
	margin: 0 auto;
	margin: 0 auto;
	width: 722px
}

.e-they-choice .swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform
}

.e-they-choice .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 130px;
	height: auto;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.e-they-choice .swiper-slide .box {
	padding: 10px;
	width: 110px;
	height: 110px;
	border-radius: 100%;
	opacity: .2
}

.e-they-choice .swiper-slide .pic {
	overflow: hidden;
	margin: 0 auto;
	width: 110px;
	height: 110px;
	border-radius: 100%
}

.e-they-choice .swiper-slide-next .box,
.e-they-choice .swiper-slide-prev .box {
	opacity: .5
}

.e-they-choice .swiper-slide-active .box {
	background: #e7eef8;
	opacity: 1
}

.e-they-choice .swiper-button-next,
.e-they-choice .swiper-button-prev {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -6px;
	width: 8px;
	height: 13px;
	background: url(../img/e-banner-arrow.png) no-repeat center;
	cursor: pointer
}

.e-they-choice .swiper-button-prev {
	right: auto;
	left: 0;
	background-position: -2px -131px
}

.e-they-choice .swiper-button-prev:hover {
	background-position: -2px -146px
}

.e-they-choice .swiper-button-next {
	right: 0;
	left: auto;
	background-position: -19px -131px
}

.e-they-choice .swiper-button-next:hover {
	background-position: -19px -146px
}

.e-they-choice .they-sai-wrap {
	position: absolute;
	top: -240px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 190px;
	background: #f4f4f4
}

.e-they-choice .they-sai-wrap:after {
	position: absolute;
	bottom: -18px;
	left: 50%;
	display: inline-block;
	margin-left: -12px;
	width: 24px;
	height: 18px;
	background: url(../img/sai-jiao.png) no-repeat center;
	content: ""
}

.e-they-choice .they-sai-wrap .they-sai {
	display: none;
	padding: 35px 100px 0 100px
}

.e-they-choice .they-sai-wrap .they-sai .title {
	text-align: center
}

.e-they-choice .they-sai-wrap .they-sai .title span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	color: #000;
	font-size: 20px;
	line-height: 20px
}

.e-they-choice .they-sai-wrap .they-sai .title span:before {
	position: absolute;
	top: 10px;
	left: -25px;
	display: inline-block;
	width: 25px;
	height: 1px;
	background: #cdcdcd;
	content: ""
}

.e-they-choice .they-sai-wrap .they-sai .title span:after {
	position: absolute;
	top: 10px;
	right: -25px;
	display: inline-block;
	width: 25px;
	height: 1px;
	background: #cdcdcd;
	content: ""
}

.e-they-choice .they-sai-wrap .they-sai .text {
	margin-top: 20px;
	color: #333;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	opacity: .6
}

.index-navi .park-logo {
	display: inline-block;
	float: left;
	width: 160px;
	height: 60px;
	background: url(../img/park_logo_1x.png) no-repeat center;
	background-image: -webkit-image-set(url(../img/park_logo_1x.png) 1x, url(../img/park_logo_2x.png) 2x);
	background-image: -moz-image-set(url(../img/park_logo_1x.png) 1x, url(../img/park_logo_2x.png) 2x);
	background-image: -ms-image-set(url(../img/park_logo_1x.png) 1x, url(../img/park_logo_2x.png) 2x);
	background-image: -o-image-set(url(../img/park_logo_1x.png) 1x, url(../img/park_logo_2x.png) 2x)
}

.park-index-banner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 500px;
	background: url(../img/park-banner.jpg) no-repeat center
}

.park-index-banner .banner-text {
	position: absolute;
	top: 36px;
	left: 50%;
	z-index: 2;
	margin-left: -602px;
	width: 1189px;
	height: 454px;
	background: url(../img/park-banner-text.png) no-repeat center
}

.park-index-banner .banner-amina {
	position: absolute;
	top: 31px;
	left: 50%;
	z-index: 1;
	display: inline-block;
	margin-left: -218px;
	width: 428px;
	height: 428px;
	background: url(../img/park-banner-anima.png) no-repeat center;
	-webkit-animation: parkaround 30s linear 0s infinite;
	animation: parkaround 30s linear 0s infinite
}

.park-index-banner .banner-btn {
	position: absolute;
	top: 303px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	margin-left: -91px;
	width: 180px;
	height: 38px;
	border-radius: 50px;
	background: url(../img/park-banner-btn.png) no-repeat center
}

.park-index-banner .banner-btn:hover i {
	right: 30px
}

.park-index-banner .banner-btn i {
	position: absolute;
	top: 14px;
	right: 35px;
	display: inline-block;
	width: 18px;
	height: 10px;
	background: url(../img/park-banner-btnicon.png) no-repeat center;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

@-webkit-keyframes parkaround {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes parkaround {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(-360deg)
	}
}

.park-title-box {
	padding-top: 80px;
	text-align: center
}

.park-title-box .title {
	height: 35px;
	color: #333;
	font-size: 32px;
	line-height: 35px
}

.park-title-box .title i {
	display: inline-block;
	margin: 0 15px;
	height: 35px;
	color: #0080ff;
	vertical-align: top;
	font-size: 20px;
	line-height: 35px
}

.park-title-box .sub-title {
	margin-top: 20px;
	color: #333;
	font-size: 20px;
	line-height: 22px;
	opacity: .5
}

.park-core-business {
	position: relative;
	width: 100%;
	height: 500px;
	background: url(../img/core-business-bg.jpg) no-repeat center
}

.park-core-business .inner {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 500px
}

.park-core-business .park-title-box {
	padding-top: 55px;
	color: #fff
}

.park-core-business .park-title-box .title {
	color: #fff
}

.park-core-business .park-title-box .sub-title {
	color: #fff
}

.park-core-business .park-title-box .title i {
	color: #fff
}

.park-core-business .core-lists {
	position: absolute;
	top: 175px;
	left: 0;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 40px rgba(199, 207, 221, .3)
}

.park-core-business ul li {
	position: relative;
	float: left;
	padding-top: 180px;
	height: 176px
}

.park-core-business ul li.list1 {
	width: 400px
}

.park-core-business ul li.list2 {
	width: 420px
}

.park-core-business ul li.list3 {
	width: 380px
}

.park-core-business ul li+li:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 16px;
	height: 356px;
	background: url(../img/park-core-line.png) no-repeat center;
	content: ""
}

.park-core-business li em {
	position: absolute;
	top: 0;
	left: 50%;
	display: inline-block;
	margin-left: -125px;
	width: 250px;
	height: 200px;
	background: url(../img/park-core-icon.png) no-repeat
}

.park-core-business li em.icon1 {
	background-position: 0 0
}

.park-core-business li em.icon2 {
	background-position: -250px 0
}

.park-core-business li em.icon3 {
	background-position: -500px 0
}

.park-core-business li .serial {
	color: #00d688;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	font-family: Arial;
	line-height: 16px
}

.park-core-business li .title {
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 30px
}

.park-core-business li .text {
	margin-top: 20px
}

.park-core-business li .text p {
	position: relative;
	padding-left: 20px;
	color: #999;
	font-size: 13px;
	line-height: 24px
}

.park-core-business li .text p:before {
	position: absolute;
	top: 10px;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #00d688;
	content: ""
}

.park-core-business .list1 .text {
	margin-left: 110px
}

.park-core-business .list2 .text {
	margin-left: 85px
}

.park-core-business .list3 .text {
	margin-left: 115px
}

.park-core-service {
	width: 100%;
	height: 1130px;
	background: #fff
}

.park-core-service .inner {
	margin: 0 auto;
	width: 1200px
}

.park-core-service .park-title-box {
	padding-top: 175px
}

.park-core-service .service-lists {
	margin-top: 50px;
	width: 1236px
}

.park-core-service li.box {
	float: left;
	margin: 0 36px 36px 0;
	width: 374px;
	height: 360px;
	border: 1px solid #e5eeff;
	background: #fff;
	cursor: pointer;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.park-core-service li.box .title {
	height: 60px;
	border-bottom: 1px solid #e5eeff;
	background: #f4f8ff;
	color: #2a92e7;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.park-core-service li.box .icon {
	display: block;
	margin: 27px auto;
	width: 150px;
	height: 100px;
	background: url(../img/core-service-icon.png) no-repeat
}

.park-core-service li.box .icon1 {
	background-position: 0 0
}

.park-core-service li.box .icon2 {
	background-position: -150px 0
}

.park-core-service li.box .icon3 {
	background-position: -300px 0
}

.park-core-service li.box .icon4 {
	background-position: 0 -100px
}

.park-core-service li.box .icon5 {
	background-position: -150px -100px
}

.park-core-service li.box .icon6 {
	background-position: -300px -100px
}

.park-core-service li.box .text {
	height: 20px;
	color: #666;
	text-align: center;
	font-size: 16px;
	line-height: 20px
}

.park-core-service li.box .info {
	margin: 30px 10px 0 10px;
	padding: 22px 25px;
	height: 50px;
	border-top: 1px solid #eff5ff;
	color: #999;
	font-size: 13px;
	line-height: 20px
}

.park-core-service li.box:hover {
	box-shadow: 0 20px 40px rgba(199, 207, 221, .3)
}

.park-core-service li.box:hover .title {
	background: #2a92e7;
	color: #fff
}

.park-core-dataview {
	width: 100%;
	height: 780px;
	background: url(../img/core-dataview-bg.png) no-repeat center
}

.park-core-dataview .park-title-box {
	padding-top: 60px
}

.park-core-dataview .park-title-box .sub-title {
	font-size: 18px;
	line-height: 32px
}

.dataview-banner {
	margin: 40px auto 0 auto;
	width: 1342px
}

.dataview-banner .swiper-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	list-style: none
}

.dataview-banner .swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform
}

.dataview-banner .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 610px;
	height: auto;
	opacity: .5;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.dataview-banner .swiper-slide .pic {
	overflow: hidden;
	margin: 0 auto;
	width: 610px;
	height: 415px
}

.dataview-banner .swiper-slide .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.dataview-banner .swiper-slide .info {
	text-align: center;
	opacity: 0
}

.dataview-banner .swiper-slide .info .title {
	height: 26px;
	text-align: center
}

.dataview-banner .swiper-slide .info .title span {
	position: relative;
	display: inline-block;
	padding: 0 28px;
	height: 26px;
	color: #00a0c8;
	font-size: 20px;
	line-height: 26px
}

.swiper-slide .info .title span:before {
	position: absolute;
	top: 12px;
	left: -100px;
	display: inline-block;
	width: 100px;
	height: 2px;
	background: url(../img/dataview-line.jpg) no-repeat center;
	content: ""
}

.swiper-slide .info .title span:after {
	position: absolute;
	top: 12px;
	right: -100px;
	display: inline-block;
	width: 100px;
	height: 2px;
	background: url(../img/dataview-line.jpg) no-repeat center;
	content: ""
}

.dataview-banner .swiper-slide .info .text {
	margin-top: 10px;
	color: #999;
	font-size: 15px;
	line-height: 25px
}

.dataview-banner .swiper-slide-active {
	opacity: 1
}

.dataview-banner .swiper-slide-active .info {
	opacity: 1
}

.dataview-banner .swiper-button-next,
.dataview-banner .swiper-button-prev {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -141px;
	width: 366px;
	height: 249px;
	background: 0 0;
	cursor: pointer
}

.dataview-banner .swiper-button-prev {
	right: auto;
	left: 0
}

.dataview-banner .swiper-button-next {
	right: 0;
	left: auto
}

.park-product {
	overflow: hidden;
	width: 100%;
	height: 970px;
	background: #fff
}

.park-product .inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 970px
}

.park-product .park-title-box {
	padding-top: 60px
}

.park-product .product-content {
	position: relative;
	margin-top: 50px
}

.park-product .amina-tab {
	height: 495px
}

.park-product .amina-tab .line {
	position: absolute;
	top: 224px;
	left: 237px;
	display: inline-block;
	width: 758px;
	height: 53px;
	background: url(../img/park-product-line.png) no-repeat center
}

.park-product .amina-tab .tab1 {
	position: absolute;
	top: 0;
	left: -130px;
	display: inline-block;
	width: 534px;
	height: 341px;
	background: url(../img/park-product-tab1.png) no-repeat center
}

.park-product .amina-tab .tab2 {
	position: absolute;
	top: 199px;
	left: 181px;
	display: inline-block;
	width: 534px;
	height: 319px;
	background: url(../img/park-product-tab2.png) no-repeat center
}

.park-product .amina-tab .tab3 {
	position: absolute;
	top: 18px;
	left: 524px;
	display: inline-block;
	width: 534px;
	height: 319px;
	background: url(../img/park-product-tab3.png) no-repeat center
}

.park-product .amina-tab .tab4 {
	position: absolute;
	top: 199px;
	left: 843px;
	display: inline-block;
	width: 534px;
	height: 319px;
	background: url(../img/park-product-tab4.png) no-repeat center
}

.park-product .amina-tab .tab1 .icon {
	position: absolute;
	top: -42px;
	left: 158px;
	display: inline-block;
	width: 211px;
	height: 234px;
	background: url(../img/park-product-amina1.png) no-repeat center
}

.park-product .amina-tab .tab2 .icon {
	position: absolute;
	top: -4px;
	left: 154px;
	display: inline-block;
	width: 211px;
	height: 177px;
	background: url(../img/park-product-amina2.png) no-repeat center
}

.park-product .amina-tab .tab3 .icon {
	position: absolute;
	top: -47px;
	left: 155px;
	display: inline-block;
	width: 211px;
	height: 220px;
	background: url(../img/park-product-amina3.png) no-repeat center
}

.park-product .amina-tab .tab4 .icon {
	position: absolute;
	top: -19px;
	left: 153px;
	display: inline-block;
	width: 211px;
	height: 192px;
	background: url(../img/park-product-amina4.png) no-repeat center
}

.park-product .amina-tab .icon {
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

.park-product .amina-tab .active.icon {
	margin-top: -15px
}

.park-product .product-tab {
	position: relative;
	height: 48px;
	border-bottom: 2px solid #eee
}

.park-product .product-tab .tab {
	float: left;
	width: 300px
}

.park-product .product-tab .tab a {
	display: inline-block;
	float: left;
	color: #898989;
	font-size: 22px;
	line-height: 40px
}

.park-product .product-tab .tab a.active {
	color: #0080ff
}

.park-product .product-tab .tab1 a {
	margin-left: 60px
}

.park-product .product-tab .tab2 a {
	margin-left: 65px
}

.park-product .product-tab .tab3 a {
	margin-left: 90px
}

.park-product .product-tab .tab4 a {
	margin-left: 125px
}

.park-product .product-tab .line {
	position: absolute;
	bottom: -2px;
	left: 70px;
	display: inline-block;
	width: 70px;
	height: 2px;
	background: #0080ff
}

.park-product .product-info {
	margin-top: 40px;
	height: 30px
}

.park-product .product-info .info-box {
	display: none;
	height: 30px;
	text-align: center
}

.park-product .product-info .info-box.active {
	display: block
}

.park-product .product-info .info-box ul {
	display: inline-block;
	height: 30px
}

.park-product .product-info .info-box li {
	position: relative;
	float: left;
	padding-left: 70px;
	height: 30px;
	color: #666;
	font-size: 16px;
	line-height: 30px
}

.park-product .product-info .info-box li+li {
	margin-left: 30px;
	border-left: 1px solid #eee
}

.park-product .product-info .info-box li:before {
	position: absolute;
	top: 8px;
	left: 30px;
	display: inline-block;
	width: 20px;
	height: 15px;
	background: url(../img/park-icon.png) no-repeat;
	background-position: 0 0;
	content: ""
}

.park-product .product-more {
	display: block;
	margin: 50px auto 0 auto;
	width: 200px;
	height: 40px;
	border-radius: 50px;
	background: #1885f1;
	box-shadow: 0 10px 30px rgba(0, 128, 255, .3)
}

.park-product .product-more span {
	display: block;
	overflow: hidden;
	height: 40px
}

.park-product .product-more em {
	display: block;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.park-product .product-more i {
	display: block;
	height: 40px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 40px
}

.park-product .product-more:hover em {
	margin-top: -40px
}

.park-service {
	overflow: hidden;
	width: 100%;
	height: 780px;
	background: url(../img/park-service-bg.jpg) no-repeat center
}

.park-service .inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 780px
}

.park-service .park-title-box {
	padding-top: 50px
}

.park-service .park-title-box .title {
	height: 50px;
	color: #fff;
	line-height: 50px
}

.park-service .park-title-box .title em {
	display: inline-block;
	margin: 0 10px;
	width: 26px;
	height: 35px;
	background: url(../img/park-icon.png) no-repeat;
	background-position: 0 -16px;
	vertical-align: middle
}

.park-service .amina-pic {
	position: absolute;
	bottom: 0;
	left: 288px;
	z-index: 2;
	display: inline-block;
	width: 604px;
	height: 643px;
	background: url(../img/park-service-pic.png) no-repeat center
}

.park-service .amina-line1 {
	position: absolute;
	top: 520px;
	left: 448px;
	display: inline-block;
	width: 33px;
	height: 317px;
	background: url(../img/park-service-line.png) no-repeat;
	background-position: 0 0;
	-webkit-animation: serviceline1 3s linear 0s infinite;
	animation: serviceline1 3s linear 0s infinite
}

.park-service .amina-line2 {
	position: absolute;
	top: 420px;
	left: 498px;
	display: inline-block;
	width: 33px;
	height: 114px;
	background: url(../img/park-service-line.png) no-repeat;
	background-position: -33px 0;
	-webkit-animation: serviceline2 4s linear 0s infinite;
	animation: serviceline2 4s linear 0s infinite
}

.park-service .amina-line3 {
	position: absolute;
	top: 380px;
	left: 634px;
	display: inline-block;
	width: 33px;
	height: 234px;
	background: url(../img/park-service-line.png) no-repeat;
	background-position: -66px 0;
	-webkit-animation: serviceline3 3s linear 0s infinite;
	animation: serviceline3 3s linear 0s infinite
}

.park-service .amina-line4 {
	position: absolute;
	top: 560px;
	left: 698px;
	display: inline-block;
	width: 33px;
	height: 164px;
	background: url(../img/park-service-line.png) no-repeat;
	background-position: -99px 0;
	-webkit-animation: serviceline4 4s linear 0s infinite;
	animation: serviceline4 4s linear 0s infinite
}

@-webkit-keyframes serviceline1 {
	0% {
		top: 520px
	}

	100% {
		top: -317px
	}
}

@keyframes serviceline1 {
	0% {
		top: 520px
	}

	100% {
		top: -317px
	}
}

@-webkit-keyframes serviceline2 {
	0% {
		top: 420px
	}

	100% {
		top: -417px
	}
}

@keyframes serviceline2 {
	0% {
		top: 420px
	}

	100% {
		top: -417px
	}
}

@-webkit-keyframes serviceline3 {
	0% {
		top: 380px
	}

	100% {
		top: -457px
	}
}

@keyframes serviceline3 {
	0% {
		top: 380px
	}

	100% {
		top: -457px
	}
}

@-webkit-keyframes serviceline4 {
	0% {
		top: 560px
	}

	100% {
		top: -267px
	}
}

@keyframes serviceline4 {
	0% {
		top: 560px
	}

	100% {
		top: -267px
	}
}

.park-service .service-info {
	position: absolute;
	z-index: 3;
	padding-left: 75px;
	width: 260px
}

.park-service .service-info.info1 {
	top: 190px;
	left: 0
}

.park-service .service-info.info2 {
	top: 190px;
	right: 0
}

.park-service .service-info.info3 {
	top: 400px;
	left: 0
}

.park-service .service-info.info4 {
	top: 400px;
	right: 0
}

.park-service .service-info .serial {
	position: absolute;
	top: -9px;
	left: -15px;
	display: inline-block;
	padding: 0px 17px 21px 10px;
	width: 40px;
	height: 40px;
	background: url(../img/park-service-serial.png) no-repeat center;
	color: #065a66;
	text-align: center;
	font-size: 16px;
	line-height: 40px
}

.park-service .service-info .title {
	color: #fff;
	font-size: 18px;
	line-height: 20px
}

.park-service .service-info .text {
	position: relative;
	padding-bottom: 25px
}

.park-service .service-info .text p {
	overflow: hidden;
	margin-top: 15px;
	height: 125px;
	color: #999db0;
	font-size: 14px;
	line-height: 25px;
	opacity: .6
}

.park-entrance {
	position: relative;
	width: 100%;
	height: 100px;
	background: url(../img/park-entrance.jpg) no-repeat center
}

.park-entrance .inner {
	margin: 0 auto;
	width: 1200px;
	height: 100px
}

.park-entrance:after {
	position: absolute;
	bottom: -79px;
	left: 0;
	z-index: 2;
	display: inline-block;
	width: 100%;
	height: 79px;
	background: url(../img/park-entrance-shadow.png) no-repeat center;
	content: ""
}

.park-entrance .title {
	float: left;
	padding-left: 150px;
	width: 320px;
	height: 100px;
	color: #fff;
	font-size: 26px;
	line-height: 100px
}

.park-entrance .park-app {
	position: relative;
	float: left;
	padding-left: 40px;
	width: 210px;
	height: 100px;
	background: #3488ea;
	color: #fff;
	font-size: 22px;
	line-height: 100px
}

.park-entrance .park-app em {
	position: absolute;
	top: -30px;
	right: -15px;
	display: inline-block;
	width: 158px;
	height: 167px;
	background: url(../img/park-entrance-icon.png) no-repeat;
	background-position: 0 0
}

.park-entrance .park-wechat {
	position: relative;
	float: left;
	padding-left: 40px;
	width: 200px;
	height: 100px;
	background: #23cd8f;
	color: #fff;
	font-size: 22px;
	line-height: 100px
}

.park-entrance .park-wechat em {
	position: absolute;
	top: 19px;
	right: 8px;
	display: inline-block;
	width: 110px;
	height: 96px;
	background: url(../img/park-entrance-icon.png) no-repeat;
	background-position: -158px 0
}

.park-entrance .park-web {
	position: relative;
	float: left;
	padding-left: 40px;
	width: 200px;
	height: 100px;
	background: #2465c9;
	color: #fff;
	font-size: 22px;
	line-height: 100px
}

.park-entrance .park-web em {
	position: absolute;
	top: -28px;
	right: -19px;
	display: inline-block;
	width: 168px;
	height: 164px;
	background: url(../img/park-entrance-icon.png) no-repeat;
	background-position: -268px 0
}

.park-deliver {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 745px;
	background: #fff url(../img/park-deliver-bg.png) no-repeat bottom center
}

.park-deliver:after {
	position: absolute;
	top: 445px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
	content: ""
}

.park-deliver .inner {
	margin: 0 auto;
	width: 1200px
}

.park-deliver .park-title-box .title {
	height: 50px;
	line-height: 50px
}

.park-deliver .park-title-box .title em {
	display: inline-block;
	margin: 0 5px;
	color: #0080ff;
	vertical-align: top;
	font-size: 46px;
	line-height: 50px
}

.park-deliver .deliver-process {
	margin-top: 130px
}

.park-deliver .deliver-process li {
	position: relative;
	float: left;
	width: 90px
}

.park-deliver .deliver-process li+li {
	margin-left: 95px
}

.park-deliver .deliver-process li em {
	display: block;
	margin: 0 auto;
	width: 58px;
	height: 58px;
	background: url(../img/deliver-icon.png) no-repeat
}

.park-deliver .deliver-process li em.icon1 {
	background-position: 0 0
}

.park-deliver .deliver-process li em.icon2 {
	background-position: -58px 0
}

.park-deliver .deliver-process li em.icon3 {
	background-position: -116px 0
}

.park-deliver .deliver-process li em.icon4 {
	background-position: -174px 0
}

.park-deliver .deliver-process li em.icon5 {
	background-position: -232px 0
}

.park-deliver .deliver-process li em.icon6 {
	background-position: -290px 0
}

.park-deliver .deliver-process li em.icon7 {
	background-position: -348px 0
}

.park-deliver .deliver-process li p {
	margin-top: 20px;
	color: #999;
	text-align: center;
	font-size: 18px;
	line-height: 20px
}

.park-deliver .deliver-process li .serial {
	position: relative;
	display: block;
	margin-top: 70px;
	color: #666;
	text-align: center;
	font-size: 18px;
	line-height: 20px
}

.park-deliver .deliver-process li .serial:before {
	position: absolute;
	top: -31px;
	left: 50%;
	z-index: 3;
	display: inline-block;
	margin-left: -7px;
	width: 4px;
	height: 4px;
	border: 5px solid #fff;
	border-radius: 100%;
	background: #999;
	content: ""
}

.park-deliver .deliver-process li.first .serial:before {
	top: -32px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	border: none;
	background: url(../img/park-icon.png) no-repeat;
	background-position: -34px 0
}

.park-deliver .deliver-process li.last .serial:before {
	top: -35px;
	margin-left: -12px;
	width: 24px;
	height: 20px;
	border: none;
	background: url(../img/park-icon.png) no-repeat;
	background-position: -26px -58px
}

.park-deliver .deliver-process li:before {
	position: absolute;
	top: 144px;
	left: -135px;
	z-index: 2;
	display: none;
	width: 185px;
	height: 1px;
	background: #cadeff;
	content: ""
}

.park-deliver .deliver-process li.first:before {
	width: 0
}

.park-deliver .deliver-process .active p {
	color: #333
}

.park-deliver .deliver-process .active .serial {
	color: #0080ff
}

.park-deliver .deliver-process .active.first .serial {
	color: #00b170
}

.park-deliver .deliver-process .active .icon1 {
	background-position: 0 -58px
}

.park-deliver .deliver-process .active .icon2 {
	background-position: -58px -58px
}

.park-deliver .deliver-process .active .icon3 {
	background-position: -116px -58px
}

.park-deliver .deliver-process .active .icon4 {
	background-position: -174px -58px
}

.park-deliver .deliver-process .active .icon5 {
	background-position: -232px -58px
}

.park-deliver .deliver-process .active .icon6 {
	background-position: -290px -58px
}

.park-deliver .deliver-process .active .icon7 {
	background-position: -348px -58px
}

.park-deliver .deliver-process .active .serial:before {
	top: -32px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	border: none;
	background: url(../img/park-icon.png) no-repeat;
	background-position: -34px -39px
}

.park-deliver .deliver-process .active.first .serial:before {
	top: -32px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	background-position: -34px -19px
}

.park-deliver .deliver-process .active.last .serial:before {
	top: -35px;
	margin-left: -12px;
	width: 24px;
	height: 20px;
	background-position: -26px -80px
}

.park-deliver .deliver-process li.active:before {
	display: block
}

.park-cooperate {
	width: 100%;
	height: 555px;
	background: #fff
}

.park-cooperate .inner {
	margin: 0 auto;
	width: 1200px
}

.cooperate-content {
	position: relative;
	margin-top: 60px
}

.cooperate-content .swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform
}

.cooperate-content .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 100%;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.cooperate-content .swiper-container {
	position: static;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	min-width: 1200px;
	width: 100%;
	height: 260px
}

.cooperate-content .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	width: 100%;
	height: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.cooperate-content .swiper-button-next,
.cooperate-content .swiper-button-prev {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -12px;
	width: 13px;
	height: 23px;
	background: url(../img/cooperate-prev.png) no-repeat center;
	cursor: pointer
}

.cooperate-content .swiper-button-prev {
	right: auto;
	left: -50px;
	background-position: 0 0;
	opacity: .2
}

.cooperate-content .swiper-button-prev:hover {
	opacity: 1
}

.cooperate-content .swiper-button-next {
	right: -50px;
	left: auto;
	background-position: 0 -27px;
	opacity: .2
}

.cooperate-content .swiper-button-next:hover {
	opacity: 1
}

.park-cooperate .cooperate-content .box {
	display: block;
	float: left;
	margin: 5px 0;
	width: 230px;
	height: 118px;
	border: 1px solid #f2f2f2
}

.park-cooperate .cooperate-content .box .img {
	display: block;
	width: 230px;
	height: 118px
}

.park-cooperate .cooperate-content .box+.box {
	margin-left: 10px
}

.park-cooperate .cooperate-content .row3 {
	margin-left: 242px
}

.park-supplier {
	width: 100%;
	height: 100px;
	background: url(../img/park-supplier-bg.jpg) no-repeat center
}

.park-supplier .inner {
	margin: 0 auto;
	width: 1200px
}

.park-supplier .title {
	position: relative;
	float: left;
	padding-left: 160px;
	width: 253px;
	height: 100px;
	color: #fff;
	font-size: 26px;
	line-height: 100px
}

.supplier-slide {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 auto;
	width: 786px
}

.supplier-slide .swiper-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: 100px
}

.supplier-slide .swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform
}

.supplier-slide .swiper-slide {
	position: relative;
	-ms-flex: 0 0 auto;
	height: auto;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.supplier-slide .swiper-slide+.swiper-slide:before {
	position: absolute;
	top: 30px;
	left: 0;
	display: inline-block;
	width: 1px;
	height: 40px;
	background: #4075c7;
	content: ""
}

.supplier-slide .swiper-container .swiper-slide a {
	display: block;
	width: 100%;
	height: 100px;
	text-align: center;
	line-height: 100px
}

.supplier-slide .swiper-container .swiper-slide a img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%
}

.supplier-slide .swiper-button-next,
.supplier-slide .swiper-button-prev {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -7px;
	width: 8px;
	height: 13px;
	background: url(../img/park-icon.png) no-repeat;
	cursor: pointer
}

.supplier-slide .swiper-button-prev {
	right: auto;
	left: 10px;
	background-position: 0 -57px
}

.supplier-slide .swiper-button-next {
	right: 10px;
	left: auto;
	background-position: -12px -57px
}

.supplier-slide .swiper-button-next.swiper-button-disabled,
.supplier-slide .swiper-button-prev.swiper-button-disabled {
	display: none
}

.park-supplier .title:after {
	position: absolute;
	top: 0;
	right: -2px;
	z-index: 2;
	width: 2px;
	height: 100px;
	background: #2e7ad2;
	content: ""
}

.park-feature-support {
	width: 100%;
	height: 750px;
	background: #fff
}

.park-feature-support .park-title-box {
	padding-top: 60px
}

.park-feature-support .inner {
	margin: 0 auto;
	width: 1200px;
	height: 750px
}

.park-feature-support ul {
	margin-top: 60px
}

.park-feature-support .support-list {
	position: relative;
	float: left;
	margin-bottom: 50px;
	width: 240px
}

.park-feature-support .support-list em {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background: url(../img/park-support-icon.png) no-repeat;
	box-shadow: 0 10px 40px rgba(199, 207, 221, .3)
}

.park-feature-support .support-list em.icon1 {
	background-position: 0 0
}

.park-feature-support .support-list em.icon2 {
	background-position: -100px 0
}

.park-feature-support .support-list em.icon3 {
	background-position: -200px 0
}

.park-feature-support .support-list em.icon4 {
	background-position: -300px 0
}

.park-feature-support .support-list em.icon5 {
	background-position: -400px 0
}

.park-feature-support .support-list em.icon6 {
	background-position: 0 -100px
}

.park-feature-support .support-list em.icon7 {
	background-position: -100px -100px
}

.park-feature-support .support-list em.icon8 {
	background-position: -200px -100px
}

.park-feature-support .support-list em.icon9 {
	background-position: -300px -100px
}

.park-feature-support .support-list em.icon10 {
	background-position: -400px -100px
}

.park-feature-support .support-list .title {
	margin-top: 20px;
	color: #333;
	text-align: center;
	font-size: 18px;
	line-height: 30px
}

.park-feature-support .support-list .text {
	color: #999;
	text-align: center;
	font-size: 13px;
	line-height: 25px
}

.park-feature-support .support-list.line:before {
	position: absolute;
	top: 150px;
	left: 0;
	display: inline-block;
	width: 1px;
	height: 40px;
	background: #f4f4f4;
	content: ""
}

.default-translucent-bg {
	background-attachment: fixed !important
}

.default-translucent-bg:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	content: ""
}

.floadbg {
	position: fixed;
	bottom: -60px;
	left: 0;
	z-index: 98;
	width: 100%;
	height: 70px;
	background-color: #000;
	filter: Alpha(Opacity=60);
	-webkit-transition: bottom 1s;
	transition: bottom 1s;
	Opacity: .6
}

.floadmain {
	position: fixed;
	bottom: -80px;
	left: 0;
	z-index: 99;
	padding: 12px 0;
	width: 100%;
	height: 46px;
	-webkit-transition: bottom 1s;
	transition: bottom 1s
}

.floadmain .main {
	position: relative;
	margin: 0 auto;
	width: 1200px
}

.floadmain .close {
	position: absolute;
	top: -10px;
	right: -40px;
	width: 40px;
	height: 46px;
	color: #e5e5e5;
	text-align: center;
	font-size: 22px;
	line-height: 46px;
	cursor: pointer
}

.land-inp .inp {
	box-sizing: content-box;
	padding: 4px 0;
	width: 188px;
	height: 38px;
	background-color: transparent;
	background-image: none;
	color: #acacac;
	vertical-align: top;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 38px
}

.land-inp {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 17px 0 0;
	padding: 0 10px 0 56px;
	border-radius: 3px;
	background: #484848
}

.inp[placeholder]::-webkit-input-placeholder {
	color: #acacac;
	opacity: 1
}

.inp[placeholder]:focus::-webkit-input-placeholder {
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.land-inp .icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 44px;
	height: 46px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #d5b08f url(../img/index-ico.png) no-repeat
}

.land-inp .icon.icon-name {
	background-position: 7px 9px
}

.land-inp .icon.icon-tel {
	background-position: 9px -35px
}

.land-inp .icon.icon-company {
	background-position: 5px -75px
}

.btn-handle {
	position: relative;
	display: inline-block;
	float: left;
	width: 260px;
	height: 46px;
	border-radius: 3px;
	background: #f00001;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 46px
}

.btn-handle span {
	position: relative;
	z-index: 2
}

.btn-handle span:after {
	position: relative;
	left: 0;
	display: inline-block;
	margin-left: 10px;
	width: 18px;
	height: 10px;
	background: url(../img/index-ico.png) no-repeat;
	background-position: -3px -144px;
	content: "";
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.btn-handle:hover {
	background: #e00304;
	color: #fff
}

.btn-handle:hover span:after {
	position: relative;
	left: 5px
}

.land-btn {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0
}

.land-company .inp {
	width: 260px
}

.popup-tip-accord {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 101;
	margin: -37px 0 0 -100px;
	padding: 20px 38px;
	min-width: 30px;
	max-width: 500px;
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 2px 6px #ccc
}

.popup-tip-accord .tip-box {
	position: relative;
	padding-left: 43px;
	height: 33px;
	font-weight: 700;
	font-size: 16px;
	line-height: 33px
}

.popup-tip-accord .icon {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 33px;
	height: 33px;
	background: url(../img/icon-popup.png) no-repeat
}

.popup-tip-accord .success {
	color: #3ca752
}

.popup-tip-accord .success .icon {
	background-position: 0 -76px
}

.popup-tip-accord .fail {
	color: #f35438
}

.popup-tip-accord .fail .icon {
	background-position: -36px -76px
}

.top-banner {
	width: 100%;
	height: 100px;
	background: #1b1b1b
}

.top-banner a {
	display: block;
	height: 100px
}

.index-nav.fixed {
	top: 100px
}

.index-nav.menu-fiexed {
	top: 0
}

.m-sidebar .menu li.prize-guess {
	position: static;
	width: 60px;
	height: 102px;
	background: url(../img/guess-menu.png) no-repeat;
	cursor: default
}

.prize-guess .guess-icon {
	position: absolute;
	top: 42px;
	left: 0;
	display: block;
	width: 60px;
	height: 60px
}

.guess-con {
	position: absolute;
	right: 40px;
	bottom: -38px;
	padding: 20px 30px 40px 30px;
	width: 526px;
	height: 486px;
	background: url(../img/guess-bg.png) no-repeat
}

.guess-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url(../img/guess-icon.png) -52px 2px no-repeat;
	cursor: pointer
}

.guess-close:hover {
	background-position: -88px 2px
}

.guess-inner {
	position: relative;
	height: 380px;
	text-align: center
}

.guess-inner h3 {
	margin-bottom: 40px;
	padding-top: 40px
}

.guess-money {
	height: 51px
}

.guess-money em {
	display: inline-block;
	margin-right: 15px;
	width: 15px;
	height: 22px;
	background: url(../img/guess-icon.png) 0 0 no-repeat;
	vertical-align: 5px
}

.guess-money .t_num i {
	display: inline-block;
	width: 33px;
	height: 47px;
	background: url(../img/guess-num.png) no-repeat;
	background-position: 0 0
}

.guess-money .t_num0 i {
	background: url(../img/guess-num.png) no-repeat;
	background-position: 0 -464px
}

.guess-money .t_num b {
	display: inline-block;
	margin: 0 2px;
	width: 10px;
	height: 47px;
	background: url(../img/guess-num.png) no-repeat -12px -570px
}

.guess-money .t_num0 i:first-child {
	background-position: 0 -639px !important
}

.guess-money label {
	margin-left: 8px;
	color: #fff;
	vertical-align: 5px;
	font-size: 16px
}

.guess-tip {
	margin-top: 35px;
	color: #a99578;
	font-size: 15px
}

.guess-tip p {
	position: relative;
	display: inline-block
}

.guess-tip p:before {
	position: absolute;
	top: 10px;
	left: -55px;
	width: 44px;
	height: 2px;
	background: url(../img/guess-icon.png) 0 -52px no-repeat;
	content: ""
}

.guess-tip p:after {
	position: absolute;
	top: 10px;
	right: -55px;
	width: 44px;
	height: 2px;
	background: url(../img/guess-icon.png) 0 -74px no-repeat;
	content: ""
}

.guess-btn {
	display: inline-block;
	overflow: hidden;
	margin-top: 28px;
	width: 310px;
	height: 44px;
	background: url(../img/guess-btn.png) no-repeat;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	line-height: 44px;
	cursor: pointer
}

.guess-btn span {
	display: block;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.guess-btn em {
	display: block;
	height: 44px;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 44px
}

.guess-btn:hover span {
	margin-top: -44px
}

.guess-rule {
	position: absolute;
	right: 10px;
	bottom: 15px;
	color: #fff;
	font-size: 13px;
	opacity: .4;
	cursor: pointer
}

.guess-rule:hover {
	color: #fff;
	opacity: 1
}

.guess-time {
	position: relative;
	width: 100%;
	height: 108px;
	color: #aba295;
	text-align: center;
	font-size: 15px
}

.guess-time h4 {
	margin-top: -5px;
	color: #fff;
	font-weight: 700;
	font-size: 22px
}

.guess-time h4 em {
	margin-right: 8px;
	vertical-align: -2px;
	font-size: 50px;
	font-family: Akzid
}

.guess-time p {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 40px;
	background: rgba(41, 36, 33, .3);
	line-height: 40px
}

.guess-form {
	margin: 0 auto;
	width: 310px
}

.m-sidebar .guess-form li {
	position: relative;
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 290px;
	height: 30px;
	border-radius: 3px;
	background: #fff;
	color: #999;
	font-size: 16px;
	line-height: 30px
}

.m-sidebar .guess-form li .inp {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	border: none;
	background: 0 0;
	color: #333;
	vertical-align: top;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 30px
}

.guess-form .guess-btn {
	margin-top: 10px
}

.g-inner2 h3 {
	margin-bottom: 28px;
	padding-top: 35px
}

.index-full-banner {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	display: block
}

.index-full-banner .banner {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #020002;
	background-image: url(../img/index-full-cover.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.index-full-banner .close {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/full-cover-close.png) no-repeat center;
	cursor: pointer
}

.m-sidebar .menu li {
	background: url(../img/sprite-sidebar-menu.png) no-repeat right 0
}

.m-sidebar .menu li.apply {
	display: none
}