@charset "utf-8";
.tabs {
	display:flow-root;
	padding-left: 0px;
}

.tabs li {
	width: 25%;
	height: auto;
	text-decoration: none;
	list-style-type: none;
	/*border: 1px solid #ccc;*/
	float:left;
	padding:20px 0px 20px 0px;
	
}

@media screen and (max-width: 768px) and (min-width: 320px){
	
	.tabs li {
	width: 100%;
	height: auto;
	text-decoration: none;
	list-style-type: none;
	/*border: 1px solid #ccc;*/
	float:none;
	padding:20px 0px 20px 0px;
}

.tabs li .lxcon img{
	width:100%;
	height:auto;
}
	
}

.tabs li .lxcon{
	width:90%;
	margin:0px auto;
	
}

.tabs li .lxcon img{
	width:100%;
	height:160px
}

.tabs-box {
	width: 100%;
	height: 300px;
	display: none;
	margin-bottom:30px;
}

.tabs-box:first-child{display:block}

.active {
	background-color: #e4393c;
	color: #fff;
}

.boxOne {
	display: block;
}