﻿
.mini-web-bg{
	width: 100%;
	height:400px;
	background: #009ddb;
	min-width: 1200px;
}
.mini-web{
	
	
	margin:0 auto;
	height:400px;
	background: url(../img/product_feature/mini.jpg) center center no-repeat;
	width: 1200px;
	background-size:cover; 
	/*width: 100%;
    margin: 0 auto;
    position: relative;
    min-width: 1200px;*/
}
.mini-web img {
	/*get*/
    display: block;
    width: 100%;
    height: auto;
    
}
.mini-web-content{
	width: 1000px;
	/*position: absolute;
	left:16%;
	top:0;*/
	padding-top:50px; 
	padding-left: 8%;
	margin: 0 auto;
	
	color:#fff;
}
.mini-web-content h4{
	font-weight: normal;
	line-height:84px;
	font-size: 36px;
}
.mini-web-content p{
	width:500px;
	line-height: 32px;
	font-size: 18px;
}

.five-solution{
		/*get*/
		margin: 0 auto;
		width:1000px;
		height:400px;
}

.five-solution .five-solution-img1{
	float: left;
	margin-top:25px ;
}
.five-solution .five-solution-img2{
	float: right;
	margin-top: -88px;
}
.five-solution-content{
	float:right;
	width: 500px;
	padding-top: 60px;
}
.five-content {	
	font-size: 40px;
	float:right;	
}
.five-solution-link {
	width: auto;
}
.five-solution-link a {
	float: left;
	width: 82px;
	height: 82px;
	background-color: #5FCFFF;
	border-radius: 50%;
	margin-left: 44px;
	padding-top: 12px;
	box-sizing: border-box;	
}
.five-solution-link a img {
	display: block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin: 0 auto;
}
.five-solution-link a span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}


.five-content b{
	font-weight: normal;
	color:#ffa200;
}
.five-content span{
	color: #02b1fb;
}
.five-solution-content h3{
	float:right;
	width:588px;
	text-align: right;
	line-height: 40px;
	font-weight: normal;
	font-size: 24px;
		color:#666;
}
.five-solution-content p{
	float:right;
	font-size: 22px;
	color:#666;
}

.wx-system-bg{
	width: 100%;
	height:400px;
	background: #15c66e;
	min-width: 1200px;
}
.wx-system{
	/*get*/
	
	margin:0 auto;
	height:400px;
	background: url(../img/product_feature/wx-system.jpg) center center no-repeat;
	background-size:cover; 
	width: 1200px;
    margin: 0 auto;
    position: relative;
    min-width: 1200px;
}

.wx-system img {
	/*get*/
    display: block;
    width: 100%;
    height: auto;
}
.wx-system-content{
	/*get*/
	position: absolute;
	margin: 0 auto;
	width:520px;
	margin-left: -260px;
	left:50%;
	bottom:100px;
	text-align: center;
	color:#fff;
	font-size: 44px;
}

.wx-system-content b{
	font-weight: normal;
	color:#fff000;
	
}


.support-web{
	width:1000px;
	margin: 0 auto;
	height:400px;
}
.support-web  .support-web-content{
	float:left;
	margin-top: 30px;
	font-size: 50px;
	color: #666;
}
.support-web  .support-web-content h3{
	color:#ed5144;
	font-size: 40px;
	font-weight: normal;
	line-height: 84px;
}
.support-web  .support-web-content p{
	font-size: 30px;
}
.support-web img{
	float:right;
	margin-top:25px;
	margin-right: 0px;
}
/*线上线下*/

.line-top-bg{
	width: 100%;
	height:400px;
	background: #3ec3a3;
	min-width: 1200px;
}
.line-top{
	width:1200px;
	margin:0 auto;
	height:400px;
	background: url(../img/product_feature/sdp_03.jpg) center center no-repeat;
	background-size:cover; 
	
    margin: 0 auto;
    position: relative;
    min-width: 1200px;
}
.line-top img{
	display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.line-top-content{
	/*width:1200px;
	margin: 0 auto;
	height:600px;*/
	position: absolute;
	right:10%;
	top:22%;
	padding-top:0px;	
	text-align: right;
	color:#fff;
	font-size: 30px;
	
}
.line-top-content h3{
	font-weight: normal;
	font-size: 40px;
	line-height:84px;
}


/*商家案例*/
.business-case-bg{
	min-width: 1200px;
	margin: 0 auto;
	width: 100%;
	height:400px;
}
.business-case{
	width:1000px;
	margin: 0 auto;
	height:400px;
}
.special-center{
 	font-size:28px;
 	color:#343434;
 	width:400px;
 	height:44px;
 	margin: 0 auto;
 	padding-left:52px;
 	margin-top: 25px;	
 }
 .special-center .product-center{
	float:left;
	margin-right:10px;
}
 .special-center i{
 	float:left;
 }
 
 .dot-image{
 	font-size:28px;	
 	width:400px;
 	margin: 0 auto;
 	height:40px;
 	text-align: center;
 	padding-left:76px;
 	margin-bottom: 25px;
 }
   .dot-image img{
  	float:left;
  	margin:0 14px;
  }
  .dot-image div{
  	float:left;
  	line-height:5px;
  	color:#9e9e9e;
  }



.business-image{
	width: 100%;
	
	margin: 0 auto;
}
.business-image .business-top,.business-image .business-bottom{
	/*become*/
	width:1000px;
	margin:0 auto;
	height:120px;
	margin-bottom:30px;
	
}
.business-image .business-top .business-flex ,.business-image .business-bottom .business-flex{
	/*become*/
	width:20%;
	height:120px;
	float:left;
	text-align: center;
	position: relative;
	z-index:2 ;
	margin-bottom:20px;
	
}
.business-image .business-top img ,.business-image .business-bottom img{
	display: block;
	width:186px;
	height:103px; 
	z-index: 2;
	
}

.business-hover{
	position: absolute;
	left:0;
	top:0;
	width:93%;
	height:103px;
	background: gray;
	opacity: 0.8;
	-moz-opacity:0.8; 
	filter:alpha(opacity=80);
	z-index: 100;
	display: none;
}
.business-image .business-top .business-hover img ,.business-image .business-bottom .business-hover img{
	width:80px;
	height:80px;	
	left: 50px;
	top:12px ;	
	position: absolute;
	z-index: 200;
}


.mini-web-content a{
	display: block;
	width:148px;
	height:40px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	line-height: 40px;
	font-size: 16px;
	margin-top: 20px;
}
