@charset "utf-8";

html, body {
	font-family: Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
}

/* 公共 */
.common-title {
	font-size: 36px;
	color: #26262e;
	text-align: center;
	letter-spacing: 2px;
	padding-top: 63px;
	transform: translateY(40px);
	-ms-transform: translateY(40px); 	/* IE 9 */
	-moz-transform: translateY(40px); 	/* Firefox */
	-webkit-transform: translateY(40px); /* Safari 和 Chrome */
	-o-transform: translateY(40px); 	/* Opera */
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* IE 9 */
	-moz-transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Firefox */
	-webkit-transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Safari 和 Chrome */
	-o-transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Opera */
}

.common-title.active,
.common-desc.active {
	transform: translateY(0px);
	-ms-transform: translateY(0px); 	/* IE 9 */
	-moz-transform: translateY(0px); 	/* Firefox */
	-webkit-transform: translateY(0px); /* Safari 和 Chrome */
	-o-transform: translateY(0px); 	/* Opera */
	opacity: 1;
	filter: alpha(opacity=100);
}

.common-desc {
	color: #8b8b96;
	font-size: 16px;
	text-align: center;
	padding-top: 22px;
	transform: translateY(40px);
	-ms-transform: translateY(40px); 	/* IE 9 */
	-moz-transform: translateY(40px); 	/* Firefox */
	-webkit-transform: translateY(40px); /* Safari 和 Chrome */
	-o-transform: translateY(40px); 	/* Opera */
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* IE 9 */
	-moz-transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Firefox */
	-webkit-transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Safari 和 Chrome */
	-o-transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Opera */
}

.under-title {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	font-size: 72px;
	color: #ebebfe;
	text-align: center;
	font-weight: bold;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.swiper-container .swiper-wrapper .swiper-slide a {
	display: block;
}

.swiper-container .swiper-wrapper .swiper-slide img {
	display: block;
	max-width: 100%;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .mac-container .swiper-container img {
	width: 519px;
	height: 294px;
}

/* 头部 */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
	background-color: #fff;
}

.header .header-inner {
	width: 1200px;
	height: 80px;
	margin: 0 auto;
}

.header .header-inner .logo {
	float: left;
	height: 80px;
	line-height: 80px;
}

.header .header-inner .logo img {
	padding-top: 16px;
}

.header .header-inner .header-desc {
	float: left;
	padding-left: 11px;
	padding-top: 16px;
	letter-spacing: 1px;
}

.header .header-inner .header-desc strong {
	font-size: 18px;
	color: #050563;
	margin-top: -6px;
	padding-bottom: 6px;
}

.header .header-inner .header-desc p {
	font-size: 16px;
	color: #8f8fce;
}

.header .header-inner .nav {
	float: right;
}

.header .header-inner .nav li {
	float: left;
	height: 80px;
	line-height: 80px;
}

.header .header-inner .nav li a {
	display: block;
	padding: 0 23.5px;
	color: #050563;
}

.header .header-inner .nav li.active a,
.header .header-inner .nav li:hover a {
	color: #fff;
	background-color: #2892f4;
}

/* 轮播图 */
.main-carousel.swiper-container {
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	padding-bottom: 35px;
	padding-top: 80px;
}

.main-carousel.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 13px;
	height: 4px;
	border-radius: 0;
	margin: 0 4.5px !important;
	transition: width 0.3s linear;
	-ms-transition: width 0.3s linear; /* IE 9 */
	-moz-transition: width 0.3s linear; /* Firefox */
	-webkit-transition: width 0.3s linear; /* Safari 和 Chrome */
	-o-transition: width 0.3s linear; /* Opera */
}

.main-carousel.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 17px;
}

.main-carousel.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 11px !important;
}

/* 系统演示 */
.system-show {
	position: relative;
	min-width: 1200px;
	height: 991px;
	background-image: url(../image/system-bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

.system-show .common-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


.system-show .show-container {
	position: relative;
	width: 1200px;
	padding-top: 167px;
	margin: 0 auto;
}

.system-show .show-container ul li {
	float: left;
	width: 20%;
	height: 53px;
	font-size: 20px;
	color: #66666a;
	letter-spacing: 2px;
	cursor: pointer;
	border-bottom: 1px solid #e8f1fb;
	background-repeat: no-repeat;
	background-position-x: 57px;
}

.system-show .show-container ul li.show-icon1 {
	background-image: url(../image/show-icon1.png);
	background-position-x: 37px;
}

.system-show .show-container ul li.show-icon2 {
	background-image: url(../image/show-icon2.png);
}

.system-show .show-container ul li.show-icon3 {
	background-image: url(../image/show-icon3.png);
}

.system-show .show-container ul li.show-icon4 {
	background-image: url(../image/show-icon4.png);
}

.system-show .show-container ul li.show-icon5 {
	background-image: url(../image/show-icon5.png);
}

.system-show .show-container ul li p {
	padding-left: 118px;
	padding-top: 4px;
	transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out; /* IE 9 */
	-moz-transition: color 0.3s ease-in-out; /* Firefox */
	-webkit-transition: color 0.3s ease-in-out; /* Safari 和 Chrome */
	-o-transition: color 0.3s ease-in-out; /* Opera */
}

.system-show .show-container ul li p.show-text1 {
	padding-left: 97px;
}

.system-show .show-container ul li p.show-text5 {
	padding-left: 111px;
}

.system-show .show-container ul li.active p {
	color: #2892f4;
}

.system-show .show-container .show-active {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 240px;
	height: 7px;
	content: "";
	background-image: url(../image/show-acitve.png);
	background-repeat: no-repeat;
	transition: left 0.5s ease-in-out;
	-ms-transition: left 0.5s ease-in-out; /* IE 9 */
	-moz-transition: left 0.5s ease-in-out; /* Firefox */
	-webkit-transition: left 0.5s ease-in-out; /* Safari 和 Chrome */
	-o-transition: left 0.5s ease-in-out; /* Opera */
}

.system-show .show-info-containers {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 770px;
}

.system-show .show-info-containers .show-info-containers-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 6000px;
	transition: left 0.5s ease-in-out;
	-ms-transition: left 0.5s ease-in-out; /* IE 9 */
	-moz-transition: left 0.5s ease-in-out; /* Firefox */
	-webkit-transition: left 0.5s ease-in-out; /* Safari 和 Chrome */
	-o-transition: left 0.5s ease-in-out; /* Opera */
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container {
	width: 1200px;
	margin: 0 auto;
	padding-top: 108px;
	padding-bottom: 195px;
	float: left;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 {
	display: block;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .mac-container {
	width: 559px;
	height: 467px;
	overflow: hidden;
	background-image: url(../image/mac.png);
	position: relative;
	float: left;
	margin-left: 115px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .mac-container .swiper-container {
	opacity: 0;
	position: absolute;
	top: 21px;
	left: 20px;
	width: 519px;
	height: 294px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .mac-container .swiper-container.info-carousel-0 {
	opacity: 1;
	z-index: 999;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container {
	float: right;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul {
	width: 348px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li {
	float: left;
	width: 110px;
	margin-right: 64px;
	padding: 18px 0 19px 0;
	border-radius: 6px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li:hover,
.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li.active {
	background-image: linear-gradient(to top, #376af7, #9c37f4);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li a {
	display: block;
	height: 148px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li a div {
	margin: 0 auto;
	width: 50px;
	height: 61px;
	background-repeat: no-repeat;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li a p {
	text-align: center;
	color: #66666a;
	transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out; /* IE 9 */
	-moz-transition: color 0.3s ease-in-out; /* Firefox */
	-webkit-transition: color 0.3s ease-in-out; /* Safari 和 Chrome */
	-o-transition: color 0.3s ease-in-out; /* Opera */
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li:hover a p,
.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li.active a p {
	color: #fff;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li a p.btns-title {
	font-size: 20px;
	padding-bottom: 4px;
	height: 26px;
	line-height: 26px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li a p.btns-desc {
	font-size: 14px;
	display: none;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li:hover a p.btns-desc,
.system-show .show-info-containers .show-info-containers-inner .show-info-container .btns-container ul li.active a p.btns-desc {
	display: block;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li a .btns-bg-0 {
	background-image: url(../image/zglbtns-sy-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li a .btns-bg-1 {
	background-image: url(../image/zglbtns-cwgl-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li a .btns-bg-2 {
	background-image: url(../image/zglbtns-txgl-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li a .btns-bg-3 {
	background-image: url(../image/btns-ckgd-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li:hover a .btns-bg-0,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li.active a .btns-bg-0 {
	background-image: url(../image/zglbtns-sy-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li:hover a .btns-bg-1,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li.active a .btns-bg-1 {
	background-image: url(../image/zglbtns-cwgl-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li:hover a .btns-bg-2,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li.active a .btns-bg-2 {
	background-image: url(../image/zglbtns-txgl-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li:hover a .btns-bg-3,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part1 .btns-container ul li.active a .btns-bg-3 {
	background-image: url(../image/btns-ckgd-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li a .btns-bg-0 {
	background-image: url(../image/zglbtns-sy-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li a .btns-bg-1 {
	background-image: url(../image/sjdbtns-fbrw-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li a .btns-bg-2 {
	background-image: url(../image/sjdbtns-rwlb-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li a .btns-bg-3 {
	background-image: url(../image/btns-ckgd-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li:hover a .btns-bg-0,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li.active a .btns-bg-0 {
	background-image: url(../image/zglbtns-sy-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li:hover a .btns-bg-1,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li.active a .btns-bg-1 {
	background-image: url(../image/sjdbtns-fbrw-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li:hover a .btns-bg-2,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li.active a .btns-bg-2 {
	background-image: url(../image/sjdbtns-rwlb-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li:hover a .btns-bg-3,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part2 .btns-container ul li.active a .btns-bg-3 {
	background-image: url(../image/btns-ckgd-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li a .btns-bg-0 {
	background-image: url(../image/zglbtns-sy-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li a .btns-bg-1 {
	background-image: url(../image/fzdbtns-msgl-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li a .btns-bg-2 {
	background-image: url(../image/fzdbtns-sjgl-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li a .btns-bg-3 {
	background-image: url(../image/btns-ckgd-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li:hover a .btns-bg-0,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li.active a .btns-bg-0 {
	background-image: url(../image/zglbtns-sy-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li:hover a .btns-bg-1,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li.active a .btns-bg-1 {
	background-image: url(../image/fzdbtns-msgl-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li:hover a .btns-bg-2,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li.active a .btns-bg-2 {
	background-image: url(../image/fzdbtns-sjgl-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li:hover a .btns-bg-3,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part3 .btns-container ul li.active a .btns-bg-3 {
	background-image: url(../image/btns-ckgd-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li a .btns-bg-0 {
	background-image: url(../image/zglbtns-sy-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li a .btns-bg-1 {
	background-image: url(../image/fzdbtns-msgl-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li a .btns-bg-2 {
	background-image: url(../image/fzdbtns-sjgl-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li a .btns-bg-3 {
	background-image: url(../image/btns-ckgd-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li:hover a .btns-bg-0,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li.active a .btns-bg-0 {
	background-image: url(../image/zglbtns-sy-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li:hover a .btns-bg-1,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li.active a .btns-bg-1 {
	background-image: url(../image/fzdbtns-msgl-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li:hover a .btns-bg-2,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li.active a .btns-bg-2 {
	background-image: url(../image/fzdbtns-sjgl-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li:hover a .btns-bg-3,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part4 .btns-container ul li.active a .btns-bg-3 {
	background-image: url(../image/btns-ckgd-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 {
	padding-top: 40px;
	padding-bottom: 77px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .mac-container {
	position: relative;
	width: 311px;
	height: 653px;
	background-image: url(../image/iphone.png);
	margin-left: 115px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container {
	padding-top: 123px;
	padding-right: 2px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul {
	width: 696px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li a .btns-bg-0 {
	background-image: url(../image/msdbtns-xtsy-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li a .btns-bg-1 {
	background-image: url(../image/sjdbtns-rwlb-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li a .btns-bg-2 {
	background-image: url(../image/msdbtns-jd-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li a .btns-bg-3 {
	background-image: url(../image/msdbtns-grzx-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li a .btns-bg-4 {
	background-image: url(../image/msdbtns-grzx-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li a .btns-bg-5 {
	background-image: url(../image/msdbtns-xjlb-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li a .btns-bg-6 {
	background-image: url(../image/zglbtns-txgl-l.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li a .btns-bg-7 {
	background-image: url(../image/btns-ckgd-l.png);
}


.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li:hover a .btns-bg-0,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li.active a .btns-bg-0 {
	background-image: url(../image/msdbtns-xtsy-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li:hover a .btns-bg-1,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li.active a .btns-bg-1 {
	background-image: url(../image/sjdbtns-rwlb-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li:hover a .btns-bg-2,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li.active a .btns-bg-2 {
	background-image: url(../image/msdbtns-jd-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li:hover a .btns-bg-3,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li.active a .btns-bg-3 {
	background-image: url(../image/msdbtns-grzx-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li:hover a .btns-bg-4,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li.active a .btns-bg-4 {
	background-image: url(../image/msdbtns-grzx-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li:hover a .btns-bg-5,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li.active a .btns-bg-5 {
	background-image: url(../image/msdbtns-xjlb-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li:hover a .btns-bg-6,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li.active a .btns-bg-6 {
	background-image: url(../image/zglbtns-txgl-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li:hover a .btns-bg-7,
.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .btns-container ul li.active a .btns-bg-7 {
	background-image: url(../image/btns-ckgd-b.png);
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .mac-container .swiper-container {
	position: absolute;
	width: 241px;
	height: 475px;
	top: 74px;
    left: 33px;
}

.system-show .show-info-containers .show-info-containers-inner .show-info-container.info-part5 .mac-container .swiper-container img {
	width: 241px;
	height: 475px;
}

/* 功能特点 */
.function-container {
	position: relative;
}

.function-container .function-list {
	width: 1200px;
	margin: 0 auto;
	padding-top: 245px;
}

.function-container .common-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.function-container .function-list li {
	float: left;
	width: 25%;
	text-align: center;
	height: 368px;
}

.function-container .function-list li p.function-title {
	color: #4d4d59;
	font-size: 22px;
	padding-top: 27px;
	padding-bottom: 26px;
}

.function-container .function-list li p.function-desc {
	color: #8b8b96;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
}

/* 全网最全——主流电商平台全覆盖 */
.platform-cover {
	position: relative;
	min-width: 1200px;
	margin: 0 auto;
	background-color: #f5f8fb;
	height: 772px;
}

.platform-cover::after {
	position: absolute;
	top: -23px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	content: "";
	width: 248px;
	height: 47px;
	background-image: url(../image/platform-top-white.png);
}

.platform-cover .all-platfomr-container {
	position: relative;
	width: 478px;
	height: 478px;
	margin: 0 auto;
	margin-top: 75px;
}

.platform-cover .all-platfomr-container img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-user-select: none;
	user-select: none;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 1s linear, filter 1s linear;
	-ms-transition: opacity 1s linear, filter 1s linear; /* IE 9 */
	-moz-transition: opacity 1s linear, filter 1s linear; /* Firefox */
	-webkit-transition: opacity 1s linear, filter 1s linear; /* Safari 和 Chrome */
	-o-transition: opacity 1s linear, filter 1s linear; /* Opera */
}

.platform-cover .all-platfomr-container img.show {
	opacity: 1;
	filter: alpha(opacity=100);
}

.platform-cover .all-platfomr-container .center-circle {
	margin-left: -32px;
	margin-top: -32px;
}

.platform-cover .all-platfomr-container .first-circle {
	margin-left: -122px;
	margin-top: -101px;
}

.platform-cover .all-platfomr-container .second-circle {
	margin-left: -212px;
	margin-top: -198px;
}

.platform-cover .all-platfomr-container .third-circle {
	margin-left: -239px;
	margin-top: -239px;
}

.platform-cover .all-platfomr-container > div {
	position: absolute;
	color: #66666a;
	font-size: 16px;
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	transition: opacity 1s linear, filter 1s linear;
	-ms-transition: opacity 1s linear, filter 1s linear; /* IE 9 */
	-moz-transition: opacity 1s linear, filter 1s linear; /* Firefox */
	-webkit-transition: opacity 1s linear, filter 1s linear; /* Safari 和 Chrome */
	-o-transition: opacity 1s linear, filter 1s linear; /* Opera */
}

.platform-cover .all-platfomr-container > div.show {
	opacity: 1;
	filter: alpha(opacity=100);
}

.platform-cover .all-platfomr-container > div > p {
	position: absolute;
	left: 0;
}

.platform-cover .all-platfomr-container .tb-desc {
	left: -78px;
	top: 130px;
	width: 206px;
	height: 23px;
	background-image: url(../image/tb-bottom-line.png);
}

.platform-cover .all-platfomr-container .tb-desc p {
	padding-left: 3px;
	top: -23px;
}

.platform-cover .all-platfomr-container .tm-desc {
	left: 348px;
	top: 130px;
	width: 150px;
	height: 23px;
	background-image: url(../image/tm-bottom-line.png);
}

.platform-cover .all-platfomr-container .tm-desc p {
	padding-left: 30px;
	top: -23px;
}

.platform-cover .all-platfomr-container .jd-desc {
	left: -73px;
	top: 310px;
	width: 197px;
	height: 23px;
	background-image: url(../image/jd-bottom-line.png);
}

.platform-cover .all-platfomr-container .jd-desc p {
	padding-left: 3px;
	top: -3px;
}

.platform-cover .all-platfomr-container .pdd-desc {
	left: 353px;
	top: 311px;
	width: 134px;
	height: 22px;
	background-image: url(../image/pdd-bottom-line.png);
}

.platform-cover .all-platfomr-container .pdd-desc p {
	padding-left: 30px;
	top: -3px;
}

.platform-cover .all-platfomr-container .xy-desc {
	left: -168px;
	top: 195px;
	width: 206px;
	height: 23px;
	background-image: url(../image/xy-bottom-line.png);
}

.platform-cover .all-platfomr-container .xy-desc p {
	padding-left: 6px;
	top: -23px;
}

.platform-cover .all-platfomr-container .albb-desc {
	left: 260px;
	top: 5px;
	width: 214px;
	height: 33px;
	background-image: url(../image/albb-bottom-line.png);
}

.platform-cover .all-platfomr-container .albb-desc p {
	padding-left: 35px;
	top: -23px;
}

.platform-cover .all-platfomr-container .sn-desc {
	left: 440px;
	top: 195px;
	width: 304px;
	height: 24px;
	background-image: url(../image/sn-bottom-line.png);
	background-repeat: no-repeat;
}

.platform-cover .all-platfomr-container .sn-desc p {
	padding-left: 30px;
	top: -23px;
}

.platform-cover .all-platfomr-container .mgj-desc {
	left: 275px;
	top: 433px;
	width: 157px;
	height: 23px;
	background-image: url(../image/mgj-bottom-line.png);
}

.platform-cover .all-platfomr-container .mgj-desc p {
	padding-left: 30px;
	top: -3px;
}

.platform-cover .all-platfomr-container .dy-desc {
	left: -98px;
	top: 31px;
	width: 135px;
	height: 24px;
	background-image: url(../image/dy-bottom-line.png);
}

.platform-cover .all-platfomr-container .dy-desc p {
	padding-left: 8px;
	top: -23px;
}

.platform-cover .all-platfomr-container .xhs-desc {
	left: 442px;
	top: 31px;
	width: 135px;
	height: 23px;
	background-image: url(../image/xhs-bottom-line.png);
}

.platform-cover .all-platfomr-container .xhs-desc p {
	padding-left: 26px;
	top: -23px;
}

.platform-cover .all-platfomr-container .jdp-desc {
	left: -163px;
	top: 433px;
	width: 206px;
	height: 23px;
	background-image: url(../image/jdp-bottom-line.png);
}

.platform-cover .all-platfomr-container .jdp-desc p {
	padding-left: 15px;
	top: -3px;
}

/* 补单系统VS其他系统 */
.vs-container {
	position: relative;
	height: 789px;
}

.vs-container .common-title {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.vs-container .vs-detail {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 55px;
	padding-top: 183px;
}

.vs-container .vs-detail > div.left-detail {
	float: left;
	height: 0;
	overflow: hidden;
}

.vs-container .vs-detail > div.right-detail {
	float: right;
	height: 0;
	overflow: hidden;
}

.vs-container .vs-detail > div {
	transition: height 3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: height 3s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* IE 9 */
	-moz-transition: height 3s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Firefox */
	-webkit-transition: height 3s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Safari 和 Chrome */
	-o-transition: height 3s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Opera */
}

.vs-container .vs-detail > div.active {
	height: 551px;
}

.vs-container .vs-detail div .detail-title {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 48px;
}

.vs-container .vs-detail > div.left-detail .detail-title {
	color: #2892f4;
}

.vs-container .vs-detail > div.right-detail .detail-title {
	color: #96afc7;
}

.vs-container .vs-detail > div .detail-desc {
	position: relative;
	font-size: 26px;
	color: #66666a;
	height: 64px;
	background-repeat: no-repeat;
	padding-left: 105px;
}

.vs-container .vs-detail > div .detail-desc::before {
	display: block;
	width: 54px;
	text-align: center;
	position: absolute;
	top: 8px;
	left: 0;
	content: attr(data-number);
	color: #fff;
	font-size: 26px;
}

.vs-container .vs-detail > div .detail-desc + .detail-desc {
	margin-top: 37px;
}

.vs-container .vs-detail > div.left-detail .detail-desc {
	background-image: url(../image/bd-bg.png);
}

.vs-container .vs-detail > div.right-detail .detail-desc {
	background-image: url(../image/qt-bg.png);
}

.vs-container .vs-detail .vs-container {
	position: absolute;
	left: 50%;
	margin-left: -75.5px;
	top: 396px;
	width: 151px;
	height: 149px;
}

.vs-container .vs-detail .vs-container .vs-outside.rotateX {
	animation: rotateX 3s linear;
}

.vs-container .vs-detail .vs-container .vs-outside.rotateY {
	animation: rotateY 3s linear;
}

.vs-container .vs-detail .vs-container .vs-outside.rotateZ {
	animation: rotateZ 3s linear;
}

.vs-container .vs-detail .vs-container .vs-inside {
	position: absolute;
	top: 0;
	left: 7px;
	bottom: 0;
	right: 0;
	margin: auto;
}

@keyframes rotateX {
	0% {
		transform: rotateX(0deg);
		-ms-transform: rotateX(0deg); 	/* IE 9 */
		-moz-transform: rotateX(0deg); 	/* Firefox */
		-webkit-transform: rotateX(0deg); /* Safari 和 Chrome */
		-o-transform: rotateX(0deg); 	/* Opera */
	}
	100% {
		transform: rotateX(360deg);
		-ms-transform: rotateX(360deg); 	/* IE 9 */
		-moz-transform: rotateX(360deg); 	/* Firefox */
		-webkit-transform: rotateX(360deg); /* Safari 和 Chrome */
		-o-transform: rotateX(360deg); 	/* Opera */
	}
}

@keyframes rotateY {
	0% {
		transform: rotateY(0deg);
		-ms-transform: rotateY(0deg); 	/* IE 9 */
		-moz-transform: rotateY(0deg); 	/* Firefox */
		-webkit-transform: rotateY(0deg); /* Safari 和 Chrome */
		-o-transform: rotateY(0deg); 	/* Opera */
	}
	100% {
		transform: rotateY(360deg);
		-ms-transform: rotateY(360deg); 	/* IE 9 */
		-moz-transform: rotateY(360deg); 	/* Firefox */
		-webkit-transform: rotateY(360deg); /* Safari 和 Chrome */
		-o-transform: rotateY(360deg); 	/* Opera */
	}
}

@keyframes rotateZ {
	0% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg); 	/* IE 9 */
		-moz-transform: rotateZ(0deg); 	/* Firefox */
		-webkit-transform: rotateZ(0deg); /* Safari 和 Chrome */
		-o-transform: rotateZ(0deg); 	/* Opera */
	}
	100% {
		transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg); 	/* IE 9 */
		-moz-transform: rotateZ(360deg); 	/* Firefox */
		-webkit-transform: rotateZ(360deg); /* Safari 和 Chrome */
		-o-transform: rotateZ(360deg); 	/* Opera */
	}
}

/* 为什么选择我们 */
.why-choose {
	position: relative;
	min-width: 1200px;
	margin: 0 auto;
	height: 734px;
	background-image: url(../image/choose-bg.png);
	background-position: center;
	background-repeat: no-repeat;
}

.why-choose::after {
	position: absolute;
	top: -23px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	content: "";
	width: 248px;
	height: 47px;
	background-image: url(../image/platform-top-white.png);
	background-repeat: no-repeat;
}

.why-choose .choose-text {
	color: #2cddda;
	font-size: 26px;
	text-align: center;
	padding-top: 54px;
}

.why-choose .choose-text span {
	position: relative;
	letter-spacing: 2px;
	text-shadow: 0 0 6px #2cddda;
}

.why-choose .choose-text span::before {
	position: absolute;
	left: -45px;
	bottom: 4px;
	content: "";
	display: block;
	width: 47px;
	height: 1px;
	background-image: url(../image/choose-left.png);
}

.why-choose .choose-text span::after {
	position: absolute;
	right: -29px;
	top: 9px;
	content: "";
	display: block;
	width: 33px;
	height: 1px;
	background-image: url(../image/choose-right.png);
}

.why-choose .choose-reason-container {
	width: 1200px;
	margin: 0 auto;
	margin-top: 37px;
	position: relative;
}

.why-choose .choose-reason-container .opacity-bg {
	position: absolute;
	width: 371px;
}

.why-choose .choose-reason-container .choose-common {
	height: 0;
	overflow: hidden;
	transition: height 2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: height 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* IE 9 */
	-moz-transition: height 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Firefox */
	-webkit-transition: height 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Safari 和 Chrome */
	-o-transition: height 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Opera */
	background-repeat: no-repeat;
}

.why-choose .choose-reason-container .choose-common.active {
	height: 74px;
}

.why-choose .choose-reason-container .choose-common.check-reason {
	height: 0;
	overflow: hidden;
}

.why-choose .choose-reason-container .choose-common.check-reason.active {
	height: 66px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-1 {
	color: #fff;
	font-size: 14px;
	background-image: url(../image/choose-rec-left.png);
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-2 {
	color: #fff;
	font-size: 14px;
	background-image: url(../image/choose-rec-right.png);
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-1.safe-reason {
	left: 79px;
	top: 0;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-1.support-reason {
	left: 0;
	top: 117px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-1.problem-reason {
	left: 0;
	top: 234px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-1.service-reason {
	left: 79px;
	top: 351px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-2.thirdpart-reason {
	right: 79px;
	top: 0;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-2.partners-reason {
	right: 0;
	top: 117px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-2.perfect-reason {
	right: 0;
	top: 234px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-2.function-reason {
	right: 79px;
	top: 351px;
}

.why-choose .choose-reason-container .opacity-bg-1 p {
	padding-top: 20px;
	padding-left: 40px;
	line-height: 16px;
}

.why-choose .choose-reason-container .opacity-bg-2 p {
	padding-top: 20px;
	padding-left: 77px;
	line-height: 16px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-1.service-reason p {
	padding-top: 28px;
	padding-left: 50px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-2.partners-reason p {
	padding-top: 28px;
	padding-left: 48px;
}

.why-choose .choose-reason-container .opacity-bg.opacity-bg-2.function-reason p {
	padding-top: 28px;
	padding-left: 58px;
}

.why-choose .choose-reason-container .check-reason {
	position: absolute;
	left: 0;
	right: 0;
	top: 465px;
	bottom: 0;
	width: 371px;
	height: 66px;
	color: #fff;
	font-size: 14px;
	background-image: url(../image/choose-rec-bottom.png);
	margin: 0 auto;
}

.why-choose .choose-reason-container .check-reason p {
	padding-top: 20px;
	line-height: 16px;
	text-align: center;
}

.why-choose .choose-reason-container .wen-container {
	position: absolute;
	top: 110px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	width: 193px;
	height: 199px;
}

.why-choose .choose-reason-container .wen-container .wen-inside {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 143px;
	height: 140px;
}

.why-choose .choose-reason-container .wen-container .wen-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 81px;
	height: 88px;
}

.why-choose .choose-reason-container .wen-container .wen-text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 30px;
}

@keyframes weninsiderotate {
	0% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg); 	/* IE 9 */
		-moz-transform: rotateZ(0deg); 	/* Firefox */
		-webkit-transform: rotateZ(0deg); /* Safari 和 Chrome */
		-o-transform: rotateZ(0deg); 	/* Opera */
	}
	100% {
		transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg); 	/* IE 9 */
		-moz-transform: rotateZ(360deg); 	/* Firefox */
		-webkit-transform: rotateZ(360deg); /* Safari 和 Chrome */
		-o-transform: rotateZ(360deg); 	/* Opera */
	}
}

@keyframes wenoutsiderotate {
	0% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg); 	/* IE 9 */
		-moz-transform: rotateZ(0deg); 	/* Firefox */
		-webkit-transform: rotateZ(0deg); /* Safari 和 Chrome */
		-o-transform: rotateZ(0deg); 	/* Opera */
	}
	100% {
		transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg); 	/* IE 9 */
		-moz-transform: rotateZ(360deg); 	/* Firefox */
		-webkit-transform: rotateZ(360deg); /* Safari 和 Chrome */
		-o-transform: rotateZ(360deg); 	/* Opera */
	}
}

.why-choose .choose-reason-container .wen-container .wen-inside {
	animation: weninsiderotate 12s linear infinite;
}

.why-choose .choose-reason-container .wen-container .wen-outside {
	animation: wenoutsiderotate 3s linear infinite;
}

/* 价格服务 */
.price-service {
	position: relative;
	width: 1200px;
	height: 792px;
	margin: 0 auto;
}

.price-service .common-title {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
}

.price-service .common-desc {
	padding-top: 137px;
}

.price-service .price-info-container {
	position: relative;
}

.price-service .price-info-container ul {
	padding-top: 57px;
}

.price-service .price-info-container ul li {
	float: left;
	width: 33.33%;
	height: 64px;
	line-height: 64px;
	border-bottom: 1px solid #e8f1fb;
	cursor: pointer;
	color: #66666a;
	font-size: 22px;
	background-repeat: no-repeat;
	background-position: 123px center;

}

.price-service .price-info-container ul li.buy {
	background-image: url(../image/price-buy.png);
}

.price-service .price-info-container ul li.win {
	background-image: url(../image/price-win.png);
}

.price-service .price-info-container ul li.borrow {
	background-image: url(../image/price-borrow.png);
}

.price-service .price-info-container ul li.active {
	color: #2892f4;
}

.price-service .price-info-container ul li p {
	padding-left: 186px;
}

.price-service .price-info-container .price-active {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 400px;
    height: 7px;
    content: "";
    background-image: url(../image/price-bottom-line.png);
    background-repeat: no-repeat;
    transition: left 0.5s ease-in-out;
    -ms-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -webkit-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
}

.price-service .drag-box {
	width: 1200px;
	height: 707px;
	overflow: hidden;
	position: relative;
}

.price-service .drag-box .drag-box-inner {
	width: 3600px;
	position: absolute;
	top: 0;
	left: 0;
	transition: left 0.5s linear;
    -ms-transition: left 0.5s linear;
    -moz-transition: left 0.5s linear;
    -webkit-transition: left 0.5s linear;
    -o-transition: left 0.5s linear;
}

.price-service .drag-box .drag-box-inner .price-desc-box {
	float: left;
	width: 1108px;
	padding: 44px 46px;
}

.price-service .drag-box .drag-box-inner .price-desc-box .price-title {
	color: #4d4d59;
	font-size: 22px;
	padding-bottom: 54px;
}

.price-service .drag-box .drag-box-inner .price-desc-box .desc-detail {
	color: #66666a;
	font-size: 14px;
	line-height: 17px;
	padding-bottom: 17px;
}

.price-service .drag-box .drag-box-inner .price-desc-box .desc-detail.indent {
	padding-left: 28px;
}

/* 公司四大版本 */
.four-vision {
	position: relative;
	min-width: 1200px;
	background-color: #f5f8fb;
}

.four-vision::after {
    position: absolute;
    top: -23px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    width: 248px;
    height: 47px;
    background-image: url(../image/platform-top-white.png);
}

.four-vision ul {
	width: 1200px;
	margin: 0 auto;
	padding-top: 58px;
	padding-bottom: 40px;
}

.four-vision ul li {
	float: left;
	width: 277px;
	height: 442px;
	text-align: center;
	background-color: #fff;
	border-radius: 6px;
	transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out; /* IE 9 */
	-moz-transition: all 0.5s ease-in-out; /* Firefox */
	-webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */
	-o-transition: all 0.5s ease-in-out; /* Opera */
}

.four-vision ul li:hover {
	transform: scale(1.13, 1.1);
	-ms-transform: scale(1.13, 1.1); 	/* IE 9 */
	-moz-transform: scale(1.13, 1.1); 	/* Firefox */
	-webkit-transform: scale(1.13, 1.1); /* Safari 和 Chrome */
	-o-transform: scale(1.13, 1.1); 	/* Opera */
	box-shadow: 0 0 12px 8px #e4eef9;
}

.four-vision ul li + li {
	margin-left: 30.66px;
}

.four-vision ul li .vision-name {
	font-size: 22px;
	color: #4d4d59;
	padding-top: 11px;
	padding-bottom: 22px;
}

.four-vision ul li .img-container {
	height: 166px;
	padding-bottom: 14px;
}

.four-vision ul li .vision-price {
	font-size: 36px;
	color: #2892f4;
	font-weight: bold;
	padding-bottom: 17px;
}

.four-vision ul li .vision-price i {
	font-style: normal;
	font-size: 22px;
	float: left;
	padding-right: 7px;
	font-weight: normal;
}

.four-vision ul li .vision-intro {
	font-size: 14px;
	color: #8b8b96;
	line-height: 17px;
}

.four-vision ul li .vision-intro + .vision-intro {
	padding-top: 9px;
}

.four-vision .vision-tips {
	width: 1157px;
	height: 28px;
	line-height: 28px;
	margin: 0 auto;
	font-size: 22px;
	color: #3d9bf5;
	background-image: url(../image/vision-warn.png);
	background-repeat: no-repeat;
	padding-left: 43px;
	padding-bottom: 39px;
}

/* 查看各版本信息 */
.see-visions {
	min-width: 1200px;
	margin: 0 auto;
	background: -moz-linear-gradient(to left, #2892f4 0%, #28bdf4 100%);
    background: -webkit-gradient(to left, #2892f4 0%, #28bdf4 100%);
    background: -webkit-linear-gradient(to left, #2892f4 0%, #28bdf4 100%);
    background: -o-linear-gradient(to left, #2892f4 0%, #28bdf4 100%);
    background: -ms-linear-gradient(to left, #2892f4 0%, #28bdf4 100%);
    background: linear-gradient(to left, #2892f4 0%, #28bdf4 100%);
}

.see-visions .see-text {
	width: 1036px;
	height: 112px;
	line-height: 112px;
	padding: 0 82px;
	margin: 0 auto;
	text-align: right;
}

.see-visions .see-text p {
	float: left;
	font-size: 22px;
	color: #fff;
}

.see-visions .see-text a {
	width: 274px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	font-size: 22px;
	transition: all 0.5s linear;
	-ms-transition: all 0.5s linear; /* IE 9 */
	-moz-transition: all 0.5s linear; /* Firefox */
	-webkit-transition: all 0.5s linear; /* Safari 和 Chrome */
	-o-transition: all 0.5s linear; /* Opera */
}

.see-visions .see-text a:hover {
	background-color: #fff;
	color: #2892f4;
}

/* 加入我们 */
.join-us {
	min-width: 1200px;
	background-color: #f5f8fb;
}

.join-us .we-can {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0 34px 0;
}

.join-us .we-can .left-box {
	float: left;
	width: 209px;
	height: 229px;
	text-align: center;
	background-color: #fff;
	font-size: 24px;
	color: #2892f4;
	font-weight: bold;
	border-radius: 6px;
	transition: box-shadow 0.5s ease-in-out;
	-ms-transition: box-shadow 0.5s ease-in-out; /* IE 9 */
	-moz-transition: box-shadow 0.5s ease-in-out; /* Firefox */
	-webkit-transition: box-shadow 0.5s ease-in-out; /* Safari 和 Chrome */
	-o-transition: box-shadow 0.5s ease-in-out; /* Opera */
	cursor: pointer;
}

.join-us .we-can .left-box:hover,
.join-us .we-can .right-box ul li:hover {
	box-shadow: 0 0 12px 8px #e4eef9;
}

.join-us .we-can .left-box p {
	padding-top: 21px;
	padding-bottom: 23px;
}

.join-us .we-can .right-box {
	float: right;
	width: 975px;
}

.join-us .we-can .right-box ul li {
	float: left;
	width: 205px;
	height: 107px;
	border-radius: 6px;
	background-color: #fff;
	margin-bottom: 16px;
	background-position-y: center;
	background-repeat: no-repeat;
	padding-left: 108px;
	transition: box-shadow 0.5s ease-in-out;
	-ms-transition: box-shadow 0.5s ease-in-out; /* IE 9 */
	-moz-transition: box-shadow 0.5s ease-in-out; /* Firefox */
	-webkit-transition: box-shadow 0.5s ease-in-out; /* Safari 和 Chrome */
	-o-transition: box-shadow 0.5s ease-in-out; /* Opera */
	cursor: pointer;
}

.join-us .we-can .right-box ul li + li {
	margin-left: 18px;
}

.join-us .we-can .right-box ul li:nth-child(3n + 1) {
	margin-left: 0;
}

.join-us .we-can .right-box ul li:nth-child(1) {
	background-image: url(../image/right-icon1.png);
	background-position-x: 39px;
}

.join-us .we-can .right-box ul li:nth-child(2) {
	background-image: url(../image/right-icon2.png);
	background-position-x: 36px;
}

.join-us .we-can .right-box ul li:nth-child(3) {
	background-image: url(../image/right-icon3.png);
	background-position-x: 37px;
}

.join-us .we-can .right-box ul li:nth-child(4) {
	background-image: url(../image/right-icon4.png);
	background-position-x: 32px;
}

.join-us .we-can .right-box ul li:nth-child(5) {
	background-image: url(../image/right-icon5.png);
	background-position-x: 37px;
}

.join-us .we-can .right-box ul li:nth-child(6) {
	background-image: url(../image/right-icon6.png);
	background-position-x: 35px;
}

.join-us .we-can .right-box ul li .main-title {
	font-size: 22px;
	color: #4d4d59;
	padding-top: 26px;
	padding-bottom: 2px;
}

.join-us .we-can .right-box ul li .main-desc {
	font-size: 14px;
	color: #8b8b96;
}

/* 联系我们 */
.contact-us {
	position: relative;
	padding-bottom: 46px;
}

.contact-us .common-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.contact-us .common-desc {
	padding-top: 163px;
	padding-bottom: 80px;
	font-size: 26px;
	color: #66666a;
}

.contact-us .our-superiority ul {
	width: 1200px;
	margin: 0 auto;
}

.contact-us .our-superiority ul li {
	float: left;
	width: 20%;
	height: 198px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.contact-us .our-superiority ul li .superiority-container {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 40px;
	text-align: center;
	transition: top 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: top 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* IE 9 */
	-moz-transition: top 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Firefox */
	-webkit-transition: top 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Safari 和 Chrome */
	-o-transition: top 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Opera */
}

.contact-us .our-superiority ul li:hover .superiority-container {
	top: -110px;
}

.contact-us .our-superiority ul li .superiority-container .superiority-title {
	font-size: 22px;
	padding-top: 28px;
	padding-bottom: 34px;
	color: #4d4d59;
}

.contact-us .our-superiority ul li .superiority-container .superiority-desc {
	font-size: 14px;
	text-align: left;
	color: #8b8b96;
	line-height: 19px;
}

/* 底部 */
.footer {
	min-width: 1200px;
	margin: 0 auto;
	background-color: #2e2f3f;
	position: relative;
}

.footer::after {
	position: absolute;
    top: -23px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    width: 248px;
    height: 47px;
    background-image: url(../image/platform-top-white.png);
}

.footer .footer-top {
	width: 1200px;
	margin: 0 auto;
	padding-top: 55px;
	padding-bottom: 46px;
	border-bottom: 1px solid #42445c;
}

.footer .footer-top li {
	float: left;
	width: 25%;
	height: 49px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.footer .footer-top li:nth-child(1) {
	background-image: url(../image/footer-icon1.png);
}

.footer .footer-top li:nth-child(2) {
	background-image: url(../image/footer-icon2.png);
}

.footer .footer-top li:nth-child(3) {
	background-image: url(../image/footer-icon3.png);
}

.footer .footer-top li:nth-child(4) {
	background-image: url(../image/footer-icon4.png);
}

.footer .footer-top li p {
	padding-left: 59px;
}

.footer .footer-top li p.top-title {
	font-size: 16px;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

.footer .footer-top li p.top-desc {
	font-size: 12px;
	color: #dedbdb;
}

.footer .footer-center {
	width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #42445c;
	padding: 32px 0;
}

.footer .footer-center > div {
	width: 50%;
	float: left;
}

.footer .footer-center .center-left .service-container {
	float: left;
	width: 33.33%;
}

.footer .footer-center .center-left .service-container .service-head {
	height: 25px;
	line-height: 25px;
	padding-left: 43px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 16px;
}

.footer .footer-center .center-left .service-container .service-head.wechat {
	background-image: url(../image/wechat-icon.png);
}

.footer .footer-center .center-left .service-container .service-head.qq {
	background-image: url(../image/qq-icon.png);
}

.footer .footer-center .center-left .service-container .service-head.tel {
	background-image: url(../image/tel-icon.png);
}

.footer .footer-center .center-left .service-container .wechat-imgs {
	padding-left: 43px;
	padding-top: 18px;
	padding-bottom: 26px;
}

.footer .footer-center .center-left .service-container .wechat-imgs img {
	float: left;
}

.footer .footer-center .center-left .service-container .wechat-imgs img + img {
	padding-left: 50px;
}

.footer .footer-center .center-left .service-container .numbers-text {
	padding-left: 43px;
	padding-top: 20px;
	padding-bottom: 25px;
}

.footer .footer-center .center-left .service-container .numbers-text p {
	float: left;
	color: #fff;
	font-size: 16px;
}

.footer .footer-center .center-left .service-container .numbers-text p + p {
	padding-left: 96px;
}

.footer .footer-center .center-right {
	text-align: center;
}

.footer .footer-center .center-right img {
	padding-bottom: 21px;
}

.footer .footer-center .center-right p {
	font-size: 30px;
	color: #fff;
	line-height: 36px;
}

.footer .footer-bottom {
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	padding: 10px 0;
}

/* 右侧栏 */
.m-contact_fr {
    position: fixed;
    z-index: 1000000;
    bottom: 70px;
    right: 32px;
}

.m-contact_fr ul li {
    list-style: none;
    margin: 18px 0;
    padding: 0;
}

.m-contact_fr ul li .contact {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 30px;
    background-color: #007AFF;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.m-contact_fr ul li .contact:hover {
    background-color: #3696ff;
}

.m-contact_fr ul li .contact.tel {
    background-image: url(../image/meiqia_tel.png);
}

.m-contact_fr ul li .contact.message {
    background-image: url(../image/meiqia_message.png);
}

.m-contact_fr ul li .contact.totop {
    background-image: url(../image/meiqia_top.png);
}

.m-contact_fr .trips {
    position: relative;
    z-index: 1;
    display: none
}

.m-contact_fr .trips s {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    position: absolute;
    right: 60px;
    top: -30px;
    background-color: #007AFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.m-contact_fr .trips p {
    width: 160px;
    padding: 10px 15px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 5px;
    background-color: #007AFF;
    color: #fff;
    position: absolute;
    right: 64px;
    top: -30px;
}

/* 右下角二维码 */
.fixewm {
    position: fixed;
    right: 115px;
    bottom: 0;
    background: #007AFF;
    width: 176px;
    padding: 6px;
    text-align: center;
    color: #fff;
	z-index: 1000000;
	padding-top: 10px;
}

.fixewm h4 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 600;
}

.fixewm p {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 8px;
}