#section01{
	width: 100%;
	height: auto;
	padding-top: 100px;
	padding-bottom: 50px;
	background: #f1f1f1;
	position: relative;
}
#section01::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 50px;
	background: #fff;
	top: 0;
	left: 0;
}
.vision-title h2{
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 40px;
	display: inline-block;
	padding-right: 20px;
}
.vision-title img{
	display: inline-block;
}
.mission-article{
	text-align: center;
}
.mission-article p{
	font-size: 40px;
	line-height: 65px;	
}
.mission-article p span{
	font-weight: bold;
}
.mission-article p .fa-quote-left{
	position: relative;
	left: -30px;
	top: -30px;
	opacity: 0.7;
}
.mission-article p .fa-quote-right{
	position: relative;
	right: -30px;
	bottom: -30px;
	opacity: 0.7;
}
/* s1 end */

#section02{
	width: 100%;
	height: auto;
	padding: 140px 0;
}
.vision-s2-title{
	padding-bottom: 46px;
}
.vision-white-box{
	width: 100%;
	height: 302px;
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.vision-white-box .vision-article-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
.vision-article-box p{
	font-size: 20px;
	line-height: 150%;
	text-align: center;
}
.vision-num-circle{
	width: 92px;
	height: 92px;
	position: absolute;
	top: -46px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 100%;
	background: #2b7dd2;
}
.vision-num-circle p{
	color: #fff;
	font-size: 35px;
	text-align: center;
	line-height: 92px;
}
/* s2 end */
#section03{
	width: 100%;
	height: auto;
	padding: 140px 0;
	background: #f1f1f1;
}
.vision-s3-circle{
	width: 180px;
	height: 180px;
	position: relative;
	border-radius: 100%;
	border: 15px solid #9ad642;
	background: #fff;
	margin: 0 auto;	
}
.corevalue-imgbox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.corevalue-title p{
	font-size: 24px;
	padding-top: 30px;
	text-align: center;
}
.vision-s3-row>div{
	position: relative;
}
.vision-s3-row li .plus{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%,-50%);
	font-size: 60px;
}
.equal{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 60px;
}
.equal i{
	display: block;
	line-height: 30px;
}
/* s3 end */

#section04{
	width: 100%;
	height: auto;
	padding: 140px 0;
}
.vs-list{
	position: relative;
	padding-left: 20px;
}
.vs-op-article h2{
	position: relative;
	padding-bottom: 100px;
}
.vs-op-article h2::after{
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 50px;
	background: #9ad642;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
}
.vs-s4-top-article{
	padding-bottom: 140px;
	font-size: 27px;
}
/* s4 end */

#section05{
	padding: 70px 0;
}
.purpose-table tr td:first-child{
	background: #f8f5f3	;
}
.purpose-table tr td{
	position: relative;
	padding-left: 20px;
}
.purpose-table tr td span{
	position: absolute;
	left: 0;
	width: 10%;
	top: 0;
}
/* s5 end */
@media(min-width:768px){

}
/* s2 end */
@media(max-width:1200px){

	#section01{
		margin-top: 30px;
	}
	.vision-article-box p br{
		display: none;
	}
	.vision-article-box p{
		padding: 20px;
		word-break: keep-all;
	}
	/* s2 end */
}
@media(max-width:992px){

	.vision-s2-row>li{
		padding-bottom: 76px;
	}
	/* s2 end */
	.vision-s3-row li .plus{
		top: 0;
		font-size: 40px;
	}
	.vision-s3-top{
		padding-bottom: 75px;
	}
	.vision-s3-bottom{
		padding-top: 75px;
	}
	.equal{
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%) rotate(90deg);
		font-size: 40px;
	}
	.equal i{
		line-height: 20px;
	}
	.s3-vs-imgbox{
		padding-bottom: 30px;
	}
	.vision-title{
		text-align: center;
	}
	/* s3 end */
}
@media(max-width:768px){
	#section01{
		padding-top: 70px;
		padding-bottom: 40px;
	}
	#section01::after{
		height: 30px;
	}
	.vision-title h2{
		font-size: 24px;
	}
	.mission-article p{
		font-size: 16px;
		line-height: 160%;
	}
	.mission-article p .fa-quote-left{
		left: -15px;
		top: -15px;
	}
	.mission-article p .fa-quote-right{
		right: -15px;
		bottom: -15px;
	}
	/* s1 end */

	#section02{
		padding: 50px 0;
	}
	.vision-num-circle{
		width: 62px;
		height: 62px;
		top: -36px;
	}
	.vision-num-circle p{
		line-height: 62px;
	}
	/* s2 end */
	#section03{
		padding: 50px 0;
	}
	.vision-s3-top{
		padding-bottom: 45px;
	}
	.vision-s3-bottom{
		padding-top: 45px;
	}
	.corevalue-title p{
		font-size: 16px;
		word-break: keep-all;
	}
	/* s3 end */

	.purpose-table tr td{
		word-break: keep-all;
	}

	/* s4 end */
}
@media(max-width:600px){
	.purpose-table tr td span{
		top: 50%;
		transform: translateY(-50%);
	}
	.purpose-table tr td{
		padding-left: 25px;
	}
	.vision-white-box{
		height: 200px;
	}
	.vision-article-box p{
		font-size: 18px;
	}

}
@media(max-width:410px){
	.vision-s3-circle{
		width: 120px;
		height: 120px;
	}
	.corevalue-imgbox{
		text-align: center;
	}
	.corevalue-imgbox img{
		width: 100%;
	}
	.vision-s3-circle{
		border: 10px solid #9ad642;
	}
}
@media(max-width:355px){
	.mission-article p{
		font-size: 14px;
	}

}
@media(max-width:320px){
	.mission-article p{
		font-size: 12px;
	}
}