#welcome {
	width: 100%;
	hieght: 100%;
	display: none;
	position: absolute;
	z-index: 900;
	top: 0;
	left: 0;
}

.welcome_top {
	width: 100%;
	height: 720px;
	background: url(../img/wel_top.png) no-repeat center 0;
	background-size: 100% 100%;
}

.welcome_top .img01 {
	width: 63px;
	height: 246px;
	float: left;
	margin-top: 73px;
	margin-right: 15px;
	/*margin-left: 37px;*/
}

.welcome_top .middle>a {
	display: block;
	width: 57px;
	height: 243px;
	float: left;
	margin-top: 74px;
	margin-left: 25px;
	cursor: pointer;
}
.welcome_top .middle>a img{
	max-width: 100%;
}
.welcome_top .butn {
	width: 57px;
	height: 243px;
	float: left;
	margin-top: 74px;
	margin-left: 25px;
	cursor: pointer;
}

.welcome_bottom {
	width: 100%;
	height: 162px;
	padding-top: 18px;
	background: #a62700;
}

.welcome_bottom .middle>p {
	font-family: "方正小标宋简体";
	font-size: 16px;
	line-height: 28px;
	color: #edbd76;
}

#map {
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	position: relative;
}

#map .anchorBL {
	display: inline-block
}

.img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 799;
	cursor: pointer;
	display: none;
}

.img1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 799;
	display: none;
}

.img2 {
	width: 100%;
	height: 100%;
	z-index: 799;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#nav_btns {
	width: 279px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	display: none;
}

.navs {
	width: 258px;
	height: 100%;
	float: left;
	background: #cba675;
	overflow-x: hidden;
	overflow-y:auto ;
}
.navs::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #C0C0C0;
}


/*定义滚动条轨道 内阴影+圆角*/

.navs::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ebebeb;
}


/*定义滑块 内阴影+圆角*/

.navs::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgb(92, 47, 21);
}

.navs>h3 {
	width: 158px;
	height: 47px;
	text-align: center;
	line-height: 47px;
	font-family: "方正风雅宋简体";
	font-size: 22px;
	margin: 27px 81px 37px 20px;
	font-weight: bolder;
	color: #75552a;
	background: url(../img/p_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.navs li {
	width: 258px;
	font-family: "微软雅黑";
	text-align: left;
	padding-left: 33px;
	font-size: 16px;
	color: #75552a;
	line-height: 30px;
	cursor: pointer;
}
.navs li h3{
	font-size: 18px;
}
.navs li p{
	padding-left: 10px;
	font-size: 15px;
}
.navs .bg {
	background: #c49c68;
	color: #852013;
}

.navs li:hover {
	color: #852013;
}

.bottn {
	width: 21px;
	font-size: 30px;
	background: #cba675;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	float: left;
	margin-top: 100%;
	text-align: center;
	line-height: 87px;
	height: 87px;
	cursor: pointer;
}

.bottn>img {
	transition: 2s ease;
	display: inline-block;
}

#show_content {
	width: 100%;
	height: 100%;
	background: rgba(74, 114, 146, 0.8);
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
	/*opacity: 0.8;*/
	display: none;
}

.close {
	cursor: pointer;
}

#show_content .middle {
	height: 100%;
	background: url(../img/show_bg.png) no-repeat 0 0;
	background-size: auto 100%;
	position: relative;
}

#show_content .header {
	position: absolute;
	top: 53px;
	left: 67px;
	width: 45px;
	font-family: "方正小标宋简体";
	font-size: 30px;
	font-weight: bolder;
	color: #ffb756;
}

#show_content .tabs {
	width: 28px;
	height: 100%;
	font-family: "微软雅黑";
	font-size: 16px;
	padding-top: 403px;
	margin-left: 126px;
	float: left;
}

#show_content .tabs>div {
	width: 28px;
	height: 75px;
	text-align: center;
	padding-top: 32px;
	color: #ead2b0;
	background: #323232;
	margin-bottom: 4px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	cursor: pointer;
}

#show_content .tabs>.actives {
	color: #fff;
	background: #b92b00;
}

#show_content .tab_box {
	width: 848px;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

#show_content .tab_box>div {
	width: 848px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#show_content .tab_box .text {
	background: #fae7cb;
	width: 744px;
	height: 100%;
	padding: 0 50px 0 53px;
}

.tab_box .text .Content {
	width: 744px;
	overflow: auto;
	height: 90%;
	padding-top: 40px;
}

#show_content .tab_box .text p {
	line-height: 30px;
	font-family: "微软雅黑";
	font-size: 14px;
}

#show_content .tab_box .picture {
	height: 100%;
	text-align: center;
	background: url(../img/img_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
	display: none;
}

.tab_box .picture .Img {
	overflow: auto;
	height: 90%;
	padding-top: 40px;
}

.tab_box .picture img {
	margin: 0 auto;
	width: 720px;
}

.tab_box .picture p {
	font-family: "楷体";
	font-size: 20px;
	color: #ffb756;
	line-height: 50px;
	padding-bottom: 20px;
}

#show_content .tab_box .movie {
	background: url(../img/video_bg.png) no-repeat 0 0;
	background-size: 100% 100%;
	display: none;
}

.tab_box .movie .name {
	font-family: "微软雅黑";
	font-size: 24px;
	margin-top: 159px;
	margin-left: 62px;
	font-weight: bolder;
	color: #ffffff;
	float: left;
}

.tab_box .movie .te {
	display: inline-block;
	font-family: "微软雅黑";
	font-size: 14px;
	margin-top: 170px;
	margin-left: 62px;
	color: #ccc;
	float: left;
}

.tab_box .movie>video {
	margin: 15px auto 0 62px;
}


/*全球祭孔*/

.video_back {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.video_back::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #C0C0C0;
}


/*定义滚动条轨道 内阴影+圆角*/

.video_back::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ebebeb;
}


/*定义滑块 内阴影+圆角*/

.video_back::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgb(92, 47, 21);
}

.video_back h3 {
	/*width: 274px;*/
	height: 76px;
	margin: 0 auto;
	font-weight: normal;
	background: url(../img/b_t.png) no-repeat center bottom;
	text-align: center;
	margin-bottom: 30px;
}

.video_back h3 p {
	font-family: "方正宋刻本秀楷简体";
	font-size: 30px;
	color: #f7dd48;
}

.video_back h3 .video_time {
	font-family: "Good Times";
	font-size: 35px;
}

.video_back dl {
	width: 300px;
	height: 240px;
	float: left;

	margin-right: 47px;
	margin-bottom: 25px;
	cursor: pointer;
}

.video_back dl:nth-of-type(3n+0) {
	margin-right: 0;
}

.video_back dl dt {
	width: 300px;
	height: 187px;
	position: relative;
}
.video_back dl dt img{
	width: 300px;
	height: 187px;
}
.video_back dl dt>p {
	width: 65px;
	height: 65px;
	position: absolute;
	top: 66px;
	left: 123px;
	background: url(../img/jikong_39.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.video_back dl dd{
	font-family: "宋体";
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	color: #dba353;
}
.video_back_show{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 9999;
	text-align: center;
	display: none;
}

.video_back_show h3{
	text-align: center;
	font-family: "微软雅黑";
	font-size: 25px;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #fff;
}
.video_back_show .t_txt{
	width: 1002px;
	text-align: left;
	text-indent: 40px;
	margin: 0 auto;
}
.video_back_show p{
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 25px;
	color: #fff;
}
.vi{
	width: 600px;
	/*height: 100%;*/
	margin: 0 auto;
}
@media only screen and (min-height:850px ) {
	.vi{
		width: 1002px;
		/*height: 100%;*/
		margin: 0 auto;
	}
}
/*中华文庙*/
.wm{
	width:52%;
	height: 100%;
}
.zhwm_tp{
	width:50%;
	height: auto;
	margin: 8% auto 7% auto;
}
@media only screen and (min-height:800px ) {
	/*.zhwm_tp{
		width:445px;
		height: auto;
		margin: 98px auto 70px auto;
	}*/
}
.video_list{
	width: 100%;
	height: 50%;
}
.video_shows{
	width: 81%;
	height: 100%;
	float: left;
}
.t_list{
	width: 19%;
	height: 100%;
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
	background: #2c2c2c;
}
.t_list::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #7b7b7b;
	/*border-radius: 10px;*/
}


/*定义滚动条轨道 内阴影+圆角*/

.t_list::-webkit-scrollbar-track {
	border-radius: 50px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #7b7b7b;
}


/*定义滑块 内阴影+圆角*/

.t_list::-webkit-scrollbar-thumb {
	border-radius: 50px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #4c4c4c;
}
.t_list ul{
	width: 87%;
}
.t_list ul li{
	/*width: 100%;*/
	padding: 18% 13% 18% 13%;
	line-height: 150%;
	height:40%;
	color: #7b7b7b;
	font-family: "宋体";
	font-size: 14px;
	border-bottom: 1px dashed #7b7b7b;
	cursor: pointer;
}
.t_list ul .aclist{
	color: #0c0302;
	background: #dba353;
}
/*孔庙大事纪实*/
.dsj_logo{
	width: 100%;
	text-align: center;
}
.zhou{
	width: 1002px;
	height: 440px;
	margin-top: 40px;
	overflow-y: auto;
}
@media only screen and (min-height:800px ) {
	.zhou{
		width: 1002px;
		height: 700px;
		margin-top: 40px;
		overflow-y: auto;
	}
}
.zhou span{
	width: 90px;
	display: inline-block;
	padding-right: 20px;
	text-align: left;
	padding-top: 10px;
	float: left;
	font-family: "宋体";
	font-size: 16px;
	color: #ffebcf;
}
.zhou .z_box{
	width: 700px;
	float: left;
	padding-left: 100px;
	border-left:  2px solid #c38327;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.zhou .z_box p{
	font-family: "宋体";
	font-size: 16px;
	line-height: 25px;
	color: #ffebcf;
}
.zhou .z_box img{
	position: absolute;
	top:50%;
	left: -8px;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

.zhou::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #C0C0C0;
}


/*定义滚动条轨道 内阴影+圆角*/

.zhou::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #88675e; 
}


/*定义滑块 内阴影+圆角*/

.zhou::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}