/*解决左右拉动问题*/
.contain {
    overflow: hidden;
}

/*nav*/
.intro_nav_box {
    background: #F8F9FA;
}

.intro_nav_tip {
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #090F21;
    line-height: 40px;
    cursor: default;
    text-align: center;
}

.curentss {
    border-bottom: 2px solid #4DB7DD;
    box-sizing: border-box;
}

.swiper-nav {
    overflow: hidden;
    box-sizing: border-box;
}

.swiper-nav .swiper-wrapper {
    box-sizing: border-box;
}

.swiper-nav .swiper-slide {
    width: auto;
}

/*banner*/
.hd-banner-img {
    padding: 50px 26px 0;
}

.banner-bg {
    height: 404px;
}

.swiper-slide .banner-til {
    padding: 50px 0 0;
    font-size: 26px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 37px;
    letter-spacing: 1px;
    text-align: center;
}

.swiper-slide .banner-tet {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 17px;
    letter-spacing: 5px;
    text-align: center;
}

.swiper-slide .banner-p {
    padding: 8px 20px 0;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    line-height: 17px;
    box-sizing: border-box;
    text-align: center;
}

/*轮播图*/
.swiper-container {
    position: relative;
    z-index: 99;
}

.banner-swiper .swiper-paginations {
    text-align: center;
    height: 6px;
    position: absolute;
    z-index: 9999;
    margin-bottom: 11px;
}

/*轮播分页器*/
@keyframes progressbar-dot {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.swiper-pagination-bullet {
    width: 30px;
    margin: 0 6px !important;
}

.swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ececec;
    opacity: 1;
}

.swiper-pagination-bullet-active::after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    font-size: 0;
    line-height: 0;
    border-radius: 3px;
    background-color: #4DB7DD;
    animation: progressbar-dot linear 5s;
    animation-fill-mode: forwards;
}

/*<!--谈球吧拥有充足资源的SAP实施团队-->*/
.overview-intro {
    background: #FFFFFF;
    padding: 40px 20px;
    box-sizing: border-box;
}

.overview-intro-right {
    width: 335px;
    height: 188px;
}

.overview-intro-left h2 {
    margin: 20px 0 14px;
    font-size: 16px;
    font-weight: 500;
    color: #090F21;
    line-height: 22px;
    text-align: center;
}

.overview-intro-left .title_txt_text {
    font-size: 14px;
    font-weight: 400;
    color: #090F21;
    line-height: 30px;
}

.title_txt {
    /*height: 120px;*/
    font-size: 14px;
    font-weight: 400;
    color: #090F21;
    line-height: 30px;
    position: relative;
}

.open-all {
    width: 56px;
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #4DB7DD;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
}

/*<!--我们的服务-->*/
.netsuite-service-con {
    display: flex;
    flex-wrap: wrap;
    height: 358px;
    justify-content: space-between;
    align-content: space-between;
    padding: 20px 20px 0;
}

.netsuite-service-tip {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 160px;
    height: 174px;
    background: #FFFFFF;
    box-shadow: 0px 2px 7px 0px rgba(12, 37, 91, 0.1);
}

.netsuite-service-tip img {
    margin-top: 30px;

}

.netsuite-service-tip h3 {
    margin: 12px auto;
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #090F21;
    line-height: 25px;
}

.netsuite-service-tip h4 {
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #090F21;
    line-height: 17px;
}

/*<!--我们的产品-->*/
.advantage-content {
    padding: 0 20px;
}

.product-img {
    margin: 40px auto 0;
}

.product-word h2 {
    height: auto;
    font-size: 18px;
    font-weight: 500;
    color: #090F21;
    line-height: 25px;
    margin: 12px auto;
    letter-spacing: 0px;
    text-align: center;

}

.product-word p {
    font-size: 12px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.5);
    line-height: 24px;
}

/*数字滚动？*/
.compete_box {
    /*width: 375px;*/
    position: relative;
    height: 278px;
    background: #F8F9FA;
}

.compete {
    padding: 20px 0 60px;
}

.compete_tips {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;

}

.compete_tip2 {
    width: 335px;
    height: 68px;
    font-size: 22px;
    font-weight: 400;
    color: #090F21;
    line-height: 34px;
    margin: 80px auto 0;
    z-index: 999;
}

.see-more {
    margin-top: 20px;
}

/*服务行业*/
.sub-contain {
    width: 100%;
    margin-top: 10px;
}

.industrial-park {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 0 12px 0 20px;
    height: 64px;
    background: #FFFFFF;
    color: #4DB7DD;
    display: flex;
    align-items: center;
    /*align-content: center;*/
    /*justify-content: space-between;*/
    position: relative;
}

.xiajiantou {
    width: 16px;
    height: 16px;
    /*transform: rotate(360deg);*/
    transition: all 0.3s;
    position: absolute;
    right: 12px;
}

.industrial-park-hr {
    margin: 0 17px;
    height: 1px;
    background: #DFE2E4;
}

.message-details {
    padding: 20px;
    /*height: 120px;*/
    background: #F8F9FA;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.5);
    /*line-height: 30px;*/
}

.message-details-top {
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 12px;
    font-weight: 400;
    color: #090F21;
    line-height: 17px;
}

.message-details p {
    padding-top: 16px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.5);
    line-height: 24px;
}

.sub-tip-img {
    display: flex;
    align-items: center;
    width: 125px;
    height: 30px;
}

.buttom-more {
    margin: 20px auto 0;
    width: 116px;
    height: 30px;
    border: 1px solid #333333;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buttom-more-text {
    width: 56px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin-left: 20px;
}

.industrial-park-text {
    margin-left: 8px;
}

/*成功案例*/
.case_contain-right {
    width: auto;
    height: 128px;
    padding: 10px 20px 0 20px;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}

.case_contain-right .logo-contain {

    width: 160px;
    height: 57px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case_contain-right .clicked {
    width: 160px;
    height: 57px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(12, 37, 91, 0.1);
    z-index: 9999;
}

.case_contain-left {
    margin: 0 20px;
    /*height: 395px;*/
    background: #F8F9FA;
}

.tabpanel {
    /*height: 395px;*/
    background: #F8F9FA;
    padding: 0 20px;
}

.tabpanel-text1 {
    padding-top: 30px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #090F21;
    line-height: 22px;
    text-align: center;
}

.tabpanel-text2 {
    margin-top: 12px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.5);
    line-height: 17px;
    text-align: center;
}

.tabpanel-text3 {
    margin-top: 12px;
    /*height: 270px;*/
    font-size: 14px;
    font-weight: 400;
    color: #090F21;
    line-height: 30px;
    /*padding-bottom: 32px;*/
    /*text-align: center;*/
}

.div_bottom {
    height: 16px;
    width: 100%;
    background: linear-gradient(
            0deg, rgba(234, 240, 247, 0.55) 0%, rgba(255, 255, 255, 0) 100%);
}

/*相关推荐*/
.about-recommend_swiper {
}

.about-recommend_swiper .about-recommend-content-text {
    margin-top: 21px;
    padding: 0 20px;
    height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #090F21;
    line-height: 24px;
}

.about-recommend-content {
    margin: 3px auto 0;
    width: 335px;
    height: 274px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px 0px rgba(12, 37, 91, 0.1);
}

.about-recommend-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    margin-top: 8px;
    padding: 0 20px;
    width: 295px;
    height: 60px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.5);
    line-height: 30px;
}

/*轮播图*/
.about-recommend_swiper {
    /*transform: translateX(20px);*/
    margin-top: 17px;
}

.about-recommend_swiper .swiper-slide {
    width: 335px;
    padding: 0;
}

.about-recommend_swiper .swiper-paginations {
    text-align: center;
    height: 14px;
    margin-top: 12px;
    /*margin-bottom: 40px;*/
}


.htms-advantage {
	background:#ffffff;
}
.advantage-content {
	width:75rem;
	margin:0 auto;
	position: relative;
	z-index: 1;
}
.htms-box {
	margin-top: 3.125rem;
	padding: 3.125rem;
	box-sizing: border-box;
	width: 75rem;
	/* height: 28.875rem; */
	background: #FFFFFF;
	box-shadow: 0rem .375rem 1.25rem .0625rem rgba(10,44,115,0.06);
	border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
	
	position: relative;
}
.htms-box::after{
	content: '';
	display: inline-block;
	width: 6.6875rem;
	height: 8.4375rem;
	background: url('/static/img/pageimage/oracle_netsuite/htms-box-back.svg');
	background-size: 100% 100%;
	position: absolute;
	right: -2.5rem;
	top: 0;
	z-index: -1;
}
.htms-box:nth-child(2n):after{
left: -2.5rem;
}
.htms-box-top{
	display: flex;
}
.htms-box-left {
width: 30rem;
margin-right: 1.25rem;
}
 .htms-box-left-tit {
	margin-top: 2.6875rem;
	text-align: left;
	font-weight: 500;
	font-size: 1.75rem;
	color: #090F21;
	line-height: 2.4375rem;
}
.htms-box-left-tit-span{
	color: #28ABC3;
}
.htms-box-left-txt {
	text-align: left;
	margin-top: 1.375rem;
	font-weight: 400;
	font-size: .875rem;
	color: rgba(9,15,33,0.5);
	line-height: 1.4375rem;
	text-align: left;
}
.htms-box-right {
width: 37.5rem;
height: 16.875rem;
}
.htms-box-right img {
width: 100%;
height: 100%;
}
.htms-bottom {
	margin-top: 1.875rem;
display: flex;
justify-content: space-between;
}
.htms-bottom-tag{
    text-align: center;
	font-weight: 500;
	font-size: 1.125rem;
	color: #84868D;
	line-height: 3.875rem;
	padding: 0 3.75rem;
	box-sizing: border-box;
	/*width: 12.875rem;
	*/height: 3.875rem;
	background: #F5F7FA;
	border-radius: .5rem .5rem .5rem .5rem;
}
.htms-bottom-tag-active{
	color: #FFFFFF;
	transform:translateY(-1.25rem);
	background: linear-gradient( 270deg, #67D3FA 0%, #00AEEA 100%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transform:translateY(-1.25rem);
	-moz-transform:translateY(-1.25rem);
	-ms-transform:translateY(-1.25rem);
	-o-transform:translateY(-1.25rem);
}
.htms-tag-box{
	display: none;
	/* justify-content: space-between; */
	position: relative;
	margin-top: 2.1875rem;
	width: 68.75rem;
	height: 22.5rem;
	background: #FFFFFF;
	border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
	border: .0625rem solid #22C9DE;
	padding:2.75rem 0rem 2.75rem .25rem;
	box-sizing: border-box;
}
.htms-tag-box::before{
	content: '';
	width: 2rem;
	height: 1.5rem;
	position: absolute;
	top: -1.5rem;
	display: block;
	background: url('/static/img/pageimage/oracle_netsuite/chang-box-before.svg');
	background-size: 100% 100%;
}
.htms-bottom-change-erp .htms-tag-box:first-child::before{
	left: 5.3125rem;
}
.htms-bottom-change-erp .htms-tag-box:nth-child(2)::before{
	left: 19.1875rem;
}
.htms-bottom-change-erp .htms-tag-box:nth-child(3)::before{
	left: 32.75rem;
}
.htms-bottom-change-erp .htms-tag-box:nth-child(4)::before{
	left: 47.5625rem;
}
.htms-bottom-change-erp .htms-tag-box:nth-child(5)::before{
	left: 61.5rem;
}
.htms-bottom-change-crm .htms-tag-box:first-child::before{
	left: 6.125rem;
}
.htms-bottom-change-crm .htms-tag-box:nth-child(2)::before{
	left: 23.6875rem;
}
.htms-bottom-change-crm .htms-tag-box:nth-child(3)::before{
	left: 40.375rem;
}
.htms-bottom-change-crm .htms-tag-box:nth-child(4)::before{
	left: 60.0625rem;
}
.htms-bottom-change-cmc .htms-tag-box:first-child::before{
	left: 6.0625rem;
}
.htms-bottom-change-cmc .htms-tag-box:nth-child(2)::before{
	left: 33.125rem;
}
.htms-bottom-change-cmc .htms-tag-box:nth-child(3)::before{
	left: 58.25rem;
}
.htms-tag-box::after{
	content: '';
	width: 24rem;
	height: 13.6875rem;
	position: absolute;
	bottom: 0rem;
    right: 0;
	display: block;
	background: url('/static/img/pageimage/oracle_netsuite/change-box-after.svg');
	background-size: 100% 100%;
}
.htms-tag-box-img{
width: 29.875rem;
height: 17rem;
margin-right: 4.0625rem;
}
.htms-tag-box-content{
	width: 26.3125rem;
margin-top: 1.375rem;
margin-right: 4.4375rem;
}
.htms-tag-box-content-tit{
	font-weight: 500;
	font-size: 1.5rem;
	color: #090F21;
	line-height: 2.125rem;
	text-align: left;
}
.htms-tag-box-content-txt{
	margin-top: .9375rem;
	font-weight: 400;
	font-size: .875rem;
	color: rgba(9,15,33,0.5);
	line-height: 1.4375rem;
	text-align: left;
}
.htms-tag-box-content-txt-sub{
margin-right: 1.25rem;
}
.htms-tag-box-content-txt-subtit{
	font-weight: 400;
font-size: 1rem;
color: #090F21;
line-height: 1.375rem;
margin-bottom: .4375rem;
}
.htms-bottom-right {
	width: 33.8125rem;
	height: 19.25rem;
	margin-top: .625rem;
    margin-left: -1.4375rem;
}
.htms-bottom-right img {
		width: 100%;
		height: 100%;
}
.htms-bottom-left{
	margin-top: 1.625rem;
}
.htms-bottom-left-tit{
	text-align: left;
	font-weight: 500;
	font-size: 1.125rem;
	color: #090F21;
	line-height: 1.5rem;
}
.htms-bottom-left-txt{
	margin-top: -0.4375rem;
	text-align: left;
	width: 31.5625rem;
	font-weight: 400;
	font-size: .875rem;
	color: rgba(9,15,33,0.5);
	line-height: 1.5rem;
}
.htms-bottom-left-txt p{
	margin-top:1.3125rem;
}
.htms-ai-bottom{
	margin-top: -1.875rem;
	width: 100%;
display: flex;
justify-content: space-between;
}
.htms-ai-box{
text-align: left;
}
.htms-ai-box-tit{
	font-weight: 400;
	font-size: 1.125rem;
	color: #090F21;
	line-height: 1.5625rem;
}
.htms-ai-box-txt{
	font-weight: 400;
	font-size: .875rem;
	color: rgba(9,15,33,0.5);
	line-height: 1.5rem;
	margin-top: .625rem;
}
.htms-ai-swiper-box{
	position: relative;
}
.htms-ai-swiper{
	position: unset;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 2.5rem;
	width: 67.5625rem;
	height: 28.625rem;
	background: #F5F7FA;
	border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
	-webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
	-moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
	-ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
	-o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.htms-ai-swiper .swiper-slide{
	width: 100%;
	height: auto;
}
.htms-ai-swiper .htms-ai-slide{
	width: 67.5625rem;
	height: 28.625rem;
	box-sizing: border-box;
}
.swiper-ai-next,.swiper-ai-prev{
top: 12.375rem;
box-shadow: 5px 5px 30px 1px rgba(26,39,59,0.16);
}
.swiper-progressbar .swiper-button-prev, .swiper-progressbar .swiper-button-next{
    top: 19.875rem;
    background-size: 1.6875rem 2.75rem;
}
.swiper-progressbar .swiper-button-prev, .swiper-progressbar .swiper-button-next {
    color: #000000 !important;
    /* top: 50%; */
    transform: translateY(-50%) scale(0.5);
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: -0.3125rem 0.3125rem 1.875rem rgb(26 39 59 / 20%);
}

/*底部*/
.foot{
    width: 100%;
    background:#0C1B2F;
    position: relative;
    padding-bottom: 23px;
}
/* .foot_card{
    margin: 0 1.25rem;
} */
.li_content:nth-last-child(1){
    border-bottom: 1px solid rgba(255, 255, 255,0.2);
}
.li_title{
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255,0.8);
    line-height: 46px;
    border-bottom: 1px solid rgba(255, 255, 255,0.2);
}
.arrow_more{
    width: 16px;height: 16px;
    position: absolute;
    right: 20px;
    margin-top: 17px;
    transition: all .3s;
}
.li_content{
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 34px;
    padding: 0 24px;
}
 /* .follow_img{
     margin-top: 1.875rem;
     text-align: center;
 }
 .codeimg{
     width: 9.375rem;
     height: 9.375rem;
 }
 .follow_txt{
     font-size: .875rem;
     font-weight: 400;
     color: #090F21;
     line-height: 1.25rem;
     margin-top: .75rem;
 }*/
.concact_info{
    margin-top: 15px;
    width: 327px;
    margin: 0 auto;
}
 .concact_info .arrbtn{
 margin-bottom: 4px;
     margin-left: 6px;
     color: #FFFFFF;
}
.concact_info button{
 margin: 12px auto 0;
 display: block;
 height: 26px;
} 
 .blue_button{
    width: 100%;
     font-size: 12px;
 font-weight: 400;
 line-height: 20px;
     position: relative;
     background: #4DB7DD;
     border: 1px solid #4DB7DD;
     color: #FFFFFF;
 }
  .plain{
    width: 149px;
     background: transparent;
     border: 1px solid rgba(255, 255, 255, 0.2);
 }
 .plain:nth-child(2){
    width: 170px;
          font-size: 12px;
font-weight: 400;
line-height: 20px;
color: rgba(255, 255, 255,0.8);
 }
 .plain a{
      font-size: 12px;
font-weight: 400;
line-height: 20px;
color: rgba(255, 255, 255,0.8);
 }
.foot-bottom{
height: 139px;
padding: 21px 0 20px;
box-sizing: border-box;
 color: #ffffff;
 background:#090F21;
}
.foot-bottom-content{
 text-align: center;
 width: 100%!important;
 margin: 0 auto;
background:#090F21;
}
.foot-bottom-images{
    display: flex;
    justify-content: space-between;
    width: 240px;
    margin: 0 auto;
}
.foot-bottom-images img{
    width: 32px;
    height: 32px;
}
.foot-bottom-txt{
font-weight: 400;
color: rgba(255, 255, 255,0.6);
}
.foot-bottom-txt:first-child{
    font-size: 10px;
    margin-top: 22px;
}
.foot-bottom-txt:nth-child(2){
    font-size: 6px;
    margin-top: 12px;
}
.foot-bottom-txt:nth-child(3){
    font-size: 8px;
    margin-top: 8px;
        display: flex;
    justify-content: center;
    align-items: center;
}
.foot-bottom-txt img{
    width: 12px;
    height: 12px;
    margin-right: 2px;
}
.foot-bottom-txt a{
 margin-right: 15px;
 color: rgba(255, 255, 255,0.6);

}
.foot_card .li_content a{
 color: rgba(255, 255, 255,0.6);
}

.foot_card .li_content a:hover {
 color: #4DB7DD;
}
.lang_en ul{
 width: 140px;
}

/*  */
.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:20.25rem;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.9375rem;
	color:rgba(9,15,33,.5);
}
.challange-tags {
	margin-top:3.5625rem;
	display:flex;
}
.challange-tag:first-child {
	margin-left:0;
}
.challange-tag {
	color:rgba(9,15,33,.5);
	padding:0.625rem 1.4375rem;
	margin-left:0.375rem;
	width:4.5rem;
	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,.5);
	font-size:0.875rem;
	font-weight:400;
	line-height:0.875rem;
}
.challange-tag-subtitle {
	font-size:1.125rem;
	font-weight:400;
	line-height:1.9375rem;
}
.content-right {
	display:flex;
	width:44.3125rem;
	height:18.6875rem;
	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:16.25rem;
	height:18.6875rem;
}
.challenge-para .challange-tag-title {
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,.5);
}
.challenge-para .challange-tag-subtitle {
	margin-top:3rem;
	margin-bottom:1.125rem;
	line-height:1.125rem;
	color:#090F21;
}
/* 客户案例 */
.case-content {
	width:75rem;
	margin:0 auto;
	z-index:1;
}
.case-content-df {
	margin-top:0.9375rem;
	display:flex;
	justify-content:space-between;
}
.case-icon-img {
	margin-top:0.9375rem;
	display:flex;
	justify-content:space-between;
	margin-left:11.25rem;
}
.case-icon {
	width:12.5rem;
	height:3.75rem;
	margin-right:3.125rem;
	margin-bottom:0.125rem;
}
.case-icon img {
	width:100%;
	height:100%;
}
.case-icon:first-child {
	margin-left:4.375rem;
}
.case-icon:last-child {
	margin-right:0;
}
.case-icon-active {
	margin-left:3.125rem;
	width:0rem;
	height:0.125rem;
	background:#090F21;
	transition:all 0.3s;
}
.case-tags {
	margin-top:0;
	display:block;
}
.case-tags .challange-tag-active {
	border-radius:0.625rem;
}
.case-tags .challange-tag {
	padding:0.75rem 2.75rem;
	margin-left:0rem;
	width:auto;
	height:1.625rem;
}
.case-container .challange-tag-active .challange-tag-subtitle {
	font-size:1.125rem!important;
	font-weight:400;
	line-height:1.625rem;
}
.case-tags .challange-tag-subtitle {
	font-size:0.875rem;
	font-weight:400;
	line-height:1.5rem;
}
.case-right .content-right {
	padding:3.75rem 0 0 0;
	width:63.75rem;
	height:22.5rem;
	justify-content:space-between;
	position:relative;
}
.jingmao-img {
	position:absolute;
	left:0;
	bottom:0;
	/* opacity:0.56;
	*/
}
.jingmao-content {
	padding:5.625rem 3.75rem 4.6875rem!important;
	width:56.25rem !important;
	height:15.9375rem !important;
}
.case-right .jingmao-content img {
	width:28.6875rem;
	height:15.0625rem;
}
.case-para-title {
	margin-top:1.25rem;
	font-size:1.5rem;
	font-weight:500;
	/* line-height:2.5625rem;
	*/
    color:#090F21;
}
.jingmao-content .mask-cover {
	width:28.6875rem;
	height:15.0625rem;
	position:absolute;
	right:3.75rem;
}
.jingmao-content video {
	width:28.6875rem;
	height:15.0625rem;
}
.jingmao-content .challenge-para {
	display:block!important;
}
.case-right .challenge-para {
	margin:0;
	text-align:left;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	width:100%;
}
.case-right .challenge-para:first-child p {
	margin-top:1.9375rem;
	width:23.4375rem;
	line-height:1.75rem;
}
.case-container .left-para {
	margin-left:3.625rem;
	z-index:1;
	position:relative;
}
.case-para-h2 {
	margin-top:0.375rem;
	font-size:0.75rem;
	font-weight:400;
	line-height:1.25rem;
	color:#84868D;
	letter-spacing:0.1875rem;
	padding-bottom:0.5625rem;
}
.case-tag {
	margin-top:1.1875rem;
}
.case-tag>span {
	display:inline-block;
	height:1.625rem;
	border:.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;
}
.case-para-sub {
	width:48.75rem;
	/* height:4.625rem;
	*/
    font-size:1.125rem;
	font-weight:400;
	line-height:1.75rem;
	color:#090F21;
	margin-bottom:1.25rem;
}
.case-right .content-right:nth-child(2) .challange-tag-title {
	margin-top:0.3125rem;
	position:relative;
}
.case-right .content-right:nth-child(2) .challange-tag-title::before {
	display:block;
	content:'';
	background:url('/static/img/pageimage/digital_hiam/para-before.svg');
	width:0.75rem;
	height:0.8125rem;
	background-size:100% 100%;
	position:absolute;
	top:0.5rem;
	left:-1.875rem;
}
.case-right .content-right:nth-child(4) .challange-tag-title {
	margin-top:0.3125rem;
	margin-left:1.25rem;
	position:relative;
}
.case-right .content-right:nth-child(4) .challange-tag-title::before {
	display:block;
	content:'';
	width:0.5rem;
	height:0.5rem;
	border:.0625rem solid #53A9C0;
	border-radius:50%;
	position:absolute;
	top:0.375rem;
	left:-1rem;
}
.case-num-p {
	margin-top:1.75rem;
}
.case-blue-num {
	font-size:1.5rem;
	font-weight:400;
	line-height:1.25rem;
	color:#28ABC3;
}
.case-num-txt {
	font-size:0.875rem;
	font-weight:400;
	line-height:1.25rem;
	color:rgba(9,15,33,.5);
	opacity:0.9;
}
.case-fangan {
	margin-top:1.25rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.case-container .para-df {
	display:flex;
	margin-right:1.375rem;
}
.case-container .para-df img {
	width:5rem;
	margin-right:0.625rem;
	height:3.375rem;
}
.case-fangan-bold {
	font-size:0.875rem;
	font-weight:400;
	color:#090F21;
}
.case-fangan-bold p {
	margin-top:0.625rem;
}
.case-value-bold {
	color:#090F21;
}
/* 客户案例 */
.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: .4375rem .3125rem;
    margin: 1px;
}
.case-iconbox img{
	width: 13.125rem;
	height: 3rem;
}
.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:.1875rem .125rem 0 .125rem;
    box-sizing: border-box;

}
.case-log-change{
    padding-top: 3.75rem;
    /* margin-top: 3.75rem; */
}
.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:1.625rem;
	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-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;
}

.case-content-df .content-right:nth-child(2) .challenge-para{
	margin-right: 3.75rem;
}
.case-content-df:nth-child(4) .content-right:nth-child(2) .challange-tag-title{
	margin-top: 1.875rem;
}
.case-content-df:nth-child(3) .content-right:nth-child(2) .challange-tag-title{
	margin-top: 2.9375rem;
}
.case-content-df .content-right:nth-child(3) .left-para{
margin-top: -0.625rem;
}
.case-content-df .content-right:nth-child(3) .case-para-title{
	width: 6.375rem;
}
.case-content-df .content-right:nth-child(3) .challenge-para{
	justify-content: flex-start;
}
.case-content-df .content-right:nth-child(3) .case-fangan{
	margin-left: 3.125rem;
	display: block;
}
/* 业务背景 */
.jingmao-content .case-para-title{
	margin-top: -1.375rem;
}
.case-para-title{
	margin-top: .625rem;
}
.yewu-title{
	margin-top: .375rem;
font-weight: 500;
font-size: .875rem;
color: #090F21;
line-height: 1.375rem;
}
.yewu-title-blod{
	display: block;
	font-weight: 500;
font-size: 1.125rem;
color: #090F21;
line-height: 1.375rem;
}
.case-right .content-right:nth-child(2) .challange-tag-title{
	line-height: 1.75rem;
    width: 38.875rem;
	margin: 1.3125rem 0 0 1.875rem;
}

.fangan-left-white{
	position: relative;
width: 14.25rem;
height: 8.625rem;
box-sizing: border-box;
background: #FFFFFF;
box-shadow: 6px 6px 16px 1px rgba(10,44,115,0.08);
border-radius: 0px 14px 14px 0px;
margin: 1.4375rem 0 0 -3.5625rem;
padding:2.5rem 0 2.5625rem 3.625rem;
font-weight: 400;
font-size: .875rem;
color: #090F21;
line-height: 1.25rem;
}
.fangan-left-white::before{
	content: '';
	display: block;
	width: 2.0625rem;
	height: .4375rem;
	position: absolute;
    top: 1.625rem;
    left: 3.5rem;
  background: url('/static/img/pageimage/oracle_netsuite/fangan-white-before.svg');
	background-size: 100% 100%;
}
.fangan-flex-box{
display: flex;
margin-top: 2.25rem;
margin-bottom: 1.875rem;
justify-content: space-between;
}
.fangan-flex-box-con{
	/* margin-right: 17px; */
}
.fangan-flex-box-con-img{
width: 1.875rem!important;
height: 1.875rem!important;
}
.fangan-flex-box-con-tit{
	display: flex;
font-weight: 500;
font-size: 1.125rem;
color: #090F21;
line-height: 1.8125rem;
    /* margin-left: 3px; */
}
.fangan-flex-box-con-txt{
	/* width: 220px; */
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
line-height: 1.75rem;
margin-top: .375rem;
}
.case-fangan{
	margin-left: 3.125rem;
    display: block;
    margin-top: -0.1875rem;
}
/* 客户价值 */
.case-num-p{
	margin-top: 1.125rem;
}
 .jiazhi-bold-tit::before{
  display: block;
    content: '';
    width: .875rem;
    height:.875rem;
    border: none;
    position: absolute;
    top: 0;
    left: -1.3125rem;
    background: url('/static/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;
}
 .jiazhi-bold-tit{
font-weight: 500;
font-size: 1.125rem;
color: #090F21;
/* line-height: 1.75rem; */
text-align: left;
margin-top: 1.25rem;
}
.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: 48.5rem;
display: block;
}
.jiazhi-bold-txt1{
	width: 48.1875rem;
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
line-height: 1.5625rem;
text-align: left;
margin-left: -1.3125rem;
}
.jiazhi-bold-txt1 .jiazhi-tit-b{
	margin-left: 1.25rem;
}
.jiazhi-bold-tit::before{
        top: .3125rem;
    left: -1.625rem;
}
.case-blue-num span {
    font-size: .875rem;
}
 .case-blue-num::after{
    content: '';
    display: inline-block;
    width: 0.875rem;
    height: 1.125rem;
    background: url(/static/img/pageimage/c2m-marketing/arrow_up.svg);
    background-size: 100% 100%;
}

/* 欧几里得 */
.case-content-df:nth-child(2) .content-right:nth-child(4) .jiazhi-bold-txt1,
.case-content-df:nth-child(2) .content-right:nth-child(4) .jiazhi-bold-txt1 .jiazhi-tit-b,
.case-content-df:nth-child(3) .content-right:nth-child(4) .jiazhi-bold-txt1,
.case-content-df:nth-child(3) .content-right:nth-child(4) .jiazhi-bold-txt1 .jiazhi-tit-b,
.case-content-df:nth-child(4) .content-right:nth-child(4) .jiazhi-bold-txt1,
.case-content-df:nth-child(4) .content-right:nth-child(4) .jiazhi-bold-txt1 .jiazhi-tit-b{
	width: auto;
}
.jiazhi-flex-box{
	margin-top: 1.6875rem;
	margin-right: 1.875rem;
	display: flex;
	justify-content: space-between;
}
.jiazhi-flex-box .jiazhi-tit-b{
	margin-bottom: .625rem;
font-weight: 500;
font-size: 1.125rem;
color: #090F21;
line-height: 1.5rem;
}
.case-tag{
margin-top: .8125rem;	
}
.case-tag>span{
	height: auto;
}
.case-content-df:nth-child(3) .case-tag>span{
border-radius: 10px 10px 10px 10px;
}
.case-content-df:nth-child(3) .content-right:nth-child(3) .fangan-flex-box-con-txt{
text-align: center;
}
/* 圣奥 */
.case-content-df:nth-child(3) .content-right:nth-child(3) .fangan-flex-box-con-img{
	width: 3.125rem!important;
	height: 3.125rem!important;
	margin: 0 auto;
}
.case-content-df:nth-child(3) .content-right:nth-child(3) .fangan-flex-box{
flex-wrap: wrap;
}
.case-content-df:nth-child(4) .content-right:nth-child(2) .challange-tag-title{
	width: auto;
}
.yewu-flex-box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-right: 2.6875rem;
}
.case-content-df:nth-child(4) .content-right:nth-child(4) .case-num-p:nth-child(3) .case-blue-num:after{
	display: none;
}

/*  */
.case-content-df:nth-child(4) .content-right:nth-child(3){
height: 25rem;
}
.fangan-bottom-container{
position: absolute;
bottom: 0;
width: 100%;
height: 4.125rem;
display: flex;

}
.fangan-ns-changebox{
	display: flex;
	justify-content: center;
	text-align: left;
	box-sizing: border-box;
	padding-top: .9375rem;
	width: 21.25rem;
font-weight: 400;
font-size: .875rem;
color: #090F21;
line-height: 1.125rem;
}
.changebox-one{
background: linear-gradient( 266deg, #FFFFFF 0%, #EDF2FA 100%);
border-radius: 0px 0px 0px 20px;
border: 1px solid #FFFFFF;
}
.changebox-two{
background: linear-gradient( 266deg, #FFFFFF 0%, #EDF2FA 100%);
border-radius: 0px 0px 0px 0px;
border: 1px solid #FFFFFF;
}
.changebox-three{
background: linear-gradient( 266deg, #FFFFFF 0%, #EDF2FA 100%);
border-radius: 0px 0px 20px 0px;
border: 1px solid #FFFFFF;
}
.fangan-ns-changebox-active{
	color: #FFFFFF;
	background: linear-gradient( 270deg, #67D3FA 0%, #00AEEA 100%);
}
.case-content-df:nth-child(4) .content-right:nth-child(3) .fangan-flex-box{
flex-wrap: wrap;
}
.case-content-df:nth-child(4) .content-right:nth-child(3) .case-para-title{
margin-top: 0;
}
.case-content-df:nth-child(4) .content-right:nth-child(3) .fangan-left-white{
	margin-top: .5rem;
}
.case-content-df:nth-child(4) .content-right:nth-child(3) .fangan-flex-box{
	margin-top: 2.125rem;
	margin-right: 3.25rem;
}
.case-content-df:nth-child(4) .content-right:nth-child(3) .fangan-flex-box .fangan-flex-box-con:nth-last-child(2),.case-content-df:nth-child(4) .content-right:nth-child(3) .fangan-flex-box .fangan-flex-box-con:nth-last-child(1){
	margin-top: 1.25rem;
}
.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(4) .content-right:nth-child(4) .jiazhi-bold-tit::before{
top: 0;
}