/**
 * -------------------------------------------------------
 * | 前台首页
 * |@author: 764373501@qq.com
 * |@时间: 2017年8月22日 09:12
 * |@version: 1.0
 * -------------------------------------------------------
 */
/*内容*/
/*产品推荐*/
.product_box{
	overflow: hidden;
	width: 100%;
}
.product{
	width: 1200px;
	height:967px  ;
	margin: auto;
}

.product .product_text{
	padding-top: 75px;
	text-align: center;
}
.product_text h3{
	font-weight: normal;
	font-size: 44px;
	line-height: 55px;
	color: #4b4b4b;
}
.product_text span{
	font-size: 16px;
	line-height: 39px;
	color: #939393;
}
.product_con{
	padding-top: 85px;
	width: 1200px;
	height: 675px;
}
.product_con li{
	float: left;
	text-align: center;
	margin: 0 58px 60px 0;
	width: 253px;
	height: 278px;
	background: #fbfbfb;
	border-radius: 5px;
}
.product_con li:hover{
	background: #fff;
	box-shadow:0 3px 27px -3px rgba(0,0,0,.2);
}
.product_con .product_nomargin{
	margin-right: 0;
}
.product_con li h4{
	font-size: 20px;
	line-height: 80px;
	color: #2a2a2a;
}
.product_con li p{
	font-size: 12px;
	line-height: 22px;
	color: #9f9f9f;
}
.product_con li .product_btn{
	margin-top: 20px;
	display: inline-block;
	width: 98px;
	height: 26px;
	color: #2fbff4;
	font-size: 12px;
	line-height: 26px;
	border:1px solid #2fbff4;
}
.product_con li .product_btn:hover{
	background: #2fbff4;
	color: #fff;
}
.product_con li span{
	display: block;
	width: 54px;
	height: 48px;
	padding: 43px 0 0 100px;
	background: url(../img/indexImg/shop-mall.png) no-repeat 100px 43px;
	transform: rotate(0deg);
	transition: 1.5s;
	transform-origin: 130px 74px;
}
.product_con li span:hover{
	transform: rotate(360deg);
}
.product_con .Restaurant span{
	width: 58px;
	height: 48px;
	padding: 43px 0 0 100px;
	background: url(../img/indexImg/Restaurant.png) no-repeat 100px 43px;
}
.product_con .guanwang span{
	width: 32px;
	height: 54px;
	padding: 43px 0 0 111px;
	background: url(../img/indexImg/guanwang.png) no-repeat 111px 43px;
}
.product_con .Member span{
	width: 51px;
	height: 53px;
	padding: 43px 0 0 111px;
	background: url(../img/indexImg/Member.png) no-repeat 111px 43px;
}
.product_con .games span{
	width: 67px;
	height: 46px;
	padding: 43px 0 0 93px;
	background: url(../img/indexImg/games.png) no-repeat 93px 43px;
}
.product_con .scene span{
	width: 56px;
	height: 54px;
	padding: 43px 0 0 104px;
	background: url(../img/indexImg/scene.png) no-repeat 104px 43px;
}
.product_con .Applet span{
	width: 51px;
	height: 47px;
	padding: 43px 0 0 131px;
	background: url(../img/indexImg/Applet.png) no-repeat 109px 43px;
}
.product_con .Cashier span{
	width: 43px;
	height: 53px;
	padding: 39px 0 0 105px;
	background: url(../img/indexImg/Cashier.png) no-repeat 105px 39px;
}
/*行业解决方案*/
.programme_box{
	overflow: hidden;
	width: 100%;
	background: url(../img/indexImg/programme_box_bg.jpg) no-repeat;
	background-size:100% 100%;
	min-width: 1200px;
}
.programme{
	width: 1200px;
	height: 728px;
	margin: auto;
}
.programme_text{
	text-align: center;
	padding-top: 40px;
}
.programme_text h3{
	color: #fff;
	font-weight: normal;
	font-size: 44px;
	line-height: 90px;
}
.programme_text span{
	color: #939393;
	font-size: 16px;
	line-height: 16px;
}
.programme_con{
	margin-top: 103px;
	width: 1200px;
	height: 350px;
}
.programme_con li{
	overflow: hidden;
	position: relative;
	width: 240px;
	height: 350px;
	float:left;
}
.programme_con li .contents_box{
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	height: 700px;
	transition: 0.5s;
}
.programme_con li .contents_box:hover{
	left: 0;
	top: 350px;
}
.programme_con li .contents1{
	position: absolute;
	left: 0;
	top: -350px;
	width: 176px;
	height: 346px;
	padding: 0 32px;
	border-top: 4px solid #53c9f3;
	
}
.programme_con li .contents2{
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	height: 350px;
}
.programme_con .p_con1{
	background: url(../img/indexImg/p_con1.jpg) no-repeat;
}
.programme_con .p_con2{
	background: url(../img/indexImg/p_con2.jpg) no-repeat;
}
.programme_con .p_con3{
	background: url(../img/indexImg/p_con3.jpg) no-repeat;
}
.programme_con .p_con4{
	background: url(../img/indexImg/p_con4.jpg) no-repeat;
}
.programme_con .p_con5{
	background: url(../img/indexImg/p_con5.png) no-repeat;
}
.programme_con .p_con1 .contents2 span{
	float: left;
	margin: 98px 0 0 95px;
	width: 52px;
	height: 42px;
	background: url(../img/indexImg/p_span1.png);
}
.programme_con .p_con2 .contents2 span{
	float: left;
	margin: 98px 0 0 95px;
	width: 49px;
	height: 41px;
	background: url(../img/indexImg/p_span2.png);
}
.programme_con .p_con3 .contents2 span{
	float: left;
	margin: 98px 0 0 96px;
	width: 48px;
	height: 44px;
	background: url(../img/indexImg/p_span3.png);
}
.programme_con .p_con4 .contents2 span{
	float: left;
	margin: 98px 0 0 97px;
	width: 44px;
	height: 44px;
	background: url(../img/indexImg/p_span4.png);
}
.programme_con .p_con5 .contents2 span{
	float: left;
	margin: 98px 0 0 97px;
	width: 42px;
	height: 42px;
	background: url(../img/indexImg/p_span5.png);
}
.programme_con .contents2 p{
	float: left;
	margin:44px 0 0 73px;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
}
.contents1 p{
	font-size: 24px;
	line-height: 24px;
	padding-top: 66px;
	padding-bottom: 22px;
	color: #fff;
	text-align: center;
}
.contents1 span{
	font-size: 12px;
	line-height: 27px;
	color: #fff;
	text-align: center;
}
/*产品优势*/
.advantage_box{
	width: 100%;
	overflow: hidden;
}
.advantage{
	width: 1200px;
	height: 740px;
	margin: auto;
}
.advantage_text{
	text-align: center;
	padding-top: 40px;
}
.advantage_text h3{
	color: #525252;
	font-size: 44px;
	font-weight: normal;
	line-height: 90px;
}
.advantage_text span{
	color: #939393;
	font-size: 16px;
	line-height: 16px;
}
.advantage_con{
	margin-top: 65px;
	width: 1200px;
	height: 580px;
}
.advantage_con li{
	width: 462px;
	height: 145px;
	padding: 0 69px;
	float: left;
	background: #f9f9f9;
}
.advantage_con .baise{
	background: #fff;
}
.advantage_con li p{
	padding: 14px 0 0 0;
	font-size: 22px;
	color: #525252;
	line-height: 62px;
}
.advantage_con li span{
	font-size: 14px;
	color: #9a9a9a;
	line-height: 22px;
}