/*行业标杆*/
.know {
	width:75rem;
	background-color:#fff;
	padding:2.5rem 0 0;
	margin:0 auto;
}
.know_img {
	position:relative;
	margin:0 auto;
	width:75rem;
	height:36.1875rem;
	background-color:transparent;
}
.know_content {
	position:absolute;
	top:0;
	z-index:-1;
	margin:0 auto;
	width:75rem;
	height:36.1875rem;
    background-image:url("../img/pageimage/custmoer-case/map.png");
	background-size:cover;
	opacity:35%;
}
.know_item {
	display:flex;
	align-items:center;
	opacity:35%;
}
.know_item:nth-child(1) {
	width:0.5625rem;
	height:0.5625rem;
	background:rgba(77,183,221,1);
	border-radius:50%;
	position:absolute;
	top:9rem;
	left:62.25rem;
}
.know_item:nth-child(2) {
	width:0.5625rem;
	height:0.5625rem;
	background:rgba(77,183,221,1);
	border-radius:50%;
	position:absolute;
	top:23.5rem;
	left:12.6875rem;
}
.know_item:nth-child(3) {
	width:1.125rem;
	height:1.125rem;
	background:rgba(77,183,221,1);
	border-radius:50%;
	position:absolute;
	top:27.6875rem;
	left:56.4375rem;
}
.know_item1::before {
	content:'';
	display:block;
	position:absolute;
	left:-1.0625rem;
	top:-1.0625rem;
	width:2.6875rem;
	height:2.6875rem;
	opacity:0;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 1s infinite;
}
.know_item1::after {
	content:'';
	display:block;
	position:absolute;
	left:-1.0625rem;
	top:-1.0625rem;
	width:2.6875rem;
	height:2.6875rem;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 0s infinite;
}
.know_item2::before {
	content:'';
	display:block;
	position:absolute;
	left:-0.7813rem;
	top:-0.7813rem;
	width:2.125rem;
	height:2.125rem;
	opacity:0;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 1s infinite;
}
.know_item2::after {
	content:'';
	display:block;
	position:absolute;
	left:-0.7813rem;
	top:-0.7813rem;
	width:2.125rem;
	height:2.125rem;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 0s infinite;
}
.know_item3::before {
	content:'';
	display:block;
	position:absolute;
	left:-1.4375rem;
	top:-1.4375rem;
	width:4rem;
	height:4rem;
	opacity:0;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 1s infinite;
}
.know_item3::after {
	content:'';
	display:block;
	position:absolute;
	left:-1.4375rem;
	top:-1.4375rem;
	width:4rem;
	height:4rem;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
	animation:loopzoom 2s ease-out 0s infinite;
}
.know_item_circle1::after {
	content:'';
	display:block;
	position:absolute;
	left:-1.0625rem;
	top:-1.0625rem;
	width:2.6875rem;
	height:2.6875rem;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
}
.know_item_circle2::after {
	content:'';
	display:block;
	position:absolute;
	left:-0.7813rem;
	top:-0.7813rem;
	width:2.125rem;
	height:2.125rem;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
}
.know_item_circle3::after {
	content:'';
	display:block;
	position:absolute;
	left:-1.4375rem;
	top:-1.4375rem;
	width:4rem;
	height:4rem;
	box-shadow:inset #4DB7DD 0 0 0.3125rem;
	border-radius:50%;
}
.know_text1 {
	width:11.625rem;
	height:2.75rem;
	font-size:1.9375rem;
	font-weight:500;
	color:#6C8199;
	line-height:2.75rem;
	position:absolute;
	top:8.6875rem;
	left:31.6875rem;
}
.know_text2 {
	height:5.8125rem;
	font-size:4.25rem;
	font-weight: 500;
	color:#495869;
	line-height:5.8125rem;
	position:absolute;
	top:12.1875rem;
	left:10.375rem;
}
.know_text_span {
	height:5.8125rem;
	font-size:4.25rem;
	line-height:5.8125rem;
	color:#4DB7DD;
}
.know_text3 {
	width:35rem;
	height:4.375rem;
	font-size:1.25rem;
	font-weight:400;
	color:#6C8199;
	line-height:2.1875rem;
	position:absolute;
	top:20.5rem;
	left:20rem;
}
/*精选案例*/
.service_box {
	width:100%;
	background:#FFFFFF;
}
.service {
	width:100%;
	/* margin:0 auto; */
	background:#F8F9FA;
	padding:4.375rem 0 0;
}
.hrds-tab-content-tips-buttom1 a,.hrds-tab-content-tips-buttom3 a {
	color:rgba(9,15,33,0.5);
}
.square-bg {
	background: #F8F9FA;
	width:100%;
	position:relative;
}
.square-item1 {
	position:absolute;
	top:3.8125rem;
	left:0;
	width:7.875rem;
}
.square-item2 {
	position:absolute;
	top:9.5625rem;
	left:7.875rem;
	width:4.625rem;
}
.square-item3 {
	position:absolute;
	top:21.125rem;
	right:0;
	width:16.3438rem;
	height:17.0625rem;
}
/*tab*/
#zhibang-video,#jiepai-video,#qingdao-video,#guangming-video,#xiechen-video,#yuantong-video{
	width:25rem;
	height:27.625rem;
}
.qingdao,.zhibang,.jiepai,.guangming,.xiechen,.yuantong{
	position:absolute;
	top:0;
	left:0;
	width:25rem;
	height: 27.625rem;
	background:rgba(9, 15, 33, 0.3);
	text-align:center;
	font-size:0.875rem;
	font-weight:400;
	line-height:1.25rem;
	color:#FFFFFF;
	text-shadow:0 0.1875rem 0.375rem rgba(0,0,0,0.4);
}
.qingdao-play,.guangming-play,.zhibang-play,.jiepai-play,.xiechen-play,.yuantong-play{
	background:url("../../static/img/index-page/banner-play.svg") no-repeat;
	background-size:100% 100%;
	width:7.25rem;
	height:7.25rem;
	margin:10.3125rem auto 0;
}
.qingdao-play:hover,.guangming-play:hover,.zhibang-play:hover,.jiepai-play:hover {
	background:url("../../static/img/index-page/banner-play-hover.svg") no-repeat;
	background-size:100% 100%;
}

.hrds-tab-contents {
	width:75rem;
	margin:0 auto;
	background:#F8F9FA;
}
.hrds-tab-content {
	width:75rem;
	margin:0 auto;
	height:32.125rem;
	position:relative;
	z-index:1;
}
.hrds-tab-content-tab {
	width:4.125rem;
	height:25rem;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	align-content:center;
	position:absolute;
	top:2.8125rem;
	left:27.75rem;
	z-index:9999;
}
.hrds-tab-content-tab li {
	width:3.125rem;
	height:3.125rem;
	margin:.625rem 0 0 0;
    opacity:0.5;
	position:relative;
}
.hrds-tab-content-tab li div {
	position:absolute;
	background-color:#4DB7DD;
}
.hrds-tab-content-tab li .li1 {
	top:-0.1875rem;
	left:0;
	width:0;
	height:0.1875rem;
}
.hrds-tab-content-tab li .li2 {
	top:0;
	right:-0.1875rem;
	width:0.1875rem;
	height:0;
}
.hrds-tab-content-tab li .li3 {
	bottom:-0.1875rem;
	right:0;
	width:0;
	height:0.1875rem;
}
.hrds-tab-content-tab li .li4 {
	bottom:0;
	left:-0.1875rem;
	width:0.1875rem;
	height:0;
}
.tab-border {
	width:3.125rem;
	height:3.125rem;
	margin:.625rem 0 0 0!important;
    opacity:1 !important;
}
.tab-border div {
	transition:all .9s;
	/*匀速*/
    transition-timing-function:linear;
}
.tab-border .li1 {
	width:3.3125rem !important;
	transition-delay:0s !important;
}
.tab-border .li2 {
	height:3.3125rem !important;
	transition-delay:.9s !important;
}
.tab-border .li3 {
	width:3.3125rem !important;
	transition-delay:1.8s !important;
}
.tab-border .li4 {
	height:3.3125rem !important;
	transition-delay:2.7s !important;
}
.hrds-tab-content-tips3,.hrds-tab-content-tips2,.hrds-tab-content-tips1,.hrds-tab-content-tips4,.hrds-tab-content-tips5,.hrds-tab-content-tips6,.hrds-tab-content-tips7,.hrds-tab-content-tips8 {
	width:75rem;
	height:27.5rem;
	position:absolute;
	top:1.5rem;
	left:0;
}
.hrds-tab-content-tip {
	position:absolute;
	top:1.25rem;
	left:15rem;
	width:60rem;
	height:25rem;
	background:#FFFFFF;
	box-shadow:0rem 0.25rem 0.875rem 0rem rgba(12,37,91,0.1);
}
.hrds-tab-content-tips-bg {
	background: black;
	width:25rem;
	height:27.5rem;
	position:absolute;
	top:0;
	left:0;
}
.hrds-tab-content-tips-bg img{
	width: 100%;
	height: 100%;
}
.hrds-tab-content-tips-bg1 {
	width:4.625rem;
	height:3.75rem;
	position:absolute;
	top:3.125rem;
	left:52.9375rem;
}
.hrds-tab-content-tips-img {
	width: 11.5rem;
	height: 4.125rem;
	text-align:left;
	position:absolute;
	top:4.1875rem;
	left:20.625rem;
}
.hrds-tab-content-tips-text1:hover,
.review-card-tit:hover{
	color: #28ABC3;
}
.hrds-tab-content-tips-text1 {
	height:1.875rem;
	font-size:1.375rem;
	font-weight:500;
	color:#1D2325;
	line-height:1.875rem;
	text-align:left;
	position:absolute;
	top:8.3125rem;
	left:20.625rem;
}
.hrds-tab-content-tips-text2 {
	width: 36.3125rem;
	height:4.875rem;
	font-size:0.875rem;
	font-weight:400;
	color:rgba(9,15,33,0.5);
	line-height:1.625rem;
	text-align:left;
	position:absolute;
	top:11rem;
	left:20.625rem;
}
.hrds-tab-content-tips-buttom1:hover,
.hrds-tab-content-tips-buttom3:hover,
.card-tag:hover{
background-color: #00D3E5;
border: none;
}
.hrds-tab-content-tips-buttom1:hover a,
.hrds-tab-content-tips-buttom3:hover a,
.card-tag:hover{
	color: #FFFFFF;
}
.see-more-color{
	background-color: #00D3E5;
}
.hrds-tab-content-tips-buttom1 {
	padding: .375rem 1rem;
	margin-right: .625rem;
	color:rgba(9,15,33,0.5);
	font-weight:400;
	font-size:0.75rem;
	text-align:center;
	border:1px solid #DFE2E4;
	position:absolute;
	top:15.4375rem;
	left:20.625rem;
}
.hrds-tab-content-tips-buttom2 {
	width:9.625rem;
	height:2.5rem;
	position:absolute;
	box-sizing:border-box;
	border:1px solid rgba(9,15,33,1);
	top: 20rem;
    left: 47.3125rem;
}
.hrds-tab-content-tips-buttom2 .see-more {
	border:0px solid rgba(9,15,33,1) !important;
}
.hrds-tab-content-tips-buttom3 {
	padding: .375rem 1rem;
	margin-right: .625rem;
	color:rgba(9,15,33,0.5);
	font-weight:400;
	font-size:0.75rem;
	text-align:center;
	border:1px solid #DFE2E4;
	position:absolute;
	top: 15.5rem;
    left: 26.3125rem;
}

/*行业标杆*/
.benchmark {
	width:75rem;
	margin:0 auto;
	background:#FFFFFF;
}
.benchmark p {
	width:49.9375rem;
	height:3.5rem;
	font-size:0.875rem;
	font-weight:400;
	color:#1D2325;
	line-height:1.75rem;
	text-align:center;
	margin:0.625rem auto 2.1875rem;
}

.benchmark-container {
	width:76.25rem;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:1.875rem;
}
.line-box-flex {
	display:flex;
	flex-wrap:wrap;
	margin-right:-2.5rem;
}
.line-icon {
	width:10.5rem;
	height:3.75rem;
	background:rgba(255,255,255);
	margin:0 0.1875rem 1.625rem 0;
}
.line-icon:nth-child(7n) {
	margin-right:0;
}
.benchmark-container .swiper-pagination {
	bottom:0.375rem;
}
/*轮播分液器*/
@keyframes progressbar-dot {
	from {
	width:0;
}
to {
	width:100%;
}
}.swiper-pagination-bullet {
	width:3.125rem;
	margin:0 0.625rem !important;
}
.swiper-pagination-bullet {
	width:3.125rem;
	height:0.375rem;
	border-radius:0.1875rem;
	background-color:#fff;
	border:1px solid #ececec;
	opacity:1;
}
.swiper-pagination-bullet-active::after {
	content:"";
	display:block;
	width:3.125rem;
	height:0.375rem;
	font-size:0;
	line-height:0;
	border-radius:0.1875rem;
	background-color:#4DB7DD;
	animation:progressbar-dot linear 5s;
	animation-fill-mode:forwards;
}
.more-case-button{
	background: none;
    border: none;
    left: 50%;
    margin-left: -3.1875rem;
	position: relative;
	display: block;
    margin-top: .25rem;
	font-weight: 500;
font-size: 1.125rem;
color: #28ABC3;
}
.more-case-button::after{
	position: absolute;
	content: '';
	width: 1rem;
	height: 1rem;
	background: url('../img/pageimage/custmoer-case/more-case-after.png');
	background-size: 100% 100%;
}
.more-case-close{
	display: none;
}
.more-case-close::after{
	background: url('../img/pageimage/custmoer-case/more-case-after.png');
	background-size: 100% 100%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.cuscase-container{
	padding: 4.375rem 0 0;
	background: #FFFFFF;
}
.cuscase-container-back{
	width: 100vw;
background: #F8F9FA;
}
.cuscase-content{
width: 75rem;
margin: 0 auto;
    padding: 3.125rem 0;

}
.review-row{
	padding-bottom: .9375rem;
	margin-top: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	height: 21.25rem;
	overflow-y: hidden;
}
.cuscase-con-tit{
	position: relative;
font-weight: 500;
font-size: 2rem;
color: #090F21;
line-height: 3.125rem;
text-align: left;
margin-left: .9375rem;
}
.cuscase-con-tit span{
	margin-left: .5625rem;
font-weight: 400;
font-size: 1.25rem;
color: #28ABC3;
line-height: 3.125rem;
text-align: left;
}
.cuscase-con-tit::before{
	position: absolute;
	    left: -1rem;
    top: .625rem;
	content: '';
	width: .4375rem;
height: 2rem;
background: #28ABC3;
}


.card-line {
	position: absolute;
	bottom: 3.75rem;
    width: 17.5rem;
    height: .0625rem;
    background-color: #F5F7FA;
}

.review-card{
	
       /* margin-left: 1.6625rem; */
       margin-top: 0;
       width: 17.5rem;
       height: 19.875rem;
       border-radius: .875rem;
	   box-shadow: 8px 8px 30px 1px rgba(0,50,126,0.04);
}
.review-card:nth-child(4n){
	margin-left: 0;
	box-shadow: -3px 8px 30px 1px rgba(0,50,126,0.04);
}
.review-card:nth-child(4n+1){
	margin-left: 0;
	/* box-shadow: 8px 8px 30px 1px rgba(0,50,126,0.04); */
}
.review-card:nth-child(n+5){
	margin-top: 2.5rem;
}
.review-card:last-child:nth-child(4n - 1) {
   margin-right: 18.75rem;
}
 
.review-card:last-child:nth-child(4n - 2) {
   margin-right: 37.5rem;
}
.review-card:last-child:nth-child(4n - 3) {
   margin-right: 56.25rem;
}
.review-card-img img{
width: 100%;
height: 100%;
}
.review-card-img:hover img{
	 transform: scale(1.2);
	 transition:all 0.3s;
}
.review-card-img{
	width: 17.5rem;
	height: 9.125rem;
	overflow: hidden;
	border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px;
	-ms-border-radius: 10px 10px;
	-o-border-radius: 10px 10px;
}
.review-card-tit{
	width: 15rem;
	display: -webkit-box;
	height: 2.6875rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
    text-align: left;
   font-weight: 500;
font-size: 1rem;
color: #090F21;
line-height: 1.375rem;
margin: .8125rem 0 .625rem 1.375rem;
}



.card-box{
	position: relative;
	width: 17.5rem;
height: 19.875rem;
background: #FFFFFF;
/* box-shadow: 8px 8px 30px 1px rgba(0,50,126,0.04); */
border-radius: 10px 10px 10px 10px;
}
.card-tags{
		position: absolute;
bottom: 4.875rem;
display: flex;
    margin-left: 1.625rem;
    justify-content: flex-start;
}
.card-tag{

	padding: 0 .625rem;
margin-right: .3125rem;
width: auto;
height: 1.5rem;
font-size: .625rem;
font-weight: 400;
line-height: 1.5rem;
color: rgba(9,15,33,0.5);
background: #F6F8FB;
border-radius: 4px 4px 4px 4px;
}
.card-time{
	position: absolute;
	bottom: .625rem;
	display: flex;
	    margin-top: .4375rem;
    margin-left: 1.375rem;
}
.card-logo-icon{
width: 7.5rem!important;
height: 2.6875rem!important;
}
.card-box .box-tag-button {
    position: absolute;
    top: .3125rem;
    left: 9.375rem;
    width: 6.25rem;
    height: 1.75rem;
    background: #F9FAFC;
    border-radius: 20px 20px 20px 20px;
}
.card-box .box-tag-button span {
    margin-left: -2.75rem;
    font-weight: 400;
    font-size: .625rem;
    color: #090F21;
    line-height: 1.75rem;
    text-align: left;
}
.card-box .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%;
}
.card-box  .box-tag-button:hover {
    background: #00D3E5;
    transition: all 0.5s;
}
.card-box  .box-tag-button:hover span {
    color: #FFFFFF;
    transition: all 0.5s;
}
.card-box  .box-tag-button:hover .icon {
    transition: all 0.5s;
    background-color: #FFFFFF;
    background-image: url(../img/pageimage/sap/jinru-hover.svg);
}