.banner img,.banner-ad img{
	width: 100%;
	display: block;
}
.stitle{
	text-align: center;
	padding-top: 50px;
}
.stitle span{
	height: 80px;
	line-height: 80px;
	font-size: 40px;
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	position: relative;
	margin: 0 auto;
}

.stitle span:after,.stitle span:before{
	position: absolute;
	display: block;
	content: "";
	width: 120px;
	border-top: 3px dashed #b6b6b6;
	height: 1px;
	top: calc(50% - 2px);
}
.stitle span:after{
	left: 100%;
}
.stitle span:before{
	right: 100%;
}
.stitle p{
	font-size: 17px;
	line-height: 1.5em;
	color: #666;
}
/*=================*/
.mode{
	background: url(../images/custom/mode-pic.jpg) no-repeat center center;
	background-size: 100%;
	height: 850px;
}
.mode-pic{
	padding: 20px 0 50px;
	text-align: center;
}
.mode-item{
	text-align: center;
}
.mode-info{
	display: inline-block;
	width: 68px;
	height: 68px;
	position: relative;
	
}
.mode-gg{
	display: inline-block;
	background: #f0f;
	height: 68px;
	position: relative;
	top: -14px;
	width: 250px;
	padding:0 45px;
	background: url(../images/custom/mode-gg.png) no-repeat center bottom;
}
.mode-info span{
	display: block;
	margin: 0 auto;
	font-size: 46px;
	width: 68px;
	height: 68px;
	border-radius: 68px;
	background: #00cdfb;
	color: #fff;
	text-align: center;
	line-height: 68px;
	position: relative;
}
.mode-info p{
	position: absolute;
	width: 250px;
	left: calc(50% - 125px);
	top: calc(100% + 10px);
}
/*================*/

.sales-cont{
	padding-top: 30px;
	overflow: auto;
	padding-bottom: 60px;
}
.sales-top{
	overflow: auto;
}
.sales-pic{
	float: left;
	width: 430px;
	margin-right:30px;
}
.sales-text{
	width: calc(100% - 480px);
	float: left;
	padding-top:60px;
}
.text-item span{
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	color: #ff3f4a;
}
.text-item p{
	font-size: 20px;
	color: #666;
	line-height: 2.0em;
}
.sales-bottom{
	margin-top: 60px;
	font-size: 20px;
	color: #666;
	line-height: 1.5em;
}

/*=========*/
.profit{
	height: 680px;
	background: url(../images/sales/profit-bg.jpg) center center;
	background-size: 100%;	
}
.profit-cont{
	height:465px;
}
.profit-cont li{
	float: left;
	width: calc(20% - 26px);
	margin-right: 26px;
	height: 160px;
	border-radius: 5px;
	margin-top: 80px;
	position: relative;
	color: #fff;
	z-index: 1;
}
.profit-cont li span{
	
}
.profit-cont li p{
	padding: 60px 15px;
	text-align: center;
}
.profit-cont li img{
	z-index: 2;
	position: absolute;
	left: calc(50% - 37.5px);
	width: 71px;
	height: 71px;
	border-radius: 71px;
	top: -37.5px;
}
.profit-cont li:nth-child(1){ background: #7cd1f5;}
.profit-cont li:nth-child(2){ background: #fc5065; top: 200px;}
.profit-cont li:nth-child(3){ background: #3dd37e;}
.profit-cont li:nth-child(4){ background: #fbb62e; top: 200px;}
.profit-cont li:nth-child(5){ background: #43aefb;}

.profit-cont li:nth-child(2):after,.profit-cont li:nth-child(4):after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 100%;
	background: url(../images/sales/profit6.png) no-repeat center bottom;
	background-size: 100%;
	z-index: 0;
	width: 100% ;
	height: 200px;
}
/*==============*/
.interphase-cont{
	overflow: auto;
	padding-bottom: 30px;
}
.interphase-pic{
	float: left;
	width: 323px;
	height:662px;
	box-sizing: border-box;
	background: url("../images/sales/sales_cut/iphone_bg.png") no-repeat center top;
	text-align: center;
	padding-top: 65px;
}
.interphase_img{
	max-width: 265px;
}
.interphase-tab{
	float: left;
	width: calc(100% - 350px);
	padding: 30px 0;
}
.interphase-tab li{
	width: 25%;
	text-align: center;	
	float: left;
	padding: 40px 0;
	cursor :pointer;
}

.interphase-tab li:hover .interphase-img{
	background: url(../images/sales/interphase-a.png) no-repeat center center;
}
.interphase-img{
	height: 150px;
	line-height: 150px;
	margin: 0 30px;
	text-align: center;
	background: url(../images/sales/interphase-d.png) no-repeat center center;
}
.interphase-img img{
	width: 90px;
	height: 90px;
	margin: 30px 24px;
}
.interphase-tab span{
	display: block;
	height: 60px;
	line-height: 60px;
	color: #2b2b2b;
	font-size: 27px;
}
/*==============*/
.powerful{
	background: url(../images/sales/powerful-bg.png) no-repeat center center;
	background-size: 100%;
	height: 950px;
}
.powerful .bai,.powerful .bai span:after,.powerful .bai span:before,.powerful .bai p{
	color: #fff;
	border-color: #fff;
}
.powerful-pic{
	padding-top: 80px;
	text-align: center;
}
/*================*/
.function{
	background: #f1f1f1;
	padding-bottom: 80px;
}
.function-top{
	text-align: center;
	padding-top: 30px;
}
.function-bottom{
	clear: both;
	text-align: center;
	padding-top: 30px;
}
.tips img{
	margin-bottom: 20px;
}

.function-bottom li p{
	width: 250px;
	margin: 0 auto;
	height: 80px;
}
.function-bottom li{
	display: inline-block;
	width: 30%;
	text-align: center;
	
}
.function-top  .function-item img{
	width: 70%;
	display: block;
	margin:  0 auto;
}
.function-bottom .function-item img{
	width: 70%;
}
/*================*/
.backstage-item{
	clear: both;
	overflow: auto;
	margin-top: 80px;
}
.backstage-item .backstage-pic{
	width: 58%;
} 
.backstage-item .backstage-text{ 
	width: 38%;
	padding:0 20px;
}
.backstage-text span{
	display: block;
	margin-top: 120px;
	font-size: 30px;
}
.backstage-text p{
	color: #999;
}
.bcont{
	padding: 8px;
	line-height: 1.5em;
}
.backstage-item:nth-child(odd) .backstage-text{
	float: right;
}
.backstage-item:nth-child(odd) .backstage-pic{
	float: left;
}
.backstage-item:nth-child(even) .backstage-text{
	float: left;
}
.backstage-item:nth-child(even) .backstage-pic{
	float: right;
}
/*================*/
.service-cont{
	overflow: auto;
}
.service-cont li{
	float: left;
	text-align: center;
	width: 20%;
}
.service-cont li >*{
	margin: 0 auto;
	display: block;
}
.service-cont li span{
	padding-top: 10px;
	color: #0091dc;
	line-height: 1.5em;
	font-size: 26px;
}
.service-cont li p{
	padding: 10px;
	text-align: left;
	color: #666;
}
/*================*/
.case{
	padding-bottom: 30px;
	overflow: auto;
}
.case-list li{
	margin-top: 30px;
	width: calc(33.3334% - 20px);
	float: left;
	margin-right: 20px;
}
.case-list li img{
	width: 100%;
	display: block;
}
.case-cont{
	background: #fff;
	transition: all .3s ease;
	border: 1px solid #dfdfdf;
	clear: both;
    float: left;
}
.case-list li:hover .case-cont{
	background: #dfdfdf;
	transition: all .3s ease;
}
.case-cont span{
	
	height: 47px;
	line-height: 47px;
	text-align: left;
	font-size: 15px;
	color: #666666;
	display: block;
	border-bottom: 2px dashed #ccc;
	overflow: hidden;
	width: calc(100% - 20px);
	margin: 0 auto;
}
.case-cont span:before{
	display: block;
	content: "名称：";
	font-size: 13px;
	width: 40px;
	float: left;
}
.case-cont p{
	float: right;	
	font-size: 13px;
	padding: 10px;
	padding-left: 0;;
	color: #666;
	width: calc(100% - 60px);
	height: 100px;
	position: relative;
}
.case-cont p:before{
	position: absolute;
	display: block;
	right: 100%;
	content: "简介：";
	font-size: 13px;
	width: 40px;
	float: left;
}
/*.case-list li span{
	display: block;
	padding: 0 20px;
	color: #333;
	height: 40px;
	line-height: 40px;
	font-weight: 800;
}
.case-list li p{
	padding: 0 20px;
	font-size: 14px;
	color: #666;
}*/
.case-list li i{
	font-style: normal;
}
.case-list li i:after{
	font-style: normal;
}

.problem{
	padding-top: 65px;
}
.problem-title{
	font-size: 24px;
}
.problem-title b{
	font-style: normal;
	display: inline-block;
	margin-left: 16px;
	font-size: 18px;
	color: #999;
}
.problem-list li{
	margin-top: 20px;
	width: 50%;
	float: left;
	min-height: 150px;
}
.problem-list span{
	display: block;
	padding:0 30px 0 40px;
	position: relative;
	line-height: 30px;
	height: 30px;
	color: #333;
	margin-bottom: 10px;
}
.problem-list span:after{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background: #fb4c4c;
	text-align: center;
	line-height: 30px;
	color: #fff;
	content: "Q";
	position: absolute;
	top: 0;
	left: 0;
}
.problem-list p{
	padding:0 30px 0 40px;
	position: relative;
	line-height: 1.5em;
	font-size: 14px;
	color: #999;
}

.problem-list p:after{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background: #1cd0de;
	text-align: center;
	line-height: 30px;
	color: #fff;
	content: "A";
	position: absolute;
	top: 0;
	left: 0;
}
footer img{
	width: 100%;
}