@charset "utf-8";

/* css document */

body {
	background: #eeecea;
}

/*国学大赛介绍*/

.intro {
	width: 100%;
	min-width: 1280px;
	height: 125px;
	border-bottom: 1px solid #ccc;
	float: left;
	background: #fff;
}

.intro .intro-main {
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}

.intro .intro-main .logo {
	float: left;
}

.intro .intro-main .logo img {
	width: 57px;
	margin-top: 18px;
}

.intro .intro-main .line {
	width: 1px;
	height: 52px;
	background: #ccc;
	float: left;
	margin: 25px 20px 0 20px;
}

.intro .intro-main .intro-info {
	width: 1099px;
	float: left;
}

.intro .intro-main .intro-info h5 {
	width: 1080px;
	float: left;
	padding-top: 10px;
}

.intro .intro-main .intro-info h5 b {
	font-size: 16px;
	color: #222;
	float: left;
	padding-right: 10px;
}

.intro .intro-main .intro-info h5 em {
	width: 60px;
	height: 20px;
	line-height: 18px;
	background: #24af66;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-style: normal;
	float: left;
}


/*预告*/

.intro .intro-main .intro-info h5 em.trailer {
	background: #118fdf;
}


/*结束*/

.intro .intro-main .intro-info h5 em.end {
	background: #f25048;
}

.intro .intro-main .intro-info ul {
	width: 540px;
	float: left;
	padding-top: 2px;
}

.intro .intro-main .intro-info ul li {
	width: 540px;
	font-size: 12px;
	color: #666;
	font-family: "宋体";
	float: left;
	line-height: 20px;
}


/*导航*/

.wrap {
	width: 100%;
	min-width: 1280px;
	min-height: 660px;
	float: left;
	background: url(../../image/guoxue/bg.jpg) center top no-repeat;
}

.nav {
	width: 100%;
	height: 55px;
	float: left;
	background: url(../../image/guoxue/nav-bg.png) repeat;
}

.nav-main {
	width: 1200px;
	height: 55px;
	margin: 0 auto;
}

.nav-main ul.fl {
	float: left;
}

.nav-main ul.fr {
	width: auto;
	height: 65px;
	float: right;
	background: url(../../image/guoxue/nav-bg-right.png) no-repeat;
	margin-top: -5px;
}

.nav-main ul.fr li {
	width: 114px;
	line-height: 65px;
}

.nav-main ul.fr li a {
	padding: 0;
}

.nav-main ul.fr li:hover {
	background: none;
	color: #171c61;
}

.nav-main ul.fr li:hover a {
	color: #171c61;
}
.nav-main ul.fr li.active a{
	color: #171c61;
}
.nav-main ul.fr li.line {
	width: 1px;
	height: 33px;
	background: #d95d0a;
	margin-top: 16px;
}

.nav-main ul li {
	float: left;
	font-size: 18px;
	color: #fff;
	line-height: 55px;
	text-align: center;
}

.nav-main ul li a {
	font-size: 18px;
	color: #fff;
	display: block;
	padding: 0 20px;
}

.nav-main ul li:hover {
	background: #c61722;
	color: #fff;
	cursor: pointer;
}

.nav-main ul li:hover a {
	color: #fff;
}

.nav-main ul.fl li.active {
	background: #c61722;
	color: #fff;
}

.nav-main ul li.active a {
	color: #fff;
}