#banner{
	width:10rem;
	margin:0 auto;
}
#banner img{
	width:100%;
}
.headline .title{
	font-size:0.64rem;
	line-height:0.64rem;
	color:#333;
}
.headline .line{
	position: relative;
	width:2.4rem;
	margin:0.266667rem auto;
	border-top:1px solid #565656;
}
.headline .line div{
	position: absolute;
	left:50%;
	top:-4px;
	margin-left:-3px;
	height:7px;
	width:7px;
	background: red;
}
.headline .sub-title{
	font-size: 0.426667rem;
	line-height:0.426667rem;
	color:#666;
}
#good-at{
	padding-top:1rem;
	padding-bottom:0.4rem;
}
#good-at .pic{
	margin-top:50px;
	text-align: left;
}
#good-at .pic img{
	width:65.4667%;
}
#good-at .ul-outer{
	position:relative;
	margin-top:20px;
}
#good-at .ul-outer .selected{
	position: absolute;
	height:240px;
}
#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;
}