/**************************************
****----------分销系统-----------******
***----------@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: #f0861f;
	background: url(../image/app/line.png)no-repeat center;
}
.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 .item{
	float: left;
	width: 33.3333%;
	text-align: center;
	padding: 0 40px;
}
.container .block-1 .content-wrap .item .img{
	width: 100px;
	height: 100px;
	border: 2px solid #66cc74;
	background: #66cc74;
	border-radius: 50px;
	margin: 0 auto;
	text-align: center;
}
.container .block-1 .content-wrap .item-2 .img{
	background: #e67380;
	border-color: #e67380
}
.container .block-1 .content-wrap .item-3 .img{
	background: #437acc;
	border-color: #437acc
}
.container .block-1 .content-wrap .item .img i{
	font-size: 40px;
	color: #fff;
	line-height: 100px;
}
.container .block-1 .content-wrap .item-1 .img i{
	line-height: 105px;
	margin-left: -2px;
}
.container .block-1 .content-wrap .item-2 .img i{
	line-height: 95px;
	margin-left: -2px;
}
.container .block-1 .content-wrap .item-3 .img i{
	line-height: 110px;
}
.container .block-1 .content-wrap .item-1:hover .img{
	background: #fff;
	border-color: #66cc74;
}
.container .block-1 .content-wrap .item-2:hover .img{
	background: #fff;
	border-color: #e67380;
}
.container .block-1 .content-wrap .item-3:hover .img{
	background: #fff;
	border-color: #437acc;
}
.container .block-1 .content-wrap .item-1:hover .img i,
.container .block-1 .content-wrap .item-1:hover .info .title,
.container .block-1 .content-wrap .item-1:hover .info .text{
	color: #66cc74;
}
.container .block-1 .content-wrap .item-2:hover .img i,
.container .block-1 .content-wrap .item-2:hover .info .title,
.container .block-1 .content-wrap .item-2:hover .info .text{
	color: #e67380;
}
.container .block-1 .content-wrap .item-3:hover .img i,
.container .block-1 .content-wrap .item-3:hover .info .title,
.container .block-1 .content-wrap .item-3:hover .info .text{
	color: #437acc;
}
.container .block-1 .content-wrap .item .info .title{
	line-height: 50px;
	color: #333;
	font-size: 16px;
}
.container .block-1 .content-wrap .item .info .text{
	color: #666;
	line-height: 23px;
}
/********我们的优势**************/
.container .block-2 .content-wrap .item {
	float: left;
	width: 275px;
	cursor: default;
}
.container .block-2 .content-wrap .item .text{
	height: 80px;
	width: 220px;
	margin: 0 auto;
	background: url(../image/app/block-2.png) no-repeat top center;
	padding: 20px 12px;
	line-height: 20px;
	color: #777;
	font-size: 14px;
}
.container .block-2 .content-wrap .item:hover .text{
	background: url(../image/app/block-2-active.png) no-repeat top center;
}
.container .block-2 .content-wrap .item .img{
	height: 174px;
	line-height: 174px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: 174px;
	margin: 0 auto;
}
.container .block-2 .content-wrap .item .img div{
	position: relative;
}
.container .block-2 .content-wrap .item:hover .img div{
	color: #f0953d;
	
}
.container .block-2 .content-wrap .item-1 .img{
	margin-top: 80px;
	background: url(../image/app/block-2-1.png) no-repeat top center;
}
.container .block-2 .content-wrap .item-2 .img{
	margin-bottom: 80px;
	margin-top: 80px;
	background: url(../image/app/block-2-2.png) no-repeat top center;
}
.container .block-2 .content-wrap .item-3 .img{
	margin-top: 80px;
	background: url(../image/app/block-2-3.png) no-repeat top center;
}
.container .block-2 .content-wrap .item-4 .img{
	margin-bottom: 80px;
	margin-top: 80px;
	background: url(../image/app/block-2-4.png) no-repeat top center;
}
.container .block-3 .content-wrap {
	position: relative;
}
.container .block-3 .content-wrap .item{
	width: 50%;
	float: left;
	padding: 15px 0;
	padding-left: 40px;
	cursor: default;
}
.container .block-3 .content-wrap .item .num{
	width: 60px;
	height: 60px;
	border-radius: 30px;
	color: #fff;
	line-height: 56px;
	text-align: center;
	font-size: 25px;
	background: #e84c3d;
	float: left;
	margin-right: 10px;
	border: 2px solid #e84c3d;
}
.container .block-3 .content-wrap .item-2 .num{
	background: #f0861f;
	border-color: #f0861f;
}
.container .block-3 .content-wrap .item-3 .num{
	background: #4c89e3;
	border-color: #4c89e3;
}
.container .block-3 .content-wrap .item-4 .num{
	background: #16a086;
	border-color: #16a086;
}
.container .block-3 .content-wrap .item-5 .num{
	background: #9bbb58;
	border-color: #9bbb58;
}
.container .block-3 .content-wrap .item-6 .num{
	background: #da3de8;
	border-color: #da3de8;
}
.container .block-3 .content-wrap .item-1:hover .num{
	background: #fff;
	border-color: #e84c3d;
	color: #e84c3d;
}
.container .block-3 .content-wrap .item-1:hover .info p,
.container .block-3 .content-wrap .item-1:hover .info p.title{
	color: #e84c3d;
}
.container .block-3 .content-wrap .item-2:hover .num{
	background: #fff;
	border-color: #f0861f;
	color: #f0861f;
}
.container .block-3 .content-wrap .item-2:hover .info p,
.container .block-3 .content-wrap .item-2:hover .info p.title{
	color: #f0861f;
}
.container .block-3 .content-wrap .item-3:hover .num{
	background: #fff;
	border-color: #4c89e3;
	color: #4c89e3;
}
.container .block-3 .content-wrap .item-3:hover .info p,
.container .block-3 .content-wrap .item-3:hover .info p.title{
	color: #4c89e3;
}
.container .block-3 .content-wrap .item-4:hover .num{
	background: #fff;
	border-color: #16a086;
	color: #16a086;
}
.container .block-3 .content-wrap .item-4:hover .info p,
.container .block-3 .content-wrap .item-4:hover .info p.title{
	color: #16a086;
}
.container .block-3 .content-wrap .item-5:hover .num{
	background: #fff;
	border-color: #9bbb58;
	color: #9bbb58;
}
.container .block-3 .content-wrap .item-5:hover .info p,
.container .block-3 .content-wrap .item-5:hover .info p.title{
	color: #9bbb58;
}
.container .block-3 .content-wrap .item-6:hover .num{
	background: #fff;
	border-color: #da3de8;
	color: #da3de8;
}
.container .block-3 .content-wrap .item-6:hover .info p,
.container .block-3 .content-wrap .item-6:hover .info p.title{
	color: #da3de8;
}
.container .block-3 .content-wrap .item .info p{
	font-size: 13px;
	color: #777;
	line-height: 20px;
}
.container .block-3 .content-wrap .item .info p.title{
	font-size: 14px;
	color: #333;
}
.container .block-4 .content-wrap .item{
	width: 240px;
	height: 324px;
	float: left;
	margin-right: 46.6666px;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
	cursor: default;
	background: url(../image/app/block-4-bg.png) no-repeat top center;
}
.container .block-4 .content-wrap .item-1 .img div{
	background: url(../image/app/block-4-1.jpg) no-repeat;
}
.container .block-4 .content-wrap .item-2 .img div{
	background: url(../image/app/block-4-2.jpg) no-repeat;
}
.container .block-4 .content-wrap .item-3 .img div{
	background: url(../image/app/block-4-3.jpg) no-repeat;
}
.container .block-4 .content-wrap .item-4 .img div{
	background: url(../image/app/block-4-4.jpg) no-repeat;
}
.container .block-4 .content-wrap .item-5 .img div{
	background: url(../image/app/block-4-5.jpg) no-repeat;
}
.container .block-4 .content-wrap .item-6 .img div{
	background: url(../image/app/block-4-6.jpg) no-repeat;
}
.container .block-4 .content-wrap .item-7 .img div{
	background: url(../image/app/block-4-7.jpg) no-repeat;
}
.container .block-4 .content-wrap .item-8 .img div{
	background: url(../image/app/block-4-8.jpg) no-repeat;
}
.container .block-4 .content-wrap .item .img{
	height: 135px;
	border: 1px solid #cfcfcf;
	overflow: hidden;
}
.container .block-4 .content-wrap .item:hover .img{
	border-color: #f0861f;
	border-bottom-color: #cfcfcf;
	transition: background 0.25s;
	-moz-transition: background 0.25s;
	-webkit-transition: background 0.25s; 
	-o-transition: background 0.25s;
}
.container .block-4 .content-wrap .item:hover {
	background: url(../image/app/block-4-bg-active.png) no-repeat top center;
	transition: background 0.25s;
	-moz-transition: background 0.25s;
	-webkit-transition: background 0.25s; 
	-o-transition: background 0.25s;
}
.container .block-4 .content-wrap .item .img div{
	height: 135px;
	background-size: cover;
	position: relative;
}
.container .block-4 .content-wrap .item-4,
.container .block-4 .content-wrap .item-8{
	margin-right: 0;
}
.container .block-4 .content-wrap .item .info .title{
	line-height: 40px;
	font-size: 16px;
	color: #f0861f;
	margin-top: 5px;
}
.container .block-4 .content-wrap .item .info .text{
	font-size: 14px;
	text-align: left;
	line-height: 23px;
	padding: 0 10px;
	color: #666;
}
.container .block-4 .content-wrap .item .more{
	width: 40px;
	height: 40px;
	background: #f0861f;
	color: #fff;
	text-align: center;
	line-height: 36px;
	border-radius: 20px;
	position: absolute;
	bottom: 6px;
	left: 50%;
	margin-left: -20px;
	border: 2px solid #f0861f;
}
.container .block-4 .content-wrap .item:hover .more{
	color: #f0861f;
	background: #fff;
	transition: background 0.25s,color 0.25s;
	-moz-transition: background 0.25s,color 0.25s;
	-webkit-transition: background 0.25s,color 0.25s; 
	-o-transition: background 0.25s,color 0.25s;
}
.container .block-5 .content-wrap{
	padding: 0 100px;
}
.container .block-5 .content-wrap .item{
	width: 220px;
	height: 140px;
	float: left;
}
.container .block-5 .content-wrap .left{
	height: 100px;
	width: 25px;
	float: left;
	width: 50%;
	background: url(../image/app/block-5-7.jpg) no-repeat 98px center;
}
.container .block-5 .content-wrap .left.p5{
	height: 100px;
	width: 25px;
	float: left;
	width: 50%;
	background: url(../image/app/block-5-07.jpg) no-repeat 98px center;
}
.container .block-5 .content-wrap .right{
	height: 60px;
	width: 25px;
	float: right;
	width: 50%;
}
.container .block-5 .content-wrap .item.pic,
.container .block-5 .content-wrap .item.pic.p2{
	width: 115px;
	float: left;
	background: url(../image/app/block-5-3.jpg) no-repeat center;
}
.container .block-5 .content-wrap .item-4.pic,
.container .block-5 .content-wrap .item.pic.p1{
	background: url(../image/app/block-5-4.jpg) no-repeat center;
}
.container .block-5 .content-wrap .item-7.pic,
.container .block-5 .content-wrap .item.pic.p4{
	background: url(../image/app/block-5-6.jpg) no-repeat center;
}
.container .block-5 .content-wrap .item-9.pic,
.container .block-5 .content-wrap .item.pic.p3{
	background: url(../image/app/block-5-05.png) no-repeat center;
}
.container .block-5 .content-wrap .right{
	height: 100px;
	width: 25px;
	float: left;
	width: 50%;
	background: url(../image/app/block-5-5.jpg) no-repeat 318px center;
}
.container .block-5 .content-wrap .right.p6{
	height: 100px;
	width: 25px;
	float: left;
	width: 50%;
	background: url(../image/app/block-5-005.jpg) no-repeat 318px center;
}
.container .block-5 .content-wrap .item.bottom,
.container .block-5 .content-wrap .item.pic.bottom{
	float: right;
}
.container .block-5 .content-wrap .item.blue,
.container .block-5 .content-wrap .item.orange.o{
	background: url(../image/app/block-5-1.jpg)no-repeat top center;
	background-size: contain;
}
.container .block-5 .content-wrap .item.orange,
.container .block-5 .content-wrap .item.blue.b{
	background: url(../image/app/block-5-2.jpg)no-repeat top center;
	background-size: contain;
}
.container .block-5 .content-wrap .item .text-1{
	text-align: center;
	color: #fff;
	margin-top: 10px;
	line-height: 40px;
	font-size: 16px;
}
.container .block-5 .content-wrap .item .text-2{
	margin-top: 22px;
}
.container .block-5 .content-wrap .item .text-2,
.container .block-5 .content-wrap .item .text-3{
	text-align: center;
	color: #666;
	line-height: 22px;
}
.container .block-6 .content-wrap ._left{
	width: 305px;
	float: left;
	height: 630px;
	text-align: right;
	margin-top: 50px;
}
.container .block-6 .content-wrap ._right{
	float: left;
	width: 305px;
	height: 630px;
	margin-top: 50px;
}
.container .block-6 .content-wrap ._left .item,
.container .block-6 .content-wrap ._right .item{
	padding: 30px 0;
}
.container .block-6 .content-wrap ._left .title,
.container .block-6 .content-wrap ._right .title{
	font-size: 16px;
	color: #333333;
}
.container .block-6 .content-wrap ._left .text,
.container .block-6 .content-wrap ._right .text{
	font-size: 12px;
	color: #888;
	line-height: 23px;
}
.container .block-6 .content-wrap ._right .item:hover .text,
.container .block-6 .content-wrap ._left .item:hover .text,
.container .block-6 .content-wrap ._right .item:hover .title,
.container .block-6 .content-wrap ._left .item:hover .title{
	color: #4E88E9;
}
.container .block-6 .content-wrap ._left .item .left {
	padding-right: 10px;
}
.container .block-6 .content-wrap ._right .item .right {
	padding-left: 10px;
}
.container .block-6 .content-wrap ._left .item .left,
.container .block-6 .content-wrap ._right .item .right{
	float: left;
	width: 245px;
}
.container .block-6 .content-wrap ._left .item .right,
.container .block-6 .content-wrap ._right .item .left{
	width: 55px;
	height: 55px;
	float: left;
	margin-top: 6.5px;
}
.container .block-6 .content-wrap ._left .item-1 .right{
	background: url(../image/app/block-6-left.jpg)no-repeat top center;
}
.container .block-6 .content-wrap ._left .item-2 .right{
	background: url(../image/app/block-6-left.jpg)no-repeat 0 -156px;
}
.container .block-6 .content-wrap ._left .item-3 .right{
	background: url(../image/app/block-6-left.jpg)no-repeat 0 -312px;
}
.container .block-6 .content-wrap ._left .item-4 .right{
	background: url(../image/app/block-6-left.jpg)no-repeat bottom center;
}
.container .block-6 .content-wrap ._right .item-1 .left{
	background: url(../image/app/block-6-right.jpg)no-repeat top center;
}
.container .block-6 .content-wrap ._right .item-2 .left{
	background: url(../image/app/block-6-right.jpg)no-repeat 0 -156px;
}
.container .block-6 .content-wrap ._right .item-3 .left{
	background: url(../image/app/block-6-right.jpg)no-repeat 0 -312px;
}
.container .block-6 .content-wrap ._right .item-4 .left{
	background: url(../image/app/block-6-right.jpg)no-repeat bottom center;
}

.container .block-6 .content-wrap ._left .item-1:hover .right{
	background: url(../image/app/block-6-left-active.png)no-repeat top center;
}
.container .block-6 .content-wrap ._left .item-2:hover .right{
	background: url(../image/app/block-6-left-active.png)no-repeat 0 -156px;
}
.container .block-6 .content-wrap ._left .item-3:hover .right{
	background: url(../image/app/block-6-left-active.png)no-repeat 0 -312px;
}
.container .block-6 .content-wrap ._left .item-4:hover .right{
	background: url(../image/app/block-6-left-active.png)no-repeat bottom center;
}
.container .block-6 .content-wrap ._right .item-1:hover .left{
	background: url(../image/app/block-6-right-active.png)no-repeat top center;
}
.container .block-6 .content-wrap ._right .item-2:hover .left{
	background: url(../image/app/block-6-right-active.png)no-repeat 0 -156px;
}
.container .block-6 .content-wrap ._right .item-3:hover .left{
	background: url(../image/app/block-6-right-active.png)no-repeat 0 -312px;
}
.container .block-6 .content-wrap ._right .item-4:hover .left{
	background: url(../image/app/block-6-right-active.png)no-repeat bottom center;
}
.container .block-6 .content-wrap .center{
	width: 290px;
	height: 630px;
	margin: 0 100px;
	float: left;
	background: url(../image/app/block-6-center.jpg) no-repeat top center; 
}
.container .block-7 .content-wrap .swiper-container-1{
	margin-bottom: 20px;
}
.container .block-7 .content-wrap .swiper-slide{
	width: 200px;
	height: 430px;
	background: url(../image/app/block-7-1.jpg) no-repeat;
	background-size: contain;
}
.container .block-7 .content-wrap .item-2{
	background: url(../image/app/block-7-2.jpg) no-repeat;
	background-size: contain;
}
.container .block-7 .content-wrap .item-3{
	background: url(../image/app/block-7-3.jpg) no-repeat;
	background-size: contain;
}
.container .block-7 .content-wrap .item-4{
	background: url(../image/app/block-7-4.jpg) no-repeat;
	background-size: contain;
}
.container .block-7 .content-wrap .swiper-container-2 .item-1{
	background: url(../image/app/block-7-5.jpg) no-repeat;
	background-size: contain;
}
.container .block-7 .content-wrap .swiper-container-2 .item-2{
	background: url(../image/app/block-7-6.jpg) no-repeat;
	background-size: contain;
}
.container .block-7 .content-wrap .swiper-container-2 .item-3{
	background: url(../image/app/block-7-7.jpg) no-repeat;
	background-size: contain;
}
.container .block-7 .content-wrap .swiper-container-2 .item-4{
	background: url(../image/app/block-7-8.jpg) no-repeat;
	background-size: contain;
}