.about-banner {
	height: 6rem;
	background: url('../jpg/about.jpg') no-repeat center 100%;
}

.about-banner .about-banner-txt {
	padding-top: 1.62rem;
	color: #fff;
}

.about-banner .about-banner-txt .line {
	width: 0.34rem;
	height: 2px;
	background: #FFFFFF;
	margin-bottom: 0.23rem;
}

.about-banner .about-banner-txt .title {
	font-size: 1.2rem;
	line-height: 1.68rem;
	letter-spacing: 0.04em;
	font-weight: 700;
	text-shadow: 0px 3px 23px rgba(0, 0, 0, 0.2);
}

.about-banner .about-banner-txt .entxt {
	font-size: 0.32rem;
	font-weight: 700;
	line-height: 0.5rem;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	opacity: 0.9;
}

.about-banner .about-banner-txt .subtitle {
	font-size: 0.16rem;
	font-weight: 500;
	margin-top: 0.32rem;
	letter-spacing: 0.1em;
}

.about-container {
	margin-top: 0.17rem;
}

.company {
	font-size: 0.16rem;
	font-weight: 4rem;
	color: #666666;
}

.company .company-top {
	text-align: center;
	font-size: 0.24rem;
	color: #333333;
	line-height: 0.50rem;
}

.company .company-top .activeline {
	padding-bottom: 0.15rem;
}

.company-title {
	/* margin-top: 0.45rem; */
	padding: 0 0.2rem 0.12rem 0;
}

.company-title .gps {
	width: 0.14rem;
	height: 0.17rem;
	border: 1px solid black;
	display: inline-block;
}

.company-title .left-17 {
	margin-left: 0.15rem;
}

.company-bottom {
	padding-top: 0.96rem;
	padding-bottom: 1.05rem;
	background: url(../png/bg.png) no-repeat center center;
	background-size: 100% auto;
}

.company-bottom .title {
	text-align: center;
	font-size: 0.28rem;
	line-height: 0.36rem;
	vertical-align: top;
	color: #333;
}

.company-bottom .point {
	position: relative;
	top: -0.04rem;
	width: 0.08rem;
	height: 0.08rem;
	background-color: #333333;
	display: inline-block;
	border-radius: 50%;
	margin: 0 0.05rem;
}

.company-bottom .content {
	margin-top: 0.6rem;
	display: flex;
}

.company-bottom .companyImg {
	width: 7.40rem;
	height: 4.8rem;
	border: 1px solid #C9C9C9;
	margin-right: 0.58rem;
	background: url("../jpg/gsjj.jpg") no-repeat center 100%;
}

.company-bottom .content .describe {
	width: 6.02rem;
	line-height: 0.24rem;
}

.company-bottom .content .describe .name {
	font-size: 0.22rem;
	font-weight: 7rem;
	color: #333333;
}

.culture {
	position: relative;
	background: url("../jpg/work.jpg") no-repeat;
	padding-top: 0.8rem;
}

.culture .titlie {
	color: #333333;
	font-size: 0.28rem;
	font-weight: bold;
	line-height: 0.36rem;
	text-align: center;
}

.culture-group {
	margin-top: 0.88rem;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
}

.culture-group div {
	width: 30%;
	height: 1.60rem;
	margin-bottom: 0.15rem;
	position: relative;
	border-radius: 0.08rem;
	color: #FFFFFF;
}


.culture-group:after {
	content: '';
	width: 3.78rem;
	height: 0px;
	visibility: hidden;
}
.culture-group .tenet {
	background: url("../png/niu.png") no-repeat center 100%;
}

.culture-group .idea {
	background: url("../png/lou.png") no-repeat center 100%;
}

.culture-group .val {
	background: url("../png/woshou.png") no-repeat center 100%;
}

.culture-group div p {
	position: absolute;
	z-index: 999;
	top: 0.44rem;
	font-size: 0.26rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
	width: 100%;
	text-align: center;
}

.culture-group div span {
	position: absolute;
	bottom: 0.45rem;
	left: 0.37rem;
	right: 0.37rem;
	z-index: 999;
}

.location {
	padding-top: 0.88rem;
	margin-bottom: 0.88rem;

}

.location p {
	text-align: center;
	vertical-align: top;
	line-height: 0.36rem;
	font-size: 0.28rem;
	font-weight: bold;
	color: #333333;
}

.location .map {
	margin-top: 0.6rem;
	padding: 0.28rem;
	height: 6rem;
	border: 1px solid #eee;
	background-color: #FFFFFF;
	border-radius: 0.2rem;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 750px) {
	.company-bottom .content {
		display: flex;
		flex-direction: column;
	}

	/* 公司简介 */
	.company-bottom .companyImg {
		width: 100%;
		height: 4.8rem;
		border: 1px solid #C9C9C9;
		margin-right: 0.58rem;
	}

	.company-bottom .title {
		text-align: center;
		font-size: 0.28rem;
		line-height: 0.36rem;
		color: #333333;
		vertical-align: top;
	}

	.company-bottom .content .describe {
		width: 100%;
		margin-top: 0.30rem;
		line-height: 0.33rem;
		font-size: 12px;
	}

	.company-bottom .content .describe .name {
		font-size: 14px;
		font-weight: 7rem;
		color: #333333;
		font-weight: bold;
	}

	/* 企业文化 */
	.culture-group div {
		width: 100%;
		height: 2rem;
		position: relative;
		border-radius: 0.08rem;
		color: #FFFFFF;
	}

	.culture-group div span {
		position: absolute;
		bottom: 0.73rem;
		left: 0.37rem;
		right: 0.37rem;
		z-index: 999;
	}
}
