.mn-banner {
	display: block;
	width: 100%;
	height: 681px;
	background-image: url(../img/bg@2x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 0;
}

.mn-banner>div{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	width: 1200px;
	margin: 0 auto;
	padding: 172px 0 0 0;
}

.mn-banner-left {
	display: block;
	width: 560px;
	margin-top: 125px;
}

.mn-banner-title {
	font-size: 48px;
	color: #677897;
	font-weight:600;
	margin-bottom: 8px;
}

.mn-banner-description {
	font-size: 16px;
	color: #91B7DC;
	margin-bottom: 57px;
}


.mn-banner-right {
	display: block;
	position: relative;
	width: 541px;
	height: 405px;
	background-image: url(../img/solution/solution-bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


.mn-tab{
	display: block;
	width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
}

.mn-tab-header{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 125px;
	height: 40px;
	position: relative;
}

.mn-tab-header>a{
	display: block;
	text-decoration: none;
	color: #677897;
	font-size: 20px;
	font-weight: 400;
	position: relative;
}

.mn-tab-header>a.mn-tab-active{
	color: #112D9F;
	font-weight: 800;
}

.mn-tab-header>a.mn-tab-active::before{
	position: absolute;
	display: block;
	content: '';
	width: 24px;
	height: 4px;
	background: linear-gradient(45deg,rgba(16,35,151,1) 0%,rgba(24,122,223,1) 55%,rgba(0,234,248,1) 100%);
	border-radius: 2px;
	top: 46px;
	left: 50%;
	margin-left: -12px;
}

.mn-tab-header::before{
	position: absolute;
	display: block;
	content: '';
	width: 1200px;
	height: 1px;
	background: #CBE3FA;
	top: 56px;
	left:0;
}

.mn-tab-content{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin: 50px 0 98px 0;
}


.mn-tab-el{
	display: block;
	width:228px;
	height: 470px;
	box-shadow:0px 1px 7px 2px rgba(188,223,255,0.2);
	border-radius:10px;
	background-color: #fff;
	margin-right: 14px;
	margin-bottom: 30px;
	transition: transform 400ms,box-shadow 400ms;
	-webkit-transition: transform 400ms,box-shadow 400ms;
	-moz-transition: transform 400ms,box-shadow 400ms;
	-ms-transition: transform 400ms,box-shadow 400ms;
}

.mn-tab-el:hover{
	-webkit-box-shadow:0px 11px 34px 0px rgba(23,128,224,0.21);
	box-shadow:0px 11px 34px 0px rgba(23,128,224,0.21);
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.mn-tab-el:nth-child(5n){
	margin-right: 0;
}

.mn-tab-el-img{
	display: block;
	width: 100%;
	height: 404px;
}

.mn-tab-el-img>img{
	display: block;
	width: 100%;
	height: 100%;
}

.mn-tab-el-title{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 66px;
	font-size: 16px;
	color: #677897;
	font-weight: 500;
}

.mn-load-end{
	display: block;
	color: #677897;
	font-size: 14px;
	text-align: center;
	width: 100%;
	margin-top: 60px;
}