a {
	text-decoration: none;
}

.bodybg {
	background: url(../images/bg.png) no-repeat;
}

.topbox {
	width: 80%;
	padding: 40px 0;
	margin: auto;
}

.topbox>img {
	width: 190px;
}

.contbox {
	width: 33.3%;
	margin: 4% auto 0;
	text-align: center;
}

.contbox>img {
	width: 150px;
}

.title {
	font-size: 30px;
	margin-bottom: 14px;
}

.cont {
	margin: 6px 0;
	color: #999999;
}

.contdown {
	margin-top: 10rem;
	padding: 0 5%;
	overflow: hidden;
}

.contdown img {
	width: 120px;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.change {
	margin-top: 16%;
	color: #999999;
}

.change a {
	color: #999999;
	margin: 0 20px;
}

.active {
	color: #333333 !important;
}

.foot {
	font-size: 14px;
	color: rgba(0, 0, 0, .5);
}

@media only screen and (max-width: 1080px) {
	.contdown img {
		width: 90px;
	}
	.contbox {
		width: 68%;
	}
}
@media only screen and (max-width: 414px) {
	.contdown img {
		width: 90px;
	}
	.contbox>img {
	    width: 110px;
	}
	.topbox>img {
	    width: 130px;
	}
	.contbox {
			    width: 88%;
	}
	.contbox {
	    margin: 0% auto 0;
	}
	.title {
	    font-size: 22px;
	}
	.cont {
		font-size: 12px;
	}
	.contdown{
		margin-top: 10rem;
	}
}