.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_kingpass/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;
	font-size:0.875rem;
	font-weight:400;
	line-height:2rem;
	margin-top:1.25rem;
}
/* 鎸戞垬 */
.challange-container {
	padding:5rem 0 5.625rem;
	background:url('../img/pageimage/digital_hiam/yingyong-bg.png') bottom no-repeat;
	background-size:100%;
	background-color:#ffffff;
	text-align:left;
}
.challange-container h2 {
	text-indent:0rem;
}
.challange-content {
	width:75rem;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.challange-p {
	margin-top:1.5rem;
	width:auto;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.challange-tags {
	margin-top:1.9375rem;
	display:flex;
}
.challange-tag:first-child {
	margin-left:0;
}
.challange-tag {
	color:rgba(9,15,33,0.5);
	padding:0.625rem 1.4375rem;
	margin-left:0.375rem;
	width:auto;
	height:2.375rem;
	transition:all 0.5s;
}
.challange-tag-active {
	color:#090F21;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1);
	border-radius:0.375rem;
	transition:all 0.5s;
}
.challange-tag-title {
	color:rgba(9,15,33,0.5);
	font-size:0.875rem;
	font-weight:400;
	line-height:0.875rem;
}
.challange-content .challenge-para .challange-tag-subtitle,.challange-content .challenge-para .challange-tag-title {
	margin-top:-0.6875rem;
}
.challange-content .content-right:nth-child(2) .challange-tag-subtitle {
	margin-top:-0.9375rem;
}
.challange-content .content-right:nth-child(2) .challange-tag-title {
	margin-top:0;
}
.challange-tag-subtitle {
	font-size:1.125rem;
	font-weight:400;
	line-height:2.375rem;
}
.content-right {
	width:40rem;
	height:18.6875rem;
	display:flex;
	background:rgba(255,255,255);
	box-shadow:0.3125rem 0.3125rem 1.25rem rgba(26,39,59,0.1);
	border-radius:1.25rem;
	transition:all 0.5s;
}
.content-right img {
	width:15.625rem;
	height:18.6875rem;
}
.challenge-para {
	margin:0 2.0625rem 0 1.3125rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.challenge-para .challange-tag-title {
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.challenge-para .challange-tag-subtitle {
	margin-top:0;
	margin-bottom:2.4375rem;
	line-height:1.9375rem;
	color:#090F21;
}
/* core鏍稿績 */
.core-container {
	background-color:#F5F7FA;
	padding:4.375rem 0 5.625rem 0;
	overflow:hidden;
}
.core-p {
	z-index:1;
	width:49.5rem;
	height:2.75rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin:0.875rem 0 1.5rem 0;
}
.core-box {
    margin-top: 1.5625rem;
	z-index:1;
	width:55.625rem;
	height:31.25rem;
	padding:1.875rem;
	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%;
}
/* 鏍稿績鍔熻兘 */
.ability-container {
	background-color:#ffffff;
	padding:4.375rem 0 6.875rem;
}
.card-content1 ul {
	display:flex;
	margin-top:1.8125rem;
	justify-content:space-between;
	width:75rem;
}
.card-content2 .vertical-icon-box:first-child {
	margin-top:2.5rem;
}
.card-content2 ul {
	display:flex;
	margin-top:2.875rem;
	justify-content:space-between;
	width:75rem;
}
.vertical-icon-box {
	width:16.25rem;
}

/* 瀹㈡埛妗堜緥 */
.case-container {
	padding:4.375rem 0 5.625rem;
	background:url('../img/pageimage/digital_hiam/case-bg.png') bottom no-repeat;
	background-size:100%;
	background-color:#ffffff;
}
.case-content-df {
	display:flex!important;
	margin-top:0;
}
.case-tags {
	margin-top:2.625rem;
	display:block;
}
.case-tags .challange-tag-subtitle {
	font-weight:500;
	line-height:1.625rem;
}
.case-right {
	margin-top:2.625rem;
}
.content-right:nth-child(3) .case-tag:nth-child(3) span{
	width:7rem !important;
}
.content-right:nth-child(3) .para-df p {
	width:39.5rem !important;
}
.content-right:nth-child(1) .challenge-para:first-child p {
width: 23.875rem;
}
.content-right:nth-child(4) .case-num-txt {
    display: inline-block;
    height: 1.625rem;
    border: 0.0625rem solid #D9D9D9;
    border-radius: 1.0625rem;
    padding: 0 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.625rem;
    color: #090F21;
    opacity: 0.9;
}
.content-right:nth-child(3) .case-fangan{
height: 15.625rem;
}

/*  鎴戜滑鐨勪紭鍔?/
.feature-container {
	padding:7.5rem 0;
	background-color:#F5F7FA;
}
.feature-content {
	width:75rem;
	display:flex;
	justify-content:space-between;
	z-index:1;
}
.feature-tit {
	position:absolute;
	top:11.5rem;
	left:50%;
	transform:translateX(-50%);
}
.value-icon{
    width: 6.875rem;
    height: 1.9375rem;
    margin-bottom: .75rem;
}
.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;
}
.feature-row:nth-child(2) .feature-box-p {
	width:21.375rem;
}
.title-df {
	display:flex;
}
.feature-box-icon {
	width:2.625rem;
	height:2.625rem;
	padding:.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;
	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.25rem;
	width:20.25rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.feature-bg-1 {
	position:absolute;
	top:4.6875rem;
	left:50%;
	transform:translateX(-50%);
	width:20rem;
	height:20rem;
	background:rgba(255,255,255);
box-shadow: 0rem .375rem 2.5rem rgba(10,44,115,0.04);
	border-radius:50%;
}
.feature-bg-2 {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-2.25rem;
	width:34.125rem;
	height:34.125rem;
	background:rgba(255,255,255);
box-shadow: 0rem .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:-11.125rem;
	width:51.625rem;
	height:51.625rem;
	background:rgba(255,255,255);
box-shadow: 0rem .375rem 3.75rem rgba(10,44,115,0.04);
	border-radius:50%;
	opacity:0.4;
	z-index:-2;
}