@charset "utf-8";
/*about 微分销
 *2017-10-12复制于2017年7月  
 * xl
 * */
.mokuai-box{
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
}
.box-tit{
	width: 100%;
	text-align: center;
}
.big-tit{
	font-weight: bold;
	font-size: 36px;
}
.sm-tit{
	font-size: 18px;
	color: #848484;
}
.box-01{
	padding-top: 70px;
}
.mokuai-content{
	padding-top: 40px;
	position: relative;
}
.bg-f8 {
    background: #F8F8F8;
}
/*模块一 strat*/
.frist-box{padding-top: 50px !important;}
.box-01-img{
	text-align: center;
}
.box-01-txt{
	position: absolute;
	width: 348px;
	padding: 18px 0;
	background: #F8F8F8;
	border: 1px solid #e7e7e7;
}
.box-01-txt>p{
	font-size: 26px;
	color: #565656;
	line-height: 35px;
	vertical-align: middle;
}
.box-01-txt>p>span{
	font-size: 20px;
	color: #848484;
}
.box-01-txt i{
	background: url(/public/images/wxfx/box-01-icons_03.png) no-repeat;
	width: 69px;
	height: 69px;
	vertical-align: middle;
	margin-left: 10px;
	background-position: 4px 0;
}
.box-01-txt i.icon-02{background-position: -194px 0;}
.box-01-txt i.icon-03{background-position: -396px 0;}
.box-01-txt i.icon-04{background-position: -619px 0;}
.box-01-txt.txt1{
	top: 130px;
	left: 0;
}
.box-01-txt.txt2{
	top: 268px;
	left: 0;
}
.box-01-txt.txt3{
	top: 130px;
	right: 0;
}
.box-01-txt.txt4{
	top: 268px;
	right: 0;
}
/*模块一 end*/
/*3大优势 start*/
.box-02{
	padding-top: 50px;
	padding-bottom: 60px;
}
.adv-ul{
	overflow: hidden;
	width: 100%;
}
.adv-ul>li{
	float: left;
	width: 390px;
	height: 455px;
	margin-left: 15px;
}
.adv-ul>li:first-child{
	margin-left: 0;
}
.adv-ul>li .tit-top{
	width: 100%;
	height: 100px;
	padding: 23px 0 27px;
	text-align: center;
}
.adv-ul>li .tit-top.top1{background: #ff6815;}
.adv-ul>li .tit-top.top2{background: #46c570;}
.adv-ul>li .tit-top.top3{background: #0cb5ec;}
.adv-ul>li .tit-top label{
	background: url(/public/images/wxfx/adv-icons-tit.png) no-repeat;
	width: 58px;
	height: 58px;
	display: block;
	margin: 0 auto 5px;
}
.adv-ul>li .tit-top p{
	font-weight: bold;
	color: #fff;
	font-size: 30px;
}
.adv-ul>li .tit-top label.label2{background-position: -243px 0;}
.adv-ul>li .tit-top label.label3{background-position: -492px 0;}

.adv-ul>li .li-bottom{
	width: 100%;
	height: 305px;
	background: #fff;
}
.adv-ul>li .li-bottom li{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 18px;
	color: #565656;
	margin-bottom: 5px;
}
.adv-ul>li .li-bottom li i{
	background: url(/public/images/wxfx/adv-icons-type.png) no-repeat;
	width: 60px;
	height: 60px;
	margin: 35px auto 5px;
	display: block
}
.adv-ul>li .li-bottom.bottom2 li{width: 33.33%;}
.adv-ul>li .li-bottom li i.ico2{background-position: -97px 0;}
.adv-ul>li .li-bottom li i.ico3{background-position: -194px 0;}
.adv-ul>li .li-bottom li i.ico4{background-position: -291px 0;}
.adv-ul>li .li-bottom li i.ico5{background-position: 0 -137px;}
.adv-ul>li .li-bottom li i.ico6{background-position: -97px -137px;}
.adv-ul>li .li-bottom li i.ico7{background-position: -194px -137px;}
.adv-ul>li .li-bottom li i.ico8{background-position: -291px -137px;}

.adv-ul>li .li-bottom li i.ico9{background-position: -419px 0;}
.adv-ul>li .li-bottom li i.ico10{background-position: -540px 0;}
.adv-ul>li .li-bottom li i.ico11{background-position: -672px 0;}
.adv-ul>li .li-bottom li i.ico12{background-position: -421px -137px;}
.adv-ul>li .li-bottom li i.ico13{background-position: -542px -137px;}
.adv-ul>li .li-bottom li i.ico14{background-position: -674px -137px;}


.adv-ul>li .li-bottom li i.ico15{background-position: -809px 0;}
.adv-ul>li .li-bottom li i.ico16{background-position: -907px 0;}
.adv-ul>li .li-bottom li i.ico17{background-position: -1006px 0;}
.adv-ul>li .li-bottom li i.ico18{background-position: -1104px 0;}
.adv-ul>li .li-bottom li i.ico19{background-position: -811px -137px;}
.adv-ul>li .li-bottom li i.ico20{background-position: -909px -137px;}
.adv-ul>li .li-bottom li i.ico21{background-position: -1008px -137px;}
.adv-ul>li .li-bottom li i.ico22{background-position: -1105px -137px;}

/*3大优势 end*/
/*分销模式 start*/
.fx-ul{
	width: 100%;
	overflow: hidden;
}
.fx-ul>li{
	float: left;
	width: 265px;
	height: 243px;
	margin-left: 20px;
	color: #fff;
	padding: 42px 10px 45px;
	text-align: center;
}
.fx-ul>li a{color: #fff;}
.fx-ul>li:first-child{margin-left: 0;}
.fx-ul>li.one{background: #4ab757;}
.fx-ul>li.two{background: #f85c5c;}
.fx-ul>li.three{background: #4d87e3;}
.fx-ul>li.four{background: #2abb9b;}
.fx-ul>li i{
	background: url(/public/images/wxfx/fx-icons-tit.png) no-repeat;
	width: 76px;
	height: 87px;
	display: block;
	margin: 0 auto;
}
.fx-ul>li i.icons2{background-position:-302px 6px;}
.fx-ul>li i.icons3{background-position: -613px 6px;}
.fx-ul>li i.icons4{background-position:-909px -5px;}
.fx-ul>li .tit{
	font-weight: bold;
	font-size: 24px;
	margin: 20px 0 10px;
}
.fx-ul>li .tips{
	font-size: 16px;
	text-align: left;
}
/*分销模式 end*/
/*多样化 start*/
.box-05{
	padding-top: 50px;
}
.dyh-content{
	height: 650px;
}
.cricle-img{
	width: 100%;
	text-align: center;
}
.img-set{
	position: absolute;
}
.img1{left: 90px;}
.img2{left: 526px;top: 198px}
.img3{left: 717px;top: 198px;}
.img4{left: 903px;top: 198px}
.img5{right: 5px;top: 198px}
.img6{left: 345px;top: 198px;}

.type_ul{
	width: 100%;
	overflow: hidden;
}
.type_ul>li{
	float: left;
	width: 84px;
	margin-left:40px ;
	margin-bottom: 55px;
	font-size: 14px;
	color: #565656;
	text-align: center;
}
.type_ul>li.mager-l0{margin-left: 0;}

.type_ul>li i{
	background: url(/public/images/wxfx/type-icons.png) no-repeat;
	width: 84px;
	height: 75px;
	display: block;
	margin-bottom: 10px;
	
}
.type_ul>li i.icon-02{background-position: -124px 0;}
.type_ul>li i.icon-03{background-position: -248px 0;}
.type_ul>li i.icon-04{background-position: -372px 0;}
.type_ul>li i.icon-05{background-position: -496px 0;}
.type_ul>li i.icon-06{background-position: -620px 0;}
.type_ul>li i.icon-07{background-position: -744px 0;}
.type_ul>li i.icon-08{background-position: -868px 0;}
.type_ul>li i.icon-09{background-position: -992px 0;}
.type_ul>li i.icon-10{background-position: -1116px 0;}

.type_ul>li i.icon-11{background-position: 0 -161px;}
.type_ul>li i.icon-12{background-position: -124px -161px;}
.type_ul>li i.icon-13{background-position: -248px -161px;}
.type_ul>li i.icon-14{background-position: -372px -161px;}
.type_ul>li i.icon-15{background-position: -496px -161px;}
.type_ul>li i.icon-16{background-position: -620px -161px;}
.type_ul>li i.icon-17{background-position: -744px -161px;}
.type_ul>li i.icon-18{background-position: -868px -161px;}
.type_ul>li i.icon-19{background-position: -992px -161px;}
.type_ul>li i.icon-20{background-position: -1116px -161px;}

.type_ul>li i.icon-21{background-position: 0 -324px;}
.type_ul>li i.icon-22{background-position: -124px -324px;}
.type_ul>li i.icon-23{background-position: -248px -324px;}
.type_ul>li i.icon-24{background-position: -372px -324px;}
.type_ul>li i.icon-25{background-position: -496px -324px;}
.type_ul>li i.icon-26{background-position: -620px -324px;}
.type_ul>li i.icon-27{background-position: -744px -324px;}
.type_ul>li i.icon-28{background-position: -868px -324px;}
.type_ul>li i.icon-29{background-position: -992px -324px;}
.type_ul>li i.icon-30{background-position: -1116px -324px;}

/*多样化 end*/
/*个性化 start*/
.box-06{
	padding: 45px 0 30px;
}
.box6-content{position: relative;padding-top: 65px;}
.box6-img{text-align: center;}
.box6-style-txt{
	position: absolute;
}
.box6-style-txt.txt1{top: 65px;left: 110px;}
.box6-style-txt.txt2{top: 240px;left: 110px;}
.box6-style-txt.txt3{top:420px;left: 145px;}
.box6-style-txt.txt4{top:75px;right: 15px;}
.box6-style-txt.txt5{top:240px;right: 40px;}
.box6-style-txt.txt6{top:420px;right: 110px;}
.box6-style-txt i{
	background: url(/public/images/wxfx/box06-icons.png) no-repeat;
	width: 110px;
	height: 110px;
	vertical-align: middle;
	margin: 0 20px;
}
.box6-style-txt i.icon-02{background-position: -252px 0;}
.box6-style-txt i.icon-03{background-position: -517px 0;}
.box6-style-txt i.icon-04{background-position: -782px 0;}
.box6-style-txt i.icon-05{background-position: -1047px 0;}
.box6-style-txt i.icon-06{background-position: -1312px 0;}
.box6-style-txt p{
	font-size: 16px;
	color: #565656;
	vertical-align: middle;
}
.box6-style-txt p.pr{text-align: right;}
.box6-style-txt p.pl{text-align: left;}
/*个性化  end*/
/*2017 0711 xl add start*/
.case-box{
	position: relative;
	margin-top: 43px;
}
.case-box .bd{
	width: 990px;
	margin: 0 auto;
}
.case-box .bd ul {
	/*padding-top: 50px;*/
	overflow: hidden;
	/*padding-bottom: 54px;*/
}
.case-box .bd ul li{
	float: left;
	width: 204px;
	height: 358px;
	position: relative;
	text-align: center;
	padding-left: 12.5px;
	padding-right: 12.5px;
	padding-top: 50px;
	overflow: hidden;
	padding-bottom: 54px;
	margin-left: 17px;
}
.case-box .bd ul li .show-box{
	width: 204px;
	height: 358px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	/*margin-top: 52px;*/
}
.case-box .bd ul li .hide-box{
	position: absolute;
	width: 204px;
	height: 358px;
	/*top: 50px;*/
	bottom: -80%;
	left: 12.5px;
	background: url("/public/images/wxfx/trans80.png") repeat;
	color: white;
	font-size: 16px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	z-index: 0;
}
.case-box .bd ul li .hide-box p{
	padding-top: 10px;
}
.case-box .bd ul li .hide-box .til{
	padding-top: 75px;
}
.case-box .bd ul li .phone-bg{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 1;
}
.case-box .bd ul li:hover{
	padding-bottom: 54px;
	overflow: inherit;
}
.case-box .bd ul li:hover .phone-bg{
	/*display: block;*/
}
.case-box .bd ul li:hover .hide-box{
	bottom: 52px;
}
.sub-station-btn{
	display: block;
	width: 49px;
	height: 49px;
	position: absolute;
	background: url("/public/images/wxfx/btn-froup.png") no-repeat;
	top: 185px;
}
.sub-station-btn.prev{
	left: 0;
}
.sub-station-btn.next{
	background-position: -49px 0;
	right: 0;
}
.sub-station-btn.prev:hover{
	background-position: 0 -49px;
}
.sub-station-btn.next:hover{
	background-position: -49px -49px;
}
/*2017 0711 xl add end */