/*头部导航*/
.nav{
	width:71.3%;position:absolute;
	top:2.1vh;left:50%;margin-left:-37.5%;z-index: 1000;
	display: flex;display: -webkit-flex;justify-content: space-between;
	-webkit-justify-content: space-between;align-items: center;
	-webkit-align-items: center;
}
.nav section{
	display: flex;display: -webkit-flex;justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.nav h5{
	font-size:0.9vw;;color:#ffffff;font-weight: 300;margin-left:2.2vw;
}
.nav div{
	width:17.8%;
}
.banner{
	width:100%;position:relative;
}
.solution-nav{
	position: absolute;width:100%;bottom:0;
	height:5.5vh;background-color: rgba(0,0,0,0.1);
}
.solution-nav .solution-nav-content{
	width:71.3%;margin-left:auto;margin-right: auto;display: flex;
	display: -webkit-flex;justify-content: space-between;
	-webkit-justify-content: space-between;height:100%;
	align-items: center;-webkit-align-items: center;
}
.solution-nav .solution-nav-content>h5{
	font-size:0.9vw;color:#FFFFFF;font-weight: normal;
}
.solution-nav .solution-nav-content section{
	display: flex;display: -webkit-flex;width:64.7%;
	height:100%;
}
.solution-nav .solution-nav-content section div{
	flex:1;display: flex;display: -webkit-flex;justify-content: center;cursor:pointer;
	-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height:100%;
}
.solution-nav .solution-nav-content section .active{
	background-color:#fdc131;
}
.solution-nav .solution-nav-content section .active a{
	color:#004688;
}
.solution-nav .solution-nav-content section div a{
	font-size:1vw;color:#FFFFFF;font-weight: 100;
}

#main{
	background-color: #f2f4f7;padding-bottom:9vh;
}
.solution-box{
	width:71.3%;margin-left:auto;margin-right:auto;
	padding-top:5.5vh;
}
.solution-title{
	font-size:2vw;color:#333333;font-weight: 550;line-height:2vw;
	text-align: center;
}
.demand{
	margin-top:4.6vh;
}
.demand-title{
	position:relative;
}
.demand-title>div{
	position:absolute;bottom:0;width:30%;
}
.demand-title h4{
	font-size:1.25vw;color:#333333;font-weight: 200;
	
}
.demand .demand-content{
	margin-top:1vh;
}
.demand .demand-content h5{
	font-size:0.9vw;color:#333333;font-weight: 100;
	margin-top:2vh;line-height:1.25vw;
}
.advantage{
	margin-top:4vh;
}
.advantage .all-advantage{
	margin-top:2.1vh;display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content: space-between;
}
.advantage .all-advantage .one-advantage{
	width:23.5%;background-color:#FFFFFF;box-shadow:0 0 10px #d1d3d5;padding-top:4.9vh;
	padding-bottom:7.4vh;
}
.one-advantage .advantage-logo{
	height:11.8vh;display: flex;width:100%;display: -webkit-flex;justify-content: center;
	-webkit-justify-content: center;align-items: center;-webkit-align-items: center;
}
.one-advantage>h4{
	font-size:1.1vw;color:#333333;font-weight: 300;text-align: center;
}
.one-advantage>.advantage-name-bottom{
	width:10%;margin-left:auto;margin-right:auto;height:2px;background-color:#0092d8;
	margin-top:2vh;
}
.one-advantage>p{
	width:58.8%;margin-left:auto;margin-right:auto;margin-top:2.7vh;
	font-size:0.98vw;color:#666666;font-weight: 300;line-height: 1.2vw;
}
.cases{
	margin-top:3.9vh;
}
.cases .all-cases{
	display: flex;display: -webkit-flex;justify-content: space-between;
	-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;
}
.cases .all-cases>div{
	margin-top:2.9vh;width:28.9%;
}