@-webkit-keyframes Arrow {
	0% {
		-webkit-transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(10px)
	}
}

@-webkit-keyframes back1 {
	0% {
		top: 0
	}

	49.99% {
		top: -262px
	}

	50% {
		top: 262px
	}

	100% {
		top: 0
	}
}

@-webkit-keyframes back1s {
	0% {
		top: 262px
	}

	49.99% {
		top: 0
	}

	100% {
		top: -262px
	}
}

@-webkit-keyframes back2 {
	0% {
		bottom: 0
	}

	49.99% {
		bottom: -204px
	}

	50% {
		bottom: 204px
	}

	100% {
		bottom: 0
	}
}

@-webkit-keyframes back2s {
	0% {
		bottom: 204px
	}

	49.99% {
		bottom: 0
	}

	100% {
		bottom: -204px
	}
}

@-webkit-keyframes back3 {
	0% {
		top: 0
	}

	49.99% {
		top: -594px
	}

	50% {
		top: 594px
	}

	100% {
		top: 0
	}
}

@-webkit-keyframes back3s {
	0% {
		top: 594px
	}

	49.99% {
		top: 0
	}

	100% {
		top: -594px
	}
}

.flipInY {
	-webkit-animation: flipInY 5s ease both infinite
}

.flipInY01 {
	-webkit-animation: flipInY 5s 1s ease both infinite
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
		transform: perspective(400px) rotate3d(0,1,0,-5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes Beating {
	0% {
		-webkit-transform: translate(0,0)
	}

	10% {
		-webkit-transform: translate(0,-5px)
	}

	20% {
		-webkit-transform: translate(0,0)
	}

	30% {
		-webkit-transform: translate(0,-5px)
	}

	40% {
		-webkit-transform: translate(0,0)
	}

	100% {
		-webkit-transform: translate(0,0)
	}
}

.banner .swiper-container {
	width: 100%;
	height: 100%
}

.banner .swiper-slide {
	text-align: center
}

.banner {
	height: 440px
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	width: 50px;
	border-radius: 6px
}

.banner .swiper-pagination-bullet {
	opacity: 1;
	background: #ddd
}

.banner .swiper-pagination-bullet-active {
	opacity: 1;
	background: #5185ff
}

.banner img {
	margin: 0 auto
}

.index .page01 {
}

.index .page01 .page01_Left {
	width: 450px;
	height: 300px
}

.index .page01 .page01_Right {
	width: 560px;
	margin-left: 55px;
	margin-top: 70px
}

.index .page01 .page01_Right dt {
	color: #5185ff;
	font-size: 18px
}

.index .page01 .page01_Right dd {
	color: #0a1431;
	font-size: 18px;
	line-height: 60px
}

.index .page01 .page01_Right p {
	color: #828ca9;
	font-size: 14px;
	line-height: 24px
}

.index .page02 {
	height: 780px;
	background: url(../images/bj.jpg) no-repeat center top;
	    background-size: 100% 100%;
}

.index .page02_cent {
	height: 586px;
	background: url("../images/img02.png") no-repeat center top/100% auto
}

.index .page02 ul li {
	width: 360px;
	font-size: 14px;
	color: #666;
	position: absolute;
	line-height: 20px
}

.index .page02 ul li.i01 {
	top: 90px;
	left: 76px
}

.index .page02 ul li.i02 {
	top: 220px;
	left: 76px
}

.index .page02 ul li.i03 {
	top: 350px;
	left: 76px
}

.index .page02 ul li.i04 {
	top: 90px;
	left: 776px
}

.index .page02 ul li.i05 {
	top: 220px;
	left: 776px
}

.index .page02 ul li.i06 {
	top: 350px;
	left: 776px
}

.index .page02 ul li.i07 {
	top: 455px;
	left: 420px
}

.index .page03 .xm_tab {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #efefef
}

.index .page03 .xm_tab ul {
	width: 960px;
	margin: 0 auto
}

.index .page03 .xm_tab ul li {
	width: 120px;
	height: 40px;
	float: left;
	color: #666;
	line-height: 40px;
	font-size: 16px;
	text-align: center
}

.index .page03 .xm_tab ul li.on {
	background: #5185ff;
	color: #fff;
	border-radius: 3px
}

.index .page03 .xm_list ul {
	overflow: hidden;
	padding: 20px 20px 0
}

.index .page03 .xm_list ul li {
	overflow: hidden;
	background: #fff;
	width: 570px;
	height: 500px;
	float: left;
	margin: 0 15px 0 0;
	transition: all .5s;
	box-shadow: 0 7px 10px rgba(236,236,236,.5)
}

.index .page03 .xm_list ul li img {
	width: 100%;
	height: 500px;
	position: absolute
}

.index .page03 .xm_list ul li:nth-child(2n) {
	margin: 0 0 25px
}

.index .page03 .xm_list ul li:hover {
	box-shadow: 0 7px 10px rgba(81,133,255,.5)
}

.index .page03 .xm_list .back2 img:first-child {
	animation: indexback2 6s linear infinite;
	-moz-animation: indexback2 6s linear infinite;
	-webkit-animation: indexback2 6s linear infinite;
	-o-animation: indexback2 6s linear infinite
}

.index .page03 .xm_list .back2 img:last-child {
	animation: indexback2s 6s linear infinite;
	-moz-animation: indexback2s 6s linear infinite;
	-webkit-animation: indexback2s 6s linear infinite;
	-o-animation: indexback2s 6s linear infinite
}

.index .page03 .xm_list .back1 img:first-child {
	animation: indexback1 4s linear infinite;
	-moz-animation: indexback1 4s linear infinite;
	-webkit-animation: indexback1 4s linear infinite;
	-o-animation: indexback1 4s linear infinite
}

.index .page03 .xm_list .back1 img:last-child {
	animation: indexback1s 4s linear infinite;
	-moz-animation: indexback1s 4s linear infinite;
	-webkit-animation: indexback1s 4s linear infinite;
	-o-animation: indexback1s 4s linear infinite
}

@-webkit-keyframes indexback1 {
	0% {
		top: 0
	}

	49.99% {
		top: -500px
	}

	50% {
		top: 500px
	}

	100% {
		top: 0
	}
}

@-webkit-keyframes indexback1s {
	0% {
		top: 500px
	}

	49.99% {
		top: 0
	}

	100% {
		top: -500px
	}
}

@-webkit-keyframes indexback2 {
	0% {
		bottom: 0
	}

	49.99% {
		bottom: -500px
	}

	50% {
		bottom: 500px
	}

	100% {
		bottom: 0
	}
}

@-webkit-keyframes indexback2s {
	0% {
		bottom: 500px
	}

	49.99% {
		bottom: 0
	}

	100% {
		bottom: -500px
	}
}

.index .page04 {
	background: #fafafa
}

.index .page04 .xm_tab {
	margin: 0 auto;
	overflow: hidden;
	width: 660px
}

.index .page04 .xm_tab ul {
	width: 660px
}

.index .page04 .xm_tab ul li {
	width: 120px;
	height: 40px;
	float: left;
	color: #666;
	line-height: 40px;
	font-size: 16px;
	text-align: center
}

.index .page04 .xm_tab ul li.on {
	background: #5185ff;
	color: #fff;
	border-radius: 3px
}

.index .page04 .xm_list ul {
	overflow: hidden;
	padding: 20px 20px 0
}

.index .page04 .xm_list ul li {
	background: #fff;
	width: 220px;
	height: 100px;
	float: left;
	margin: 0 15px 25px 0;
	transition: all .5s
}

.index .page04 .xm_list ul li:nth-child(5n) {
	margin: 0 0 25px
}

.index .page04 .xm_list ul li:hover {
	box-shadow: 0 7px 10px rgba(81,133,255,.5)
}

.index .page05 .swiper-container {
	height: 690px
}

.index .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	width: 50px;
	border-radius: 6px
}

.index .swiper-pagination-bullet {
	opacity: 1;
	background: #ddd
}

.index .swiper-pagination-bullet-active {
	opacity: 1;
	background: #5185ff
}

.index .page05 {
	background: url("../images/bg05.png") no-repeat center top/1920px 454px
}

.index .page05 .service-list {
	width: 1000px;
	overflow: hidden;
	margin: auto
}

.index .page05 .service-list .service-list-item {
	float: left;
	overflow: hidden;
	margin-right: 62px;
	width: 29%;
	border: 1px solid #dedfe2;
	border-radius: 10px;
	background: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.index .page05 .service-list .service-list-item:last-of-type {
	margin-right: 0
}

.index .page05 .service-title {
	width: 200px;
	height: 142px;
	margin: 0 auto;
	padding-bottom: 10px
}

.index .page05 .service-bj1 .service-title {
	background: url(../images/tc01.png) no-repeat center top
}

.index .page05 .service-bj2 .service-title {
	background: url(../images/tc02.png) no-repeat center top
}

.index .page05 .service-bj3 .service-title {
	background: url(../images/tc03.png) no-repeat center top
}

.index .page05 .service-content h3 {
	padding-bottom: 35px;
	color: #fe4040;
	text-align: center;
	font-weight: 700;
	font-size: 22px
}

.index .page05 .service-content {
	border-top: 0
}

.index .page05 .service-content p {
	color: #828ca9;
	font-size: 12px;
	text-align: left;
	margin: 20px;
	padding: 20px 0;
	line-height: 20px;
	border-top: 1px solid #e2f1ff;
	border-bottom: 1px solid #e2f1ff;
	height: 105px
}

.index .page05 .service-list .service-list-item:hover {
	box-shadow: 0 7px 39px rgba(0,0,0,.1)
}

.index .page05 .service-list h4 {
	padding: 35px 0;
	color: #0a1431;
	text-align: center;
	font-weight: 700;
	font-size: 18px
}

.index .page05 .service-content p.wt {
	border-top: none;
	border-bottom: none;
	margin: 0 20px;
	padding: 0 0 20px;
	height: 80px
}

.index .page05 .service-content p span {
	font-weight: 700
}

.case_base_a {
	font-size: 16px;
	background: #5185ff;
	color: #fff;
	width: 200px;
	line-height: 35px;
	text-align: center;
	margin: 0 auto;
	display: inherit;
	border-radius: 5px;
	margin-bottom: 20px
}

.index .page05 .btn_zx {
	width: 380px
}

.index .page05 .btn_zx a {
	width: 380px;
	background: url(../images/btn_zx.png) no-repeat center/100% 100%
}

.index .page06 {
	border-top: 2px solid #efefef
}

.index .page06 .service-list .service-list-item {
	float: left;
	overflow: hidden;
	margin-right: 265px;
	width: 18.6%;
	background: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.index .page06 .service-list .service-list-item:last-of-type {
	margin-right: 0
}

.index .page06 .service-title {
	width: 200px;
	height: 142px;
	margin: 0 auto
}

.index .page06 .service-bj1 .service-title {
	background: url(../images/ys01.png) no-repeat center top
}

.index .page06 .service-bj2 .service-title {
	background: url(../images/ys02.png) no-repeat center top
}

.index .page06 .service-bj3 .service-title {
	background: url(../images/ys03.png) no-repeat center top
}

.index .page06 .service-content h3 {
	padding-top: 35px;
	color: #0a1431;
	text-align: center;
	font-size: 24px
}

.index .page06 .service-content {
	border-top: 0
}

.index .page06 .service-content p {
	color: #828ca9;
	font-size: 16px;
	text-align: center;
	margin: 20px 20px 50px;
	line-height: 30px
}

.index .page06 .service-list .service-list-item:hover {
	border-bottom: 5px solid #518fff;
	box-shadow: 0 7px 39px rgba(0,0,0,.1)
}

.index .page07 {
	background: #fafafa
}

.index .page08 {
	background: url("../images/bg08.png") no-repeat center top/1920px 375px
}

.index .page08 .wz {
	width: 900px;
	margin: 0 auto
}

.index .page08 .wz span {
	color: #5185ff;
	font-size: 24px;
	font-weight: 700;
	display: block;
	width: 20px;
	height: 50px;
	float: left
}

.index .page08 .wz p {
	color: #828ca9;
	line-height: 26px
}

.index .page08 .service-list {
	width: 920px;
	margin: 30px auto 0;
	overflow: hidden
}

.index .page08 .service-list .service-list-item {
	float: left;
	overflow: hidden;
	margin-right: 70px;
	width: 28%;
	padding-top: 20px
}

.index .page08 .service-list .service-list-item:last-of-type {
	margin-right: 0
}

.index .page08 .service-title {
	width: 138px;
	height: 131px;
	margin: 20px auto;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out
}

.index .page08 .service-title:hover {
	-webkit-transform: scale(1.15)
}

.index .page08 .service-bj1 .service-title {
	background: url(../images/rwzx01.png) no-repeat center top
}

.index .page08 .service-bj2 .service-title {
	background: url(../images/rwzx02.png) no-repeat center top
}

.index .page08 .service-bj3 .service-title {
	background: url(../images/rwzx03.png) no-repeat center top
}

.index .page08 .service-content h3 {
	color: #1c1e22;
	text-align: center;
	font-size: 24px;
	padding: 30px 0 20px;
	background: url('../images/line.png') no-repeat bottom center/36px 4px
}

.index .page08 .service-content {
	border-top: 0
}

.index .page08 .service-content p {
	color: #828ca9;
	font-size: 14px;
	text-align: left;
	margin: 20px 20px 50px;
	line-height: 28px
}

.index .page08 .service-list .service-list-item:hover {
	box-shadow: 0 7px 39px rgba(0,0,0,.1)
}

.index .page08 .service-bj1 {
	border: 1px solid #a0c6fc;
	border-top: 5px solid #a0c6fc
}

.index .page08 .service-bj2 {
	border: 1px solid #89dac3;
	border-top: 5px solid #89dac3
}

.index .page08 .service-bj3 {
	border: 1px solid #f09d97;
	border-top: 5px solid #f09d97
}

.hezuo {
	background: #fafafa
}

.hezuo dl dd {
	float: left;
	width: 20%;
	text-align: center;
	line-height: 36px
}

.hezuo dl dd.i01 {
	background: rgb(241,70,60) url("../images/hzt_h01.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd.i02 {
	background: rgb(241,70,60) url("../images/hzt_h02.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd.i03 {
	background: rgb(241,70,60) url("../images/hzt_h03.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd.i04 {
	background: rgb(241,70,60) url("../images/hzt_h04.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd.i05 {
	background: rgb(241,70,60) url("../images/hzt_h05.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd:hover {
	transition: .56s ease;
	-o-transition: .56s ease;
	-webkit-transition: .56s ease;
	-ms-transition: .56s ease;
	-moz-transition: .56s ease;
	color: #f1463c
}

.hezuo dl dd.i01:hover {
	background: #fff url("../images/hzt01.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd.i02:hover {
	background: #fff url("../images/hzt02.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd.i03:hover {
	background: #fff url("../images/hzt03.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd.i04:hover {
	background: #fff url("../images/hzt04.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd.i05:hover {
	background: #fff url("../images/hzt05.png") no-repeat 70px 7px/25px 25px
}

.hezuo dl dd img {
	margin-right: 10px
}

.hezuo dl dd span {
	font-size: 16px;
	color: #fff
}

.hezuo dl dd:hover span {
	color: #999
}

.hezuo ul {
	background: #fff;
	overflow: hidden;
	padding: 20px 20px 0
}

.hezuo ul li {
	width: 220px;
	height: 100px;
	float: left;
	margin: 0 15px 25px 0;
	transition: all .5s
}

.hezuo ul li:nth-child(5n) {
	margin: 0 0 25px
}

.hezuo ul li:hover {
	box-shadow: 0 7px 39px rgba(81,133,255,.1)
}

.join .num_figure {
	width: 100%;
	height: auto;
	text-align: center
}

.join .num_figure li {
	list-style: none;
	font-size: 31px
}

.join .OEM-ico {
	float: left;
	padding: 23px 0;
	width: 32.33%
}

.join .num-change {
	padding: 0;
	border-right: 1px solid #ddd
}

.join .num-change li span {
	font-size: 42px
}

.join .num-change li:first-child {
	margin: 0 auto;
	height: 60px;
	color: #fd414a
}

.join .OEM-ico a {
	text-decoration: none
}

.join .num-change li:nth-child(2) {
	color: #8c8c8c;
	font-size: 16px
}

.join .OEM-ico:hover {
	background: rgba(81,133,255,.1);
	transition: .56s ease;
	-o-transition: .56s ease;
	-webkit-transition: .56s ease;
	-ms-transition: .56s ease;
	-moz-transition: .56s ease
}

.join .page01 {
	background: #fafafa
}

.join .page01 ul {
}

.join .page01 ul li {
	width: 220px;
	height: 100px;
	float: left;
	margin: 0 25px 25px 0;
	transition: all .5s
}

.join .page01 ul li:nth-child(5n) {
	margin: 0 0 25px
}

.join .page01 ul li:hover {
	position: relative;
	top: -5px;
	color: #b35d00
}

.join .page02 .title {
	text-align: center;
	margin: 0 auto
}

.join .page02 .title h3 {
	font-size: 30px;
	font-weight: 700;
	color: #0a1431;
	line-height: 50px
}

.join .page02 .title p {
	font-size: 16px;
	color: #828ca9;
	line-height: 26px
}

.join .page02 ul {
	overflow: hidden
}

.join .page02 ul li {
	width: 175px;
	text-align: center;
	margin: 0 30px;
	float: left
}

.join .page02 ul li img {
	width: 100px;
	height: 100px;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out
}

.join .page02 ul li img:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}

.join .page02 ul li h3 {
	font-size: 24px;
	padding: 20px 0;
	color: #0a1431
}

.join .page03 {
	background: #f3f3f3
}

.join .page03 .title {
	text-align: center;
	margin: 0 auto
}

.join .page03 .title h3 {
	font-size: 30px;
	font-weight: 700;
	color: #0a1431;
	line-height: 50px
}

.join .service-list .service-list-item {
	float: left;
	overflow: hidden;
	margin-right: 13px;
	width: 18.6%;
	border: 1px solid #dedfe2;
	background: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.join .service-list .service-list-item:last-of-type {
	margin-right: 0
}

.join .service-title {
	width: 200px;
	height: 142px;
	margin: 0 auto
}

.join .service-bj1 .service-title {
	background: url(../images/js01.png) no-repeat center top
}

.join .service-bj2 .service-title {
	background: url(../images/js02.png) no-repeat center top
}

.join .service-bj3 .service-title {
	background: url(../images/js03.png) no-repeat center top
}

.join .service-bj4 .service-title {
	background: url(../images/js04.png) no-repeat center top
}

.join .service-bj5 .service-title {
	background: url(../images/js05.png) no-repeat center top
}

.join .service-content h3 {
	padding-top: 35px;
	color: #0a1431;
	text-align: center;
	font-weight: 700;
	font-size: 22px
}

.join .service-content {
	border-top: 0
}

.join .service-content p {
	color: #828ca9;
	font-size: 16px;
	text-align: center;
	margin: 20px 20px 50px;
	line-height: 30px
}

.join .service-list .service-list-item:hover {
	border-bottom: 5px solid #518fff;
	box-shadow: 0 7px 39px rgba(0,0,0,.1)
}

.join .page04 .title {
	text-align: center;
	margin: 0 auto
}

.join .page04 .title h3 {
	font-size: 30px;
	font-weight: 700;
	color: #0a1431;
	line-height: 50px
}

.join .page04 ul {
	overflow: hidden
}

.join .page04 ul li {
	float: left;
	width: 33%;
	text-align: center
}

.join .page04 ul li .icomL {
	width: 36px;
	height: 38px;
	position: absolute;
	left: 360px;
	top: 50px;
	background: url("../images/left.png") no-repeat center/36px 38px;
	-webkit-animation: Arrow .6s linear infinite alternate
}

.join .page04 ul li .icomR {
	width: 36px;
	height: 38px;
	position: absolute;
	left: 360px;
	top: 50px;
	background: url("../images/right.png") no-repeat center/36px 38px;
	-webkit-animation: Arrow .6s 2s linear infinite alternate
}

.join .page04 ul li h3 {
	padding-top: 35px;
	color: #0a1431;
	text-align: center;
	font-weight: 700;
	font-size: 22px
}

.join .page04 ul li p {
	color: #828ca9;
	font-size: 16px;
	text-align: center;
	margin: 20px auto;
	line-height: 30px;
	height: 80px;
	width: 240px
}

.join .page04 ul li img {
	width: 110px;
	height: 118px;
	margin: 0 auto
}

.package .packagelist ul {
}

.package .packagelist ul li {
	border: 1px solid #7d83fe;
	padding: 40px 40px 0;
	margin: 50px auto 90px;
	height: 190px
}

.package .packagelist .posH3 {
	width: 406px;
	height: 46px;
	font-size: 24px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	background: url("../images/posh3.png") no-repeat center/406px 46px;
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -203px
}

.package .packagelist .posBtn {
	width: 170px;
	height: 42px;
	font-size: 16px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: -43px;
	left: 50%;
	margin-left: -85px;
	background: url("../images/posbtn.png") no-repeat center/170px 42px
}

.package .packagelist .PALeft {
	float: left;
	width: 150px;
	margin-right: 45px
}

.package .packagelist .PALeft h3 {
	font-size: 18px;
	font-weight: 700;
	color: #ff8000;
	margin-bottom: 10px
}

.package .packagelist .PALeft img {
	width: 148px;
	height: 124px
}

.package .packagelist .PARight {
	float: left;
	width: 910px
}

.package .packagelist .PARight dl {
	overflow: hidden
}

.package .packagelist .PARight dd {
	border-bottom: 1px dashed #efefef;
	width: 200px;
	float: left;
	padding-bottom: 20px;
	margin-right: 30px;
	background: url("../images/icom.png") no-repeat left top/18px 18px;
	margin-top: 15px
}

.package .packagelist .PARight dd:nth-child(4n) {
	margin-right: 0
}

.package .packagelist .PARight dd a {
	color: #666;
	text-indent: 2rem
}

.package .packagelist .PARight dd a:hover {
	color: #518fff
}

.extension .page02 {
	height: 490px;
	background: url(../images/bg02.png) no-repeat center top
}

.extension .page02 .service-list .service-list-item {
	float: left;
	overflow: hidden;
	margin-right: 21px;
	width: 18.6%;
	padding-top: 20px
}

.extension .page02 .service-list .service-list-item:last-of-type {
	margin-right: 0
}

.extension .page02 .service-title {
	width: 110px;
	height: 110px;
	margin: 0 auto;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out
}

.extension .page02 .service-title:hover {
	-webkit-transform: scale(1.15)
}

.extension .page02 .service-bj1 .service-title {
	background: url(../images/ly01.png) no-repeat center top
}

.extension .page02 .service-bj2 .service-title {
	background: url(../images/ly02.png) no-repeat center top
}

.extension .page02 .service-bj3 .service-title {
	background: url(../images/ly03.png) no-repeat center top
}

.extension .page02 .service-bj4 .service-title {
	background: url(../images/ly04.png) no-repeat center top
}

.extension .page02 .service-bj5 .service-title {
	background: url(../images/ly05.png) no-repeat center top
}

.extension .page02 .service-content h3 {
	color: #1c1e22;
	text-align: center;
	font-size: 24px;
	padding: 20px 0;
	background: url('../images/line.png') no-repeat bottom center/32px 4px
}

.extension .page02 .service-content {
	border-top: 0
}

.extension .page02 .service-content p {
	color: #666;
	font-size: 16px;
	text-align: center;
	margin: 20px 13px 50px;
	line-height: 28px
}

.extension .page02 .service-list .service-list-item:hover {
}

.extension .page04 {
	background: url(../images/bg04.png) no-repeat center bottom
}

.extension .page04 .page04_cent {
	width: 920px;
	height: 400px;
	margin: 0 auto;
	padding: 45px;
	background: #fff;
	border: 1px solid #efefef;
	box-shadow: 0 5px 10px #ccc
}

.extension .page04 .page04_cent dl {
	background: url('../images/icom01.png') no-repeat center left/16px 238px;
	height: 238px;
	padding-left: 25px;
	width: 500px;
	float: left
}

.extension .page04 .page04_cent dl dt {
	font-size: 24px;
	color: #518fff
}

.extension .page04 .page04_cent dl dd {
	font-size: 18px;
	color: #828aaa;
	margin-top: 26px
}

.extension .page04 .page04_cent .img02 {
	width: 348px;
	height: 282px;
	float: left
}

.extension .page04 .btn_an a {
	font-size: 24px;
	border: 1px solid #ffb612;
	color: #ffb612;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-right: 35px
}

.extension .page04 .btn_an a:hover {
}

.extension .page04 .btn_an .a01 {
	width: 290px;
	float: left;
	-webkit-animation: Beating 3s ease infinite
}

.extension .page04 .btn_an .a02 {
	width: 220px;
	float: left;
	-webkit-animation: Beating 3s 1s ease infinite
}

.extension .page05 .service-list .service-list-item {
	float: left;
	overflow: hidden;
	margin-right: 21px;
	width: 23.6%;
	padding-top: 20px
}

.extension .page05 .service-list .service-list-item:last-of-type {
	margin-right: 0
}

.extension .page05 .service-title {
	width: 118px;
	height: 118px;
	margin: 0 auto;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out
}

.extension .page05 .service-title:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}

.extension .page05 .service-bj1 .service-title {
	background: url(../images/rwfb01.png) no-repeat center top
}

.extension .page05 .service-bj2 .service-title {
	background: url(../images/rwfb02.png) no-repeat center top
}

.extension .page05 .service-bj3 .service-title {
	background: url(../images/rwfb03.png) no-repeat center top
}

.extension .page05 .service-bj4 .service-title {
	background: url(../images/rwfb04.png) no-repeat center top
}

.extension .page05 .service-content h3 {
	color: #1c1e22;
	text-align: center;
	font-size: 24px;
	margin: 20px 0
}

.extension .page05 .service-content {
	border-top: 0
}

.extension .page05 .service-content p {
	color: #666;
	font-size: 16px;
	text-align: center;
	margin: 20px 13px;
	line-height: 28px
}

.extension .page05 .service-list .service-list-item:hover {
}

.extension .page06 .service-list .service-list-item {
	float: left;
	overflow: hidden;
	margin-right: 30px;
	width: 22.4%;
	padding: 50px 0 40px;
	background: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	border-bottom: 5px solid #518fff;
	box-shadow: 0 7px 39px rgba(0,0,0,.1)
}

.extension .page06 .service-list .service-list-item:last-of-type {
	margin-right: 0
}

.extension .page06 .service-title {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out
}

.extension .page06 .service-title:hover {
	-webkit-transform: translateY(15px)
}

.extension .page06 .service-bj1 .service-title {
	background: url(../images/fw01.png) no-repeat center top
}

.extension .page06 .service-bj2 .service-title {
	background: url(../images/fw02.png) no-repeat center top
}

.extension .page06 .service-bj3 .service-title {
	background: url(../images/fw03.png) no-repeat center top
}

.extension .page06 .service-bj4 .service-title {
	background: url(../images/fw04.png) no-repeat center top
}

.extension .page06 .service-content h3 {
	color: #0a1431;
	text-align: center;
	font-size: 24px
}

.extension .page06 .service-content {
	border-top: 0
}

.extension .page06 .service-content p {
	color: #828ca9;
	font-size: 16px;
	text-align: center;
	margin: 20px auto;
	line-height: 35px;
	width: 35px;
	height: 35px;
	border: 1px solid #518fff;
	border-radius: 50%
}

.extension .page06 .service-list .service-list-item:hover {
}

.extension .page01 {
	height: 650px;
	background: url(../images/bg01.png) no-repeat center top
}

.extension .page01 .page01_Left {
	width: 394px;
	height: 459px;
	margin-left: 40px
}

.extension .page01 .page01_Right {
	width: 630px;
	margin-left: 65px;
	margin-top: 100px
}

.extension .page01 .page01_Right dt {
	color: #5185ff;
	font-size: 18px;
	font-weight: 700
}

.extension .page01 .page01_Right dd {
	color: #0a1431;
	font-size: 18px;
	line-height: 60px
}

.extension .page01 .page01_Right p {
	color: #666;
	font-size: 18px;
	line-height: 33px;
	text-indent: 2rem;
	text-align: justify
}

.extension .page03 .title {
	text-align: center;
	margin-bottom: 20px
}

.extension .page03 .title h3 {
	font-size: 24px;
	color: #518fff;
	line-height: 50px
}

.extension .page03 .title p {
	font-size: 18px;
	color: #666;
	line-height: 26px
}

.extension .page03 .backL {
	position: relative;
	width: 360px;
	float: left;
	margin-right: 50px;
	margin-left: 120px
}

.extension .page03 .backR {
	width: 568px;
	float: left
}

.extension .page03 .box-back {
	overflow: hidden;
	height: 100%;
	width: 100%
}

.extension .page03 .box-back .back1 {
	width: 100%;
	height: 262px;
	overflow: hidden
}

.extension .page03 .box-back .back2 {
	width: 100%;
	height: 204px;
	overflow: hidden
}

.extension .page03 .box-back .back3 {
	width: 100%;
	height: 594px;
	overflow: hidden
}

.extension .page03 .box-back>div img {
	height: 100%;
	position: absolute
}

.extension .page03 .box-back .back1 img:first-child {
	animation: back1 8s linear infinite;
	-moz-animation: back1 8s linear infinite;
	-webkit-animation: back1 8s linear infinite;
	-o-animation: back1 8s linear infinite
}

.extension .page03 .box-back .back1 img:last-child {
	animation: back1s 8s linear infinite;
	-moz-animation: back1s 8s linear infinite;
	-webkit-animation: back1s 8s linear infinite;
	-o-animation: back1s 8s linear infinite
}

.extension .page03 .box-back .back2 img:first-child {
	animation: back2 12s linear infinite;
	-moz-animation: back2 12s linear infinite;
	-webkit-animation: back2 12s linear infinite;
	-o-animation: back2 12s linear infinite
}

.extension .page03 .box-back .back2 img:last-child {
	animation: back2s 12s linear infinite;
	-moz-animation: back2s 12s linear infinite;
	-webkit-animation: back2s 12s linear infinite;
	-o-animation: back2s 12s linear infinite
}

.extension .page03 .box-back .back3 img:first-child {
	animation: back3 4s linear infinite;
	-moz-animation: back3 4s linear infinite;
	-webkit-animation: back3 4s linear infinite;
	-o-animation: back3 4s linear infinite
}

.extension .page03 .box-back .back3 img:last-child {
	animation: back3s 4s linear infinite;
	-moz-animation: back3s 4s linear infinite;
	-webkit-animation: back3s 4s linear infinite;
	-o-animation: back3s 4s linear infinite
}

.extension .page07 {
	background: #fafafa
}

.extension .page07 dl {
	height: 410px
}

.extension .page07 dl .icom {
	width: 375px;
	height: 402px;
	position: absolute;
	top: 0;
	left: 410px;
	background: url(../images/img03.png) no-repeat center top
}

.extension .page07 dl dd {
	width: 340px;
	float: left;
	position: absolute
}

.extension .page07 dl dd.d01 {
	left: 20px;
	top: 0
}

.extension .page07 dl dd.d02 {
	right: 20px;
	top: 0
}

.extension .page07 dl dd.d03 {
	left: 20px;
	top: 210px
}

.extension .page07 dl dd.d04 {
	right: 20px;
	top: 210px
}

.extension .page07 dl dd h3 {
	width: 336px;
	height: 66px;
	font-size: 24px;
	color: #5185ff;
	line-height: 66px;
	text-align: center;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out
}

.extension .page07 dl dd h3:hover {
	-webkit-transform: translateY(-15px)
}

.extension .page07 dl dd.d01 h3 {
	background: url(../images/ys01.png) no-repeat center top
}

.extension .page07 dl dd.d02 h3 {
	background: url(../images/ys02.png) no-repeat center top
}

.extension .page07 dl dd.d03 h3 {
	background: url(../images/ys03.png) no-repeat center top
}

.extension .page07 dl dd.d04 h3 {
	background: url(../images/ys04.png) no-repeat center top
}

.extension .page07 dl dd p {
	font-size: 14px;
	color: #828aaa;
	margin: 10px;
	line-height: 20px
}

.extension .page08 {
	text-align: center
}

.extension .page08 img {
	width: 1002px;
	height: 500px
}

.extension .page08 .title01 h3 {
	color: #5185ff
}

@media only screen and (max-width:1600px) {
}

@media only screen and (max-width:1440px) {
}

@media only screen and (max-width:1366px) {
}

@media only screen and (min-width:2000px) {
}