#nav{
	position: fixed;
	left: 0px;
	top: 0px;
	background: url(images/nav-bg.jpg) no-repeat center top;
	box-shadow: 0px 0px 5px #c12014;
	z-index: 999;
}

#nav .box{
	width: 1070px;
	padding-left: 130px;
	height: 120px;
	margin: 0px auto;
	position: relative;
}

#nav .box .tag{
	float: left;
	margin: 26px 0px 0px 20px;
}

#nav .box .links{
	float: left;
	margin: 30px 0px 0px 0px;
}

#nav .box .links p{
	line-height: 30px;
	height: 30px;
	font-size: 16px;
}

#nav .box .links p a{
	margin-left: 15px;
}

@media (max-width: 1200px) {
	#nav{ background: #c12216; }
	#nav .box{ padding: 0px; width: 1200px; height: 80px;}
	#nav .box .tag{ margin-top: 6px; }
	#nav .box .links{ margin-top: 10px; }
	#nav .box .links p{ font-size: 14px; }
}

@media (max-height: 700px) {
	#nav{ background: #c12216; }
	#nav .box{ padding: 0px; width: 1200px; height: 80px;}
	#nav .box .tag{ margin-top: 6px; }
	#nav .box .links{ margin-top: 10px; }
}

#layout01{
	z-index: 1100;
}

#header{
	position: relative;
	background: #bf1b11;
	z-index: 1000;
}

#header .box{
	width: 1200px;
	height: 1637px;
	position: relative;
	margin: 0px auto;
}

#header .abs{
	position: absolute;
	filter:alpha(opacity=0);
	opacity:0;
}

#header .part01{
	width: 1920px;
	height: 1024px;
	background: url(images/hd-part01.png);
	left: -360px;
	top: 464px;
	z-index: 69;
}

#header .part02{
	width: 800px;
	height: 634px;
	background: url(images/hd-part02.png);
	left: -360px;
	top: 180px;
	z-index: 65;
}

#header .part03{
	width: 1180px;
	height: 700px;
	background: url(images/hd-part03.png);
	right: -360px;
	top: 114px;
	z-index: 66;
}

#header .part04{
	width: 363px;
	height: 354px;
	background: url(images/hd-part04.png);
	left: 245px;
	top: 243px;
	z-index: 68;
}

#header .part05{
	width: 226px;
	height: 360px;
	background: url(images/hd-part05.png);
	left: 482px;
	top: 97px;
	z-index: 68;
}

#header .part06{
	width: 302px;
	height: 329px;
	background: url(images/hd-part06.png);
	background-position: right top;
	right: 295px;
	top: 268px;
	z-index: 68;
}

#header .part07{
	width: 753px;
	height: 312px;
	background: url(images/hd-part07.png);
	left: 206px;
	top: 501px;
	z-index: 64;
}

#header .part08{
	width: 1920px;
	height: 813px;
	background: url(images/hd-part08.png);
	background-position: center center;
	left: -360px;
	top: 0px;
	z-index: 63;
}

#header .part09{
	width: 101px;
	height: 257px;
	background: url(images/hd-part09.png);
	left: 348px;
	top: 551px;
	z-index: 67;
}

#header .part10{
	width: 265px;
	height: 343px;
	background: url(images/hd-part10.png);
	right: -99px;
	top: 402px;
	z-index: 67;
}

#header .part11{
	width: 178px;
	height: 185px;
	background: url(images/hd-part11.png);
	left: 149px;
	top: 564px;
	z-index: 67;
}

#header .part12{
	right: 65px;
	top: 25px;
	z-index: 70;
}

#header .part12 span{
	float: left;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	cursor: pointer;
}

#header .part12 .num{
	float: right;
	background: #fff;
	padding: 0px 18px 0px 8px;
	border-radius: 7px;
	line-height: 24px;
	height: 24px;
	margin-left: 9px;
	font-weight: bold;
	color: #bf1b11;
	position: relative;
	cursor: pointer;
	transition: border-radius 0.2s;
}

#header .part12 .num i{
	position: absolute;
	right: 5px;
	top: 9px;
	width: 0;
	height: 0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 6px solid #16a0ff;
}

#header .part12 .drop{
	display: none;
	position: absolute;
	right: 0px;
	top: 24px;
	background: #fff;
	line-height: 24px;
	padding: 5px;
	border-radius: 7px 0px 7px 7px;
	height: 0px;
	overflow: hidden;
}

#header .part12 .drop a{
	float: left;
	width: 25%;
	text-align: center;
	color: #bf1b11;
}

#header .part12 .drop a:hover{
	color: #16a0ff !important;
}

#header .part12:hover .num{
	border-radius: 7px 7px 0px 0px;
}

#header .part12:hover .drop{
	display: block;
	height: auto;
}



@-ms-keyframes part01{
	from{ top: 564px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part01{
	from{ top: 564px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part01{
	from{ top: 564px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part01{
	from{ top: 564px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part01{
	from{ top: 564px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part01{
	animation:'part01' 0.6s ease-in-out 0s forwards;
	-ms-animation:part01 0.6s ease-in-out 0s forwards;
	-moz-animation:part01 0.6s ease-in-out 0s forwards;
	-o-animation:'part01' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'part01' 0.6s ease-in-out 0s forwards;
}

@-ms-keyframes part02{
	from{ left: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part02{
	from{ left: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part02{
	from{ left: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part02{
	from{ left: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part02{
	from{ left: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part02{
	animation:'part02' 0.6s ease-in-out 0.5s forwards;
	-ms-animation:part02 0.6s ease-in-out 0.5s forwards;
	-moz-animation:part02 0.6s ease-in-out 0.5s forwards;
	-o-animation:'part02' 0.6s ease-in-out 0.5s forwards;
	-webkit-animation:'part02' 0.6s ease-in-out 0.5s forwards;
}

@-ms-keyframes part03{
	from{ right: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part03{
	from{ right: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part03{
	from{ right: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part03{
	from{ right: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part03{
	from{ right: -460px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part03{
	animation:'part03' 0.6s ease-in-out 0.5s forwards;
	-ms-animation:part03 0.6s ease-in-out 0.5s forwards;
	-moz-animation:part03 0.6s ease-in-out 0.5s forwards;
	-o-animation:'part03' 0.6s ease-in-out 0.5s forwards;
	-webkit-animation:'part03' 0.6s ease-in-out 0.5s forwards;
}

@-ms-keyframes part04{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part04{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part04{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part04{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part04{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part04{
	animation:'part04' 0.7s ease-in-out 1.0s forwards;
	-ms-animation:part04 0.7s ease-in-out 1.0s forwards;
	-moz-animation:part04 0.7s ease-in-out 1.0s forwards;
	-o-animation:'part04' 0.7s ease-in-out 1.0s forwards;
	-webkit-animation:'part04' 0.7s ease-in-out 1.0s forwards;
}

@-ms-keyframes part05{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part05{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part05{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part05{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part05{
	from{ transform: scale(4,4); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part05{
	animation:'part05' 0.7s ease-in-out 1.5s forwards;
	-ms-animation:part05 0.7s ease-in-out 1.5s forwards;
	-moz-animation:part05 0.7s ease-in-out 1.5s forwards;
	-o-animation:'part05' 0.7s ease-in-out 1.5s forwards;
	-webkit-animation:'part05' 0.7s ease-in-out 1.5s forwards;
}

@-ms-keyframes part06{
	from{ transform: scale(1.5,1.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part06{
	from{ transform: scale(1.5,1.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part06{
	from{ transform: scale(1.5,1.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part06{
	from{ transform: scale(1.5,1.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part06{
	from{ transform: scale(1.5,1.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part06{
	animation:'part06' 0.7s ease-in-out 2.0s forwards;
	-ms-animation:part06 0.7s ease-in-out 2.0s forwards;
	-moz-animation:part06 0.7s ease-in-out 2.0s forwards;
	-o-animation:'part06' 0.7s ease-in-out 2.0s forwards;
	-webkit-animation:'part06' 0.7s ease-in-out 2.0s forwards;
}

@-ms-keyframes part07{
	from{ transform: scale(0.6,0.6); top: 520px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part07{
	from{ transform: scale(0.6,0.6); top: 520px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part07{
	from{ transform: scale(0.6,0.6); top: 520px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part07{
	from{ transform: scale(0.6,0.6); top: 520px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part07{
	from{ transform: scale(0.6,0.6); top: 520px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part07{
	animation:'part07' 0.6s ease-in-out 2.6s forwards;
	-ms-animation:part07 0.6s ease-in-out 2.6s forwards;
	-moz-animation:part07 0.6s ease-in-out 2.6s forwards;
	-o-animation:'part07' 0.6s ease-in-out 2.6s forwards;
	-webkit-animation:'part07' 0.6s ease-in-out 2.6s forwards;
}

@-ms-keyframes part08{
	from{ transform: scale(0.8,0.8); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part08{
	from{ transform: scale(0.8,0.8); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part08{
	from{ transform: scale(0.8,0.8); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part08{
	from{ transform: scale(0.8,0.8); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part08{
	from{ transform: scale(0.8,0.8); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part08{
	animation:'part08' 0.6s ease-in-out 2.6s forwards;
	-ms-animation:part08 0.6s ease-in-out 2.6s forwards;
	-moz-animation:part08 0.6s ease-in-out 2.6s forwards;
	-o-animation:'part08' 0.6s ease-in-out 2.6s forwards;
	-webkit-animation:'part08' 0.6s ease-in-out 2.6s forwards;
}

@-ms-keyframes part09{
	from{ }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes part09{
	from{ }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes part09{
	from{ }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes part09{
	from{ }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes part09{
	from{ }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#header .part09{
	animation:'part09' 0.6s ease-in-out 3.1s forwards;
	-ms-animation:part09 0.6s ease-in-out 3.1s forwards;
	-moz-animation:part09 0.6s ease-in-out 3.1s forwards;
	-o-animation:'part09' 0.6s ease-in-out 3.1s forwards;
	-webkit-animation:'part09' 0.6s ease-in-out 3.1s forwards;
}

#header .part10{
	animation:'part09' 0.6s ease-in-out 3.4s forwards;
	-ms-animation:part09 0.6s ease-in-out 3.4s forwards;
	-moz-animation:part09 0.6s ease-in-out 3.4s forwards;
	-o-animation:'part09' 0.6s ease-in-out 3.4s forwards;
	-webkit-animation:'part09' 0.6s ease-in-out 3.4s forwards;
}

#header .part11{
	animation:'part09' 0.6s ease-in-out 3.7s forwards;
	-ms-animation:part09 0.6s ease-in-out 3.7s forwards;
	-moz-animation:part09 0.6s ease-in-out 3.7s forwards;
	-o-animation:'part09' 0.6s ease-in-out 3.7s forwards;
	-webkit-animation:'part09' 0.6s ease-in-out 3.7s forwards;
}

#header .part12{
	animation:'part09' 0.6s ease-in-out 4.0s forwards;
	-ms-animation:part09 0.6s ease-in-out 4.0s forwards;
	-moz-animation:part09 0.6s ease-in-out 4.0s forwards;
	-o-animation:'part09' 0.6s ease-in-out 4.0s forwards;
	-webkit-animation:'part09' 0.6s ease-in-out 4.0s forwards;
}