/*nav*/

.nav {
	width: 100%;
	height: 107px;
	padding-top: 14px;
	background: url(../img/nav_bg.jpg) no-repeat 0 0;
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: none;
}

.nav .middle {
	height: 107px;
}

.nav .middle>div,
.nav .middle>p {
	float: left;
	margin-right: 20px;
}

.nav .middle>div img,
.nav .middle>p img {
	max-width: 100%;
	height: auto;
}

.nav .middle>div {
	margin-top: 10px;
	cursor: pointer;
}


/*nav_end*/


/*tab_content*/

#tab_content {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: none;
}

#tab_content>div {
	padding-top: 121px;
	cursor: pointer;
}


/*tab_content_end*/


/*life*/

#life {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: url(../img/life_bg.jpg) no-repeat center;
	background-size: cover;
}

.life_table {
	width: 705px;
	height: 30px;
	padding-top: 20px;
	margin-left: 303px;
	transition: all 1s ease;
}

.life_table>div {
	float: left;
	font-family: "楷体";
	font-size: 20px;
	color: #e1ddd4;
	line-height: 20px;
	margin-right: 53px;
}

.life_table>.tab_active {
	color: #f9e2a0;
	border-bottom: 1px solid #f9e2a0;
}

.life_content {
	width: 100%;
}

.life_content>div {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.life_content>.study {
	display: block;
}

.box {
	position: absolute;
	top: 0px;
	left: 0;
	width: 10000px;
	/*height:100%;*/
	transform-style: preserve-3d;
	transform: translate3d(0, 0, 0);
	transition: all ease 1s;
}

.sildes {
	/*float: left;*/
}

.silde {
	/*width: 300px;*/
	height: auto;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
}

.silde>img {
	max-width: 75%;
	height: auto;
	margin: 0 auto;
}
.silde>p {
	height: 80px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: "方正宋刻本秀楷简体", "微软雅黑";
	font-size: 16px;
	color: #604948;
	margin-top: 10px;
	line-height: 20px;
	padding: 0 50px;
	text-align: left;
}



.prev,
.next {
	height: 100%;
	position: absolute;
	top: 0px;
	background: rgba(124, 103, 102, 0.0);
	opacity: 0.8;
	z-index: 5;
}

.prev {
	left: 0;
}

.next {
	right: 0;
}

.prev:hover {
	opacity: 0.4;
}
.frist>img,.last>img {
		max-width: 75%;
		height: auto;
	}

@media only screen and (min-height:800px ) {
	.silde>img {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.silde>p {
		height: auto;
	}
	.frist>img,.last>img {
		max-width: 100%;
		height: auto;
	}
	.life_table{
		padding-top: 45px;
		height: 60px;
	}
}

/*左右点击高度*/


/*@media only screen and (max-height:1080px ) and (min-height:950px){
	.prev,.next {
		height: 60%;
	}
}*/


/*@media only screen and (max-height:950px ) and (min-height:885px){
	.prev,.next {
		height:65%;
	}
}
@media only screen and (max-height:885px ) and (min-height:830px){
	.prev,.next {
		height:70%;
	}
}
@media only screen and (max-height:830px ) and (min-height:770px){
	.prev,.next {
		height:76%;
	}
}
@media only screen and (max-height:770px ) and (min-height:720px){
	.prev,.next {
		height:57%;
	}
}*/

.next:hover {
	opacity: 0.4;
}

.an1 {
	animation: loaderPages 700ms ease-in-out forwards;
}

.an2 {
	animation: loaderPages 900ms ease-in-out forwards;
}

.an3 {
	animation: loaderPages 1100ms ease-in-out forwards;
}


/*life_end*/


/*travel*/

#travel {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	display: none;
	background: url(../img/travel_bg.jpg) no-repeat center;
	background-size: cover;
}

#travel .middle {
	position: relative;
}

#travel .middle h5 {
	font-family: "华文隶书", "微软雅黑";
	font-size: 40px;
	color: #dbb337;
	text-align: center;
	padding-top: 30px;
}

#travel .middle img {
	height: auto;
	position: absolute;
}

#travel .middle a {
	display: none;
	position: absolute;
	background: #cd0000;
	border-radius: 100%;
}

#travel .middle a:hover {
	background: #fff;
}

#travel .middle .maps {
	display: none;
	left: 0;
}

#travel .middle .maps_xian {
	display: none;
	position: relative;
	height: auto;
}

#travel .middle .maps_xian .qi {
	top: 1.3%;
	left: 73.7%;
}

#travel .middle .maps_xian .teng {
	top: 69.5%;
	left: 54.1%;
}

#travel .middle .maps_xian .wei {
	top: 82.5%;
	left: 2.6%;
}

#travel .middle .maps_xian img {
	max-width: 100%;
	height: auto;
}

#travel .middle .ci {
	margin-top: 5px;
	text-align: center;
	color: #949186;
}

#travel .middle .travel_t {
	position: absolute;
	display: none;
	background: url(../img/travel_t_bg.png) no-repeat 0 0;
}

#travel .middle .travel_t>img {
	position: absolute;
}

#travel .middle .travel_t h3 {
	font-family: "隶书";
	text-align: center;
	line-height: 90px;
	font-size: 30px;
	color: #f2dec8;
	font-weight: normal;
}

#travel .middle .travel_t .travel_t_content {
	margin: 0 auto;
}

#travel .middle .travel_t .travel_t_content p {
	font-family: "宋体";
	font-size: 14px;
	color: #f2dec8;
	line-height: 30px;
	margin-bottom: 15px;
}

#travel .middle .travel_t .travel_t_content img {
	position: static;
	width: 750px;
	height: auto;
	margin: 0 auto;
}


/*travel_end*/


/*story*/

#story {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	display: none;
	background: url(../img/story_bg.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}

#story>div {
	position: absolute;
}

#story .story_le {
	width: 130px;
	height: 740px;
	top: 144px;
	left: 258px;
}

#story .story_content {
	width: 1083px;
	height: 528px;
	top: 203px;
	left: 365px;
	background: url(../img/zhou.png) no-repeat 0 0;
	background-size: 100% 100%;
	padding: 60px 50px;
	overflow: hidden;
}

#story .story_content .story_box {
	width: 1028px;
	height: 508px;
	overflow: hidden;
	padding-left: 55px;
	padding-top: 20px;
}

#story .story_content .story_box>div {
	float: left;
}

#story .story_content .img_wrod {
	width: 480px;
	height: 100%;
	text-align: center;
	margin-right: 45px;
}

#story .story_content .img_wrod>img {
	max-width: 100%;
	height: auto;
}

#story .story_content .img_wrod h5 {
	line-height: 30px;
	font-family: "微软雅黑";
	font-size: 20px;
	text-align: left;
	font-weight: normal;
	margin: 15px 0;
}

#story .story_content .img_wrod .wrod {
	width: 100%;
	height: 150px;
	overflow: auto;
}

#story .story_content .img_wrod .wrod p {
	font-family: "微软雅黑";
	font-size: 15px;
	line-height: 25px;
	text-align: left;
}

#story .story_content .story_list {
	position: relative;
	width: 500px;
	height: 100%;
	overflow: hidden;
}

#story .story_content .story_list .lists_box {
	width: 410px;
	height: 100%;
	padding-top: 10%;
	overflow: hidden;
	margin: 0 auto;
}

#story .story_content .story_list .lists {
	width: 10000px;
	height: 100%;
	transform-style: preserve-3d;
	transform: translate3d(0, 0, 0);
	transition: all ease 1s;
}

#story .story_content .story_list .lists>.list {
	background: url(../img/list.png) no-repeat 0 0;
	background-size: cover;
	width: 59px;
	height: 395px;
	padding-left: 18px;
	padding-right: 10px;
	text-align: center;
	font-family: "方正清刻本悦宋简体";
	font-size: 21px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	color: #8e9596;
	writing-mode: vertical-lr;
	/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;
	/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
	cursor: pointer;
}

#story .story_content .story_list .lists>.list_active {
	background: url(../img/list_hover.png) no-repeat 0 0;
	color: #ebcb7c;
}

#story .story_content .story_list .list_prev,
#story .story_content .story_list .list_next {
	position: absolute;
	top: 50%;
	cursor: pointer;
}

#story .story_content .story_list .list_prev {
	left: 0;
}

#story .story_content .story_list .list_next {
	right: 0;
}

#story .story_ri {
	width: 111px;
	height: 741px;
	top: 144px;
	left: 1525px;
	transform: translatex(-1140px);
	background-size: cover;
	transform-style: preserve-3d;
	transition: all ease 1s;
}

#story .story_le img,
#story .story_ri img {
	max-width: 100%;
	height: auto;
}

.ans1 {
	animation: an 3100ms ease-in-out forwards;
}

.ans2 {
	animation: anz 3200ms ease-in-out forwards;
}

@media only screen and (max-width:1680px) {
	#story .story_le {
		width: 130px;
		height: 740px;
		top: 144px;
		left: 144px;
		z-index: 10;
		transition: all ease 1s;
	}
	#story .story_content {
		width: 1083px;
		height: 528px;
		top: 203px;
		left: 250px;
		background: url(../img/zhou.png) no-repeat 0 0;
		background-size: 100% 100%;
		padding: 60px 50px;
		overflow: hidden;
		transition: all ease 1s;
	}
	#story .story_ri {
		width: 111px;
		height: 741px;
		top: 144px;
		left: 1409px;
		transform: translatex(-1140px);
		background-size: cover;
		transform-style: preserve-3d;
		transition: all ease 1s;
	}
}

@media only screen and (max-width:1600px) {
	#story .story_le {
		width: 111px;
		height: 740px;
		top: 144px;
		left: 85px;
		z-index: 10;
		transition: all ease 1s;
	}
	#story .story_content {
		width: 1083px;
		height: 528px;
		top: 203px;
		left: 170px;
		background: url(../img/zhou.png) no-repeat 0 0;
		background-size: 100% 100%;
		padding: 10px 50px;
		overflow: hidden;
		transition: all ease 1s;
	}
	#story .story_ri {
		width: 96px;
		height: 741px;
		top: 144px;
		left: 1330px;
		transform: translatex(-1140px);
		background-size: cover;
		transform-style: preserve-3d;
		transition: all ease 1s;
	}
	#story .story_content .img_wrod {
		width: 240px;
		height: 100%;
		text-align: center;
		margin-right: 120px;
		padding-top: 50px;
		margin-left: 84px;
	}
}

@media only screen and (max-width:1440px) {
	#story .story_le {
		width: 90px;
		height: 740px;
		top: 144px;
		left: 85px;
		z-index: 10;
		transition: all ease 1s;
	}
	#story .story_content {
		width: 850px;
		height: 473px;
		top: 165px;
		left: 153px;
		background: url(../img/zhou.png) no-repeat 0 0;
		background-size: 100% 100%;
		padding: 10px 25px;
		overflow: hidden;
		transition: all ease 1s;
	}
	#story .story_ri {
		width: 77px;
		height: 741px;
		top: 144px;
		left: 1080px;
		transform: translatex(-850px);
		background-size: cover;
		transform-style: preserve-3d;
		transition: all ease 1s;
	}
	#story .story_content .img_wrod {
		width: 240px;
		height: 100%;
		text-align: center;
		margin-right: 60px;
		padding-top: 15px;
		margin-left: 0px;
	}
	#story .story_content .story_box {
		width: 800px;
		height: 448px;
		overflow: hidden;
		padding-left: 55px;
		padding-top: 20px;
	}
	#story .story_content .story_list .lists_box {
		width: 410px;
		height: 100%;
		padding-top: 3%;
		overflow: hidden;
		margin: 0 auto;
	}
	.ans1 {
		animation: an1 3050ms ease-in-out forwards;
	}
	.ans2 {
		animation: anz1 3000ms ease-in-out forwards;
	}
}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1024px) {
	#story .story_le {
		width: 90px;
		height: 740px;
		top: 144px;
		left: 0px;
		z-index: 10;
		transition: all ease 1s;
	}
	#story .story_content {
		width: 850px;
		height: 473px;
		top: 165px;
		left: 60px;
		background: url(../img/zhou.png) no-repeat 0 0;
		background-size: 100% 100%;
		padding: 10px 25px;
		overflow: hidden;
		transition: all ease 1s;
	}
	#story .story_ri {
		width: 77px;
		height: 741px;
		top: 144px;
		left: 940px;
		transform: translatex(-800px);
		background-size: cover;
		transform-style: preserve-3d;
		transition: all ease 1s;
	}
	#story .story_content .img_wrod {
		width: 240px;
		height: 100%;
		text-align: center;
		margin-right: 30px;
		padding-top: 15px;
		margin-left: 0px;
	}
	#story .story_content .story_box {
		width: 800px;
		height: 448px;
		overflow: hidden;
		padding-left: 55px;
		padding-top: 20px;
	}
	#story .story_content .story_list .lists_box {
		width: 410px;
		height: 100%;
		padding-top: 3%;
		overflow: hidden;
		margin: 0 auto;
	}
	.ans1 {
		animation: an2 3200ms ease-in-out forwards;
	}
	.ans2 {
		animation: anz2 3200ms ease-in-out forwards;
	}
}

@keyframes an {
	from {
		transform: translatex(-1140px);
		-webkit-transform: translatex(-1140px);
	}
	to {
		transform: translatex(0);
		-webkit-transform: translatex(0);
	}
}

@keyframes an1 {
	from {
		transform: translatex(-850px);
		-webkit-transform: translatex(-850px);
	}
	to {
		transform: translatex(0);
		-webkit-transform: translatex(0);
	}
}
@keyframes an2 {
	from {
		transform: translatex(-800px);
		-webkit-transform: translatex(-800px);
	}
	to {
		transform: translatex(0);
		-webkit-transform: translatex(0);
	}
}
@keyframes anz {
	from {
		width: 20px;
	}
	to {
		width: 1083px;
	}
}

@keyframes anz1 {
	from {
		width: 20px;
	}
	to {
		width: 900px;
	}
}
@keyframes anz2 {
	from {
		width: 20px;
	}
	to {
		width: 850px;
	}
}

/*story_end*/


/*Influence*/

#Influence {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	display: none;
	background: url(../img/Influence_bg.jpg) no-repeat center;
	background-size: cover;
}

#Influence .middle div {
	float: left;
	margin-top: 110px;
	margin-left: 69px;
	margin-right: 16px;
}

#Influence .middle div>img {
	max-width: 100%;
	height: auto;
}


/*Influence_end*/


/*Influence_v*/

.Influence_v {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 9999;
	text-align: center;
	display: none;
}

.vi {
	width: 100%;
	/*height: 100%;*/
	margin: 0 auto;
}


/*Influence_v end*/

@keyframes loaderPages {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		transform: translateX();
	}
}