.contain {
	width:100%;
	height:100%;
	background:#ffffff;
}
/*banner*/
.banner {
	width:100%;
	height:33.75rem;
	overflow:hidden;
	position:relative;
}
.banner-content {
	width:75rem;
	height:100%;
}
.banner .user-meeting {
	background:url("../../static/img/pageimage/sap/banner1.png") no-repeat center center;
    background-size:cover;
}
.banner .user1-meeting {
	background:url("../../static/img/pageimage/sap/banner2.png") no-repeat center center;
    background-size:cover;
}
.banner .user2-meeting {
	background:url("../../static/img/pageimage/sap/banner3.png") no-repeat;
	background-size:100% 100%;
}
.user-meeting-content {
	width:75rem;
	height:100%;
	margin:0 auto;
	position:relative;
}
.user-meeting-minibg {
	position:absolute;
	top:7.25rem;
	left:-0.6875rem;
	height:12.625rem;
	width:46.875rem;
}
/* 白色转黑色的查看更多 */
.user-meeting .more-white-see,
.user1-meeting .more-white-see {
	position:absolute;
	top:20.5rem;
	left:.25rem;
    width: 10.625rem;
    height: 2.5rem;
}
.swiper-button-prev, .swiper-button-next {
    top: 14.875rem;
    transform: scale(0.5);
    width:6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    background-color: #ffffff;}
.swiper-progressbar .swiper-button-prev {
    left: -0.125rem;
}
.swiper-progressbar .swiper-button-next {
    right: -0.125rem;
}

/*  简介*/
.marketing-container {
	padding:5rem 0 5.625rem;
    background: #FFFFFF;
	background-size:100%;
	text-align:left;
}
.marketing-content {
	position: relative;
	width:75rem;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	z-index:1;
}
.yinhao {
	position:absolute;
	top:2.625rem;
	left:-1.75rem;
	z-index:-1;
}
.marketing-left {
	margin-top:3.6875rem;
}
.marketing-p {
	width:34.9375rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin-top:1.25rem;
}
.marketing-right{
    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;
}
.marketing-right::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;
}
.marketing-right::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;
}
.marketing-right img {
	width:19.6875rem;
	height:21.875rem;
}
/*  我们的优势*/

.feature-container {
	padding:4.375rem 0 3.75rem 0;
background: linear-gradient( 360deg, #FFFFFF 0%, #F4F7FA 100%);
}
.feature-container h2{
letter-spacing: .5rem;
}
.feature-h-p{
    margin-top: .625rem;
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
line-height: 1.5rem;
}
.feature-content {
    margin-top: 3.3125rem;
	width:75rem;
	display:flex;
	justify-content:space-between;
	z-index:1;
}
.feature-left-box{
    padding-top: 4.375rem;
    box-sizing: border-box;
    position: relative;
    width: 30.125rem;
    height: 35.25rem;
    background: #FFFFFF;
    box-shadow: 8px 8px 30px 1px rgba(0,50,126,0.1);
    border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
    -ms-border-radius: 14px 14px 14px 14px;
    -o-border-radius: 14px 14px 14px 14px;
}
.feature-left-box .yinhao{
width: 3.875rem;
height: 2.75rem;
    z-index: 1;
    position: absolute;
}
.feature-left-box::before{
	content: '';
    display: block;
    width: 6.125rem;
    height: 7.5rem;
    background: url(../img/pageimage/sap/jianjie-before.svg);
    background-size: 100% 100%;
    position: absolute;
    top: .1875rem;
    right: -2.25rem;
    z-index: -1;
}
.feature-left-box::after{
	content:'';
	display:block;
	width:10.9375rem;
	height:10.9375rem;
	background:url('../img/pageimage/sap/feature-after.svg');
  background-size: 100% 100%;
	position:absolute;
	top: 25.1875rem;
    left: -3rem;
    z-index: -1;
}
.feature-tit{
    display: flex;
}
.feature-tit h2{
	font-weight: 400;
font-size: .75rem;
color: #84868D;
line-height: 0rem;
letter-spacing: .3125rem;
margin-top: 1.625rem;
}
.feature-tit h1{
    font-weight: 500;
font-size: 1.625rem;
color: #090F21;
line-height: 2.75rem;
text-align: left;
}
.feature-row {
	z-index:2;
	position:relative;
}
.title-df {
	display:flex;
}
.feature-box-icon {
    margin-top: .1875rem;
	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 {
    margin-top:1rem;
    font-weight: 400;
font-size: 1.125rem;
color: #090F21;
line-height: 0rem;
text-align: left;
}
.feature-box-p {
	margin-top:1rem;
	width:35rem;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.feature-box-content{
margin-top: 1.25rem;
}
.feature-row .more-black-see {
	position:absolute;
	left:0;
    margin-top: 2.8125rem;
}
.feature-left-para{
    margin: 0 0 0 4.625rem;
    width: 22.5rem;
font-weight: 400;
font-size: 1.125rem;
color: #090F21;
line-height: 2rem;
text-align: left;
position: relative;
z-index: 1;
}
.feature-left-img{
    position: absolute;
    bottom: 0;
width: 30.125rem;
height: 17.6875rem;
}
.feature-left-img img{
    width: 100%;
    height: 100%;
}
.feature-mask{
        box-sizing: border-box;
    padding: 1.5rem 0 0 3.5625rem;
    position: absolute;
    bottom: 0;
width: 30.125rem;
height: 5.8125rem;
background: rgba(9, 15, 33, 0.61);
border-radius: 0px 0px 14px 14px;
z-index: 1;
font-weight: 500;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 1.125rem;
text-align: left;
}
.feature-mask .litte{
    font-weight: 400;
font-size: .625rem;
color: #FFFFFF;
line-height: 1.125rem;
letter-spacing: .125rem;
}
.feature-mask .box-tag-button{
    position: absolute;
        right: 2.75rem;
    top: 1.5625rem;
    width: 6.25rem;
height: 1.75rem;
background: #F9FAFC;
border-radius: 20px 20px 20px 20px;
}
.feature-mask .box-tag-button:hover{
    background: #00D3E5;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.feature-mask .box-tag-button:hover span{
    color: #FFFFFF;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.feature-mask .box-tag-button:hover .icon{
     transition:all 0.5s;
     background-color: #FFFFFF;
     background-image:url("../img/pageimage/sap/jinru-hover.svg");
     -webkit-transition:all 0.5s;
     -moz-transition:all 0.5s;
     -ms-transition:all 0.5s;
     -o-transition:all 0.5s;
}
.feature-mask .box-tag-button span{
    margin: .4375rem 0 0 .625rem;
font-weight: 400;
font-size: .625rem;
color: #090F21;
line-height: 1.75rem;
text-align: left;
}
.feature-mask .box-tag-button .icon{
    position: absolute;
    top: .25rem;
    right: .375rem;
  background-image:url("../img/pageimage/sap/jinru.svg");
  width: 1.25rem;
  height: 1.25rem;
  background-size: 100% 100%;
  background-color: #00D3E5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* 核心优势 */
.ability-container {
	background-color:#ffffff;
	padding:4.0625rem 0 7.5rem;
}
.card-content1 ul {
	display:flex;
	margin-top:2.375rem;
	justify-content:space-between;
	width:75rem;
}
.card-content1 ul .vertical-icon-box{
    width: 16.25rem;
}
.card-content1 ul .vertical-icon-box h2{
    margin-top: .75rem;
    margin-bottom: -0.4375rem;
}

/* 客户案例 */
.case-container {
    background-color: #FFFFFF;
	padding:4.375rem 0 0;
	background-size:100%;
}
.case-iconbox{
    background: #FFFFFF;
      border-radius: 10px 10px 10px 10px;
width: 13.75rem;
height: 3.875rem;
margin-top: .125rem;
    box-sizing: border-box;
    padding: .6875rem;
    margin: 1px;
}
.case-iconbox img{
	width: 10rem;
	height: 2.375rem;
}
.case-tag-hidden{
      border-radius: 10px 10px 10px 10px;
height: 4rem;
  width: 13.9375rem;
  overflow: hidden;
}
@media (min-width:1680px) {
.case-tag-hidden{
	height: 4.0625rem;
}
	}
.case-tag-hidden-active{
 box-shadow: 6px 6px 20px 1px rgba(0,50,126,0.08);
    border-radius: 10px 10px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #22C9DE; */
    animation:  colorchange 1s linear;
    -webkit-animation:  colorchange 1s linear;
}
.case-iconbox-active::before{
  content: '';
   border-radius: 10px 10px 10px 10px;
  position: absolute;
  top: -2px;
  left: -2px;
  height: 4.0625rem;
  width: 13.9375rem;
  z-index: -1;
  /*border: 1px solid #22C9DE;
  */background-image: conic-gradient(#22C9DE,#22C9DE,#22C9DE,#22C9DE);
  animation: rotate 1s linear 1;
  -webkit-animation: rotate 1s linear 1;
}
.case-iconbox-active{
      border-radius: 10px 10px 10px 10px;
    position: relative;
    margin: 1px;
}
@keyframes colorchange {
0% {
box-shadow: none;
}
100% {
box-shadow: 6px 6px 20px 1px rgba(0,50,126,0.08);}
}
@keyframes rotate {
  0% {
    background-image:conic-gradient(transparent,transparent,transparent,#22C9DE);
    transform: rotate(0deg);
  }
  50%{
     background-image:conic-gradient(transparent,transparent,#22C9DE,#22C9DE);
  }
  75%{
    background-image:conic-gradient(transparent,#22C9DE,#22C9DE,#22C9DE);
  }
  100%{
    transform: rotate(360deg);
  background-image: conic-gradient(#22C9DE,#22C9DE,#22C9DE,#22C9DE);
  }
}
.case-icon-img {
	    width: 75rem;
    height: 5.0625rem;
    margin: 0 auto;
    margin-top: 0.9375rem;
    display: flex;
    justify-content: space-between;
    z-index: 1;
        padding:3px 2px 0 2px;
    box-sizing: border-box;

}
.case-log-change{
    margin-top: 2.875rem;
}
.case-content-df {
	margin-top:0;
}
.case-tag-title{
font-weight: 500;
font-size: 1.125rem;
color: #090F21;
text-align: center;
}
.case-tag-p{
        margin-top: .5rem;
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
}
.case-tags {
	margin-top:2.9375rem;
	display:block;
    z-index: 1;
}
.case-right{
    z-index: 1;
}
.case-tags .challange-tag{
    margin-top: .4375rem;
}
.case-tags .challange-tag-subtitle {
	font-weight:500;
	line-height:1.625rem;
}
.case-con{
width: 100%;
background-color: #f5f7fa;
    padding-bottom: 3.75rem;
}

.case-tag-para{
width: 7rem;
height: 1.75rem;
background: #F6F8FB;
border-radius: 4px 4px 4px 4px;
padding: .4375rem .875rem;
box-sizing: border-box;
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
margin-top: .9375rem;
}
.case-right .jingmao-content img{
    width: 28.6875rem;
    height: 22.5rem;
    margin-top: -3.625rem;
    margin-right: -1.625rem;
}
.case-right .challenge-para:first-child p{
margin-top: 1rem;
    width: 24.8125rem;
}
.yewu-title{
    margin: -0.5rem 0 .8125rem -1.6875rem;
    font-weight: 500;
font-size: 1.125rem;
color: #090F21;
/* line-height: 28px; */
}
.yewu-title-blod{
    font-weight: 500;
    color: #090F21;
}
.case-fangan-bold{
    font-weight: 500;
font-size: 1.125rem;
color: #090F21;
line-height: 1.75rem;
text-align: center;
margin-left: -5.25rem;
    margin-top: 1rem;
}
.case-right .content-right:nth-child(4) .challange-tag-title{
    font-weight: 400;
font-size: .75rem;
color: rgba(9,15,33,0.5);
margin-left: -1.375rem;
}
.case-right .content-right:nth-child(4) .challange-tag-title::before{
      display: none;
}
.case-right .content-right:nth-child(4) .jiazhi-bold-tit::before{
  display: block;
    content: '';
    width: .875rem;
    height:.875rem;
    border: none;
    position: absolute;
    top: 0;
    left: -1.3125rem;
    background: url('../img/pageimage/d_hdsp/jiazhi-before.svg');
    background-size: 100% 100%;
}
.jiazhi-bold-tit{
    position: relative;
    font-weight: 400;
font-size: 1rem;
color: #090F21;
text-align: left;
}
.case-content-df:first-child .content-right:nth-child(2) .challange-tag-title,
.case-content-df:nth-child(2) .content-right:nth-child(2) .challange-tag-title{
line-height: 1.75rem;
width: 30.25rem;
margin-top: 4.1875rem;
}
.case-content-df:nth-child(3) .content-right:nth-child(2) .challange-tag-title,
.case-content-df:nth-child(4) .content-right:nth-child(2) .challange-tag-title,
.case-content-df:nth-child(5) .content-right:nth-child(2) .challange-tag-title{
    line-height: 1.75rem;
    width: 30.25rem;
    margin-top: 1.875rem;
}
.case-content-df:first-child .content-right:nth-child(3) .para-df img,
.case-content-df:nth-child(2) .content-right:nth-child(3) .para-df img,
.case-content-df:nth-child(4) .content-right:nth-child(3) .para-df img,
.case-content-df:nth-child(5) .content-right:nth-child(3) .para-df img{
width: 2.5rem;
height: 1.6875rem;
}
.case-content-df:first-child .content-right:nth-child(3) .case-fangan{
justify-content: flex-start;
margin-top: -2.3125rem;
}
.case-content-df:first-child .content-right:nth-child(3) .para-df{
	margin-top: .9375rem;
}
.case-content-df:nth-child(2) .content-right:nth-child(3) .para-df{
margin-top: -1.875rem;
}
.case-content-df:nth-child(2) .content-right:nth-child(3) .para-df:nth-child(2n-1){
margin-right: 2.375rem;
}
.case-content-df:first-child .content-right:nth-child(4) .challenge-para,
.case-content-df:nth-child(2) .content-right:nth-child(4) .challenge-para{
    margin-right: 2.8125rem;
}
.case-content-df:first-child .content-right:nth-child(4) .left-para,
.case-content-df:nth-child(2) .content-right:nth-child(4) .left-para{
margin: 0 0 0 3.6875rem;
}
.case-content-df:first-child .content-right:nth-child(3) .para-df img{
	margin:0;
}
.case-content-df:first-child .content-right:nth-child(3) .case-fangan-bold{
	margin-left: .8125rem;
	text-align: left;
}
.case-content-df:first-child .content-right:nth-child(3) .challange-tag-title{
line-height: 1.75rem;
margin-top:-0.1875rem;
	width: 44.625rem;
	margin-left: .6875rem;
}
.case-content-df:nth-child(2) .content-right:nth-child(3) .challange-tag-title,
.case-content-df:nth-child(4) .content-right:nth-child(3) .challange-tag-title{
line-height: 1.75rem;
width: 19.375rem;
margin-top:-0.1875rem;
}
.case-content-df:nth-child(3) .content-right:nth-child(3) .challange-tag-title{
line-height: 1.75rem;
width: 19.375rem;
margin-top:0;
}
.case-content-df:first-child .content-right:nth-child(4) .jiazhi-bold-tit,
.case-content-df:nth-child(2) .content-right:nth-child(4) .jiazhi-bold-tit,
.case-content-df:nth-child(3) .content-right:nth-child(4) .jiazhi-bold-tit,
.case-content-df:nth-child(4) .content-right:nth-child(4) .jiazhi-bold-tit,
.case-content-df:nth-child(5) .content-right:nth-child(4) .jiazhi-bold-tit{
font-weight: 500;
font-size: 1.125rem;
color: #090F21;
/* line-height: 1.75rem; */
text-align: left;
}
.case-content-df:nth-child(3) .content-right:nth-child(4) .jiazhi-bold-tit{
   margin:1.25rem 6.625rem 0 0;
   width: 45rem; 
}
.case-content-df:nth-child(3) .content-right:nth-child(4) .jiazhi-bold-txt1,
.case-content-df:nth-child(5) .content-right:nth-child(4) .jiazhi-bold-txt1{
width: 45rem!important;
margin-top: .5625rem;
margin-left: -0.3125rem!important;
}
.case-blue-num span{
    font-size: .875rem;
}
 .case-content-df:nth-child(2) .content-right:nth-child(4) .case-num-p,
 .case-content-df:nth-child(3) .content-right:nth-child(4) .case-num-p{
    margin-top: .9375rem;
}
.case-content-df:first-child .content-right:nth-child(4) .jiazhi-tit-b,
.case-content-df:nth-child(2) .content-right:nth-child(4) .jiazhi-tit-b,
.case-content-df:nth-child(3) .content-right:nth-child(4) .jiazhi-tit-b,
.case-content-df:nth-child(4) .content-right:nth-child(4) .jiazhi-tit-b,
.case-content-df:nth-child(5) .content-right:nth-child(4) .jiazhi-tit-b{
font-weight: 500;
font-size: .875rem;
color: #090F21;
line-height: 1.375rem;
text-align: left;
margin-left: -1.5rem;
margin-top: -0.375rem;
width: 46.25rem;
}
.case-content-df:first-child .content-right:nth-child(4) .jiazhi-bold-txt1,
.case-content-df:nth-child(2) .content-right:nth-child(4) .jiazhi-bold-txt1,
.case-content-df:nth-child(3) .content-right:nth-child(4) .jiazhi-bold-txt1,
.case-content-df:nth-child(4) .content-right:nth-child(4) .jiazhi-bold-txt1,
.case-content-df:nth-child(5) .content-right:nth-child(4) .jiazhi-bold-txt1{
	width: 20rem;
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
line-height: 1.75rem;
text-align: left;
margin-left: -1.3125rem;
}
.case-content-df:nth-child(2) .content-right:nth-child(4) .jiazhi-bold-txt1{
    width: 45rem;
    margin-top: .5625rem;
    margin-left: -0.3125rem;
}
.case-content-df:nth-child(2) .content-right:nth-child(3) .para-df .case-fangan-bold,
.case-content-df:nth-child(4) .content-right:nth-child(3) .para-df .case-fangan-bold,
.case-content-df:nth-child(5) .content-right:nth-child(3) .para-df .case-fangan-bold{
text-align: left;
margin-top: 0;
margin-left: 0;
}
.case-content-df:nth-child(2) .content-right:nth-child(4)  .jiazhi-bold-tit::before,
.case-content-df:nth-child(3) .content-right:nth-child(4)  .jiazhi-bold-tit::before,
.case-content-df:nth-child(5) .content-right:nth-child(4)  .jiazhi-bold-tit::before{
        top: .3125rem;
    left: -1.625rem;
}
.case-content-df:nth-child(4) .content-right:nth-child(4)  .jiazhi-bold-tit::before{
    display: none;
}
.case-content-df:nth-child(3) .case-blue-num::after,
.case-content-df:nth-child(5) .case-blue-num::after,
.case-content-df:nth-child(4) .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%;
}
/* 能力 */
.industry-container{
    background: #F5F7FA;
    padding: 4.375rem 0 3.75rem 0;
}
.industry-tabs{
    width: 75rem;
}
.industry-box-content{
    width: 75rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.industry-box-content:nth-child(4) .industry-left{
background: url("../img/pageimage/sap/ability4-bg.svg") #FFFFFF bottom center;
background-size: 100% 100%;
}
.industry-left{
width: 43.8125rem;
height: 29.25rem;
background: url("../img/pageimage/sap/ability-bg.svg") #FFFFFF bottom right;
background-position-y: 1.5rem;
background-size: 100% 100%;
/* background-color: #FFFFFF; */
border-radius: 18px 18px 18px 18px;
}
.industry-left .industry-p{
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
line-height: 1.5rem;
text-align: left;
    margin-top: 2.0625rem;
    margin-left: 3.8125rem;
    width: 34.1875rem;
}
.industry-left .industry-p p:nth-child(2),
.industry-left .industry-p p:nth-child(3){
    margin-top: .8125rem;
}
.industry-left .industry-para-tit{
    margin-top: 4.375rem;
    margin-left: 3.875rem;
font-weight: 500;
font-size: 1.75rem;
color: #090F21;
line-height: 0rem;
text-align: left;

}
.industry-right{
    width: 29.4375rem;
    height: 29.25rem;
    border-radius: 13px 13px 13px 13px;
    -webkit-border-radius: 13px 13px 13px 13px;
    -moz-border-radius: 13px 13px 13px 13px;
    -ms-border-radius: 13px 13px 13px 13px;
    -o-border-radius: 13px 13px 13px 13px;
}
.industry-right img{
    width: 100%;
    height: 100%;
}


/*  */
/* 客户案例 */