h1,h3,p{
	margin: 0px;
	padding: 0px;
}
.introduction_head{
	width: 100%;
	min-height: 6em;
	background: #21497E;
	position: relative;
	overflow: hidden;
	padding-top: 0.8rem;
}
.introduction_head_content{
	width: 14em;
	margin: auto;
}
.introduction_head_content h1{
	font-size: 0.64em;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.introduction_head_content h3{
	font-size: 0.4em;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #A8C7E1;
	margin-bottom: 0.2em;
}
.introduction_head_content_intro{
	width: 100%;
	min-height: 1em;
	border-bottom: 1px solid #A8C7E1;
	border-top: 1px solid #A8C7E1;
	position: relative;
	padding: 0.57rem 0 0.77rem 0;
}
.introduction_head_dots{
	width: 0.2em;
	height: 0.2em;
	border-radius: 0.2em;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: -0.1em;
}
.introduction_head_content_intro_cont{
	width: 100%;
	font-size: 0.27em;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 0.5rem;
}
.one{
	margin-top: 0.3em;
}
.three{
	margin-bottom: 0.5em;
}
.introduction_head_bottom{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.introduction_head_bottom h3{
	font-size: 0.4em;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #FFFFFF;
}
.introduction_head_bottom span{
	font-size: 0.27em;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #A8C7E1;
}
.works_result{
	width: 100%;
	border-bottom: 1px solid #A8C6E1;
	display: flex;
	/* align-items: center; */
	align-items: flex-end;
	padding-bottom: 0.2em;
	margin-top: 0.4em;
	margin-bottom: 1.58rem;
}
.works_result div{
	display: flex;
	flex-direction: column;
}
.works_result div:nth-of-type(2){
	margin: 0 1em;
}
.works_result_number{
	font-size: 0.4em;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #FFFFFF;
}
.works_result_company{
	font-size: 0.27em;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #A8C7E1;
}
.works_result_content{
	font-size: 0.27em;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #A8C7E1;
}
.introduction_box{
	width: 9.1em;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
}
.introduction_bg{
	width: 100%;
	opacity: 0.3;
}
.introduction_exmple{
	display: flex;
	align-items: center;
}
.exmple_two,.exmple_one{
	width: 9.6em;
	height: 5.64em;
	overflow: hidden;
}
.exmple_two img,.exmple_one img{
	width: 100%;
	transition:transform 1s;
}
.exmple_two img:hover,.exmple_one img:hover{
	transform: scale(1.2,1.2);
}
.introduction_box_phone{
	display: none;
}
@media screen and (max-device-width: 950px){
	.introduction_head_content_intro_cont{
		line-height: 1rem;
		font-size: 0.6rem;
	}
}
@media screen and (max-width: 750px)
{
	.works_result{
		border: none;
	}
	.introduction_head{
		padding-top: 1rem;
		padding-bottom: 0.5rem;
	}
	.introduction_head_content_intro{
		padding: 0.2em 0px;
	}
	.introduction_head_content{
		width: 90%;
	}
	.introduction_box{
		display: none;
	}
	.introduction_box_phone{
		display: block;
		width: 2.04em;
		height: 7.3em;
		position: absolute;
		right: 0px;
		bottom: 0px;
		overflow: hidden;
		background-image: url(../img/company_phone.png);
		/* background-size: 100% 100%; */
		background-repeat: no-repeat;
	}
	.introduction_bg_phone{
		width: 100%;
		height: 100%;
	}
	.introduction_head_bottom{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 0.83rem;
	}
	.introduction_head_bottom h3{
		font-size: 0.7rem;
	}
	/* .introduction_head_bottom h3,.introduction_head_bottom span{
		margin-bottom: 0.1em;
	} */
	.introduction_head_bottom span{
		margin: 0.16rem 0;
		font-size: 0.6rem;
	}
	.works_result{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 0.54rem;
	}
	.works_result_number{
		font-size: 0.8rem;
	}
	.works_result div{
		border-bottom: 1px solid #A8C7E1;
		padding-bottom: 0.2rem;
	}
	.works_result div:nth-of-type(2){
		margin: 0.6rem 0px;
	}
	.introduction_head_content_intro_cont{
		line-height: 1.2rem;
		font-size: 0.6rem;
	}
	.works_result_company{
		font-size: 0.6rem;
	}
	.works_result_content{
		font-size: 0.6rem;
	}
}
@media screen and (max-width:400px) {
	.introduction_head_content_intro_cont{
		line-height: 1.4rem;
	}
}