/**************************************
****----------分销系统-----------******
***----------@author joy--------******
***--------@since 2017-02-06-----******
***----@url www.changekeji.com----*****
***************************************/
.container{
	padding-top: 40px;
}
.container .block .desc-area{
	margin: 40px 0;
}
.container .block .desc-area .cn-title{
	height: 45px;
    line-height: 45px;
    font-size: 26px;
    font-family: "微软雅黑";
    text-align: center;
    color: #333333;
}
.container .block .desc-area .en-title{
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #6a6a6a;
}
.container .block .content-wrap{
	width: 100%;
	margin-bottom: 60px;
}
.container .block .content-wrap img{
	display: block;
	width: auto;
	margin: 0 auto;
}
.container .block-1 .content-wrap .img-wrap{
	position: relative;
}
.container .block-1 .content-wrap .img-wrap div{
	position: absolute;
	color: #fff;
	font-size: 14px;
}
.container .block-1 .content-wrap .img-wrap div.one{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	text-align: center;
	background: #449df0;
	bottom: 40.8%;
	left: 9.6%;
	padding: 30px 0;
}
.container .block-1 .content-wrap .img-wrap div.two{
	width: 245px;
	height: 78px;
	border-radius: 5px;
	background: #30e574;
	top: 7.5%;
	left: 37.5%;
	padding: 19px 30px;
}
.container .block-1 .content-wrap .img-wrap div.three{
	width: 245px;
	height: 78px;
	border-radius: 5px;
	/*background: #fe576e;*/
	top: 30.5%;
	left: 45.75%;
	padding: 19px 30px;
}
.container .block-1 .content-wrap .img-wrap div.four{
	width: 245px;
	height: 78px;
	border-radius: 5px;
	/*background: #449df0;*/
	top: 53%;
	left: 31.8%;
	padding: 19px 30px;
}
.container .block-1 .content-wrap .img-wrap div.five{
	width: 245px;
	height: 78px;
	border-radius: 5px;
	/*background: #ff793e;*/
	top: 75.8%;
	left: 40.3%;
	padding: 19px 30px;
}
.container .block-1 .content-wrap .img-wrap div.fix{
	width: 106px;
	height: 106px;
	border-radius: 53px;
	background: #94e574;
	top: 10.5%;
	right: 12.2%;
	text-align: center;
	padding: 33px 15px;
}
.container .block-1 .content-wrap .img-wrap div.seven{
	width: 106px;
	height: 106px;
	border-radius: 53px;
	background: #fe576e;
	bottom: 10.6%;
	right: 15.2%;
	text-align: center;
	padding: 33px 15px;
}
.container .block-2{
	height: 580px;
	*height: 540px;
	width: 100%;
	padding-top: 40px;
	background: #fe8f01;
}
.container .block-2 .desc-area .en-title,
.container .block-2 .desc-area .cn-title{
	color: #fff;
}
.container .block-2 .content-wrap .item{
	float: left;
	width: 240px;
	height: 360px;
	color: #fff;
	padding-top: 120px;
	margin-right: 13.3333px;
}
.container .block-2 .content-wrap .item p.title{
	text-align: center;
	font-size: 16px;
	margin-bottom: 25px;
}
.container .block-2 .content-wrap .item p.text{
	padding: 0 30px;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
}
.container .block-2 .content-wrap .item-4{
	margin-right: 0;
}
.container .block-2 .content-wrap .item-1{
	background: url(../image/weApp/block-2-01.png)no-repeat;
	background-size: cover;
}
.container .block-2 .content-wrap .item-2{
	background: url(../image/weApp/block-2-02.png)no-repeat;
	background-size: cover;
}
.container .block-2 .content-wrap .item-3{
	background: url(../image/weApp/block-2-03.png)no-repeat;
	background-size: cover;
}
.container .block-2 .content-wrap .item-4{
	background: url(../image/weApp/block-2-04.png)no-repeat;
	background-size: cover;
}
.container .block-3 .content-wrap {
	position: relative;
}
.container .block-3 .content-wrap .one{
	position: absolute;
	top: 0;
	width: 650px;
	left: 225px;
}
.container .block-3 .content-wrap .two{
	position: absolute;
	top: 155px;
	width: 820px;
	left: 140px;
}
.container .block-3 .content-wrap .one .item{
	width: 155px;
	height: 155px;
	margin-right: 10px;
	float: left;
	text-align: center;
}
.container .block-3 .content-wrap .two .item{
	width: 155px;
	height: 155px;
	margin-right: 11.25px;
	float: left;
	text-align: center;
}
.container .block-3 .content-wrap .one .item .title{
	font-size: 16px;
	color: #f4a027;
	margin-top: 60px;
	margin-bottom: 10px;
}
.container .block-3 .content-wrap .two .item .title{
	font-size: 16px;
	color: #f4a027;
	margin-top: 40px;
	margin-bottom: 10px;
}
.container .block-3 .content-wrap .one .item .text,
.container .block-3 .content-wrap .two .item .text{
	font-size: 14px;
	color: #666;
}
.container .block-3 .content-wrap .one .item-4,
.container .block-3 .content-wrap .two .item-5{
	margin-right: 0;
}
.container .block-4 .content-wrap{
	padding: 0 100px;
}
.container .block-4 .content-wrap .item{
	width: 260px;
	height: 260px;
	float: left;
	margin-right: 60px;
	text-align: center;
	background: url(../image/weApp/block-4-01.jpg)no-repeat;
	background-size: cover
}
.container .block-4 .content-wrap .item-3{
	margin-right: 0;
}
.container .block-4 .content-wrap .item .title{
	margin: 30px 0;
	font-size: 18px;
}
.container .block-4 .content-wrap .item .text{
	color: #fff;
	padding: 20px 50px;
	line-height: 25px;
}
.container .block-5 .content-wrap .swiper-container-1{
	margin-bottom: 20px;
}
.container .block-5 .content-wrap .swiper-slide{
	width: 200px;
	height: 430px;
	background: url(../image/weApp/block-5-01.jpg) no-repeat;
	background-size: contain;
}
.container .block-5 .content-wrap .item-2{
	background: url(../image/weApp/block-5-02.jpg) no-repeat;
	background-size: contain;
}
.container .block-5 .content-wrap .item-3{
	background: url(../image/weApp/block-5-03.jpg) no-repeat;
	background-size: contain;
}
.container .block-5 .content-wrap .item-4{
	background: url(../image/weApp/block-5-04.jpg) no-repeat;
	background-size: contain;
}
.container .block-5 .content-wrap .swiper-container-2 .item-1{
	background: url(../image/weApp/block-5-05.jpg) no-repeat;
	background-size: contain;
}
.container .block-5 .content-wrap .swiper-container-2 .item-2{
	background: url(../image/weApp/block-5-06.jpg) no-repeat;
	background-size: contain;
}
.container .block-5 .content-wrap .swiper-container-2 .item-3{
	background: url(../image/weApp/block-5-07.jpg) no-repeat;
	background-size: contain;
}
.container .block-5 .content-wrap .swiper-container-2 .item-4{
	background: url(../image/weApp/block-5-08.jpg) no-repeat;
	background-size: contain;
}