.subnav {
	background-color: #F7F7F7;
	border-bottom: 1px solid #CCCCCC;
}

.subnav li{
	width: 20%;
	border-right: 1px solid #B3B3B3;
	float: left;
}
.subnav li a{
	display: block;
	border-right: 1px solid #B3B3B3;
	height: 1.33rem;
	line-height: 1.33rem;
	text-align: center;
	font-size: 18px;
}
.subnav li:last-child {
	border: 0;
}

.subnav li .active {
	background-color: #7DC4EC;
	color: #FFFFFF;
}
body{
	background-color: #F6F6F6;
}
.vision{
	margin: 100px 0 0;
	padding-bottom: 200px;
	background: url(../../images/about/vision3.png) no-repeat center bottom;
}
.vision-main{
	width: 1340px;
	margin: 0 auto;
	position: relative;
}
.vision-word{
	width: 70%;
	height: 6rem;
	background: url(../../images/about/vision_img01.png) no-repeat;
	background-size: 100% 100%;
	padding: 50px 0;
	font-size: 20px;
	line-height: 35px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.vision-img{
	width: 40%;
	position: absolute;
	top: 1rem;
	height: 4rem;
	right: 0;
}
	.vision-main h2.title
	{
	    text-align:center;
	    margin-bottom:5px;
	    padding:20px 0;
	    }
	    .vision-main h2.title span{
	    border-bottom: 1px solid #CCCCCC;
    padding: 20px;
	    }

@media (max-width: 1430px) {
	.vision-main {
		width: 1170px;
	}
	.vision-main h2.title
	{
	    text-align:center;
	    margin-bottom:5px;
	    padding:20px 0;
	    }
	    .vision-main h2.title span{
	    border-bottom: 1px solid #CCCCCC;
    padding: 20px;
	    }
}

@media (max-width: 1200px) {
	.vision-main {
		width: 970px;
	}
	.subnav li a{
		height: 80px;
		line-height: 80px;
	}
}

@media (max-width: 992px) {
	.vision-main {
		width: 750px;
		text-align: center;
	}
	.vision-word{
		height: 5rem;
		align-items: left;
		padding: 0 10px;
		font-size: 0.26rem;
	}
	.vision-img{
		height: 3rem;
	}
	.subnav li a{
		height: 60px;
		line-height: 60px;
	}
}

@media (max-width: 768px) {
	.vision-main {
		width: 90%;
		text-align: center;
	}
	.subnav li a{
		height: 0.8rem;
		line-height: 0.8rem;
		font-size: 0.3rem;
	}
	.vision-word{
		width: 100%;
		align-items: center;
		margin-bottom: 20px;
	}
	.vision-img{
		width: 100%;
		position: static;
		height: auto;
	}
	.vision{
		background: none;
		    padding-bottom: 50px;
	}
}