@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/banner2.png) no-repeat center top;
	/* background-color: #fff */
	position: relative;
	z-index: 999;
}


.main_banner {
	position: relative;
	height: 338px;
}

.main_banner .logo {
	position: absolute;
	top: 71px;
	left: 50%;
	margin-left: -354px;
	width: 708px;
	height: 125px;
	background: url(../images/logo2.png) no-repeat center top;
}

.logo {
	position: absolute;
	top: 50px;
	left: 0;
	width: 716px;
	height: 102px;
}

.box_search {
	position: absolute;
	top: 229px;
	right: 50%;
	margin-right: -250px;
	width: 500px;
	height: 46px;
	background: #fff;
	border-radius: 28px;
}

#search_text {
	position: absolute;
	top: 0;
	left: 0;
	width: 420px;
	height: 46px;
	font: 14px / 46px "Microsoft Yahei";
	color: #666;
	text-indent: 1em;
	border: none;
	border-right: 0;
	background-color: transparent;
	box-sizing: border-box;
	outline: none;
}

#search_btn {
	position: absolute;
	top: 0;
	right: 0px;
	width: 64px;
	height: 46px;
	background: url(../images/icon_search.png) no-repeat 50% 50%;
	cursor: pointer;
	background-color: #b10500;
	border: none;
	outline: none;
	border-radius: 0 27px 27px 0;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}

/* nav */
.nav {
	background-color: #b61314;
}

.nav .layout {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav .nav_tem {
	flex: 1;
	text-align: center;
}

.nav .nav_tem a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 15px 0;
	color: #fff;
	font-size: 24px;
	transition: all 0.3s ease;
	position: relative;
}

.nav .nav_tem a:hover {
	background-color: #a00f10;
}

.nav .nav_tem a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #fff;
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

.nav .nav_tem a:hover::after {
	width: 80%;
}

.footer {
	margin-top: 60px;
	padding: 36px 0;
	background-color: #fff8f1;
}

.footer p {
	font-size: 14px;
	line-height: 30px;
	color: #888;
	text-align: center;
}

.footer p a {
	color: #888;
}