@charset utf-8;
body,html{ position: relative;	margin:0; padding:0; background:#202424;  color:#000; font-size: 16px; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; }
ul,li,p,strong,h3,table,form,tr,td,ol,dl,dd,dt,map,area,input,textarea{ margin:0; padding:0; list-style:none;}
*{ margin:0px; padding:0px; }
img{ border:0; max-width:100%; touch-callout:none; -webkit-touch-callout:none; }
a{ text-decoration:none; outline:none; *hide-focus:expression(this.hideFocus=true);  color:#fff;}
.com{ display:block; margin:0 auto;}
.mt8{ margin-top:8px;}
.p2em{ text-indent:2em;}
.clr{ display:block; height:0; clear:both; width:100%; overflow:hidden; }
.red{ color:#FF0000;}
.red_ee{ color:#ec2020;}
.f20{ font-size:20px;}
.f14{ font-size:14px;}
.l{ float:left;}
.banner{ display:block; }
.f50{ left:50%; }
input:focus{ outline:none; }

/* Loading Circle */
#fbs{
	width: 10em;
	height: 10em;
	line-height: 10em;
	position: absolute;
	text-align: center;
	font-size: 20px;
	left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.loader {
	width: 10em;
	height: 10em;
	font-size: 10px;
	position: absolute;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}

.loader .face {
	position: absolute;
	border-radius: 50%;
	border-style: solid;
	animation: animate 3s linear infinite;
}

.loader .face:nth-child(1) {
	width: 100%;
	height: 100%;
	color: gold;
	border-color: currentColor transparent transparent currentColor;
	border-width: 0.2em 0.2em 0em 0em;
	--deg: -45deg;
	animation-direction: normal;
}

.loader .face:nth-child(2) {
	width: 70%;
	height: 70%;
	color: lime;
	border-color: currentColor currentColor transparent transparent;
	border-width: 0.2em 0em 0em 0.2em;
	--deg: -135deg;
	animation-direction: reverse;
}

.loader .face .circle {
	position: absolute;
	width: 50%;
	height: 0.1em;
	top: 50%;
	left: 50%;
	background-color: transparent;
	transform: rotate(var(--deg));
	transform-origin: left;
}

.loader .face .circle::before {
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	content: '';
	width: 1em;
	height: 1em;
	background-color: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 2em,
							0 0 4em,
							0 0 6em,
							0 0 8em,
							0 0 10em,
							0 0 0 0.5em rgba(255, 255, 0, 0.1);
}

@keyframes animate {
	to {
			-webkit-transform: rotate(1turn);
			transform: rotate(1turn);
	}
}
#tsc{ display: none; }
#loading_percent{ display:block; width:100%; height:100px; }

.horizon{width:100%;height:100%;background:#000000;position:absolute;left:0;top:0;z-index:1001;display:none; font-size:0.3rem; }
.horizon_box{width:100%;height:252px;position:absolute;top:50%;left:0;margin-top:-80px; }
.horizon_pic{width:194px; margin:0 auto;text-align:center;}
.horizon span{display:block;color:#a69d6e;text-align:center;padding-top:10px;}
.horizon i{width:1.01rem;height:1.71rem;background:url(/act/xuyuan/images/pm.jpg) no-repeat; background-size:cover; margin:0 auto;
	-webkit-animation: maskAni 1.5s ease infinite alternate; animation: maskAni 1.5s ease infinite alternate; position:static;display:block;
}
.wrapbg{ width:100%; min-width:1120px; height: 1150px; position:relative; overflow: hidden; margin: 0 auto; background:url(../images/bg.jpg) no-repeat center 0; }
.wrap{ width: 1120px; margin: 0 auto; position: relative; }
#loadingbg{ position:fixed; width:100%; height:100%; background:#3c1c0b; top:0; left:0; color:#fff; font-size:0.24rem; z-index: 1111; }
#loading{ width:100%; height:100%; position:absolute; left:0; top:0; }

.animated{ visibility: hidden; }
.on .animated{ visibility: visible; }
.delay01{-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.delay02{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.delay03{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.delay04{-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.delay05{-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.delay06{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.delay07{-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.delay08{-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.delay09{-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}

.dey01{ -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.dey02{-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.dey03{-webkit-transition-delay: 0.3s; transition-delay: 0.3s;}

.logo{ position: absolute; width:412px; height:219px; left: 120px; top: 33px; background:url(../images/ztlogo.png) no-repeat; }
 #qts{ 
     position: absolute; width: 100%; height: 100%;
     animation:beath 2s infinite linear; -webkit-animation:beath 2s infinite linear;
} 

@keyframes beath {
	0% {
	  -webkit-transform: rotateZ(0);
	  transform: rotateZ(0);
	}
	100% {
	  -webkit-transform: rotateZ(360deg);
	  transform: rotateZ(360deg);
	}
}

.webnzi{ position: absolute; width: 500px; height: 314px; left: 91px; top: 245px; }
.webnzi span{ position: absolute; }
/* .wan{
	width: 162px; height: 127px; left: 0; top: 29px; background:url(../images/wan.png) no-repeat;
}
.zheng{
	width: 162px; height: 127px; left: 163px; top: 16px; background:url(../images/zheng.png) no-repeat;
}
.tu{
	width: 162px; height: 127px; left: 307px; top: 2px; background:url(../images/tu.png) no-repeat;
}
.t2{
	width: 162px; height: 127px; background:url(../images/2.png) no-repeat;
}
.diao{
	width: 162px; height: 127px; left: 29px; top: 150px; background:url(../images/diao.png) no-repeat;
}
.hao{
	width: 162px; height: 127px; left: 167px; top: 152px; background:url(../images/hao.png) no-repeat;
}
.jiu{
	width: 162px; height: 127px; left: 292px; top: 152px; background:url(../images/jiu.png) no-repeat;
} */

.wz{ position: absolute; left: 47px; top: 656px; width: 22px; height: 216px; text-align: center; font-size: 16px; color: #ffeeb3; padding: 13px 10px 0; line-height: 20px;}
.weixin{
	position: absolute; left: 453px; top: 660px; width: 312px; height: 236px; text-align: center; color: #fcd5a6; line-height: 26px;
}
.weixin img{
	display: block; padding: 4px; border: solid 1px #8b7553; margin: 5px auto; width: 131px;
}
.msg{
	position: absolute; left: 20px; top: 940px;	color: #a1754d; line-height: 32px; width: 1100px;
}
.xbt{
	position: absolute; left: 155px; top: 552px; width: 371px; height: 41px; line-height: 41px; text-align: center;color: #9f1b05; font-size: 20px;
}
.xbt span{
	position: absolute; left: 0; top: 0; width: 371px; height: 41px; line-height: 41px; text-align: center; background:url(../images/bt.png) no-repeat; color: #9f1b05; font-size: 20px;
}
.topmn{
	position: absolute; right: 0; top: 20px; color: #fff;
}
.topmn a{ margin: 0 10px;}

@media screen and (max-width: 750px) {
	body,html{
		font-size: 20px;
	}
	.wrapbg{ width:100%; min-width:auto; height: 1700px; position:relative; overflow: hidden; margin: 0 auto; background:url(../images/bgm.jpg) no-repeat center 0; }
	.wrap{ width: 100%; margin: 0 auto; position: relative; }
	.logo{ position: absolute; width:412px; height:219px; left: 20px; top: 20px; background:url(../images/ztlogo.png) no-repeat; background-size: 300px auto; }

	.wz{ position: absolute; left: 68px; top: 948px; width: 22px; height: 216px; text-align: center; font-size: 16px; color: #ffeeb3; padding: 13px 10px 0; line-height: 20px;}
	.weixin{
		position: absolute; left: 360px; top: 943px; width: 340px; height: 236px; text-align: center; color: #fcd5a6; line-height: 30px;
	}
	.weixin img{
		display: block; padding: 4px; border: solid 1px #8b7553; margin: 5px auto; width: 131px;
	}
	.msg{
		position: absolute; left: 38px; top: 1260px; color: #a1754d; line-height: 44px; width: 672px; font-size: 26px;
	}
	.xbt{
		position: absolute; left: 134px; top: 830px; width: 403px; height: 68px; line-height: 41px; text-align: center; color: #9f1b05; font-size: 22px; background:url(../images/xbt2.png) no-repeat;
	}
	.xbt span{
		 display: none;
	}
	.footer{
		display: none;
	}
	.topmn{ right: 20px; top: 40px; font-size: 26px; }
	.topmn font{ display: none;}
	.topmn a:nth-child(3){ display: none;}
}