@charset "utf-8";/* CSS Document */body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin: 0; padding: 0; }
fieldset, img {border: 0;}
h1, h2, h3, h4, h5, h6 {font-size:12px;}
ol, ul {list-style: none;}
table {border-collapse: collapse;}
body,font{ font-size:12px; color:#666; font-family:"微软雅黑","宋体"; }
a{color:#666;text-decoration:none; outline:none !important; blr:expression(this.onFocus=this.blur());}
a:hover{color:#e50015; cursor:pointer}
img { margin:0; padding:0; border:0; }
body {background: #152442 ;	}
.tj_top{
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 60%;
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
}
.shijian{
	position: relative;
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 300px;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	background-repeat: no-repeat;
	height: 60px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 30px;
	background-image: url(../images/01.png);
}
.zaixian{
	position: relative;
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width:300px;
	font-size: 14px;
	line-height: 50px;
	color: #FFF;
background-repeat: no-repeat;
	height: 50px;
	font-weight: bold;
		padding-left: 30px;
	background-image: url(../images/02.png);
}
.tu{
	position: relative;
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 400px;
	font-size: 18px;
	line-height: 50px;
	color: #FFF;

}
.tj_tit{width: 821px; height: 105px;  background: url(../images/tj_tit.png) no-repeat center top; margin: 63px auto 42px; position: relative; z-index: 2;}
.tj_{
	width: 100%;
	height: 300px;
	position: fixed;
	left: 0;
	bottom: 0;
	background: url(../images/foot.jpg) 
	z-index: -1;
}
.tj_map{
	width: 593px;
	height: 358px;
	position: relative;
	z-index: 2;
	margin: 50px auto 0 auto;
	background-image: url(../images/map.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.nums_txt{position: absolute; color: #423424; text-align: center; font-size: 28px;}
.nums_txt span{ font-size: 44px;}
.nums_txt1{left: 295px; top: 132px; width: 180px;}
.nums_txt2{left: 85px; top: 35px; width: 200px;}
.nums_txt3{left: 105px; top:200px; width: 70px;}

/*翻页动画*/
@-webkit-keyframes flipTop {
0% {
-webkit-transform: perspective(400px) rotateX(0deg); }

100% {
-webkit-transform: perspective(400px) rotateX(-90deg); } }

@-webkit-keyframes flipBottom {
0% {
-webkit-transform: perspective(400px) rotateX(90deg); }

100% {
-webkit-transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipTop {
0% {
-moz-transform: perspective(400px) rotateX(0deg); }

100% {
-moz-transform: perspective(400px) rotateX(-90deg); } }

@-moz-keyframes flipBottom {
0% {
-moz-transform: perspective(400px) rotateX(90deg); }

100% {
-moz-transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipTop {
0% {
-ms-transform: perspective(400px) rotateX(0deg); }

100% {
-ms-transform: perspective(400px) rotateX(-90deg); } }

@-ms-keyframes flipBottom {
0% {
-ms-transform: perspective(400px) rotateX(90deg); }

100% {
-ms-transform: perspective(400px) rotateX(0deg); } }

@-keyframes flipTop {
0% {
transform: perspective(400px) rotateX(0deg); }

100% {
transform: perspective(400px) rotateX(-90deg); } }

@-keyframes flipBottom {
0% {
transform: perspective(400px) rotateX(90deg); }

100% {
transform: perspective(400px) rotateX(0deg); } }

.dataStatistics {
	color: #FFFFFF;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
	height: 60px;
	width: 310px;
	background-image: url(../images/04.png);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px;
}

.dataStatistics .seperator {vertical-align: top;margin: 0 -20px;display: inline; }
.dataStatistics .seconds,.dataStatistics .minutes,.dataStatistics .hours,.dataStatistics .days {height: 100%;display: inline; }
.dataStatistics .digit_set { float: left;border-radius: 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);border: 1px solid #111111;width: 40px;height: 100%;display: inline-block;position: relative;margin: 0 1px; }

.dataStatistics .digit {position: absolute;height: 100%; }
.dataStatistics .digit > div {
	position: absolute;
	left: 0;
	overflow: hidden;
	height: 50%;
	width: 20px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.dataStatistics .digit > div.digit_top, .dataStatistics .digit > div.shadow_top {
	width: 40px;

	box-sizing: border-box;
	top: 0;
	z-index: 0;

	background-image: url(../images/03.jpg);
}
.dataStatistics .digit > div.digit_top:before, .dataStatistics .digit > div.shadow_top:before {content: "";
height: 100%;width: 100%;position: absolute;left: 0;top: 0; }
.dataStatistics .digit > div.shadow_top {width: 40px;opacity: 0;-webkit-transition: opacity 0.3s ease-in; }
.dataStatistics .digit > div.digit_bottom, .dataStatistics .digit > div.shadow_bottom {
	bottom: 0;
	z-index: 0;

	background-image: url(../images/032.jpg);
}
.dataStatistics .digit > div.digit_bottom .digit_wrap, .dataStatistics .digit > div.shadow_bottom .digit_wrap {display: block;margin-top: -155%; }
.dataStatistics .digit > div.digit_bottom:before, .dataStatistics .digit > div.shadow_bottom:before {content: "";border-radius: 0 0 10px 10px;height: 100%;width: 100%;position: absolute;left: 0;top: 0; }
.digit_wrap{line-height: 60px; display: block; overflow: hidden;}
.dataStatistics .digit > div.shadow_bottom {opacity: 0;-webkit-transition: opacity 0.3s ease-in; }
.dataStatistics .digit.previous .digit_top,.dataStatistics .digit.previous .shadow_top {opacity: 1;z-index: 2;
-webkit-transform-origin: 50% 100%;-webkit-animation: flipTop 0.3s ease-in both;-moz-transform-origin: 50% 100%;-moz-animation: flipTop 0.3s ease-in both;-ms-transform-origin: 50% 100%;-ms-animation: flipTop 0.3s ease-in both; transform-origin: 50% 100%;animation: flipTop 0.3s ease-in both;}
.dataStatistics .digit.previous .digit_bottom,.dataStatistics .digit.previous .shadow_bottom {z-index: 1;opacity: 1; }
.dataStatistics .digit.active .digit_top {z-index: 1; }
.dataStatistics .digit.active .digit_bottom {z-index: 2;-webkit-transform-origin: 50% 0%;-webkit-animation: flipBottom 0.3s 0.3s ease-out both;-moz-transform-origin: 50% 0%;-moz-animation: flipBottom 0.3s 0.3s ease-out both;-ms-transform-origin: 50% 0%;-ms-animation: flipBottom 0.3s 0.3s ease-out both;transform-origin: 50% 0%;animation: flipBottom 0.3s 0.3s ease-out both; }