.guide-slider {
	width: 1200px;
	margin: 0px auto;
	background: #fff;
	height: 370px;
	border: 1px solid #eee;
}
.guide-slider .guide {
	width: 240px;
	height: 370px;
	float: left;
	-webkit-transition: all ease-in .3s;
	transition: all ease-in .3s;
	position: relative;
	overflow: hidden;

}
.guide-slider .guide .display {

	width: 239px;
	height: 370px;
	text-align: center;
	float: left;
	position: relative;
	z-index: 2;
	background: #ffffff;
	-webkit-transition: all ease-in .3s;
	transition: all ease-in .3s;
}
.guide-slider .guide .display .icon {
	display: inline-block;
	width:120px;
	height: 72px;
	margin-top: 42px;
	background-image: url("../images/functions.png");
	margin-bottom: 20px;
}
.guide-slider .guide .display .icon.icon1 {
	background-position: 20px 0;
}
.guide-slider .guide .display .icon.icon2 {
	background-position: -228px 0;
}
.guide-slider .guide .display .icon.icon3 {
	background-position: -480px 0;
}
.guide-slider .guide .display .icon.icon4 {
	background-position: -730px 0;
}
.guide-slider .guide .display .title {
	font-size: 18px;
	color: #333;
	font-weight: bold; display: inline-block; padding: 40px 0px 20px 0px;
}
.guide-slider .guide .display .introduction {
	width: 210px;
	margin: 0 auto;
	font-size: 12px;
	color: #333;
	text-align:center;
	line-height: 24px;
}
.guide-slider .guide .display::after {
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-color: transparent #ffffff transparent transparent;
	border-width: 10px 15px;
	top: 100%;
	margin-top: 0;
	right: -1px;
	-webkit-transition: all ease-in .3s;
	transition: all ease-in .3s;
}
.guide-slider .guide .behind {
	width: 190px;
	height: 320px;
	display: inline-block;

	background: #eee;
	overflow: hidden;
	position: absolute;
	font-size: 12px;
	line-height: 24px;
	padding:25px;
	right: 0;
	top: 0;
	z-index: 1;
}
.guide-slider .guide .behind .function-list-wrap {
	width: 190px;
	margin: 0 auto;
}
.guide-slider .guide .behind .function-list {
	margin-right: -10px;
	margin-top: 20px;
}
.guide-slider .guide .behind .function-list > li {
	float: left;
	padding-right: 10px;
}

.display a{ color:#cc0000;display: inline-block; }

.guide-slider .guide.on .display a{	color: #fff;}
.guide-slider .guide.on .display a:hover {	color: #F5ABAB}



.guide-slider .guide.on {
	width: 480px;
}
.guide-slider .guide.on .display {
	background: #cc0000;
	border-right-color: transparent;
}
.guide-slider .guide.on .display .title {
	color: #fff;
}
.guide-slider .guide.on .display .introduction {
	color: #fff;
}
.guide-slider .guide.on .display::after {
	top: 50%;
	margin-top: -5px;
}
.guide-slider .guide.on .display .icon.icon1 {
	background-position: -89px 0;
}
.guide-slider .guide.on .display .icon.icon2 {
	background-position: -358px 0;
}
.guide-slider .guide.on .display .icon.icon3 {
	background-position: -615px 0;
}
.guide-slider .guide.on .display .icon.icon4 {
	background-position: -850px 0;
}