/*banner样式*/
.info-banner {
	background: url(../img/banner.jpg) no-repeat center;
}
.info-box .auto{
	position: relative;
}
.uodate-number-div {
	position: absolute;
	top: 109px;
	left: 822px;
	width: 210px;
	height: 40px;
	/*background: #ccc;*/
}
.num-inner {
	float: left;
	height: 40px;
	width: 29px;
}
.num-inner>span {
	display: block;
	width: 29px;
	height: 40px;
}
.num-inner-01 {
	margin-left: 20px;
}
.num-inner-03 {
	margin-left: 70px;
}
.num-00 {
	background: url(../img/cps_banner_num.png) no-repeat 0 0;
}
.num-01 {
	background: url(../img/cps_banner_num.png) no-repeat -28.7px 0;
}
.num-02 {
	background: url(../img/cps_banner_num.png) no-repeat -57.4px 0;
}
.num-03 {
	background: url(../img/cps_banner_num.png) no-repeat -86.1px 0;
}
.num-04 {
	background: url(../img/cps_banner_num.png) no-repeat -114.8px 0;
}
.num-05 {
	background: url(../img/cps_banner_num.png) no-repeat -143.5px 0;
}
.num-06 {
	background: url(../img/cps_banner_num.png) no-repeat -172.2px 0;
}
.num-07 {
	background: url(../img/cps_banner_num.png) no-repeat -200.9px 0;
}
.num-08 {
	background: url(../img/cps_banner_num.png) no-repeat -229.6px 0;
}
.num-09 {
	background: url(../img/cps_banner_num.png) no-repeat -258.7px 0;
}
.product-info {
	position: relative;
}
.u-p3d {
	transform-style: preserve-3d !important;
}
.banner-base {
	position: absolute;
	top: 25px;
	right: 88px;
	width: 423px;
	height: 423px;
	transform: rotateX(72deg);
	backface-visibility: hidden;
	animation: cir 10s linear 0s infinite;
}
.ball-base {
	transform-origin: 245px 0px;
	position: absolute;
	top: 212px;
	left: -33px;
	width: 245px;
	height: 212px;
}
.ball {
	display: inline-block;
	width: 66px;
	height: 66px;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.ball-1 {
	top: 130px\9;
	left: 30px\9;
	transform: rotateX(-90deg) rotateY(0deg) translateY(-30px);
}
.ball-1 .ball{
	animation: cir1 10s linear 0s infinite;
	transition-delay: 1100ms !important;
	background-image: url(../img/banner_icon_01.png);
}
.ball-2 {
	top: 245px\9;
	left: 105px\9;
	transform: rotateX(-90deg) rotateY(90deg) translateY(-30px);
}
.ball-2 .ball{
	animation: cir2 10s linear 0s infinite;
	transition-delay: 800ms !important;
	background-image: url(../img/banner_icon_02.png);
}
.ball-3 {
	top: 220px\9;
	left: 340px\9;
	transform: rotateX(-90deg) rotateY(180deg) translateY(-30px);
}
.ball-3 .ball{
	animation: cir3 10s linear 0s infinite;
	transition-delay: 500ms !important;
	background-image: url(../img/banner_icon_03.png);
}
.ball-4 {
	top: 120px\9;
	left: 260px\9;
	transform: rotateX(-90deg) rotateY(270deg) translateY(-30px);
}
.ball-4 .ball{
	animation: cir4 10s linear 0s infinite;
	transition-delay: 200ms !important;
	background-image: url(../img/banner_icon_04.png);
}
@keyframes cir {
	0% {
		transform: rotateX(72deg) rotateZ(0deg);
}
	100% {
		transform: rotateX(72deg) rotateZ(-360deg);
}
}
@keyframes cir1 {
	0% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(-360deg);
	}
}
@keyframes cir2 {
	0% {
		transform: rotateY(-90deg);
	}
	100% {
		transform: rotateY(-450deg);
	}
}
@keyframes cir3 {
	0% {
		transform: rotateY(-180deg);
	}
	100% {
		transform: rotateY(-540deg);
	}
}
@keyframes cir4 {
	0% {
		transform: rotateY(-270deg);
	}
	100% {
		transform: rotateY(-630deg);
	}
}
.bg-gray {
	background-color: #f5f8fa;
}
.module {
	padding-top: 30px;
	padding-bottom: 50px;
}
.module-head {
	text-align: center;
}
.module-head h2 {
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 32px;
	color: #333;
}

.introduce-join {
	font-size: 24px;
	color: #ffd400;
}
.introduce-price {
	margin-top: 40px;
	margin-bottom: 50px;
	font-size: 54px;
	color: #fff;
}

.introduce-banner > a {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #00aaff;
	text-decoration: underline;
}
.introduce-banner > a.get-oem {
	width: 170px;
	margin-right: 30px;
	text-align: center;
	color: #051433;
	border-radius: 2px;
	background-color: #ffd400;
	text-decoration: none;
}
.introduce-share {
	margin-top: 38px;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #fff;
}
.introduce-share a {
	display: inline-block;
	width: 22px;
	height: 18px;
	margin-left: 12px;
	vertical-align: middle;
}
.introduce-share a:first-child {
	background: url(../img/share-weibo.png) no-repeat center center;
}
.introduce-share a:first-child + a {
	position: relative;
	background: url(../img/share-weixin.png) no-repeat center center;
}

/*推广优势*/
.ascendant li {
	float: left;
	width: 230px;
	height: 348px;
	margin-left: 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
	text-align: center;
}
.ascendant li:first-child {
	margin-left: 0;
}
.ascendant li:hover {
	border:1px solid #00aaff;
}
.ascendant li h2 {
	margin-top: 210px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #333;
}
.ascendant li p {
	margin-bottom: 15px;
	font-size: 14px;
	color: #999;
}
.ascendant-1 {
	background: url(../img/ascendant-1.png) no-repeat 55px 60px;
}
.ascendant-2 {
	background: url(../img/ascendant-2.png) no-repeat 55px 60px;
}
.ascendant-3 {
	background: url(../img/ascendant-3.png) no-repeat 55px 60px;
}
.ascendant-4 {
	background: url(../img/ascendant-4.png) no-repeat 55px 60px;
}
.ascendant-5 {
	background: url(../img/ascendant-5.png) no-repeat 55px 60px;
}

/*推广方式*/
.methods li {
	float: left;
	width: 392px;
	height: 392px;
	margin-left: 12px;
	text-align: center;
	border-radius: 2px;
	background-color: #fff;
}
.methods li:first-child {
	margin-left: 0;
}
.methods li h2 {
	margin-top: 205px;
	margin-bottom: 28px;
	font-size: 22px;
	color: #333;
	font-weight: normal;
}
.methods li p {
	line-height: 2;
	text-align: justify;
	padding: 0 50px;
	font-size: 14px;
	color: #999;
}
.methods-1 {
	background: url(../img/methods-1.png) no-repeat 140px 60px;
}
.methods-2 {
	background: url(../img/methods-2.png) no-repeat 140px 60px;
}
.methods-3 {
	background: url(../img/methods-3.png) no-repeat 140px 60px;
}


/*代理优势*/
.proxy-introduce {
	position: relative;
}
.ny-introduce {
	position: absolute;
	top: -20px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	border: 2px solid #00aaff;
	box-shadow: 0 0 6px 3px #ccc;
}
.ny-introduce p {
	height: 70px;
	line-height: 70px;
	font-size: 14px;
	color: #333;
	text-align: center;
}
.ny-introduce p.special {
	line-height: 50px;
}
.ny-introduce p:first-child {
	height: 20px;
	background-color: #00aaff;
}
.ny-introduce p:first-child + p {
	font-size: 22px;
	color: #fff;
	background-color: #00aaff;
}
.even-bg {
	background-color: #e7f1fc;
}
.ny-introduce p.ny-introduce-last {
	height: 20px;
}
.ny-introduce i {
	position: absolute;
	top: -7px;
	right: -7px;
	display: block;
	width: 55px;
	height: 55px;
	background: url(../img/tuijian.png) no-repeat 0 0;
}
.proxy-introduce table {
	width: 100%;
	border-collapse:collapse;
	border: 1px solid #eee;
}
.proxy-introduce table thead {
	border: 1px solid #d3d3d3;
}
.proxy-introduce table th {
	width: 33.333333%;
	height: 70px;
	line-height: 70px;
	font-weight: 400;
	font-size: 18px;
	background-color: #f0f0f0;
	color: #666;
}
.proxy-introduce table tr td {
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 14px;
	color: #666;
}
/*成为代理*/
.introduce-procedure {
	min-width: 1200px;
	height: 206px;
	background: url(../img/introduce-bg.jpg) no-repeat 0 0;
}
.introduce-procedure .module-head h2 {
	color: #fff;
}
.introduce-procedure ul li {
	float: left;
	width: 312px;
	height: 104px;
	margin-left: -10px;
	line-height: 104px;
}
.introduce-procedure ul li i {
	float: left;
}
.introduce-procedure ul li p {
	float: left;
	margin-left: 10px;
	font-size: 16px;
	color: #333;
}
.introduce-procedure ul li:hover p {
	color: #00aaff;
}
.introduce-procedure ul li:first-child {
	width: 291px;
	margin-left: 0;
}
.step-1 {
	background: url(../img/step-1.png) no-repeat 0 0;
}
.step-1 i {
	width: 33px;
	height: 29px;
	margin-left: 68px;
	margin-top: 36px;
	background: url(../img/step-icon-1.png) no-repeat 0 0;
}
.step-1:hover i {
	background: url(../img/step-hover-icon-1.png) no-repeat 0 0;
}
.step-2,
.step-3 {
	background: url(../img/step-2.png) no-repeat 0 0;
}
.step-2 i,
.step-3 i {
	width: 44px;
	height: 30px;
	margin-left: 78px;
	margin-top: 37px;
}
.step-2 i {
	background: url(../img/step-icon-2.png) no-repeat 0 0;
}
.step-2:hover i {
	background: url(../img/step-hover-icon-2.png) no-repeat 0 0;
}
.step-3 i {
	background: url(../img/step-icon-3.png) no-repeat 0 0;
}
.step-3:hover i {
	background: url(../img/step-hover-icon-3.png) no-repeat 0 0;
}
.step-4 {
	background: url(../img/step-3.png) no-repeat 0 0;
}
.step-4 i {
	width: 46px;
	height: 30px;
	margin-left: 78px;
	margin-top: 37px;
	background: url(../img/step-icon-4.png) no-repeat 0 0;
}
.step-4:hover i {
	background: url(../img/step-hover-icon-4.png) no-repeat 0 0;
}

/*代理规则*/
.proxy-rules {
	min-width: 1200px;
	background: #f5f9fb url(../img/promotion-rule-bg.jpg) no-repeat bottom center;
}
.proxy-rules ol {
	margin: 0 auto;
	width: 910px;
	line-height: 2.5;
	font-size: 16px;
	color: #333;
}
.proxy-rules ul li {
	padding-left: 16px;
}

.promption-last-wrapper {
	padding-bottom: 60px;
	background: url(../img/promotion-last-bg.png) no-repeat center top;
}
.promption-last-wrapper .content-inner-div {
	padding-top: 60px;
}
.promption-last-title {
	margin-bottom: 30px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #333;
	text-align: center;
}
.promption-last-link {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #00aaff;
	border-radius: 2px;
}
.wave-box {
	background: transparent;
}

.footer-banner {
	display: none;
}