@charset "UTF-8";





html {
	height: 100%;
	font-family:"΢���ź�"
}

body {
	height: 100%;
	font-family: Georgia,"Times New Roman",Times;
	font-size: 16px;
	line-height: 21px;
	font-family: aller_rg;
	background-color: #fff;
	-webkit-transition: all 350ms;
	-ms-transition: all 350ms;
	transition: all 350ms
}




.body-wrapper.active{
	height: 100%;
	-webkit-overflow-scrolling: touch;
	-mozkit-overflow-scrolling: touch;
	-overflow-scrolling: touch;
	-webkit-transform: scale(1);
	-webkit-backface-visibility: hidden
}


.intro {
	width: 100%;
	height: 100%;
	margin:-10px;
	overflow: hidden;
	color: #fff;
	position: relative
}


.intro .intro-holder {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 7px 7px 0
}



	.facts-holder {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: 100%
	}

	.fact,.fact-width,.fact-height {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		width: 100%;
		height: 270px;
		overflow: hidden
	}
@media screen and (max-width: 2000px) { 
  .fact,.fact-width,.fact-height{
    height: 280px;
  }
} 	
@media screen and (max-width: 1900px) { 
  .fact,.fact-width,.fact-height{
    height: 270px;
  }
} 	
@media screen and (max-width: 1800px) { 
  .fact,.fact-width,.fact-height{
    height: 260px;
  }
} 
@media screen and (max-width: 1750px) { 
  .fact,.fact-width,.fact-height{
    height: 250px;
  }
} 
@media screen and (max-width: 1700px) { 
  .fact,.fact-width,.fact-height{
    height: 240px;
  }
} 
@media screen and (max-width: 1650px) { 
  .fact,.fact-width,.fact-height{
    height: 230px;
  }
}
@media screen and (max-width: 1600px) { 
  .fact,.fact-width,.fact-height{
    height: 220px;
  }
}
@media screen and (max-width: 1550px) { 
  .fact,.fact-width,.fact-height{
    height: 210px;
  }
}
@media screen and (max-width: 1500px) { 
  .fact,.fact-width,.fact-height{
    height: 200px;
  }
}
@media screen and (max-width: 1450px) { 
  .fact,.fact-width,.fact-height{
    height: 190px;
  }
}
@media screen and (max-width: 1400px) { 
  .fact,.fact-width,.fact-height{
    height: 180px;
  }
} 
@media screen and (max-width: 1350px) { 
  .fact,.fact-width,.fact-height{
    height: 170px;
  }
} 
@media screen and (max-width: 1300px) { 
  .fact,.fact-width,.fact-height{
    height: 160px;
  }
} 
@media screen and (max-width: 1200px) { 
  .fact,.fact-width,.fact-height{
    height: 150px;
  }
}



@media screen and (max-width: 2000px) { 
  .fact-x,.fact-width,.fact-height{
    height: 135px;
  }
} 
@media screen and (max-width: 1900px) { 
  .fact-x,.fact-width,.fact-height{
    height: 130px;
  }
} 
@media screen and (max-width: 1800px) { 
  .fact-x,.fact-width,.fact-height{
    height: 125px;
  }
} 
@media screen and (max-width: 1750px) { 
  .fact-x,.fact-width,.fact-height{
    height: 120px;
  }
} 
@media screen and (max-width: 1700px) { 
  .fact-x,.fact-width,.fact-height{
    height: 115px;
  }
} 
@media screen and (max-width: 1650px) { 
  .fact-x,.fact-width,.fact-height{
    height: 110px;
  }
}
@media screen and (max-width: 1600px) { 
  .fact-x,.fact-width,.fact-height{
    height: 105px;
  }
}
@media screen and (max-width: 1550px) { 
  .fact-x,.fact-width,.fact-height{
    height: 100px;
  }
}
@media screen and (max-width: 1500px) { 
  .fact-x,.fact-width,.fact-height{
    height: 95px;
  }
}
@media screen and (max-width: 1450px) { 
  .fact-x,.fact-width,.fact-height{
    height: 90px;
  }
}
@media screen and (max-width: 1400px) { 
  .fact-x,.fact-width,.fact-height{
    height: 85px;
  }
} 
@media screen and (max-width: 1350px) { 
  .fact-x,.fact-width,.fact-height{
    height: 80px;
  }
} 
@media screen and (max-width: 1300px) { 
  .fact-x,.fact-width,.fact-height{
    height: 75px;
  }
} 
@media screen and (max-width: 1200px) { 
  .fact-x,.fact-width,.fact-height{
    height: 70px;
  }
}



@media screen and (max-width: 2000px) { 
  .fact-d,.fact-width,.fact-height{
    height: 570px;
  }
} 
@media screen and (max-width: 1900px) { 
  .fact-d,.fact-width,.fact-height{
    height: 550px;
  }
} 
@media screen and (max-width: 1800px) { 
  .fact-d,.fact-width,.fact-height{
    height: 530px;
  }
} 
@media screen and (max-width: 1750px) { 
  .fact-d,.fact-width,.fact-height{
    height: 510px;
  }
} 
@media screen and (max-width: 1700px) { 
  .fact-d,.fact-width,.fact-height{
    height: 490px;
  }
} 
@media screen and (max-width: 1650px) { 
  .fact-d,.fact-width,.fact-height{
    height: 470px;
  }
}
@media screen and (max-width: 1600px) { 
  .fact-d,.fact-width,.fact-height{
    height: 450px;
  }
}
@media screen and (max-width: 1550px) { 
  .fact-d,.fact-width,.fact-height{
    height: 430px;
  }
}
@media screen and (max-width: 1500px) { 
  .fact-d,.fact-width,.fact-height{
    height: 410px;
  }
}
@media screen and (max-width: 1450px) { 
  .fact-d,.fact-width,.fact-height{
    height: 390px;
  }
}
@media screen and (max-width: 1400px) { 
  .fact-d,.fact-width,.fact-height{
    height: 370px;
  }
} 
@media screen and (max-width: 1350px) { 
  .fact-d,.fact-width,.fact-height{
    height: 350px;
  }
} 
@media screen and (max-width: 1300px) { 
  .fact-d,.fact-width,.fact-height{
    height: 330px;
  }
} 
@media screen and (max-width: 1200px) { 
  .fact-d,.fact-width,.fact-height{
    height: 310px;
  }
}


	.fact-inner {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center
	}


	.fact-description {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
	}

	.red {
		background-color: #ee3536
	}

	.dark {
		background-color: #22242d
	}

	.fact-height:hover .fact-inner,.fact:hover .fact-inner,.fact-width:hover .fact-inner {
		-webkit-transition: -webkit-transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms 200ms cubic-bezier(0.19,1,.22,1);
		transition: transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms 200ms cubic-bezier(0.19,1,.22,1);
		opacity: 0
	}

	.fact-height:hover .fact-description,.fact:hover .fact-description,.fact-width:hover .fact-description {
		-webkit-transition: -webkit-transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms cubic-bezier(0.19,1,.22,1);
		transition: transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms cubic-bezier(0.19,1,.22,1);
		opacity: 1; background:url(/images/bg_h_tm50.png);
	}

	.fact-height:hover.rotateX .fact-inner,.fact:hover.rotateX .fact-inner,.fact-width:hover.rotateX .fact-inner,.fact-height:hover.rotateY .fact-inner,.fact:hover.rotateY .fact-inner,.fact-width:hover.rotateY .fact-inner {
		-ms-transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg)
	}

	.fact-height:hover.rotateX .fact-description,.fact:hover.rotateX .fact-description,.fact-width:hover.rotateX .fact-description,.fact-height:hover.rotateY .fact-description,.fact:hover.rotateY .fact-description,.fact-width:hover.rotateY .fact-description {
		-ms-transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
    width:100%;
    height: 100%;
	}

	.fact-more:hover .fact-inner {
		opacity: 1
	}

	.fact-inner-holder {
		position: relative;
		width: 100%;
		height: 100%;
		-webkit-perspective: 3000px;
		perspective: 3000px
	}

	.fact-inner,.fact-description {
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		position: absolute
	}

	.fact-inner {
		-webkit-transition: -webkit-transform 400ms cubic-bezier(0.19,