.abo_state{
	width: 100%;
	height:412px;
	background-image:url('../image/aboutus_bg.png');
	background-size:100% 412px;
	background-repeat: no-repeat;
	background-position: center center;
}
.abo_state_div{
	/* position:absolute; */
	/* top:17%;
	left:18%; */
	margin-left:40px;
}
.abo_state_div>ul>li{
	/* width:272px;
	height:400px; */
	
	float:left;
	/* margin-right:36px; */
	padding:20px;
	margin:40px 0;
}
.abo_state_div_li{
	margin-right:10px;
}
.mbx {
    line-height: 55px;
    color: #666;
    background: #eee;
    white-space: nowrap;
}
.abo_state_text{
	padding:50px 0 0 38px;
	background:rgba(255,255,255,1);
	width:272px;
}
.abo_state_text h4{
	width:100px;
	line-height:40px;
	font-size:20px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(68,68,68,1);
}
.abo_state_text li{
	font-size:14px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(136,136,136,1);
	line-height:26px;
}
.abo_state_text i{
	color:#12A7FD;
}

.abo_attitude{
	margin:0 auto;
	text-align:center;
	width:65%;
	margin-top:60px;
}
.abo_attitude h1{
	font-size:40px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(51,51,51,1);
	margin-bottom:20px;
}
.abo_attitude_text{
	margin-top:40px;
	height:250px;
}
.abo_attitude_text img:hover{
	transform:rotateY(360deg);
	transition:all 1s;
}
.abo_attitude_text_div{
	width:200px;
	height:138px;
	margin:0 auto;
}
.abo_attitude_text_div h4{
	font-size:20px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(68,68,68,1);
	line-height:24px;
	margin:20px 0 40px 0;
}
.abo_attitude_text_div p{
	font-family:MicrosoftYaHei;
	color:rgba(68,68,68,1);
	line-height:24px;
	text-align:left;
}
.abtn1 {
		display: inline-block;
		padding: 0 60px;
		font-size: 18px;
		position: relative;
		line-height: 50px;
		border-radius: 106px;
		/* margin: 0 auto; */
		/* margin-left: 0; */
		color: #fff;
		/* width: 250px; */
		height: 50px;
	}
	.hvr-shutter-out-vertical {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		/* background: #e1e1e1; */
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		background: var(--blue);
	}
	.hvr-shutter-out-vertical:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #149485;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.hvr-shutter-out-vertical,.hvr-shutter-out-vertical:visited{
		color:#fff;
	}
	.hvr-shutter-out-vertical:hover {
		background:var(--green);
	}
	.bgreen {
		background-color: var(--blue);
	}
	.animated {
		-webkit-animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-duration: 1s;
		animation-fill-mode: both;
	}
	.zoomIn {
		-webkit-animation-name: zoomIn;
		animation-name: zoomIn;
	}