body{
	background-color: #fefefe;
}
#content {
	width: 100%;
	background: url(../img/about/con_ban.png) no-repeat;
	background-size: 100%;
	height: calc(100vw*3.41);
	height: -webkit-calc(100vw*3.41);
	margin-bottom: 0.95rem;
}

#front {
	width: 100%;
	padding-top: 3rem;
}

#front > .fronts-top {
	width: 90%;
	margin: 0 auto;
	background-color: #fdfdfd;
	box-shadow: 0 5px 15px #e9e9e9;
	border-radius: 10px;
	padding-bottom: 15px;
}

#front > .fronts-top > .advert-text {
	margin: 0 auto;
	width: 8.2rem;
	text-align: center;
	color: #cca43e;
	line-height: 0.34rem;
	padding-top: 1rem;
	position: relative;
}

#front > .fronts-top > .advert-text > h3 {
	position: relative;
	width: 2.41rem;
	margin: 0 auto;
}
#front > .fronts-top > .advert-text > h3 > img{
	width: 100%;
}
#front > .fronts-top > .advert-text > h3:after {
	content: "";
	display: block;
	width: 3.28rem;
	height: 0.48rem;
	position: absolute;
	background: url("../img/about/text_01.png") no-repeat;
	background-size: 100%;
	left: -20px;
	top: -22px;
}

#front > .fronts-top > .advert-text > p {
	text-align: left;
	margin: 0.46rem auto;
	color: #959595;
	line-height: 1.4em;
	padding: 0 10px;
}

#front > .fronts-top > .advert-text > div {
	width: 1.3rem;
	height: 0.26rem;
	position: absolute;
	top: 1.15rem;
}

#front > .fronts-top > .advert-text > .lear-left {
	background: url("../img/public/lear_01.png") no-repeat;
	background-size: 100%;
	left: 1.25rem;
}

#front > .fronts-top > .advert-text > .lear-right {
	background: url("../img/index/lear02.png") no-repeat;
	background-size: 100%;
	right: 1.25rem;
}

#front > .fronts-top > form {
	width: 90%;
	margin: 0 auto;
}

#front > .fronts-top > form > input::-webkit-input-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > input:-moz-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > input::-moz-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > input:-ms-input-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > textarea::-webkit-input-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > textarea:-moz-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > textarea::-moz-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > textarea:-ms-input-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > .nametel > input {
	width: 49%;
	height: 0.9rem;
	border: 1px solid #dcdcdc;
	padding-left: 0.2rem;
	border-radius: 10px;
	float: left;
}
#front > .fronts-top > form > .nametel > input::-webkit-input-placeholder {
	color: #d2d2d2;
}
#front > .fronts-top > form > .nametel > input:-moz-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > .nametel > input::-moz-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > .nametel > input:-ms-input-placeholder {
	color: #d2d2d2;
}

#front > .fronts-top > form > .nametel .contacts {margin-right: 2%;}

#front > .fronts-top > form > .email {
	width: 100%;
	height: 0.9rem;
	border: 1px solid #dcdcdc;
	padding-left: 15px;
	border-radius: 10px;
	margin: 0.14rem 0;
}

#front > .fronts-top > form > .submit {
	width: 40%;
	height: 1rem;
	color: #fff;
	background-color: #8e4db4;
	border-radius: 7px;
	cursor: pointer;
	margin: 24px auto 13px;
	display: block;
}

#front > .fronts-top > form > textarea {
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	width: 100%;
	height: 2.36rem;
	padding: 12px 0 0 16px;
}

#front > .fronts-top > p {
	line-height: 29px;
	color: #898989;
	font-size: 0.24rem;
	text-align: center;
	text-transform: uppercase;
}

#front > .map {
	width: 90%;
	margin: 28px auto;
}

#front > .map > .map-left {}

#front > .map > .map-left .maps {
	height: 4.9rem;
	width: 100%;
	border-radius: 14px;
	margin-bottom: 10px;
}

#front > .map > .map-left > .maps-text {
	width: 100%;
	height: 2.9rem;
	color: #898989;
	line-height: 25px;
}

#front > .map > .map-left > .maps-text > h3 {
	font-size: 0.33rem;
	color: #7d7d7d;
	position: relative;
}

#front > .map > .map-left > .maps-text > p {
	font-size: 0.24rem;
}
#front > .map > .map-left > .maps-text > p > span{
    display: inline-block;
    margin-left: 8%;
}
#front > .map > .map-right {margin-top: 20px;}