/* 基于SAP页面样式 */
.contain {
	width:100%;
	height:100%;
	background:#ffffff;
}

/*banner*/
.swiper.swiper-uninitialized .swiper-wrapper {
  opacity: 0;
}
.banner-product {
	width:100%;
	height:33.75rem;
	overflow:hidden;
	position:relative;
	background:url("../../img/pageimage/solutions/supply-chain-banner.png") no-repeat center center;
	background-size:100% 100%;
}
.banner-product-content {
	width:75rem;
	height:100%;
	margin:0 auto;
	position:relative;
}
.banner-product-content h1 {
	position:absolute;
	top:4.25rem;
	left:-0.6875rem;
	color: #ffffff;
	font-size: 2.625rem;   
	line-height: 2.8125rem;  
	font-weight: bold;
	letter-spacing: 0;
	text-indent: 0;
	width: 46.875rem;
}
.banner-product-txt {
	position:absolute;
	top:12.25rem;
	left:-0.6875rem;
	color: #FFFFFF;
	width: 50rem;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 2rem;
}
.banner-product .more-white-see{
	    top: 17.6875rem;
    left: .25rem;
    width: 14.625rem;
}

/* 简介/场景概览 */
.overview-container {
	/* padding:5rem 0 5.625rem; */
	background: #FFFFFF;
	background-size:100%;
	text-align:left;
}
.overview-content {
	position: relative;
	width:75rem;
	height: 11.25rem;
	margin:0 auto;
	display:flex;
	justify-content:center;
	z-index:1;
}
.yinhao {
	position:absolute;
	top:2.625rem;
	left:-1.75rem;
	z-index:-1;
}
.overview-text {
	margin: 0 auto;
	margin-top:1.6875rem;
	width: 34.9375rem;
}
.overview-text p {
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin-bottom: 0.375rem;
}
.overview-img {
	position: relative;
	width: 27.1875rem;
	height: 26.25rem;
	background: #FFFFFF;
	box-shadow: 8px 8px 30px 1px rgba(0,50,126,0.06);
	border-radius: 30px 30px 30px 30px;
	box-sizing: border-box;
	padding: 1.8125rem 0 0 3.1875rem;
}
.overview-img::before{
	content:'';
	display:block;
	width:9.5625rem;
	height:12.0625rem;
	background:url('../img/pageimage/sap/jianjie-before.svg');
	background-size: 100% 100%;
	position:absolute;
	top:11.375rem;
	left:-4.0625rem;
	z-index: -1;
}
.overview-img::after{
	content:'';
	display:block;
	width:10.9375rem;
	height:10.9375rem;
	background:url('../img/pageimage/sap/jianjie-after.svg');
	background-size: 100% 100%;
	position:absolute;
	top:.1875rem;
	right: -2.1875rem;
	z-index: -1;
}
.overview-img img {
	width:19.6875rem;
	height:21.875rem;
}

/* 典型业务挑战 */
.challenges-container {
    background: #F5F7FA;
	padding:4.375rem 0 3.75rem 0;
}
.challenges-grid {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:75rem;
	margin: 0 auto;
	margin-top: 3.3125rem;
}
.challenge-item {
	width: 23.8125rem;
	height: 15.25rem;
	background-color:#FFFFFF;
	border-radius: 18px 18px 18px 18px;
	box-shadow: 8px 8px 30px 1px rgba(0, 50, 126, 0.06);
	padding: 2.5rem;
	box-sizing: border-box;
	margin-bottom: 1.5rem;
}

.challenge-title {
	font-weight: 500;
	font-size: 1.125rem;
	color: #090F21;
	line-height: 1.5rem;
	margin-bottom: 0.75rem;
}
.challenge-desc {
	text-align: center;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}

/* 解决方案组合 - 模仿SAP能力范围样式 */
.industry-container {
	padding:4.375rem 0 3.75rem 0;
	background-color: #FFFFFF;
	text-align: center;
}
.industry-content {
	width:75rem;
	margin: 0 auto;
}
.industry-tabs {
	display:flex;
	justify-content: center;
	gap: 1rem;
}
.industry-tab {
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 1rem;
	color: rgba(9,15,33,0.5);
}
.industry-tab:hover,
.industry-tab.industry-tab-active {
    color: #090f21;
}
.industry-box-content {
	border-radius: .875rem;
	padding: 2rem 2.25rem 5rem;
	text-align: left;
        background-color: #FFFFFF;
    border-radius: 18px 18px 18px 18px;
    box-shadow: 8px 8px 30px 1px rgba(0, 50, 126, 0.06);
}
.industry-left {
	width: 100%;
}
.industry-para-tit {
    text-align:center;
	font-weight: 500;
	font-size: 1.125rem;
	color: #090F21;
	margin-bottom: 1rem;
}
.industry-flex{
    display: flex;
    flex-direction: column;
    align-items:center;
    height: 31.5rem;
    flex-wrap: wrap;
}
.industry-p{
    width:28.4375rem;
    font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color: #090F21;
}
.industry-p p{
	text-align: center;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.sap-font-bold {
	font-weight: bold;
	color: #090F21;
}

/* 关键指标 */
.kpi-container {
    background: #F5F7FA;
	padding:4.375rem 0 3.75rem 0;
}
.kpi-content {
	width:75rem;
	margin: 0 auto;
	margin-top: 3.3125rem;
}
.kpi-intro {
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin-bottom: 2rem;
	text-align: center;
}
.kpi-grid {
	display:flex;
	justify-content: space-between;
	width:75rem;
	margin: 0 auto;
}
.kpi-item {
	width: 14rem;
	text-align: center;
}
.kpi-value {
	font-weight: bold;
	font-size: 2.25rem;
	color: #28ABC3;
	line-height: 2.5rem;
}
.kpi-label {
	font-weight: 500;
	font-size: 1rem;
	color: #090F21;
	line-height: 1.5rem;
	margin-top: 0.5rem;
}
.kpi-source {
	font-size:0.75rem;
	font-weight:400;
	color:rgba(9,15,33,0.3);
	line-height: 1rem;
	margin-top: 0.25rem;
}
.kpi-cta {
	margin-top: 3rem;
	text-align: center;
}
.more-black-see{
	position: relative;
    width: 15.625rem;
    margin: 0 auto;
    margin-top: 1.25rem;
}

/* 典型业务场景 */
.changjing {
	padding:3.75rem 0 5.625rem 0;
	background-color: #FFFFFF;
	text-align: center;
}
.changjing .kpi-intro{
    margin-top:1.25rem;
    width:75rem;
}
.changjing-flex {
	display:flex;
	/* flex-wrap: wrap; */
	justify-content: space-between;
	width:75rem;
	margin: 0 auto;
	/* margin-top: 3.3125rem; */
	gap: 1rem;
}
.changjing-left {
	width: 18.75rem;
	border-radius: .875rem;
	padding: 2rem .9375rem;
	text-align: left;
	box-sizing: border-box;
    background-color: #FFFFFF;
    border-radius: 18px 18px 18px 18px;
    box-shadow: 8px 8px 30px 1px rgba(0, 50, 126, 0.1);
}
.changjing-left .industry-para-tit {
	font-weight: 500;
	font-size: 1.125rem;
	color: #090F21;
	margin-bottom: 1rem;
}
.changjing-left .industry-p {
	/* margin: 0 1.25rem; */
    width:auto;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}

/* FAQ  */
.question{
   background-color: #F5F7FA;
}
.question-content{
    width: 75rem;
    margin: 0 auto;
}
.faq-con{
text-align: left;
}
.faq-ques{
        margin-top: 1.25rem;
    font-size: 1.125rem;
    font-weight: 500;
    /* line-height: 2.5625rem; */
     color: rgba(9, 15, 33, .5); 
}
.faq-answer{
    margin-top: 1.125rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #090F21;
}
.faq-answer .bold,.sap-font-bold{
     font-weight: 500;
}
.qa-link{
    color:#28ABC3;
}
/* 客户案例 */
.case-container {
	padding:4.375rem 0 3.75rem 0;
	background-color: #FFFFFF;
}
.case-card {
	width:75rem;
	margin: 0 auto;
	margin-top: 2rem;
	box-sizing: border-box;
    display:flex;
	justify-content: space-between;
	padding:3rem 5rem;
	background-color: #FFFFFF;
    border-radius: 18px 18px 18px 18px;
    box-shadow: 8px 8px 30px 1px rgba(0, 50, 126, 0.1);
}
.case-content {
	width: 25.8125rem;
    height:16.25rem;
	margin: 0;
	text-align: left;
	position: relative;
}
.case-content-img{
width: 31.25rem;
height: 16.25rem;
}
.case-content-img img{
width: 100%;
height: 100%;
}
.case-title {
	font-weight: 500;
	font-size: 1.125rem;
	color: #090F21;
	line-height: 1.75rem;
	margin-bottom: 1rem;
}
.case-desc {
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin-bottom: 1.5rem;
}
.case-content .more-black-see{
	 width: 11.6875rem;
	 left: 0;
	 margin-left: 0;
}
/* 延伸阅读 */
.related-container {
    background: #F5F7FA;
	padding:4.375rem 0 3.75rem 0;
}
.related-grid {
	display:flex;
	justify-content: space-between;
	width:75rem;
	margin: 0 auto;
	margin-top: 3.3125rem;
}
.related-card {
    position:relative;
	width: 17rem;
    height:15rem;
	background-color: #FFFFFF;
	border-radius: .875rem;
	padding: 1.5rem;
	box-sizing: border-box;
}
.related-title {
    height:3rem;
	font-weight: 500;
	font-size: 1rem;
	color: #090F21;
	line-height: 1.5rem;
	margin-bottom: 0.75rem;
}
.related-desc {
    height:3.75rem;
	font-size:0.75rem;
	font-weight:400;
	line-height:1.25rem;
	color:rgba(9,15,33,0.5);
	margin-bottom: 1rem;
}
.related-container .more-black-see{ 
         width: 9.375rem;
    }

/* 通用样式 */
.card-new h2 {
	position: relative;
	z-index: 99;
	font-size: 2.25rem;
	font-weight: 500;
	margin-top: 0;
	color: #090F21;
	line-height: 2.25rem;
	letter-spacing: 0;
	text-indent: 0;
	text-align: center;
}

/* 响应式 */
@media (max-width: 768px) {
	.banner-product {
		height: 20rem;
	}
	.banner-product-content {
		width: 100%;
		padding: 0 1rem;
		box-sizing: border-box;
	}
	.banner-product-content h1 {
		font-size: 1.5rem;
		line-height: 1.75rem;
		width: 100%;
		top: 3rem;
		left: 1rem;
	}
	.banner-product-txt {
		font-size: 0.75rem;
		line-height: 1.25rem;
		width: 100%;
		top: 9rem;
		left: 1rem;
	}
	.banner-cta {
		top: 14rem;
		left: 1rem;
	}
	.overview-content,
	.challenges-grid,
	.industry-content,
	.changjing-flex,
	.kpi-grid,
	.question-content,
	/* .case-card, */
	.related-grid {
		width: 100%;
		padding: 0 1rem;
		box-sizing: border-box;
		flex-direction: column;
	}
	.challenge-item,
	.changjing-left,
	.kpi-item,
	.related-card {
		width: 100%;
		margin-bottom: 1rem;
	}
	.case-content {
		/* width: 100%; */
	}
	.industry-p{
		text-align: center;
	}
}