.contain {
	width:100%;
	height:100%;
	background:#ffffff;
}
/* banner */
.banner-product {
	margin-top:0;
	height:33.75rem;
	padding:8.75rem 0 0;
	background:url("../../static/img/pageimage/digital_apaas/banner_bg.png") no-repeat center;
	background-size:100% 100%;
	text-align:left;
}
.banner-product-title {
	margin-top:0.875rem;
	color:#ffffff;
	font-weight:500;
	font-size:2.625rem;
}
.banner-product-txt {
	color:#FFFFFF;
	width:36.25rem;
	height:5.8125rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:2rem;
	margin-top:1.25rem;
}
/* 骞冲彴鏋舵瀯 */
.plat-container {
	background-color:#F5F7FA;
	padding:4.375rem 0 5.625rem 0;
	overflow:hidden;
}
.plat-box {
	margin-top:2.0625rem;
	z-index:1;
	width:50rem;
	height: 27.9375rem;
	padding:2.3125rem 3.125rem 2.1875rem;
	background:rgba(255,255,255);
	box-shadow: .3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
	opacity:1;
	border-radius: 1.25rem;
	-webkit-border-radius: 1.25rem;
	-moz-border-radius: 1.25rem;
	-ms-border-radius: 1.25rem;
	-o-border-radius: 1.25rem;
}
.plat-img {
	width:100%;
	height:100%;
}
/* 浜偣鍔熻兘 */
.ability-container {
	background-color:#ffffff;
	padding:3.75rem 0 7.5rem;
}
.card-content1 ul {
	display:flex;
	margin-top:1.8125rem;
	justify-content:space-between;
	width:75rem;
}
.card-content2 ul {
	display:flex;
	margin-top:2.1875rem;
	justify-content:space-between;
	width:75rem;
}
.vertical-icon-box {
	margin-top:0 !important;
	width:19.125rem;
}
.vertical-icon-box h2{
	margin-top: .75rem;
}
.vertical-icon-box p {
	width:18.75rem;
	margin-top: .375rem;
}
/* //hover涓婄Щ0.625rem */
.vertical-icon-box:hover .icon-box {
	transform:translateY(-0.625rem);
}
/*  鎴戜滑鐨勪紭鍔?/
.feature-container {
	padding:6.25rem 0;
	background-color:#F5F7FA;
}
.feature-content {
	width:75rem;
	display:flex;
	justify-content:space-between;
	z-index:1;
}
.feature-tit-icon{
width: 9.125rem;
height: 2.125rem;
margin-bottom: .4375rem;
}
.feature-tit {
	position:absolute;
	top:13.125rem;
	left:50%;
	transform:translateX(-50%);
}
.feature-row {
	z-index:2;
	position:relative;
}
.feature-row:nth-child(2) .title-df {
	flex-direction:row-reverse;
}
.feature-row:nth-child(2) .feature-box-icon {
	margin:0 0 0 1.25rem;
}
.box-p-two{
	margin-top: .625rem;
}
.title-df {
	display:flex;
}
.feature-box-icon {
	width:2.125rem;
	height:2.125rem;
	padding:0.8125rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08);
	border-radius:0.875rem;
	transition:all 0.5s;
	margin-right:1.25rem;
}
.feature-box-icon img {
	width:100%;
	height:100%;
}
.feature-box-title {
	font-size:1.375rem;
	font-weight:400;
	color:#090f21;
}
.feature-box-p {
	margin-top:1.0625rem;
	width:18.75rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.feature-bg-1 {
	position:absolute;
	top:6.25rem;
	left:50%;
	transform:translateX(-50%);
	width: 20rem;
height: 20rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 2.5rem rgba(10,44,115,0.04);
	border-radius:50%;
}
.feature-bg-2 {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-0.75rem;
	width: 34.125rem;
	height: 34.125rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 2.5rem rgba(10,44,115,0.04);
	border-radius:50%;
	opacity:0.5;
	z-index:-1;
}
.feature-bg-3 {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-9.375rem;
	width: 51.625rem;
height: 51.625rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 3.75rem rgba(10,44,115,0.04);
	border-radius:50%;
	opacity:0.4;
	z-index:-2;
}

/* 椋炴惌 */
.core-container {
	background-color:#FFFFFF;
	padding:4.375rem 0 5.625rem 0;
	overflow:hidden;
}
.core-box {
	margin-top:1.375rem;
	z-index:1;
	width:57.5rem;
	height:25rem;
	padding:2.4375rem 3.125rem 3.125rem 3.125rem;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1);
	opacity:1;
	border-radius:1.25rem;
}
.core-img {
	width:100%;
	height:100%;
}
/* 浣庝唬鐮 */
.challange-container {
	padding:5rem 0 5.625rem;
	/* url('../img/pageimage/digital_technology/challenge-bg.png') left bottom no-repeat;
	*/
    background-size:100%;
	background-color:#ffffff;
	text-align:left;
}
.challange-container h1 {
	line-height:2.25rem;
}
.tag-icon {
	width:6.375rem;
	height:1.5rem;
	margin-top:1.625rem;
	margin-bottom:0.875rem;
}
.challange-p {
	margin-top:1.375rem;
	width:26.5625rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	white-space:nowrap;
}
.challange-tags {
	margin-top:2.5rem;
	display:flex;
}
.tag-tit {
	font-size:1.5rem;
	font-weight:500;
	color:#090F21;
}
.challenge-para {
	margin:3.125rem 3rem 0 1.3125rem;
	display:block;
}
.challenge-para .challange-tag-title {
	margin-top:0.75rem;
}
.challenge-para .challange-tag-subtitle {
	margin-top:2rem;
	margin-bottom:0.375rem;
	color:#090F21;
}
/* vcode */
.vcode-core-box {
	padding:2.125rem 3.125rem;
	width:56.25rem;
	height:30.6875rem;
}

.vCode{
	background-color: #F5F7FA;
	padding-bottom: 1.125rem;
}
.vCode-line{
width: 75rem;
margin: 0 auto;
margin-top: 5rem;
height: .125rem;
background: rgba(255,255,255);
}
.vCode-line:after{
	position: absolute;
	left:50%;
	bottom: -0.125rem;
	margin-left: -1.125rem;
	content:'';
	width:0;
	height:0 ;
	border-left: 1.125rem solid transparent;
	border-right:1.125rem solid transparent ;
	border-top:1.25rem solid #ffffff ;
}