body {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px; font-family: "Microsoft YaHei", "Lucida Grande";
}
.header {
	background: url("http://img03.taobaocdn.com/imgextra/i3/41898500/TB2rFfPdpXXXXXWXXXXXXXXXXXX_!!41898500.jpg") no-repeat center rgb(0, 0, 0); width: 100%; height: 650px; margin-right: auto; margin-left: auto;
}
.top-header {
	padding: 2em 0px; width: 990px; margin-right: auto; margin-left: auto; z-index: 999;
}
.logo {
	margin-top: 0.8em; float: left;
}
.top-nav {
	float: right;
}
.top-nav ul {
	margin: 0px; padding: 0px;
}
.top-nav ul li {
	padding: 1em 1.5em; display: inline-block;
}
.top-nav ul li a {
	transition:0.5s; color: rgb(249, 49, 51); font-size: 1.2em; font-weight: 600; text-decoration: none; position: relative; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all;
}
.top-nav ul li span {
	background: url("5.png") 0px 0px; left: -1em; top: -0.5em; width: 70px; height: 38px; display: block; position: absolute;
}
.top-nav ul li span.home {
	left: -3px;
}
.top-nav ul li span.us-box {
	left: -3px;
}
.top-nav ul li span.port-box {
	left: -3px;
}
.top-nav ul li span.blog-box {
	left: -3px;
}
.top-nav ul li span.tack-box {
	left: -3px;
}
.top-nav ul li span {
	display: none;
}
.top-nav ul li a {
	cursor: pointer;
}
.top-nav ul li a:hover span {
	color: rgb(255, 255, 255); display: block;
}
.top-nav ul li.active a span {
	color: rgb(255, 255, 255); display: block;
}
.top-nav ul li a:hover {
	color: rgb(255, 255, 255);
}
.top-nav ul li.active a {
	color: rgb(255, 255, 255);
}
.top-nav label.menu {
	display: none;
}
.slider {
	top: 5em; width: 990px; height: auto; margin-right: auto; margin-left: auto; position: relative; z-index: 998;
}
.header-matter {
	width: 100%; position: absolute;
}
.header-matter h2 {
	margin: 0px; color: rgb(249, 49, 51); text-transform: uppercase; text-indent: 1em; font-size: 4.4em; font-weight: 500;
}
.header-matter h2 span {
	font-weight: 700;
}
.header-matter label.make {
	background: url("4.png") left; left: 4em; top: 1em; width: 586px; height: 40px; display: block; position: relative;
}
.better h4 {
	margin: 1em 0px 0.2em; color: rgb(249, 49, 51); font-size: 1.6em; font-weight: 500;
}
.better label {
	color: rgb(249, 49, 51); font-size: 3em; font-weight: 700;
}
.better label a {
	color: rgb(249, 49, 51); text-decoration: none; cursor: pointer;
}
.better label a:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
.better p {
	margin: 0px; width: 99%; color: rgb(255, 255, 255); line-height: 25px; font-size: 1em;
}
.better-right {
	left: 530px; width: 102px; height: 102px; position: relative; z-index: 996;
}
.shoplogo {
	background: url("../images/6.png") left; width: 140px; height: 190px; margin-top: 3em; margin-left: 5em; float: left; display: block; cursor: pointer;
}
.we-better span {
	width: 140px; height: 190px; margin-top: 3em; margin-left: 5em; position: absolute; cursor: pointer;
}
.better {
	width: 68%; float: right;
}
.global-design {
	background: rgb(249, 49, 51); padding: 6em 0px; width: 100%;
}
.idea-get {
	background: rgb(249, 49, 51); margin: 0px 5.4em 0px 0px; padding: 3em 0px; width: 28%; text-align: center; float: left; box-shadow: 10px 10px 10px 10px #d92f30;
}
.we-get-grid {
	margin: 0px;
}
.idea-get h4 {
	margin: 0px; padding: 1em 0px; color: rgb(255, 255, 255); font-size: 1.5em;
}
.idea-get p {
	margin: 0px auto; width: 68%; color: rgb(255, 255, 255); line-height: 22px; font-size: 1em;
}
.container {
	width: 990px; margin-right: auto; margin-left: auto;
}