.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_hmdp/banner-bg.png')
    no-repeat center;
	background-size:100% 100%;
	text-align:left;
}
.banner-product-title {
	color:#ffffff;
	font-weight:500;
	font-size:2.625rem;
}
.banner-product-txt {
	width:36.625rem;
	color:#ffffff;
	font-size:0.875rem;
	font-weight:400;
	line-height:2rem;
	margin-top:1.0625rem;
}
/* 搴旂敤妯″紡 */
.challange-container {
	padding:5rem 0 5.625rem;
	background:url('../img/pageimage/digital_hmdp/dingwei_bg.png') bottom
    no-repeat;
	background-size:100%;
	background-color:#ffffff;
	text-align:left;
}
.challange-container h2 {
	text-indent:0rem;
	letter-spacing:0.5rem;
}
.challange-tags {
	width:auto;
	margin-top:1.375rem;
	display:flex;
	flex-wrap:wrap;
}
.challange-tag:first-child,.challange-tag:nth-child(3) {
	margin-left:0;
}
.challange-tag:nth-child(4) {
	margin-left:5rem;
}
.challange-tag-subtitle {
	line-height:1.125rem;
}
.challange-tag {
	margin-top:1.25rem;
	color:rgba(9,15,33,0.5);
	padding:1rem 1.4375rem;
	margin-left:1.6875rem;
	width:auto;
	height:1.125rem;
	transition:all 0.5s;
}
.challange-tag-active {
	color:#090f21;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgb(26 39 59 / 10%);
	border-radius:0.375rem;
	transition:all 0.5s;
}
.challenge-para {
	margin:0 2.0625rem 0 1.3125rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.challenge-para .challange-tag-title {
	font-size:0.875rem;
	width:23.75rem;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.challenge-para .challange-tag-subtitle {
	margin-top:0;
	margin-bottom:1.125rem;
	line-height:1.125rem;
	color:#090f21;
}
/* core鏍稿績 */
.core-container {
	background-color:#f5f7fa;
	padding:4.375rem 0 5.625rem 0;
	overflow:hidden;
}
.core-box {
	margin-top:1.875rem;
	z-index:1;
	width:68.75rem;
	height:34.25rem;
	padding:1.875rem 3.125rem;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1);
	border-radius:1.25rem;
}
.core-img {
	width:100%;
	height:100%;
}
.aps-tabs {
	width:75rem;
	padding-top:1.25rem;
	margin:0 auto;
	display:flex;
	justify-content:center;
}
.aps-tab {
	width:6.25rem;
	margin-right:9.875rem;
	font-size:1.125rem;
	font-weight:400;
	color:rgba(9,15,33,0.5);
	z-index:1;
}
.aps-tab:last-child {
	margin-right:0;
}
.aps-tab-active {
	color:#090f21;
}
.aps-tabs .case-icon-active {
	margin:0.875rem auto -0.125rem auto;
}
/* 鏍稿績鍔熻兘 */
.ability-container {
	background-color:#ffffff;
	padding:3.75rem 0 5.625rem;
}
.card-content1 ul {
	display:flex;
	margin-top:1.8125rem;
	justify-content:space-between;
	width:75rem;
}
.card-content2 ul {
	display:flex;
	margin-top:3rem;
	justify-content:space-between;
	width:75rem;
}
.vertical-icon-box {
	margin-top:0 !important;
	width:22rem;
}
.vertical-icon-box p {
	width:18.75rem;
}
/* //hover涓婄Щ0.625rem */
.vertical-icon-box:hover .icon-box {
	transform:translateY(-0.625rem);
}
/* 搴旂敤鍦烘櫙 */
.app-container {
	padding:4.375rem 0 5.1875rem;
}
.app-content {
	width:75rem;
	margin:0 auto;
	z-index:1;
}
.app-boxes {
	margin-top:2.8125rem;
	display:flex;
	justify-content:space-between;
}
.app-box {
	width:35rem;
	height:25.1875rem;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.06);
	opacity:1;
	border-radius:0.625rem;
}
.app-box-title {
	margin:2.5625rem 0 2.125rem;
	font-size:1.125rem;
	font-weight:400;
	color:rgba(9,15,33,0.5);
}
.app-box-line {
	width:30.6875rem;
	height:0.0625rem;
	background-color:#e1e4ea;
	margin:0 auto;
}
.app-box-img {
	margin-top:1.1875rem;
	width:35rem;
	height:16.75rem;
}
/* 浜у搧鐗圭偣 */
.feature-container {
	padding:5.9375rem 0 5.5625rem 0;
	height:29.375rem;
	background-color:#ffffff;
}
.feature-content {
	width:75rem;
	display:flex;
	justify-content:space-between;
	z-index:1;
}
.feature-tit {
	position:absolute;
	top:16.9375rem;
	left:50%;
	transform:translateX(-50%);
}
.feature-row {
	z-index:2;
	position:relative;
}
.feature-box-content {
	width:17.5rem;
}
.feature-box-icon {
	width:2.625rem;
	height:2.625rem;
	padding:0.5625rem;
	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;
}
.feature-box-icon:hover {
	transform:translateY(-0.625rem);
}
.feature-box-icon img {
	width:100%;
	height:100%;
}
.feature-box-title {
	font-size:1.375rem;
	font-weight:400;
	margin-top:1.25rem;
	color:#090f21;
}
.feature-box-p {
	margin-top:1.25rem;
	width:17.5rem;
	height:4rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.feature-img {
	width:7.25rem;
	height:7.75rem;
	margin-bottom:0.4375rem;
}
.feature-bg-1 {
	position:absolute;
	top:13.5rem;
	left:50%;
	transform:translateX(-50%);
	width:43rem;
	height:43rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 2.5rem rgba(10,44,115,0.06);
	border-radius:50%;
}
.feature-bg-2 {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:5.6875rem;
	width:58.625rem;
	height:58.625rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 2.5rem rgba(10,44,115,0.06);
	border-radius:50%;
	z-index:-1;
}
.feature-bg-3 {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-2.6875rem;
	width:75.375rem;
	height:75.375rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 3.75rem rgba(10,44,115,0.04);
	border-radius:50%;
	opacity:0.76;
	z-index:-2;
}
/* 鏍稿績浼樺娍 */
.values-container {
	padding:4.375rem 0 8.5rem;
}
.value-core-box {
	display:flex;
	position:relative;
	margin-top:2.9375rem;
	z-index:1;
	width:75rem;
	height:25rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08);
	border-radius:1.25rem;
}
.value-box {
	width:30rem;
	background:url('../img/pageimage/digital_onekeeper/value-box-bg.png') right
    bottom no-repeat;
	background-size:27.4375rem 11.8125rem;
}
.value-img {
	position:absolute;
	right:0;
	top:0;
	width:45rem;
	height:25rem;
}
.value-box-title {
	font-size:1.75rem;
	font-weight:500;
	line-height:3rem;
	color:#090f21;
}
.values-container .mobile-tag-p {
	width:20.25rem;
	margin-top:1.5625rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.value-box-para {
	text-align:left;
	margin:5.375rem 0 0 3.8125rem;
}
.value-line {
	position:absolute;
	right:33.75rem;
	width:0.125rem;
	height:25rem;
	background:rgba(255,255,255);
	opacity:0.45;
}
.value-tag-index {
	display:flex;
	margin:8.75rem 0 0 0rem;
	z-index:1;
}
.value-index-circle {
	position:relative;
	width:1.0625rem;
	height:1.0625rem;
	background:rgba(255,255,255);
	border-radius:50%;
	opacity:0.5;
	margin-bottom:2rem;
}
.value-tag-name-active .value-index-circle {
	opacity:1;
}
.value-tag-name-active .value-index-circle::after {
	width:3.6875rem;
	height:3.6875rem;
	content:'';
	display:block;
	position:absolute;
	left:-1.3125rem;
	top:-1.3125rem;
	box-shadow:inset #ffffff 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 0s infinite;
}
.value-tag-name-active .value-index-circle::before {
	width:2.0625rem;
	height:2.0625rem;
	content:'';
	display:block;
	position:absolute;
	left:-0.5rem;
	top:-0.5rem;
	box-shadow:inset #ffffff 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 0s infinite;
}
.value-tag-name {
	margin-top:1.25rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:11.25rem;
	height:6.875rem;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.9375rem;
	color:#ffffff;
}