.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/ito_ams/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.875rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:2rem;
	margin-top:1.25rem;
}
.banner-product .hd-btn {
	width:10.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
	border-color:#ffffff;
	background:none;
	margin:1.6875rem 0 0;
}
.banner-product .hd-btn:hover::before {
	width:10.625rem;
}
.banner-product .hd-btn:hover::after {
	background-position:7.5rem center!important;
}
.banner-product .hd-btn::after {
	color:#ffffff;
	background-image:url('../../static/img/Arrow锛弐ight-black.svg');
  background-size: 1.9375rem .375rem;
	background-position:7.1875rem!important;
}
/* 绠€浠 */
.marketing-container {
	padding:3.75rem 0 6.25rem;
	background:url('../../static/img/pageimage/ito_ams/ams-bg.png') no-repeat
    #f5f7fa right bottom;
	background-size:100%;
	text-align:left;
}
.item-circle-back {
	position:absolute;
	left: -10.625rem;
    bottom: -8.125rem;
	width:18.5rem;
	height:18.5rem;
	background:rgba(255,255,255);
	border-radius:50%;
}
.marketing-container .item-bg2 {
	display:none;
}
.marketing-content {
	position: relative;
	width:75rem;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	z-index:1;
}
.yinhao {
	width:6.25rem;
	height:3.6875rem;
	position:absolute;
	top:0rem;
	left:-1.625rem;
	z-index:-1;
}
.ams {
margin: -0.5rem 0 0 -1.125rem;
    width: 12.5rem;
    height: 7.75rem;
}
.marketing-left {
	margin-top:1.25rem;
}
.marketing-title {
	font-size:1.75rem;
	font-weight:500;
	line-height:2.75rem;
	color:#090f21;
}
.marketing-p {
	width:56.25rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin-top:0.4375rem;
}
/*  鎴戜滑鐨勪紭鍔?/
.feature-container {
	padding:6.25rem 0;
	background-color:#ffffff;
}
.feature-content {
	width:75rem;
	display:flex;
	justify-content:space-between;
	z-index:1;
}
.feature-tit {
	position:absolute;
	top:8rem;
	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;
}
.feature-row:nth-child(2) .feature-box-p {
	width:20rem;
}
.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.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:1.125rem;
	left:50%;
	transform:translateX(-50%);
	width:17.5rem;
	height:17.5rem;
	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:-5.25rem;
	width:30.25rem;
	height:30.25rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 2.5rem rgba(10,44,115,0.04);
	border-radius:50%;
	opacity:0.56;
	z-index:-1;
}
.feature-bg-3 {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-13.5rem;
	width:46.75rem;
	height:46.75rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 3.75rem rgba(10,44,115,0.04);
	border-radius:50%;
	opacity:0.75;
	z-index:-2;
}
.feature-bg-4 {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-21.1875rem;
	width:62.125rem;
	height:62.125rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 3.75rem rgba(10,44,115,0.04);
	border-radius:50%;
	opacity:0.32;
	z-index:-2;
}
.sap-service{
	position: relative;
	height: 17.5rem;
background: url('../img/pageimage/ito_ams/sap-service.png');
background-size: 100% 100%;
}
.sap-service-para{
	padding-top: 3.8125rem;
	margin-left: 11.875rem;
font-size: 2.25rem;
font-weight: bold;
line-height: 2.875rem;
color: #FFFFFF;
}
.sap-service-txt{
font-size: 2rem;
font-weight: 500;
}
/* 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:75rem;
	height:30.3125rem;
}
.core-img {
	width:100%;
	height:100%;
}
/* 浜у搧绾 */
.line-container {
	padding:4.375rem 0 5rem;
	background-color:#ffffff;
}
.line-content {
	width:75rem;
	overflow:inherit;
	margin:0 auto;
	margin-top:3rem;
	padding-bottom:3.4375rem;
}
.line-boxes {
	margin:0 0.625rem;
	display:flex;
	justify-content:space-between;
}
.line-box {
	width:22.5rem;
}
.line-box-title {
	height:1rem;
	text-align:left;
	font-size:1rem;
	font-weight:400;
	color:#090f21;
	margin:0 0 1rem 1.25rem;
}
.line-box-flex {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	height:24.375rem;
	margin-right:-3.75rem;
}
.line-tag-empty {
	width:9.375rem;
	height:2.75rem;
	margin-bottom:2.125rem;
}
.line-tag {
	width:9.375rem;
	height:2.75rem;
	background:linear-gradient(180deg,#8ae0ff 0%,#40bae2 100%);
	box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08);
	border-radius:0.875rem;
	font-size:0.875rem;
	font-weight:500;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#ffffff;
	margin-bottom:2.125rem;
}
.line-icon {
	width:9.375rem;
	height:2.75rem;
	margin-bottom:2.125rem;
	box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08);
}
/* 杩愯惀浣撶郴 */
.system-container {
	padding:4.375rem 0 3.75rem 0;
	overflow:hidden;
}
.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;
}
.aps-line {
	width:75rem;
	height:0.125rem;
	background:rgba(255,255,255);
}
.system-title {
	font-size:1.375rem;
	font-weight:500;
	color:#090f21;
	margin-bottom:1.375rem;
}
.system-container .core-box {
	margin:0 auto;
	margin-top:1.875rem;
	z-index:1;
	width:62.5rem;
	height:32.375rem;
	padding:2rem 4.6875rem 0;
	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;
}
.system-container .core-box::after {
	content:'';
	display:block;
	position:absolute;
	width:6.6875rem;
	height:8.4375rem;
	background:url('../img/pageimage/ito_ams/core-box-back.svg');
   background-size: 100% 100%;
	right:-2.625rem;
	top:3.0625rem;
	z-index:-1;
}
.hzero-core-box {
	width:auto !important;
	overflow:initial !important;
	padding-bottom:0 !important;
}
.hzero-core-box .swiper-wrapper {
	width:71.875rem;
	margin:0 auto;
}
.hzero-core-box .swiper-button-prev,.hzero-core-box .swiper-button-next {
	top:18.75rem;
}
.system-container .core-img {
	width:100%;
	height:27.5rem;
}
/* 鐩戞帶骞冲彴 */
.platform-container {
	padding:4.375rem 0 3.625rem;
	background-color:#ffffff;
}
.core-p {
	margin-top:1.0625rem;
	width:49.5rem;
	height:0.75rem;
	font-size:0.875rem;
	font-weight:400;
	color:rgba(9,15,33,0.5);
}
.platform-container .title-df {
	margin-top:5.125rem;
}
.platform-container .feature-box-icon {
	width:2.625rem;
	height:2.625rem;
	padding:0.5625rem;
	margin-right:1.875rem;
}
.platform-container .feature-box-title {
	font-size:1.125rem;
}
.platform-container .feature-box-p {
	width:16.875rem;
	margin-top:1.25rem;
}
.platform-content {
	text-align:left;
	margin-top:2.0625rem;
	display:flex;
	justify-content:space-between;
}
.platform-img {
	width:52.5rem;
	height:35rem;
}
/* 搴旂敤鍦烘櫙 */
.application-container {
	text-align:left;
	padding:4.375rem 0 5.625rem;
}
.card-new h2 {
	letter-spacing:0.5rem;
	text-indent:0rem;
}
.challange-content {
	z-index:1;
}
.application-container .content-right {
	display:block;
	width:47.4375rem;
	height:23.9375rem;
	margin-right:-7.5rem;
	padding:3.125rem 3.6875rem 4.1875rem;
}
.application-container .challange-tags {
	margin-top:0;
	display:block;
}
.application-container .challange-tag {
	width:17.25rem;
	margin:2rem 0 0 0;
}
.application-container .challange-tag-subtitle {
	line-height:1.125rem;
}
.application-container .challange-tag-title {
	line-height:1.5rem;
}
.senoria-content {
	display:flex;
	flex-wrap:wrap;
}
.senoria-title {
	font-size:1.5rem;
	font-weight:500;
	color:#090f21;
}
.senoria-content .challange-tag-subtitle {
	display:flex;
	align-items:center;
	margin-bottom:0.1875rem;
	margin-top:2.75rem;
}
.senoria-content .challange-tag-title {
	margin-left:3.375rem;
}
.application-container .challenge-para {
	width:20.875rem;
	margin-right:1.875rem;
}
.application-container .challenge-para:nth-child(2n) {
	margin-right:0;
}
.senoria-icon {
	width:2.5rem !important;
	height:2.5rem !important;
	margin-right:0.875rem;
}
.border-tag {
	display:flex;
	width:10.25rem;
	height:2.6875rem;
	background:rgba(245,247,250);
	border-radius:1.375rem;
	font-size:1rem;
	font-weight:400;
	color:#090f21;
	align-items:center;
	margin-right:2.3125rem;
	margin-bottom:3.8125rem;
}
.border-tag:nth-child(3n) {
	margin-right:0;
}
.border-icon {
	padding:0.625rem;
	margin-right:0.75rem;
	width:2.5rem;
	height:2.5rem;
	background:rgba(255,255,255);
	box-shadow:0rem 0.375rem 1.25rem rgba(10,44,115,0.08);
	border-radius:6.25rem;
}
/* 浜у搧浠峰€ */
.values-container {
	padding:4.375rem 0 7.5rem;
	background-color:#ffffff;
}
.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:28.1875rem;
	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:first-child {
	width:16.6875rem;
}
.value-tag-name {
	margin-top:1.25rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:14.0625rem;
	height:6.875rem;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.9375rem;
	color:#ffffff;
}
/* 瀹㈡埛妗堜緥 */
.case-container {
	padding:4.375rem 0 5.625rem;
	background-size:100%;
}
.case-icon-img {
	justify-content:flex-start;
}
.case-content-df {
	margin-top:0;
}
.case-tags {
	margin-top:0.8125rem;
	display:block;
}
.case-tags .challange-tag-subtitle {
	font-weight:500;
	line-height:1.625rem;
}
.case-right {
	margin-top:0.8125rem;
}
.case-content-df:first-child .content-right:first-child .case-para-title {
	margin-top:0.8125rem !important;
}
.case-right .challenge-para:first-child p {
	margin-top:1.5rem;
}
.case-content-df:first-child .case-fangan {
	margin-left:4.8125rem;
	justify-content:flex-start;
}
.case-content-df:first-child .content-right:nth-child(3) .case-tag > span {
	width:4.375rem;
}
.case-content-df:first-child .content-right:nth-child(3) .para-df p {
	width:15.625rem !important;
	margin-right:1.25rem;
}
.case-content-df:first-child
  .content-right:nth-child(3)
  .para-df:nth-child(7)
  p {
	width:38.25rem !important;
}
.case-content-df:first-child .content-right:nth-child(3) .left-para {
	width:24.0625rem !important;
}
.content-right:nth-child(4) .case-para-sub {
	margin-bottom:0.8125rem;
}
.case-content-df:nth-child(2)
  .case-right
  .content-right:nth-child(4)
  .challange-tag-title {
	margin-bottom:1.4375rem;
}
.case-content-df:nth-child(2) .jingmao-content .case-para-title,.case-content-df:nth-child(3) .jingmao-content .case-para-title {
	margin-top:-1.25rem !important;
}
.case-content-df:nth-child(3) .para-df img {
	width:5rem;
	height:1.8125rem;
	margin:0 0.25rem 2.5rem 0;
}
.case-content-df:nth-child(3) .content-right:nth-child(3) .challenge-para {
	justify-content:flex-start;
}
.case-content-df:nth-child(3) .case-fangan {
	justify-content:flex-start;
	align-items:flex-start;
	flex-direction:column;
	margin-left:-7.1875rem;
}
.case-content-df:nth-child(3) .case-num-p:nth-child(3) .case-blue-num::after {
	content:'';
	display:inline-block;
	width:0.875rem;
	height:1.125rem;
	background:url('../img/pageimage/c2m-marketing/arrow_up.svg');
  background-size: 100% 100%;
	margin-left:0.25rem;
}
.case-content-df:nth-child(2) .case-num-p:nth-child(5) .case-blue-num::after,.case-content-df:nth-child(3) .case-num-p:nth-child(4) .case-blue-num::after {
	content:'';
	display:inline-block;
	width:0.875rem;
	height:1.125rem;
	background:url('../img/pageimage/c2m-marketing/arrow_down.svg');
  background-size: 100% 100%;
	margin-left:0.25rem;
}