/*导航banner*/

#banner {
	width: 100%;
	height: 750px;
	position: absolute;
}

#word_nav {
	width: 1200px;
	height: 130px;
	margin: 0 auto;
}

#word_nav li {
	font-size: 35px;
	margin: 0 auto;
	text-align: center;
	line-height: 130px;
	margin-left: 300px;
}

#word_nav li a {
	margin-left: 50px;
}

/*自我区域*/
#myself {
	width: 1200px;
	height: 950px;
	margin: 0 auto;
	position: relative;
	margin-top: 550px;
}

#xiushi_border {
	width: 1200px;
	height: 70px;
}

#xiushi {
	margin-left: 370px;
}

#xiushi_border h2 {
	font-size: 50px;
	margin-left: 490px;
	position: absolute;
	top: 10px;
}

#kuang {
	width: 58px;
	height: 835px;
}

#kuang_border {
	position: absolute;
	margin-top: 55px;
}

#kuang h2 {
	width: 58px;
	height: 835px;
	float: left;
	font-size: 60px;
	font-family: 华文楷体;
	position: relative;
	top: 205px;
	left: 50px;
	float: left;
}

.monkey {
	float: left;
	margin-left: 145px;
	margin-top: -450px;
}

.houzi {
	position: absolute;
	color: black;
	top: 600px;
	left: 255px;
	/* 字体居中 */
	font-size: 25px;
	/* 悬停前完全透明 */
	opacity: 0;
	transition: 0.3s ease-in-out;
	background: rgba(256, 256, 256, 0.4)
}

.monkey:hover .houzi {
	transition: 0.3s ease-in-out;
	/* 悬停时完全不透明 */
	opacity: 1;
}

#yidi_ps {
	float: left;
	margin-top: -544px;
	margin-left: 410px;
}


.yidi_word {
	position: absolute;
	color: black;
	top: 500px;
	left: 530px;
	/* 字体居中 */
	font-size: 25px;
	/* 悬停前完全透明 */
	opacity: 0;
	transition: 0.3s ease-in-out;
	background: rgba(256, 256, 256, 0.4)
}

.yidi:hover .yidi_word {
	transition: 0.3s ease-in-out;
	/* 悬停时完全不透明 */
	opacity: 1;
}

#gongye_ps {
	float: left;
	margin-top: -450px;
	margin-left: 680px;
}

.gongye_word {
	position: absolute;
	color: black;
	top: 620px;
	left: 800px;
	font-size: 25px;
	/* 悬停前完全透明 */
	opacity: 0;
	transition: 0.3s ease-in-out;
	background: rgba(256, 256, 256, 0.4)
}

.gongye:hover .gongye_word {
	transition: 0.3s ease-in-out;
	/* 悬停时完全不透明 */
	opacity: 1;
}

#xiandai_ps {
	float: left;
	margin-top: -544px;
	margin-left: 950px;
}

.xiandai_word {
	position: absolute;
	color: black;
	top: 620px;
	left: 1000px;
	font-size: 25px;
	/* 悬停前完全透明 */
	opacity: 0;
	transition: 0.3s ease-in-out;
	background: rgba(256, 256, 256, 0.4)
}

.xiandai:hover .xiandai_word {
	transition: 0.3s ease-in-out;
	/* 悬停时完全不透明 */
	opacity: 1;
	cursor: pointer;
}

/*英豪区域*/
#heroes {
	width: 1200px;
	height: 605px;
	margin: 0 auto;
	margin-top: 119px;
}

#xiushi2 {
	margin-left: 370px;
}

#xiushi_border2 h2 {
	font-size: 50px;
	margin-left: 490px;
	margin-top: -70px;
}

#quyuan_ps {
	padding-bottom: 110px;
}

#xiushi_border3 {
	margin-left: 238px;
	margin-top: 85px;
}

#quyuan h2 {
	margin-left: 100px;
	margin-top: -50px;
}

#quyuan h3 {
	width: 475px;
	height: 403px;
	font-size: 35px;
	margin-top: -444px;
	margin-left: 560px;
	font-family: 华文楷体;
}

/*湘韵·意义*/
#significance {
	width: 1200px;
	height: 1100px;
	margin: 0 auto;
	margin-top: 119px;
}

#xiushi4 {
	margin-left: 370px;
}

#xiushi_border4 h2 {
	margin-left: 490px;
	margin-top: -70px;
	font-size: 50px;
}

.tuanyuan {
	width: 397px;
	height: 262px;
	margin: 0 auto;
}

.tuanyuan {
	margin-top: 100px;
	float: left;

}

#hezi1 {
	width: 190px;
	height: 49px;
	background-color: #b90100;
	margin-left: -300px;
	margin-top: 400px;
	float: left;

}

#hezi1 h2 {
	text-align: center;
	line-height: 11px;
	color: #fff;
}

.item {
	position: relative;
}

.img,
.text {
	width: 397px;
	height: 262px;
	position: absolute;
	top: 0;
	transition: all 3s;
}

.item .img {
	background: url(img/tuanyuan.jpg) no-repeat;
	background-size: cover;
	transform: rotateY(0);
	/* rotate,rotateX, rotateY   deg */

}

.item .text {
	background-color: gainsboro;
	transform: rotateY(-180deg);
	backface-visibility: hidden;
	padding: 10px;
	line-height: 30px;
}

.item:hover .img {
	transform: rotateY(180deg);
}

.item:hover .text {
	transform: rotateY(0);
}

.item {
	position: relative;
}


/*纪念盒子*/
.qingzhu {
	margin-top: 300px;
	margin-left: 700px;
}

#hezi2 {
	width: 190px;
	height: 49px;
	background-color: #b90100;
	margin-left: 800px;
	margin-top: 350px;
	float: left;
}
#hezi2 h2{
	text-align: center;
	line-height: 11px;
	color: #fff;
}

.item2 {
	position: relative;
}

.img2,
.text2 {
	width: 406px;
	height: 348px;
	position: absolute;
	top: 0;
	transition: all 3s;


}

.text2 h2 {
	text-align: center;


}

.item2 .img2 {
	background: url(img/qingzhu.jpg) no-repeat;
	background-size: cover;
	transform: rotateY(0);
	/* rotate,rotateX, rotateY   deg */

}

.item2 .text2 {
	background-color: gainsboro;
	transform: rotateY(-180deg);
	backface-visibility: hidden;
	padding: 10px;
	line-height: 30px;
}

.item2:hover .img2 {
	transform: rotateY(180deg);
}

.item2:hover .text2 {
	transform: rotateY(0);
}

.item2 {
	position: relative;
}

/*纪念盒子*/
.jinian {

	margin-top: 200px;
	margin-left: -1000px;
	float: left;
}

#hezi3 {
	width: 190px;
	height: 49px;
	background-color: #b90100;
	float: left;
	margin-top: 300px;
	float: left;
	margin-left: 100px;
}
#hezi3 h2{
	text-align: center;
	line-height: 11px;
	color: #fff;
}

.item3 {
	position: relative;
}

.img3,
.text3 {
	width: 397px;
	height: 262px;
	position: absolute;
	top: 0;
	transition: all 3s;
}

.text3 h2 {
	text-align: center;

}

.item3 .img3 {
	background: url(img/jinian.jpg) no-repeat;
	background-size: cover;
	transform: rotateY(0);
	/* rotate,rotateX, rotateY   deg */

}

.item3 .text3 {
	background-color: gainsboro;
	transform: rotateY(-180deg);
	backface-visibility: hidden;
	padding: 10px;
	line-height: 30px;
}

.item3:hover .img3 {
	transform: rotateY(180deg);
}

.item3:hover .text3 {
	transform: rotateY(0);
}

.item3 {
	position: relative;
}

/*版权空间*/