.outcover{
	width: 100%;
	/*// TODO xsky 修改因为用开关控制*/
	/*background: url(../../file/zpweb/periphery/images/bg.jpg) no-repeat left top;*/
	/*background-image: url(../../file/zpweb/periphery/images/bg.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	position: relative;

}
.outcover .emBtn{
	position:absolute;
	bottom:10.5rem;
	padding:0 1.5rem;
	width:100%;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 100;
	-webkit-display:flex;
	display:flex;
}
.outcover .emBtn a{
    display:block;
    text-align: center;
    color:#fff;
    font-size:1.5rem;
    border-radius: 2rem;
    line-height:3.8rem;
    width:100%;
}
.outcover .emBtn .abox{
	-webkit-flex:1;
	flex:1;
}
.outcover .emBtn .r{
	text-align: right;
	margin-left:2.5rem;
}
.outcover .emBtn a.school{
	float:left;
	background:#e60111;
}
.outcover .emBtn a.socity{
	float:left;
	background:#e60111;
}
.outcover .emBtn a{
	float: right;
	background:#00aaff;
}
.header{
	width: 100%;
	height: 6rem;
	background: #333333;
	font-size:2rem;
	line-height: 2rem;
	color: #fff;
	position: relative;
}

.des{
	position:absolute;
	/*right: 36%;*/
    top: 30%;

	width:100%;
}
.des img{
	width: 30%;
	position: absolute;
	left: 35%;
}
.cirthree{
  position:absolute;
  bottom:1rem;
  right:26%;
  width:50%;

}
.fontimg{
	width: 40%;
	position: absolute;
	right: 20%;
	bottom: 25%;
}
@media only screen and (min-width:641px){
	.fontimg{
		width: 30%;
		position: absolute;
		right: 20%;
		bottom: 21%;
	}
}