#banner{
	width:10rem;
	margin:0 auto;
}
#banner img{
	width:100%;
}
.give-content{
	padding-top:0.973rem;
}
.give-content--title{
	font-size: 0.533rem;
	color:#333;
	text-align: center;
	line-height: 0.666rem;
}
.give-content--text{
	margin-top:0.48rem;
	padding:0 0.573rem;
	text-indent: 2em;
	font-size: 0.373rem;
	line-height: 0.64rem;
	color:#666;
	text-align: left;
}
#good-at{
	padding-top:1rem;
	padding-bottom:0.4rem;
}
.good-at--title{
	font-size: 0.533rem;
	color:#333;
	text-align: center;
}
#good-at ul{
	overflow: hidden;
	margin-top:0.52rem;
}
#good-at li{
	float:left;
	margin-top:0.293333rem;
	width:4.426667rem;
	height:4.306667rem;
	background-size: contain;
}
#good-at li:nth-child(2n-1){
	margin-left: 0.413333rem;
}
#good-at li:nth-child(2n){
	margin-left:0.32rem;
}
#good-at li:nth-child(1){
	background-image:url(../images/index_m/good-at-1.png) ;
}
#good-at li:nth-child(2){
	background-image:url(../images/index_m/good-at-2.png) ;
}
#good-at li:nth-child(3){
	background-image:url(../images/index_m/good-at-3.png) ;
}
#good-at li:nth-child(4){
	background-image:url(../images/index_m/good-at-4.png) ;
}
#good-at li:nth-child(5){
	background-image:url(../images/index_m/good-at-5.png) ;
}
#good-at li:nth-child(6){
	background-image:url(../images/index_m/good-at-6.png) ;
}
#good-at li:nth-child(7){
	background-image:url(../images/index_m/good-at-7.png) ;
}
#good-at li:nth-child(8){
	background-image:url(../images/index_m/good-at-8.png) ;
}
#good-at li a{
	display: block;
	width:100%;
	height:100%;
}
#good-at .contact{
	display: block;
	width:9.173333rem;
	height:3.346667rem;
	margin:0.2rem auto 0 auto;
	background: url(../images/index_m/good-at-contact.png);
	background-size: contain;
}
.app-case{
	position: relative;
	padding-bottom:1.653rem;
}
.app-case--title{
	height:2.173rem;
	line-height: 2.173rem;
	text-align: center;
	font-size: 0.533rem;
	color:#333;
}
.app-case--main{
	height:10rem;
}
#mistake{
	overflow: hidden;
	position: relative;
	width:10rem;
	padding-top: 0.773rem;
	padding-bottom: 0.666rem;
	margin:0 auto;
}
#mistake .me,
#mistake .other{
	width:50%;
	float:left;
}
#mistake h3{
	height:1.08rem;
	font-size: 0.4rem;
	line-height: 1.08rem;
	color:#FFF;
	text-align: center;
}
#mistake .me h3{
	background:#009bdb;
}
#mistake .other h3{
	background:#a9a9a9;
}
#mistake li{
	height:2.96rem;
	padding:0.426rem 0 0 1.186rem;
	background: 0.28rem 0.493rem no-repeat;
	background-size: 0.373rem;
	border-bottom: 1px dashed #595959;
}
#mistake .me li{
	border-right:1px dashed #595959;
	background-image: url(../images/mistake/me-li-bg.png);
}
#mistake .other li{
	background-image: url(../images/mistake/other-li-bg.png);
}
#mistake li .title{
	width:2.84rem;
	height:0.493rem;
	color:#FFF;
	text-align: center;
	line-height: 0.493rem;
	font-size:0.28rem;
	background: url(../images/mistake/title-left.png) 0.146rem center no-repeat,
		url(../images/mistake/title-right.png) 2.066rem center no-repeat;
	background-size: 0.56rem;
}
#mistake .me li .title{
	background-color: #009bdb;
}
#mistake .other li .title{
	background-color: #a9a9a9;
}
#mistake li .content div{
	margin-top:0.293rem;
	color:#22a7df;
	font-size:0.213rem;
	text-align: left;
}