#header {
	position: relative;
	overflow: hidden;
}

#header > ul {
	overflow: hidden;
	cursor: pointer;
}

#header > ul > li {
	width: 10rem;
	float: left;
}

#header > ul > li > img {
	width: 100%;
}


#face {
}

#face > .faces {
	width: 10rem;
	margin: 0 auto;
	position: relative;
	background: #faf5f4;
}

#face > .faces > .faces-top {
	margin: 0 auto;
	width: 4.04rem;
	position: absolute;
}

#face > .faces > .faces-top > .faces-text {
	position: absolute;
	left: 0;
	top: 1.2rem;
}

#face > .faces > .faces-top > .faces-text > img {
	width: 100%;
}

#face > .faces > .faces-top > h3 {
	position: absolute;
	right: -0.5rem;
	top: 0.69rem;
	font-weight: normal;
	color: #c3a751;
	font-size: 0.4rem;
	border-bottom: 1px solid #c3a751;
	padding-bottom: 0.06rem;
	width: 3rem;
}
#face > .faces > p{
	width: 9.33rem;
	margin: 0.6rem auto 0;
	line-height: 0.62rem;
}



#face > .faces > .faces-describeone {
	overflow: hidden;
	background: url("../img/know/face_ban.png") no-repeat center;
	padding: 0 0.22rem;
}

#face > .faces > .faces-describeone > .describeone-left {
	float: left;
	margin-top: 3.08rem;
}

#face > .faces > .faces-describeone > .describeone-left > div {
	width: 4.84rem;
	margin-bottom: 0.13rem;
}

#face > .faces > .faces-describeone > .describeone-left > div > img {
	width: 100%;
}


#face > .faces > .faces-describeone > .describeone-right {
	width: 4.33rem;
	color: #535353;
	font-size: 0.2rem;
	line-height: 0.48rem;
	float: right;
	padding: 0.6rem 0.1rem 0;
	color: #626262;
}


#face > .faces > .faces-describetwo {
	overflow: hidden;
	margin-top: 1.52rem;
	padding-right: 0.2rem;
	color: #626262;
}

#face > .faces > .faces-describetwo > .describetwo-left {
	float: left;
}

#face > .faces > .faces-describetwo > .describetwo-left > div {
	width: 4.88rem;
	height: 3.16rem;
}

#face > .faces > .faces-describetwo > .describetwo-left > div > img {
	width: 100%;
}

#face > .faces > .faces-describetwo > .describetwo-right {
	float: right;
}

#face > .faces > .faces-describetwo > .describetwo-right > div {
	width: 4.72rem;
}

#face > .faces > .faces-describetwo > .describetwo-right > div > img {
	width: 100%;
}
#face > .faces > .faces-describethe{
	width: 10rem;
	height: 5.4rem;
	background: url("../img/know/face_11.jpg") no-repeat center/10rem;
	position: relative;
}
#face > .faces > .faces-describethe > span{
	width: 5.38rem;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -2.69rem;
	top: 1rem;
}
#face > .faces > .faces-describethe > span > img{
	width: 100%;
}




#represent {
	width: 10rem;
	margin: 0 auto;
	position: relative;
}

#represent > .represent-text {
	padding-top: 0.66rem;
}

#represent > .represent-text > .represent-textone {
	color: #8e4db4;
	font-size: 0.4rem;
	width: 8.77rem;
	height: 0.61rem;
	margin: 0 auto 0.26rem;
	text-align: center;
	position: relative;
}

#represent > .represent-text > span {
	line-height: 0.33rem;
	color: #b5b5b5;
	font-size: 0.18rem;
	text-align: center;
	display: block;
	text-transform: uppercase;
}

#represent > .represent-text > .represent-texttwo {
	text-align: center;
	color: #535353;
	font-size: 0.2rem;
	line-height: 0.49rem;
	margin-top: 0.53rem;
}

#represent .represent-main {
	position: relative;
}



#represent .represent-content {
	width: 100%;
	height: 10.78rem;
	background: url("../img/know/repre_banner.png") no-repeat center;
	margin-top: 0.96rem;
	position: relative;
	z-index: 9;
	border-bottom: 2px solid #fff;
	box-shadow: 17px 0 8px #d3d2d2;
}

#represent .represent-content .repre-left {
	width: 5.17rem;
	height: 6.4rem;
	position: absolute;
	top: -1.1rem;
	left: -0.18rem;
}

#represent .represent-content .repre-left > img {
	height: 100%;
}

#represent .represent-content .repre-right {
	width: 5.46rem;
	position: absolute;
	right: 0;
	top: 1.3rem;
}

#represent .represent-content .repre-right > span {
	display: block;
	color: #7d7d7d;
	font-size: 0.24rem;
	line-height: 0.53rem;
}

#represent .represent-content .repre-right > h3 {
	color: #8e4db4;
	font-size: 0.48rem;
	margin-bottom: 0.26rem;
}

#represent .represent-content > p {
	line-height: 0.49rem;
	color: #535353;
	font-size: 0.2rem;
	position: absolute;
	bottom: 0.4rem;
	width: 8.69rem;
	left: 50%;
	margin-left: -4.34rem;
}





#major {
	margin-top: 0.6rem;
}

#major .major-top {
	width: 10rem;
	height: 5.73rem;
	background: url("../img/know/major_ban.png") no-repeat center/10rem;
}

#major .major-top > img {
	width: 100%;
}

#major .majors {
	width: 10rem;
	margin: 0 auto;
	padding-bottom: 1rem;
}

#major .majors > .majors-top {
	background-color: #fff;
	width: 8.81rem;
	position: relative;
	margin: -1.2rem auto 0;
	padding: 0.26rem 0.29rem 0.5rem 0.53rem;
	box-shadow: 0.01rem 0.02rem 0.2rem #e4e3e2;
}

#major .majors > .majors-top > .major-logo {
	width: 5.38rem;
	height: 1.45rem;
	margin: 0 auto 0.42rem;
	background: url("../img/know/major_logo.png") no-repeat center/5rem;
}

#major .majors > .majors-top > p {
	font-size: 0.2rem;
	color: #626262;
	line-height: 0.53rem;
}

#major .majors > .majors-top .majors-bars {
	margin-top: 0.56rem;
	overflow: hidden;
}

#major .majors > .majors-top .majors-bars .majors-bars-img {
	height: 0.5rem;
	background: url("../img/know/majors_01.png") no-repeat center/8rem;
	margin-bottom: 0.54em;
}

#major .majors > .majors-top .majors-bars > p {
	width: 3.7rem;
	float: left;
}

#major .majors > .majors-top .majors-bars > span {
	width: 3.8rem;
	float: right;
}


#major .majors > .majors-main {
	position: relative;
	padding: 0 0.1rem;
}

#major .majors > .majors-main > .majors-bans {
	width: 10rem;
	margin: 0 auto;
}

#major .majors > .majors-main > .majors-bans > img {
	width: 100%;
}

#major .majors > .majors-main > .majors-texts1 {
	position: absolute;
	top: 1.58rem;
	left: 5.44rem;
	line-height: 0.44rem;
}

#major .majors > .majors-main > .majors-texts1 > div {
	width: 3.25rem;
	position: absolute;
	left: -4.23rem;
	top: -0.49rem;
}

#major .majors > .majors-main > .majors-texts1 > div > img {
	width: 100%;
}


#major .majors > .majors-main > .majors-texts1 > h3 {
	color: #c3a751;
	font-size: 0.34rem;
	margin-bottom: 0.1rem;
}

#major .majors > .majors-main > .majors-texts1 > p {
	font-size: 0.24rem;
	color: #434343;
}

#major .majors > .majors-main > .majors-texts2 {
	left: 0.4rem;
	top: 4.1rem;
	text-align: right;
}

#major .majors > .majors-main > .majors-texts2 > div {
	left: 5.45rem;
	top: -0.46rem;
	width: 3.22rem;
}
#major .majors > .majors-main > .majors-texts2 > p {
	width: 4rem;
}
#major .majors > .majors-main > .majors-texts3 {
	top: 6.96rem;
	left: 5.51rem;
}

#major .majors > .majors-main > .majors-texts3 > div {
	left: -4.22rem;
	top: -0.3rem;
	width: 1.72rem;
}

#major .majors > .majors-main > .majors-texts3 .texttwo {
	left: -2.45rem;
	width: 1.4rem;
}

#major .majors > .majors-main > .majors-texts4 {
	top: 9.26rem;
	left: 0.4rem;
	text-align: right;
}

#major .majors > .majors-main > .majors-texts4 > div {
	left: 5.36rem;
	top: 0;
	width: 1.54rem;
}
#major .majors > .majors-main > .majors-texts4 > p{
	width: 4.2rem;
}
#major .majors > .majors-main > .majors-texts5 {
	top: 12.04rem;
	left: 0.46rem;
	text-align: right;
}

#major .majors > .majors-main > .majors-texts5 > div {
	left: 5.17rem;
	top: -0.23rem;
	width: 4.25rem;
}
#major .majors > .majors-main > .majors-texts5 > p {
	width: 4.15rem;
}
#major .majors > .majors-main > .majors-texts6 {
	top: 16.5rem;
	left: 5.46rem;
}

#major .majors > .majors-main > .majors-texts6 > div {
	left: -4.47rem;
	top: -0.72rem;
	width: 3.86rem;
}

#major .majors > .majors-main > .majors-texts7 {
	top: 19.4rem;
	left: 5.45rem;

}

#major .majors > .majors-main > .majors-texts8 {
	top: 21.8rem;
	left: 5.41rem;
}

#major .majors > .majors-main > .majors-texts8 > div {
	left: -4.2rem;
	top: 0;
	width: 3.26rem;
}

#major .majors > .majors-main > .majors-texts9 {
	top: 24.7rem;
	left: 0.8rem;
}

#major .majors > .majors-main > .majors-texts9 > div {
	left: 4.66rem;
	top: 0.1rem;
	width: 3.26rem;
}
#major .majors > .majors-main > .majors-texts9 > p {
	width: 4.1rem;
}

#major .majors > .majors-main > .majors-texts9 > h3 {
	width: 3.8rem;
}