/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400|Raleway:300);*/
/*html {
}

*{
	font-family: "思源黑体 CN";
}
ul,
li{
	list-style: none;
}*/
/*html *,
html *:before,
html *:after 
{
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}*/
html i, html em,
html b, html strong,
html span {
  -webkit-transition: none;
  transition: none;
}

*:before,
*:after {
  z-index: 10;
}
/*h1,
h4 {
  font-family: 'Raleway', 'Open Sans', sans-serif;
  margin: 0;
  line-height: 1;
}*/


.centerer {
  width: 620px;
}

.wrap {
  width: 620px;
}

[class^="btn-"] {
  position: relative;
  display: block;
  width: 100%;
  height: 90px;
  text-transform: uppercase;
  overflow: hidden;
}

.btn-0 {
  color: #9a3789;
}
.btn-0:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 90px;
  background: #333333;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn-0:hover .z1{
  color: #ffffff;
}
.btn-0:hover .z2{
  color: #ffffff;
}
.btn-0:hover .z3{
  color: #ffffff;
}
.btn-0:hover .z4{
  color: #ffffff;
}
.btn-0:hover:before {
  width: 100%;
}
.btn-0:active {
  background: #333333;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.zi {
	z-index: 11;
	width: 100%;
	height: 48px;
	position: relative;
	top: 21px;
	left: 18px;
}

.zd {
	width: 550px;
	height: 48px;
	margin-left: 18px;
	margin-top: 36px;
	position: relative;
}

.zc {
	width: 550px;
	height: 48px;
	margin-left: 18px;
	margin-top: 21px;
	position: relative;
}

.z1 {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	float: left;
}

.z2 {
	font-family: Arial;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #222222;
	float: left;
	position: absolute;
	top: 21px;
	margin-left: 15px;
}

.xi {
	width: 1px;
	height: 48px;
	background-color: #9e9d9d;
	float: left;
	margin-left: 27px;
}

.z3 {
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	float: left;
	margin-left: 17px;
}

.z4 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	position: absolute;
	top: 32px;
	left: 114px;
}