.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_hdsp/banner.png") no-repeat center;
	background-size:100% 100%;
	text-align:left;
}
.banner-product-content{
	position: relative;
}
.banner-product-title {
	color:#ffffff;
	font-weight:500;
	font-size:2.625rem;
}
.banner-product-retxt{
    font-weight: 400;
font-size: 1.25rem;
color: #FFFFFF;
opacity: 0.4;
line-height: 2rem;
text-align: left;
}
.banner-product-txt {
    width: 40.625rem;
text-align: left;
	color:#FFFFFF;
	height:5.8125rem;
	font-size:.875rem;
	font-weight:400;
	line-height: 1.6875rem;
    margin-top: .5625rem;
}
.banner-product .more-white-see{
    top: 14.375rem;
    width: 8.75rem;
    height: 2.5rem;
    padding: .5625rem 2.25rem;
}
#download{
left:0;
}
#action{
   background: #28ABC3;
    border: none;
left: 10.0625rem;
}
#action:hover{
    background: linear-gradient( 90deg, #00D1EB 0%, #00B8F5 100%);
   
}
#action:hover .more-see-white-txt{
    color: #ffffff;
}
/* 定位 */
.challange-container {
	padding:9.0625rem 0 4.875rem;
	background:url('../img/pageimage/digital_hdsp/dingwei_bg.png') bottom no-repeat;
	background-size:100%;
	background-color:#ffffff;
	text-align:left;
}
.challange-container h2 {
	text-indent:0rem;
	letter-spacing:.5rem;
}
.challange-content {
	width:75rem;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.challange-p {
	margin-top:1.5rem;
	width:auto;
	font-size:.875rem;
	font-weight:400;
	line-height:.875rem;
	color:rgba(9,15,33,0.5);
}
.challange-container .challange-tags {
	width:29.6875rem;
	margin-top:1.375rem;
	display:flex;
	flex-wrap:wrap;
}
.challange-container .challange-tag:first-child,.challange-container .challange-tag:nth-child(4) {
	margin-left:0;
}
.challange-container .challange-tag {
	margin-top:1.25rem;
	color:rgba(9,15,33,0.5);
	padding:.625rem 1.4375rem;
	margin-left:.375rem;
	width:auto;
	height:2.375rem;
	transition:all 0.5s;
}
.challange-container .challange-tag-active {
	color:#090F21;
	background:rgba(255,255,255);
	box-shadow:.3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
	border-radius:.375rem;
	transition:all 0.5s;
}
.challange-container .challange-tag-title {
	color:rgba(9,15,33,0.5);
	font-size:.875rem;
	font-weight:400;
	line-height:.875rem;
}
.challange-container .challange-tag-active .challange-tag-title {
	color:#00B9CC;
}
.challange-container .challange-tag-subtitle {
	font-size:1.125rem;
	font-weight:400;
	line-height:1.9375rem;
}
.content-right {
	margin-top: -0.875rem;
	width:44.3125rem;
	height:21.875rem;
	display:flex;
	background:rgba(255,255,255);
	box-shadow:5px 5px 20px rgba(26,39,59,0.1);
	border-radius:20px;
	transition:all 0.5s;
}
.challange-container .content-right img {
	width:16.25rem;
	height:18.6875rem;
	margin: 1.5625rem 0;
}
.challenge-para {
	margin:0 2.0625rem 0 1.3125rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.challange-container .challenge-para .challange-tag-title {
	width:23.75rem;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.challange-container .challenge-para .challange-tag-subtitle {
	margin-top:0;
	font-weight: 500;
font-size: 1.5rem;
color: #090F21;
	margin-bottom:1.125rem;
	line-height:1.125rem;
	color:#090F21;
}
/* 融合数据 */
.hone-container{
background-color: #ffffff;
padding: 4.375rem 0;
}
.hone-box{
margin-top: 2.9375rem;
    width: 75rem;
    display: flex;
    flex-wrap: wrap;
    height: 23.75rem;
    justify-content: space-between;
	z-index: 1;
}
.technology-box {
	width:19.5625rem;
	height:5.6875rem;
	background:rgba(255,255,255);
	box-shadow:.3125rem .3125rem 1.25rem rgba(26,39,59,0.06);
	border-radius:.625rem;
	padding:2.3125rem 1.6875rem 2rem 2.5rem;
	
}
.box-content {
	width:100%;
	display:flex;
	align-items:center;
	color:#090F21;
}
.img-box {
	width:2.625rem;
	height:2.625rem;
	background:#F2F7FD;
	border-radius:.875rem;
	padding:.5625rem .5625rem;
}
.img-box img {
	width:2.625rem;
	height:2.625rem;
}
.box-tit {
	width:100%;
	font-size:.875rem;
	font-weight:400;
	line-height:1.5rem;
	margin-left:.75rem;
}
.box-subtit {
	float: left;
color: #090F21;
	text-align:left;
	font-size:1.375rem;
	font-weight:400;
	line-height:2.3125rem;
}
.box-more {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.box-more a {
	font-size:.75rem;
	font-weight:400;
	line-height:1.25rem;
	color:#090F21;
	display:flex;
	align-items:center;
}
.box-more>a>div {
	margin-left:.375rem;
	margin-top:.1875rem;
}
.box-p {
	margin-top:.6875rem;
	text-align:left;
	width:19.5625rem;
	height:2.9375rem;
	font-size:.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
}
.technology-box:hover .box-content,.technology-box:hover .box-more a,.technology-box:hover .box-p ,.technology-box:hover .box-subtit{
	color:#FFFFFF;
}
.hone-box .technology-box:first-child:hover{
	background: linear-gradient( 180deg, #856BF5 0%, #0037A9 100%);
	background-size:100% 100%;
}
.hone-box .technology-box:nth-child(2):hover{
	background: linear-gradient( 180deg, #00BFE6 0%, #0062FF 100%);
	background-size:100% 100%;
}
.hone-box .technology-box:nth-child(3):hover{
	background: linear-gradient( #B44FE9 0%,#1A17C1 100%);
	background-size:100% 100%;
}
.hone-box .technology-box:nth-child(4):hover{
	background: linear-gradient( 180deg, #F9CC04 0%, #FE446F 100%);
	background-size:100% 100%;
}
.hone-box .technology-box:nth-child(5):hover{
	background: linear-gradient( 360deg, #08CCAF 0%, #59E830 100%);
	background-size:100% 100%;
}
/* core核心 */
.core-container {
    position: relative;
	background-color:#F5F7FA;
	padding:4.375rem 0 3.875rem 0;
	overflow:hidden;
}
.core-p {
	z-index:1;
	width:49.5rem;
	height:2.75rem;
	font-size:.875rem;
	font-weight:400;
	line-height:1.5rem;
	color:rgba(9,15,33,0.5);
	margin:.875rem 0 1.1875rem 0;
}
.core-box {
    margin-top: 1.5rem;
	z-index:1;
	width:68.75rem;
	height:36.375rem;
	/* padding:2.5rem 3.125rem; */
	/* background:rgba(255,255,255);
	box-shadow:.3125rem .3125rem 1.25rem rgba(26,39,59,0.1);
	opacity:1;
	border-radius:1.25rem; */
}
.core-img {
	width:100%;
	height:100%;
}
.core-container .more-black-see,
.dese-concact  .more-black-see{
    margin-top: 1.875rem;
    width: 12.5rem;
    height: 2.5rem;
    background: #00B9CC;
    border-radius: 4px 4px 4px 4px;
    padding: .5625rem 2.8125rem;
    border: none;
    z-index: 1;
}
.core-container .more-see-black-txt,
.dese-concact  .more-see-black-txt{
font-weight: 400;
font-size: 1rem;
color: #FFFFFF;
}
.core-container .more-black-see:hover{
    background: linear-gradient( 90deg, #00D1EB 0%, #00B8F5 100%);
}
.core-container .more-black-see:hover .more-see-black-bg,
.dese-concact .more-black-see:hover .more-see-black-bg{
    width: 100%;
    height: auto;
}
.core-container .more-black-see:hover>div,.core-container .more-black-see>div,
.dese-concact .more-black-see:hover>div,.dese-concact .more-black-see>div{
    background: url(../img/index-page/white-arrow.svg) no-repeat;
}
.core-contact-txt{
font-weight: 500;
font-size: .875rem;
color: rgba(9,15,33,0.5);
margin-top: .75rem;
z-index: 1;
}
/* nav */
.c2m-nav {
	width:100%;
	height:4rem;
	background:#ffffff;
box-shadow: 5px 5px 20px 1px rgba(26,39,59,0.06);
	position: relative;
	z-index: 1;
}
.c2m-nav-fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	transition:all 0.5s;
}
.c2m-tabs {
	width:75rem;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
}
.c2m-nav-tab:nth-child(odd){
	width: 5.625rem;
}
.c2m-nav-tab {
	text-align:center;
	width:6.75rem;
	font-size:1.125rem;
	font-weight:400;
	line-height:4rem;
	color:rgba(9,15,33,0.5);
}
.c2m-nav-tab a {
	text-decoration:none;
	color:rgba(9,15,33,0.5);
}
.c2m-nav-tab:hover,.c2m-nav-tab-active {
	font-weight:400;
	color:#090f21;
}
.c2m-nav-tab .case-icon-active {
	margin-left:0;
	margin-top:-0.125rem;
}
.data-tag-container{
	padding-bottom: 6.25rem;
width: 100%;
background: linear-gradient( 180deg, rgba(229,241,255,0) 0%, #EAF1FF 100%);
}
.data-tag-content{
	    z-index: 0;
    position: relative;
width: 100%;
height: 100%;

}
.data-tag-title{
	width: 75rem;
	margin: 0 auto;
display: flex;

}
.data-tag-title>div:first-child{
	margin-right: 3.75rem;
}
.data-tag-title h1 span{
color: #00B9CC;
}
.data-tag-title h1{
	text-align: left;
}
.data-tag-title h2{
	text-align: left;
font-weight: 400;
font-size: 1rem;
color: rgba(9,15,33,0.5);
}
.tag-button{
	margin-top: .8125rem;
	margin-left: 1.1875rem;
width: 11.25rem;
height: 2.5rem;
font-weight: 500;
font-size: 1rem;
color: #090F21;
line-height: 2.5rem;
background: #F5F7FA;
border-radius: 4px 4px 4px 4px;
}
.tag-button-active{
	color: #FFFFFF;
background: #00B9CC;
}
.data-tag-box{
	position: relative;
	display: flex;
	margin: 0 auto;
	width: 75rem;
	margin-top: 2.25rem;
height: 37.5rem;
background: #FFFFFF;
box-shadow: 6px 6px 30px 1px rgba(1,114,227,0.1);
border-radius: 20px 20px 20px 20px;
}
.data-tag-box::after{
 position: absolute;
    left: 70.75rem;
    top: .5rem;
    z-index: -1;
    content: '';
    width: 6.6875rem;
    height: 8.4375rem;
	background: url('../img/pageimage/digital_hdsp/data-box-after.svg');
	background-size: 100% 100%;
}
.data-tag-content:nth-child(2) .data-tag-box-left,
.data-tag-content:nth-child(3) .data-tag-box-left{
	padding: 5.0625rem 3.75rem;
}
.data-tag-content:nth-child(4) .data-tag-box-left{
	padding: 8.125rem 3.375rem;
}
.data-tag-content:nth-child(5) .data-tag-box-left{
	padding: 5.75rem 3.4375rem;
}
.data-tag-content:nth-child(5) .feature-box-content{
	margin:8.875rem 15.5rem 0 0;
}
.data-tag-content:nth-child(4) .feature-box-content{
	margin:8.875rem 2.1875rem 0 0;
}
.data-tag-content:nth-child(2) .feature-box-content{
	margin:4.5rem 2.1875rem 0 0;
}
.data-tag-content .see-more{
	margin-top: 2.5rem;
}
.data-tag-content:nth-child(3) .feature-box-content{
	margin:2.1875rem 2.1875rem 0 0;
}
.fif-back{
	position: absolute;
    top: 12.875rem;
    left: 19.25rem;
width: 14.5rem;
height: 11.875rem;
}
.data-tag-box-left{
	position: relative;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	padding: 3.75rem 3.5625rem;
	box-sizing: border-box;
	width: 51.8125rem;
	height: 37.5rem;
	background: url('../img/pageimage/digital_hdsp/data-bg.svg') bottom right;
	background-size: 100% 100%;
	background-position-x: 9.6875rem;
}
.data-tag-box-right img{
	margin-top: 1.75rem;
width: 21.4375rem;
height: 34rem;
}
.title-df {
	display:flex;
}
.feature-box-content {
    margin: 1.875rem 2.1875rem 0 0;
}
.feature-box-icon {
	width:2.75rem;
	height:2.75rem;
	padding:.5rem;
	background:rgba(255,255,255);
	box-shadow:0rem .375rem 1.25rem rgba(10,44,115,0.08);
	border-radius:.875rem;
	transition:all 0.5s;
	margin-right:1.25rem;
}
.feature-box-icon img {
	width:100%;
	height:100%;
}
.feature-box-title {
	line-height: 1.5rem;
	text-align: left;
	font-size:1.125rem;
	font-weight:400;
	color:#090f21;
}
.feature-box-p {
	word-break: break-all;
	text-align: left;
	margin-top:.5625rem;
	width:16.625rem;
	font-size:.75rem;
	font-weight:400;
	line-height:1.25rem;
	color:rgba(9,15,33,0.5);
}
.data-tag-box-img{
	margin: auto;
	/* margin: 53px 0 0 150px; */
/* width: 900px; */
/* height: 494px; */
}
/* 核心功能 */
.ability-container {
	background-color:#ffffff;
	padding:4.375rem 0 8.125rem;
}
.aps-tabs {
	width:75rem;
	padding-top:1.5625rem;
	margin:0 auto;
	display:flex;
	justify-content:center;
}
.aps-tab {
	width:6.25rem;
	margin-right:16.25rem;
	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:.875rem auto -0.125rem auto;
}
.aps-tab-line {
	width:75rem;
	height:.125rem;
	background:#f5f7fa;
}
/* 优势 */
.ability-container .item-bg1,
.ability-container .item-bg2,
.ability-container .item-bg3{
background:rgba(255,255,255,1);
opacity: 0.4;
}
.ability-container {
	background:linear-gradient( 180deg, #E8F6FC 0%, #FCFEFF 79%, #FFFFFF 100%);
	padding:4.375rem 0 0;
}
.ability-circle{
    position: absolute;
    width: 11.25rem;
    height: 11.25rem;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0px 6px 20px 1px rgba(10,44,115,0.08);
    font-weight: 500;
    font-size: 1.375rem;
    color: #090F21;
    line-height: 0rem;
    text-align: center;
}
.ability-circle img{
width: 3.125rem;
height: 3.125rem;
    display: block;
    margin: 3.25rem 4.0625rem 1.3125rem;
}
.ability-line-1,.ability-line-2{
    position: absolute;
    width: 9.875rem;
height: .0625rem;
background:repeating-linear-gradient(to right, #28ABC3, #28ABC3 .25rem, transparent .25rem, transparent .5rem);
z-index: -4;
}
.ability-line-3{
       position: absolute;
    width: .0625rem;
height: 5.875rem;
background:repeating-linear-gradient(to bottom, #28ABC3, #28ABC3 .25rem, transparent .25rem, transparent .5rem);
z-index: -4;
}
.ability-line-1::before{
    position: absolute;
   left: -0.625rem;
    top: -0.1875rem;
    content: '';
    width: .375rem;
    height: .375rem;
    background: #28ABC3;
    border-radius:50% ;
    -webkit-border-radius:50% ;
    -moz-border-radius:50% ;
    -ms-border-radius:50% ;
    -o-border-radius:50% ;
}
.ability-line-2::after{
    position: absolute;
   right: -0.3125rem;
    top: -0.1875rem;
    content: '';
    width: .375rem;
    height: .375rem;
    background: #28ABC3;
    border-radius:50% ;
    -webkit-border-radius:50% ;
    -moz-border-radius:50% ;
    -ms-border-radius:50% ;
    -o-border-radius:50% ;
}
.ability-line-3::after{
    position: absolute;
      right: -0.1875rem;
    bottom: -0.5rem;
    content: '';
    width: .375rem;
    height: .375rem;
    background: #28ABC3;
    border-radius:50% ;
    -webkit-border-radius:50% ;
    -moz-border-radius:50% ;
    -ms-border-radius:50% ;
    -o-border-radius:50% ;
}
.ability-content{
	position: relative;
display: flex;
    justify-content: space-between;
    width: 75rem;
    margin: 0 auto;
    height: 40.9375rem;
    z-index: 1;
}

.ability-box-title{
    text-align: left;
font-weight: 500;
font-size: 1.25rem;
color: #090F21;
}
.ability-box-p{
    width: 17.5rem;
    text-align: left;
font-weight: 400;
font-size: .875rem;
color:rgba(9, 15, 33, 0.50);
line-height: 1.5rem;
margin-top: .375rem;
}
.ability-box-para{
    margin-top: 2.375rem;
}
/* 产品荣誉 */
.advangtages-container{
background: url('../img/pageimage/d_hdsp/annual-bg.png');
background-size: 100% 100%;
padding: 5rem 0 7.1875rem;
}
.annual-container{
/* padding-bottom: 5rem; */
}
.annual-content-flex{
    width: 75rem;
}
.ad-title{
text-align: left;
}
.ad-title h2{
        letter-spacing: .5rem;
    text-indent: 0;
}
.annual-content{
	width: 75rem;
    height: 23.9375rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: -2rem;
    margin-left: 1.9375rem;

}
.event-tit{
    text-align: left;
	position: relative;
	font-size: 1.125rem;
font-weight: 500;
line-height: 1.9375rem;
color: #090F21;
}
.honour-evnet{
      margin-top: 1.75rem;
    margin-left: 6.875rem;
}
.honour-evnet:first-child{
    margin-left: 0;
    margin-top: 4.6875rem;
}
.honour-evnet .event-tit::before{
	position: absolute;
	    left: -1.9375rem;
    top: .125rem;
    content: '';
    width: 1.625rem;
    height: 1.625rem;
}
.honour-evnet:first-child .event-tit::before{
background: url('../img/pageimage/d_hdsp/honor-icon-1.svg');
	background-size: 100% 100%;
}
.honour-evnet:nth-child(2) .event-tit::before{
background: url('../img/pageimage/d_hdsp/honor-icon-2.svg');
	background-size: 100% 100%;
}
.honour-evnet:nth-child(3) .event-tit::before{
background: url('../img/pageimage/d_hdsp/honor-icon-3.svg');
	background-size: 100% 100%;
}
.honour-evnet:nth-child(4) .event-tit::before{
background: url('../img/pageimage/d_hdsp/honor-icon-4.svg');
	background-size: 100% 100%;
}
.honour-evnet:nth-child(5) .event-tit::before{
background: url('../img/pageimage/d_hdsp/honor-icon-5.svg');
	background-size: 100% 100%;
}
.honour-evnet:nth-child(6) .event-tit::before{
background: url('../img/pageimage/d_hdsp/honor-icon-5.svg');
	background-size: 100% 100%;
}
.honour-evnet:nth-child(3){
    margin-top: 3.1875rem;
}
.honour-evnet:nth-child(4){
    margin-top: -2.0625rem;
}
.honour-evnet:nth-child(5){
    margin-top: 1.6875rem;
}
.honour-evnet:nth-child(6){
    margin-top: 1.5625rem;
}
.honour-list{
margin-top: .4375rem;
    /* margin-left: -1.5rem; */
}
.honour-item:first-child{
	margin-top: 0;
}
.honour-item{
    text-align: left;
	margin-top: .625rem;
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.7);
line-height: 1.5rem;
}
.honour-content-div{
    margin-left: -2rem;
}
.honourImg{
	width: 75rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.imgBox{
	margin-top: 2.75rem;
	width: 13.75rem;
	height: 12.75rem;
	background: rgba(255,255,255);
	box-shadow: 0rem .375rem 1.25rem rgba(10,44,115,0.08);
	opacity: 1;
	border-radius: 14px;
}
.imgBox img{
     width: 13.75rem;
     height: 10.125rem;
     background-color: #F5F7FA;
     border-radius: 14px 14px 0 0;
}
.imgBox .honourimg-txt{
	text-align: center;
	margin-top: .6875rem;
font-size: .75rem;
font-weight: 400;
line-height: .875rem;
color: #090F21;
}
.annual-swiper-container{
    width: 75rem;
    overflow: hidden;
}
.annual-swiper-container .swiper-slide{
    /* width: 13.75rem!important; */
}
 .swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important; }
	/* 小得瑟咨询 */
/* 小得瑟咨询 */
.dese-concact{
    width: 100%;
    height: 24.375rem;
    background: url('../img/pageimage/d_hdsp/xiaodese-bg.png');
    background-size: 100% 100%;
}
.xiaodese{
    width: 25.625rem;
    height: 23.4375rem;
    position: absolute;
    right: 4.1875rem;
    top: .9375rem;
}
.dese-tit{
    display: block;
        margin: 6.25rem 0 0 4.9375rem;
}
.dese-tit-title{
font-weight: 500;
font-size: 2.75rem;
color: #FFFFFF;
line-height: 3.125rem;
}
.dese-tit-para{
font-weight: 400;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 3.125rem;
}
.dese-concact .more-black-see{
     width: 18rem;
     height: 3.25rem;
     margin-left: -0.0625rem;
     padding:.5625rem 3.875rem;
     margin-top: 1.4375rem;
     background: linear-gradient( 94deg, #FFCB33 0%, #FF8D09 100%);
}
.dese-concact .more-black-see:hover{
    cursor: pointer;
    background: linear-gradient( 265deg, #FFCB33 0%, #FF8D09 100%);
    /* animation:  deseButton 0.3s linear;
    -webkit-animation:  deseButton 0.3s linear; */
}
/* @keyframes deseButton {
    0%{
background: linear-gradient( 94deg, #FFCB33 0%, #FF8D09 100%);
    }
    25%{
      background: linear-gradient( 144deg, #FFCB33 0%, #FF8D09 100%);  
    }
    50%{
background: linear-gradient( 180deg, #FFCB33 0%, #FF8D09 100%);
    }
    75%{
        background: linear-gradient( 224deg, #FFCB33 0%, #FF8D09 100%);
    }
    100%{
background: linear-gradient( 265deg, #FFCB33 0%, #FF8D09 100%);
    }
} */
.dese-concact  .more-see-white-txt{
font-weight: 500;
font-size: 1.5rem;
color: #FFFFFF;
}
.dese-bg1,.dese-bg2,.dese-bg3{
    display: none;
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
}
/* 客户案例 */
.case-container {
    background-color: #FFFFFF;
	padding:4.375rem 0 0;
	background-size:100%;
}
.case-iconbox{
    background: #FFFFFF;
      border-radius: 10px 10px 10px 10px;
width: 9.375rem;
height: 3.875rem;
margin-top: .125rem;
    box-sizing: border-box;
    padding: .6875rem;
    margin: 1px;
}
@media (min-width:1680px) {
.case-tag-hidden{
	height: 4.0625rem;
}
	}
.case-iconbox img{
	margin-top: .3125rem;
width: 7.5rem;
height: 1.75rem;
}
.case-tag-hidden{
      border-radius: 10px 10px 10px 10px;
height: 4rem;
  width:9.5625rem;
  overflow: hidden;
  
}
.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: 9.5625rem;
  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: .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:.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(3) .challange-tag-title{
    font-weight: 400;
font-size: .75rem;
color: rgba(9,15,33,0.5);
margin-left: -1.375rem;
margin-top: .5rem;
}
.case-right .content-right:nth-child(3) .challange-tag-title::before{
      display: none;
}
.case-content-df:nth-child(1) .content-right:nth-child(2) .challange-tag-title::before,
.case-content-df:nth-child(2) .content-right:nth-child(2) .challange-tag-title::before,
.case-content-df:nth-child(4) .content-right:nth-child(2) .challange-tag-title::before{
display: none;
}
.case-right .content-right:nth-child(3) .jiazhi-bold-tit::before,
.case-content-df:nth-child(n+5) .content-right:nth-child(3) .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%;
}
.case-content-df:nth-child(n+5) .content-right:nth-child(3) .jiazhi-bold-tit::before{
	top:.5rem
}
.jiazhi-bold-tit{
    position: relative;
    font-weight: 400;
font-size: 1rem;
color: #090F21;
text-align: left;
}
.case-content-df:nth-child(2) .content-right:nth-child(2) .para-df img{
width: 2.5rem;
height: 1.6875rem;
}
.case-content-df:nth-child(2) .content-right:nth-child(2) .para-df .case-fangan-bold{
text-align: left;
margin-top: 0;
margin-left: 0;
}
.case-content-df:nth-child(2) .content-right:nth-child(3) .jiazhi-bold-tit::before{
display: none;
}
.case-content-df:nth-child(2) .content-right:nth-child(3) .jiazhi-bold-tit{
font-weight: 500;
font-size: 1.125rem;
color: #090F21;
line-height: 1.75rem;
}
.case-content-df:nth-child(2) .content-right:nth-child(3) .jiazhi-img-bg{
    position: absolute;
    top: 12.75rem;
    left: 15.6875rem;
    width: 42rem;
    height: 9.375rem;
}
.case-content-df:nth-child(3) .content-right:nth-child(3) .jiazhi-bold-tit{
width: 18.75rem;
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
line-height: 1.75rem;
}
.case-content-df:nth-child(3) .content-right:nth-child(3) .jiazhi-bold-tit::before{
    top: .3125rem;
}


/* .case-content-df:first-child .content-right:nth-child(2) .para-df img,
.case-content-df:nth-child(4) .content-right:nth-child(2) .para-df img{
width: 2.5rem;
height: 1.6875rem;
} */
/* .case-content-df:nth-child(2) .content-right:nth-child(2) .para-df .case-fangan-bold,
.case-content-df:nth-child(3) .content-right:nth-child(2) .para-df .case-fangan-bold{
text-align: left;
margin-top: 0;
margin-left: 0;
} */
.case-content-df:nth-child(2) .content-right:nth-child(2) .jiazhi-img-bg{
    position: absolute;
    top: 12.75rem;
    left: 15.6875rem;
    width: 42rem;
    height: 9.375rem;
}



.case-content-df:nth-child(5) .content-right:nth-child(2) .para-df img,
.case-content-df:nth-child(8) .content-right:nth-child(2) .para-df img{
width: 2.5rem;
height: 1.6875rem;
}
.case-content-df:nth-child(6) .content-right:nth-child(2) .para-df .case-fangan-bold,
.case-content-df:nth-child(7) .content-right:nth-child(2) .para-df .case-fangan-bold{
text-align: left;
margin-top: 0;
margin-left: 0;
}
.case-content-df:nth-child(6) .content-right:nth-child(3) .jiazhi-img-bg{
    position: absolute;
    top: 12.75rem;
    left: 15.6875rem;
    width: 42rem;
    height: 9.375rem;
}

.case-content-df:nth-child(n+5) .content-right:nth-child(2) .challange-tag-title{
line-height: 1.75rem;
width: 30.25rem;
margin-top: 1.25rem;
}
.case-content-df:nth-child(n+5) .content-right:nth-child(2) .challange-tag-title{
line-height: 1.75rem;
width: 36.25rem;
margin-top:.25rem;
}
.case-content-df:nth-child(5) .content-right:nth-child(2) .case-fangan,
.case-content-df:nth-child(8) .content-right:nth-child(2) .case-fangan{
justify-content: flex-start;
margin-left: 2.6875rem;
margin-top: 1.6875rem;
}
.case-content-df:nth-child(5) .content-right:nth-child(2) .para-df,
.case-content-df:nth-child(8) .content-right:nth-child(2) .para-df{
	margin-top: -1.625rem;
	margin-right: .375rem;
}
.case-content-df:nth-child(5) .content-right:nth-child(2) .para-df img,
.case-content-df:nth-child(8) .content-right:nth-child(2) .para-df img{
	margin:0;
}
.case-content-df:nth-child(5) .content-right:nth-child(2) .case-fangan-bold,
.case-content-df:nth-child(8) .content-right:nth-child(2) .case-fangan-bold{
	margin-left: .8125rem;
	text-align: left;
	margin-top: 0;
}
.case-content-df:nth-child(5) .content-right:nth-child(2) .challange-tag-title,
.case-content-df:nth-child(8) .content-right:nth-child(2) .challange-tag-title{
line-height: 1.75rem;
width: 11.25rem;
margin-top:-0.1875rem;
}
.case-content-df:nth-child(8) .content-right:nth-child(2) .challange-tag-title{
	width: 16.875rem;
	margin-left: .6875rem;
}
.case-content-df:nth-child(5) .content-right:nth-child(3) .jiazhi-bold-tit,
.case-content-df:nth-child(7) .content-right:nth-child(3) .jiazhi-bold-tit,
.case-content-df:nth-child(8) .content-right:nth-child(3) .jiazhi-bold-tit{
	width: 13.75rem;
	height: 4.375rem;
font-weight: 400;
font-size: .875rem;
color: rgba(9,15,33,0.5);
line-height: 1.75rem;
}
.case-content-df:nth-child(7) .content-right:nth-child(3) .jiazhi-bold-tit,
.case-content-df:nth-child(8) .content-right:nth-child(3) .jiazhi-bold-tit{
	width: 45rem;
	height: auto;
    margin-top: .625rem;
}
.case-content-df:nth-child(7) .content-right:nth-child(3) .jiazhi-tit-b,
.case-content-df:nth-child(8) .content-right:nth-child(3) .jiazhi-tit-b{
font-weight: 500;
font-size: .875rem;
color: #090F21;
line-height: 1.375rem;
text-align: left;
}

.case-content-df:nth-child(6) .content-right:nth-child(3) .jiazhi-bold-tit{
font-weight: 500;
font-size: 1.125rem;
color: #090F21;
line-height: 1.75rem;
text-align: left;
}
.case-content-df:nth-child(6) .content-right:nth-child(3) .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-tag>span{
	font-weight: 500;
font-size: .875rem;
color: #090F21;
opacity: 1;
}
.case-content-df:nth-child(n+5) .content-right:nth-child(2) .challange-tag-title::before{
	display: none;
}