.max-connter {
	/* max-width: 65%; */
	max-width: 80rem;
	margin: 0 auto;
}

/* 关于我们banner动效上面的黑色遮罩 */
.spline-viewer::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #00000073;
	top: 0;
	/* z-index: 13; */
}

.banner-index-1 .contact-box {
	height: 40rem;
	width: 80rem;
	border-radius: 3rem;
	padding: 2.6rem;
	margin: 6rem auto 0;
	box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.16);
	display: flex;
	background-color: #FFFFFF;
}

.banner-index-1 .contact-box #map {
	width: 100%;
	height: 100%;
	background-color: #000000;
	border-radius: 24px;
}

.banner-index-1 .contact-box .contact-left {
	margin-right: 2rem;
}

.banner-index-1 .contact-box .contact-left .code {
	margin-top: 2.8rem;
}

.banner-index-1 .contact-box .contact-left .code img {
	width: 100px;
	height: 100px;

}


.banner-index-1 .contact-box .contact-left .head-title-top {
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #ededed;
	font-size: 1.2rem;
	color: #0074FF;
	font-weight: 500;
	margin-bottom: 1rem;
}

.banner-index-1 .contact-box .contact-left .contact-area {
	display: flex;
	flex-direction: column;
}

.banner-index-1 .contact-box .contact-left .contact-area img {
	width: 1.8rem;
	height: 1.8rem;
	margin-right: 10px;
}

.banner-index-1 .contact-box .contact-left .contact-area>div {
	width: 16rem;
	/* height: 80px; */
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.banner-index-1 .contact-box .contact-left .contact-area>div>div:first-child {
	font-size: 1rem;
	font-weight: 500;
}

.banner-index-1 .contact-box .contact-left .contact-area>div>div {
	display: flex;
	font-size: 1.1rem;
	align-items: center;
	margin-bottom: 1rem;
}

.first-view {
	/* transform: rotate3d(); */
	position: relative;
	transition: .5s;
	position: relative;
	margin: 8rem auto 0;
	width: 97%;
	font-size: 0;
}


.spline-views {
	width: 100%;
	height: 100%;
}


.first-view::before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 36.4%;
	background-color: rgb(226, 234, 255);
	border-radius: 2rem;
}

.first-view .case-banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin-bottom: 0;
	border-radius: 2rem;
	box-shadow: 0 2rem 3rem -1rem #3088f348;
	transition: 2s;

}

.listMerge {
	display: none;
}

.first-view .content {
	position: absolute;
	/* top: 8rem;
  left: 10rem; */
	top: 10%;
	left: 10%;
	width: 80%;
	color: #FFFFFF;
	animation: show 1s ease-out;
}

.first-view .content .title {
	font-size: 4rem;
	font-weight: bold;
}

.first-view .content .desc {
	font-size: 1.4rem;
	margin-top: 2rem;
	height: 19rem;
	line-height: 2.3rem;
	scrollbar-width: none;
	overflow: auto;



}

.first-view .content .desc span {
	color: #e56955;
}


#custom,
#tel {
	position: fixed;
	z-index: 9999;

	width: 100%;
	height: 100%;
	display: none;
}

.bg {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background: hsl(0, 2%, 12%);
}

.zh {
	position: absolute;
	left: 0;
	top: 18.75rem;
	opacity: 0;
	right: 0;
	margin: 0 auto;
	width: 48.75rem;
	height: 22.5rem;
}

.img1 {
	width: 100%;
	position: absolute;
	z-index: 1;
}

.img2 {
	position: absolute;
	z-index: 10;
	right: 0.625rem;
	top: 0.625rem;
	width: 3.125rem;
	height: 3.125rem;
}

.zi1 {
	position: absolute;
	z-index: 1;
	top: 8.3125rem;
	left: 6.6875rem;
	width: 9.5rem;
	height: 2.125rem;
	font-size: 1.625rem;
	font-weight: 500;
	color: #3d3d3d;
	line-height: 2.125rem;
}

.zi2 {
	position: absolute;
	z-index: 1;
	top: 10.8125rem;
	left: 6.6875rem;
	width: 12.5rem;
	height: 3.3125rem;
	font-size: 2.5rem;
	font-weight: 500;
	color: #147dff;
	line-height: 3.3125rem;
	/* background-color: #147dff;
	padding: 0 1rem; */
}

.suspension {
	/* display: none; */
	opacity: 1;
	text-align: center;
	position: fixed;
	display: flex;
	flex-direction: column;
	z-index: 99;
	right: 0;
	bottom: 16rem;
	width: 10rem;
	border-radius: 1rem 0 0 1rem;
	background-color: #d6e9ffc9;
	color: #0074FF;
	box-shadow: 0 1rem 1rem -1rem #0000002d;
	transform-origin: 100% 100%;
	transition: .5s;
	backdrop-filter: blur(11px);
}

.suspension:hover {
	/* transform: scale(1.5);
	transition: .5s; */
}

.suspension p:first-child {
	font-size: 2rem;
	margin-top: 1rem;
	font-weight: bold;
}

.suspension p:nth-child(3) {
	font-size: .8rem;
}

.suspension .suspensionCls {
	position: absolute;
	left: -2rem;
	top: 7rem;
	width: 2rem;
	height: 7rem;
	border-radius: 1rem 0 0 1rem;
	background-color: #4b9fffb7;
	backdrop-filter: blur(11px);
}

.suspension .suspensionCls>p {
	padding: .8rem 0;
	font-size: 1.2rem;
	color: white;
	font-weight: 300;
	user-select: none;
}

.school-step-0 .services .connter {
	position: relative;
	font-size: 0;
	width: 100%;
}




.school-step-0 .services .connter div {
	height: 18rem;
	width: 100%;
	padding: .6rem 1rem;
	border-radius: 2rem;
	border: 1px solid #4ed3ff;
	background-color: white;
	overflow-x: hidden;
	z-index: 4;
}

.school-step-0 .services .connter::after {
	position: absolute;
	bottom: -.62rem;
	left: 0;
	right: 0;
	transform: translateX(5%);
	border-radius: 0 0 1.6rem 1.6rem;
	z-index: 1;
	content: '';
	display: block;
	width: 90%;
	height: .6rem;
	background: linear-gradient(90deg, #40c3ff42 9%, #2af7c43f 98%);
}

.school-step-0 .services .connter p {
	font-size: 1.5rem;
	font-weight: 500;
	color: #1D74DF;
	line-height: 2.7rem;
}

.school-step-flow .services {
	position: relative;
	margin: 3rem auto;
	display: flex;
	align-items: center;
	width: 100%;
}

.school-step-flow .services::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 27.4%;

}

.school-step-flow .services .flow {
	position: absolute;
	top: 0;
	width: 78rem;
	position: absolute;
	display: flex;
}

.school-step-flow .services .flow img {
	/* width: 16.5rem; */
	height: 21.4rem;
	/* flex: 1; */
}

.school-step-flow .mobile-services {
	display: none;
}


.school-step-2 .services {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

.school-step-2 .services::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 109%;
	background-color: rgb(255, 255, 255);
}


.school-step-2 .services .left,
.school-step-2 .services .right {
	position: absolute;
	top: 0;
	display: flex;
	flex-direction: column;
	width: 49%;
	height: 100%;
	border-radius: 50px;
	background: rgb(255, 255, 255);
	border: 1px solid #0073ff25;
	/* background: linear-gradient(180deg, #92c5ff52 0%, rgb(160 157 255 / 32%) 100%); */
	/* box-shadow: 0px 3.44px 8.6px 0px rgba(0, 0, 0, 0.2); */
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	color: #0E4990;
	padding-top: 4rem;
	transition: 1s;
	scale: .9;
	overflow: hidden;
}

.school-step-2 .services .left {
	left: 0;
}

.school-step-2 .services .right {
	right: 0;
}

.school-step-2 .services .title {
	transition: .6;
}



.school-step-3 .services {
	position: relative;
	width: 100%;
}

.school-step-3 .services::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 161%;
	background-color: rgb(255, 255, 255);
}

.school-step-3 .services .watermark {
	/* position: absolute; */
	/* top: 0; */
}

.school-step-3 .services .parents {
	position: absolute;
	top: 0;
	display: flex;
	justify-content: space-around;
	padding-bottom: 3rem;
	margin: 0 auto;
}

.school-step-3 .services .students {
	position: absolute;
	bottom: 0;

	display: flex;
	justify-content: space-around;
	margin: 0 auto;

}

.school-step-3 .services .parents img {
	border-radius: 1rem;
}

.school-step-3 .services .parents img:nth-child(1),
.school-step-3 .services .students img:nth-child(1) {
	width: 26%;
}

.school-step-3 .services .parents img:nth-child(2),
.school-step-3 .services .students img:nth-child(2) {
	width: 37%;
}

.school-step-3 .services .parents img:nth-child(3),
.school-step-3 .services .students img:nth-child(3) {
	width: 36%;
}



.school-step-4 .services .title {
	display: flex;
	justify-content: space-between;
	padding: 0 14rem;
	position: relative;
}

.school-step-4 .services .title .item .point {
	margin: 1rem auto 0;
	width: .8rem;
	height: .8rem;
	border-radius: 1rem;
}


.school-step-4 .services .title .item>div {
	font-size: 1.5rem;
	font-weight: 700;
}

.school-step-4 .services .title .item:nth-child(1) {
	color: #609AFF;
}

.school-step-4 .services .title .item:nth-child(2) {
	color: #FF71EC;
}

.school-step-4 .services .title .item:nth-child(3) {
	color: #FF6D6D;
}

.school-step-4 .services .title .item:nth-child(1) .point {
	background: #609AFF;
	box-shadow: 0px 4px 10px 0px rgba(96, 154, 255, 0.3);
}

.school-step-4 .services .title .item:nth-child(2) .point {
	background: #FF71EC;
	box-shadow: 0px 4px 10px 0px rgba(170, 0, 255, 0.3);
}

.school-step-4 .services .title .item:nth-child(3) .point {
	background: #FF6D6D;
	box-shadow: 0px 4px 10px 0px rgba(255, 0, 0, 0.3);
}


.school-step-4 .services .line {
	width: auto;
	height: 2rem;
	margin: 0 12rem;
	background: linear-gradient(180deg, rgba(210, 233, 255, 0) 0%, #cee7ff 100%);
	border-bottom: 2px solid #4397ff;

}

.school-step-4 .services img {
	padding-top: 1rem;
}

.school-step-5 .services .check {
	display: flex;
	justify-content: space-between;
	/* cursor: pointer; */
	padding: 0 4rem;
}

.school-step-5 .services .check .item {
	width: 46%;
}

.school-step-5 .services .check .item img {
	opacity: .6;
	box-shadow: 0px 4rem 20px -3rem #ace5fc;
	overflow: hidden;
}

.bd {
	transition: .6s;
	scale: 1.1;
	box-shadow: 0 4rem 3rem -3rem #ace5fc;
}

.dd {
	box-shadow: 0 6px 6px #0074FF;
}

/* .school-step-5 .services .check .shadow{
	display: block;
	margin: -8rem auto 0;
	filter: blur(1rem);
	width: 80%;
	height: 10rem;
	background-color: #000000;
} */
.school-step-5 .services .ui-show {
	position: relative;
	width: 100%;
}

.school-step-5 .services .ui-show .uiBg {
	margin-top: 4rem;
	width: 100%;
	height: 150rem;
	border-radius: 2rem;
	opacity: 0.2;

	background: linear-gradient(130deg, #2BB4EE 0%, rgba(50, 253, 199, 0.00) 40%);
}

.school-step-5 .services .ui-show img {
	/* margin-top: 4rem; */
	/* float: left; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}



#tel .zh>div {
	position: absolute;
	z-index: 2;
	top: 1.9375rem;
	left: 21.125rem;
	width: 26rem;
	font-weight: 500;
	color: #ffffff;
}

#tel .zh>div>div {
	line-height: 3rem;
}

.zh>div h4 {
	font-size: 1.875rem;
	line-height: 2.5rem;
	padding-bottom: 1rem;
}

.zh>div img {
	width: 1.375rem;
	height: 1.375rem;
	font-size: 1.375rem;
	margin-right: 0.625rem;
}

.zh>div>div>div:first-child {
	margin-top: 0.875rem;
	line-height: 1.375rem;
	display: flex;
	justify-content: flex-start;
}

.head {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .4s ease;
	width: 100%;
	height: 80px;
	padding: 1rem 0;
	/* position: -webkit-sticky; */
	/* position: sticky; */
	position: -webkit-fixed;
	position: fixed;
	z-index: 99;
	top: 0px;
	border-bottom: 1px solid #e5f1fd79;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0px .5rem 2rem #055eca17;
	backdrop-filter: blur(8px);
	/* overflow: hidden;  */
}


.head .top-content {
	width: 80rem;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.head .menu .layout-popup {
	position: absolute;
	top: 3rem;
	left: -4rem;
	width: 14rem;
	z-index: 999;
	padding: 1rem 1rem;
	font-size: 1rem;
	box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.16);
	background: #FFFFFF;
	border-radius: 1rem;
}

.iot-li {
	display: flex;
	justify-content: center;
	align-items: center;
}

.iot-li img {
	margin-left: 6px;
}


.head .menu .layout-popup>a {
	display: inline-block;
	width: 100%;
	line-height: 3.5rem;
	cursor: pointer;
	/* display: block; */
	/* padding-bottom: 1rem; */
	/* height: 2.3rem; */
}


.head .menu .layout-popup:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #FFFFFF transparent;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}

.head .menu .layout-popup:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent rgba(0, 0, 0, 0.06) transparent;
	position: absolute;
	top: -11px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}



.head .top-content .navbar-brand a {
	/* padding-left: 1rem; */
	/* width: 18rem; */
	/* height: 2.9375rem; */
	display: block;
}

.head .top-content .navbar-brand a img {
	width: auto;
	height: 2.6rem;
}

.head .top-content .menu {
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.head .top-content .menu ul {

	width: 28rem;
	display: flex;
	justify-content: space-around;
}

.head .top-content .menu li {
	min-width: 6rem;
	height: 100%;
	position: relative;
	text-align: center;
}

.head .top-content .menu a {
	font-size: 1.2rem;
	font-weight: 400;
	color: #000000;
}

/* .head .top-content .menu .case::after {
	content: ' ▼';
} */

.head .top-content .menu .ahost {
	font-size: 1.2rem;
	font-weight: 700;
	color: #1d74df;
}

.head .top-content .menu .caseBtn {
	margin-top: .4rem;
	background-color: #f972113c;
	border: 1px solid #f972113c;
	border-radius: 1rem;
	color: #f97211;
}

.head .top-content .menu .caseBtn:hover {
	background-color: #f97211;
	border: 1px solid #ffffff;
	border-radius: 1rem;
	color: #ffffff;
}

/* 首页案例 */
.index-case .max-connter .cardList {
	width: 100%;
	display: flex;
}

.index-case .max-connter .cardList .caseItem:hover>img:first-of-type {
	transform: rotate(0);
	scale: 1.1;
	left: 1.4rem;
	animation: moveAndChangeColor .6s linear infinite alternate;
}

.index-case .max-connter .cardList .caseItem:hover .gt_icon {
	opacity: 1;
	right: -2rem;
	animation: moveChane .6s linear infinite alternate;
}

@keyframes moveChane {
	0% {
		right: 0rem;
	}

	100% {
		right: -2rem;
	}
}

.index-case .max-connter .cardList .caseItem {
	width: 26rem;
	height: 17rem;
	background: linear-gradient(180deg, #0e50ac2b 0%, rgba(14, 80, 172, 0) 100%);
	position: relative;
	border-radius: 2rem;
	margin-right: 4rem;
}

@keyframes moveAndChangeColor {
	0% {
		left: 1.4rem;
	}

	100% {
		left: 3rem;
	}
}

.index-case .max-connter .cardList .caseItem:hover .caseMain {
	width: 26rem;
	border-radius: 0 48px 16px 32px;
}

.index-case .max-connter .cardList .caseItem .gt_icon {
	opacity: 0;
	right: 0rem;
	top: 30%;
	position: absolute;
	width: 3rem;
	height: 3rem;
}

.index-case .max-connter .cardList .caseItem>img:first-of-type {
	position: absolute;
	left: 1rem;
	width: 25rem;
	height: 15rem;
	transform: rotate(-6.03deg);
	border-radius: 32px;
	transition: .5s;
}

.index-case .max-connter .cardList .caseItem .caseMain {
	width: 23rem;
	padding: 1rem 1.6rem;
	backdrop-filter: blur(2rem);
	background: rgba(0, 106, 255, 0.6);
	z-index: 2;
	position: absolute;
	bottom: 0;
	color: white;
	border-radius: 0 32px 16px 32px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
	transition: .6s ease;
}

.index-case .max-connter .cardList .caseItem .caseMain>span {
	font-size: 1.6rem;
}

.index-case .max-connter .cardList .caseItem .caseMain .caseDesc {

	display: flex;
	align-items: center;
}

.index-case .max-connter .cardList .caseItem .caseDesc img {
	width: 2rem;
	margin-right: .3rem;
}

.index-case .max-connter .cardList .otherCase {
	border-left: 1px solid #e2eef4;
	font-size: 1.6rem;
	color: #004396;
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.index-case .max-connter .cardList .otherCase>span:first-of-type {
	margin-top: -1rem;
}

.index-case .max-connter .cardList .otherCase img {
	width: 15rem;
	height: 8rem;
}

.index-case .max-connter .cardList .otherCase .otherEffect {
	display: flex;
	flex-direction: column;
}

.index-case .max-connter .cardList .otherCase .otherEffect>img {
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(2),
.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(3) {
	margin-top: -5rem;
}


.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(1) {
	scale: .6;
	z-index: 1;
}



.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(2) {
	scale: .8;
	z-index: 2;
}

.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(3) {
	scale: 1;
	z-index: 3;
}

.index-case .max-connter .cardList .otherCase .otherEffect:hover img:nth-child(1) {
	transform: rotate(2deg);
	margin-left: 3rem;
}

.index-case .max-connter .cardList .otherCase .otherEffect:hover img:nth-child(2) {
	transform: rotate(-2deg);
	margin-left: -1.8rem;
}

.index-case .max-connter .cardList .otherCase .otherEffect:hover img:nth-child(3) {
	transform: rotate(2deg);
	margin-left: 5rem;
}



.head .top-content .menu .ric {
	position: absolute;
	width: 0.375rem;
	height: 0.375rem;
	margin: 0 auto;
	bottom: -0.625rem;
	left: 0;
	right: 0;
	background: #1d74df;
	opacity: 1;
	border-radius: 50%;
}

.head .top-content .menu .top-btn-box {
	margin-left: 1.1875rem;
}

.head .top-content .menu .top-btn-box button {
	padding: .5rem 1rem;
	border-radius: 4rem;
	width: auto;
	background: #2D8BFF;
	opacity: 1;
	color: #ffffff;
	border: none;
	display: flex;
	justify-content: space-around;
	align-items: center;
	cursor: pointer;
	transition: .5s;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}



.head .top-content .menu .top-btn-box img {
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
}

.banner {
	width: 100%;
	height: calc(100vh - 70px);
	position: relative;
	margin-bottom: 7.5rem;
	overflow: hidden;
	background: url('../img/dd.webp') no-repeat center center / cover;
}

.banner .bannerTitle {
	position: relative;
	height: 100vh;
	top: -100vh;
}

.banner img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.contactUs {
	width: 100%;
	margin: 0 auto;
	height: 500px;
	margin-top: 40px;
}

/* 
.banner {
	height: 100%;
	overflow: hidden;
	object-fit: cover;
	background-size: cover;   
	background-position: center center;

	transition: 1s;
} */

/* @keyframes breathe {
	0% {
		transform: scale(0.99);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(0.99);
	}
} */


/* 案例 */
.caseBanner {
	height: 300px !important;
}

.appList {
	margin-bottom: 80px;
}

.casePage .industryCheck {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	margin: 1rem 0;
}

.casePage .industryCheck>div:first-child {
	margin: 1rem 1rem;
}

.casePage .industryCheck .search {
	display: flex;
	align-items: center;
}

.casePage .industryCheck .search div {
	padding: .3rem 2rem;
	background-color: #ffffff;
	border: 1px solid #B0B0B0;
	margin-right: 1rem;
	border-radius: 8px;
}

.casePage .type {
	position: relative;
	background: linear-gradient(180deg, rgba(208, 229, 255, 0) 0%, rgba(208, 229, 255, 0.12) 100%);
	padding: 1rem 2rem;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	box-shadow: 0px 4px 1rem -1rem rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid #b5c6d679;
}

.casePage .type .title {
	font-size: 24px;
	font-weight: 600;
	color: #1D74DF;
	line-height: 30px;
}

.casePage .type img:first-child {
	width: 40px;
	height: 100%;
	margin-right: 20px;
}

.casePage .type>img:last-of-type {
	position: absolute;
	right: 0;
	z-index: 1;
	top: 0;
	width: 48rem;
	height: auto;
}

.casePage .type .sub-title {
	font-size: 16px;
	color: #cacaca;
	font-weight: 400;
}


.casePage .appList {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.casePage .appList .item {
	width: calc(33% - 15px);
	height: auto;
	/* background-color: #fbfbfb; */
	/* padding: 20px; */
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	position: relative;
	border: 1px solid #e2eef4;
}



.casePage .appList .item .iphoneBg {
	filter: grayscale(50%) brightness(30%);
}

.casePage .appList .item .ipcBg {
	filter: brightness(90%);
}

.casePage .appList .item:hover .ipcBg {
	filter: brightness(100%);
}

.casePage .appList .item .webBg {
	filter: brightness(90%);
}

.casePage .appList .item:hover .webBg {
	filter: brightness(100%);
}

.casePage .appList .item .iphonePic {
	width: 80px;
	height: 170px;
	border-radius: 8px;
	position: absolute;
	right: 10px;
	top: 15px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.16);
}

.casePage .appList .item .tap {
	display: flex;
	width: auto;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

.casePage .appList .item .tap div {
	color: white;
	border-radius: 8px;
	margin-right: 6px;
	padding: 2px 6px;
	background: rgba(33, 33, 33, 0.8);
	backdrop-filter: blur(10px);
}

.casePage .appList .item:hover {
	/* background-color: #e8e8e8; */
	background-color: #ffffff;
	scale: 1.02;
	box-shadow: 0 2rem 2rem -1rem #73abff47;
}

.casePage .appList .item:hover .iphoneBg {
	filter: grayscale(20%) brightness(100%);
}

.casePage .appList .item:last-child .iphoneBg {
	filter: grayscale(20%) brightness(100%);
}

/* ------------- */
.casePage .appList .other {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(33% - 15px);
	height: auto;
	min-height: 15rem;
	/* background-color: #fbfbfb; */
	/* padding: 20px; */
	border-radius: 16px;
	overflow: hidden;
	background-color: #fafbfc;
	transition: all 0.3s ease-in-out;
	position: relative;
	cursor: pointer;
	border: 1px solid #e2eef4;
}

.casePage .appList .other:hover {
	background-color: #f7faff;
	scale: 1.02;
	border: 1px solid #a0b1fc;
	box-shadow: 0 2rem 2rem -1rem #73abff47;
}

.casePage .appList .other .icon {
	width: 3rem;
	height: 3rem;
	margin-right: 1rem;
}

.casePage .appList .other .msg .title {
	font-size: 1.2rem;
	color: #389fff;
}

.casePage .appList .other .msg .desc {
	color: #AFAFAF;
}

/* -------------- */

.casePage .appList .item img {
	width: 100%;
	height: auto;
}

.casePage .appList .item .msg {
	padding: 0.8rem;
}

.casePage .appList .item .msg div:first-child {
	font-size: 16px;
	font-weight: 700;
	color: #389fff;
}

.casePage .appList .item .msg div:last-child {
	width: 100%;
	height: 1.5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.1rem;
	line-height: 2rem;
	color: #AFAFAF;
	padding-right: 6.5rem;
	transition: .5s;
}

/* .casePage .appList .item:hover .msg div:last-child {
	height: 3.4rem;
	text-overflow: unset;
	white-space: unset;
	overflow: unset;
} */


.casePage .ipcList {
	width: calc(33% - 15px);
	height: auto;
	/* background-color: #fbfbfb; */
	/* padding: 20px; */
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	position: relative;
}




/* 网页管理 */
.casePage .appList .webItem {
	width: calc(50% - 10px);
	height: auto;
	/* background-color: #fbfbfb; */
	/* padding: 20px; */
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	position: relative;
}

.casePage .appList .webItem .tap {
	display: flex;
	width: auto;
	/* z-index: 2; */
	position: absolute;
	top: 10px;
	left: 10px;
}

.casePage .appList .webItem .tap div {
	color: white;
	border-radius: 8px;
	margin-right: 6px;
	padding: 2px 6px;
	background: rgba(33, 33, 33, 0.8);
	backdrop-filter: blur(10px);
}

/* .casePage .appList .webItem:hover {
	background-color: #fbfbfb;
	scale: 1.01;
} */





/* 案例 */

.banner .title {
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	width: 50rem;
	line-height: 4rem;
	text-align: center;
	font-size: 1.6rem;
	margin: 0 auto;
	text-align: center;
}

.banner .title img {
	position: absolute;
	width: 8rem;
	left: 45%;
	top: -10rem;
	object-fit: unset
}

.banner .title h3 {
	display: inline-block;
	font-size: 3.75rem;
	font-weight: 500;
	color: #ffffff;
	opacity: .95;
	backdrop-filter: var(--tw-backdrop-blur);
	animation: show 1s ease-in;
}

.banner .title p {

	font-size: 1.75rem;
	font-weight: 400;
	color: #ffffff;
	animation: show 1s ease-out;
}


@keyframes show {
	from {
		opacity: 0;
		padding-top: 1.5rem;
	}

	to {
		opacity: 1;
		padding-top: 0rem;
	}
}

/* 新栏 */


.title-desc {
	position: relative;
	color: #2179E7;
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-top: 1rem;
	padding-bottom: 4rem;
}

.titleIcon {
	height: 3rem;
	width: auto;
}

.title-desc span {
	word-break: keep-all;
	margin: 0 1rem;
}

.title-desc .dotted-line {
	height: 1px;
	width: 100%;
	background: #D8D8D8;
	/* border: 1px dashed #D8D8D8; */
}

/* 新栏 */


.box-title {
	margin-bottom: 6.25rem;
}

.box-title h4 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #1d74df;
	margin-bottom: 0.8125rem;
}

.box-title p {
	font-size: 1.35rem;
	font-weight: 700;
	color: #d8d8d8;
}

.banner-index-1 .services {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 6rem;
}

.banner-index-1 .services>div {
	width: 30%;
	height: auto;
	background: linear-gradient(269deg, #cce8ff3a 0%, rgba(255, 255, 255, 0.00) 23%);
	border-radius: 3rem 1rem 3rem 1rem;
	margin-bottom: 3.85rem;
	position: relative;
	padding: 2.5rem 1.5rem;
	transition: 1s;
	box-shadow: 0 2rem 2rem -2rem #7aafff50;
}

.banner-index-1 .services>div .icon {
	width: 10rem;
	height: auto;
	position: absolute;
	top: -3rem;
	right: -3rem;
	transition: .5s;
}

/* p{
	user-select: none;
} */

.banner-index-1 .services>div .title {
	margin-bottom: 1.8rem;
	font-size: 1.6rem;
	font-weight: 600;
	display: flex;
	color: #4495ff;
	align-items: center;
}

.banner-index-1 .services>div .title img {
	width: 0.1rem;
	height: 2rem;
	margin-right: 1.5rem;
}

.banner-index-1 .services>div .sub {
	font-size: 1rem;
	font-weight: 400;
	color: #353535;
	/* padding-left: 1.5rem; */
	line-height: 1.75rem;
}

.banner-index-2 .services {
	position: relative;
}

/* 联系我们 */

.banner-index-2 .body {
	/* position: absolute; */
	top: 0;
}

.banner-index-2 .body .content .left {
	position: absolute;
	left: 3.5rem;
	top: 4rem;
	font-weight: bold;
	color: #FFFFFF;
}

.banner-index-2 .body .content .right {
	position: absolute;
	right: 3rem;
	bottom: 2rem;
	font-size: 1.5rem;
	font-weight: bold;
	color: #1D74DF;
}

.banner-index-2 .body .content .right img {
	/* vertical-align: middle; */
	/* display: none; */
	position: absolute;
	top: .88rem;
	right: 3.8rem;
	width: 2.3rem;
	transition: .5s ease-in;
}



.banner-index-2 .body .content .right div {
	width: 16rem;
	height: 4rem;
	background-color: white;
	border-radius: 60px;
	text-align: center;
	line-height: 4rem;
	margin-bottom: 1rem;
	transition: .5s;
	box-shadow: 1px 10px 10px #0000003a;
}

.banner-index-2 .body .content .right p {
	font-size: 1.1rem;
	color: white;
	text-align: center;
	font-weight: 300;
}

.banner-index-2 .body .content .right p::selection {
	background-color: #F7B400;
}





.banner-index-2 .body .icon {
	width: 8rem;
	height: 3rem;
	border: 2px solid white;
	border-radius: 24px 0 24px 0;
	text-align: center;
	line-height: 2.8rem;
	margin-bottom: 2rem;
	font-weight: 600;
	transition: 1s;
}



.banner-index-2 .body .left p:nth-child(2) {
	font-size: 2rem;
	line-height: 3.3rem;
}

.banner-index-2 .body .left p:nth-child(3) {
	font-size: 2.5rem;
	padding-bottom: 1.3rem;
}

.banner-index-2 .body .left p:nth-child(4) {
	font-size: 1rem;
	font-weight: 500;
}

.banner-index-2 .body .left p:nth-child(2)::selection {
	background-color: #F7B400;
}

.banner-index-2 .body .left p:nth-child(3)::selection {
	background-color: #F7B400;
}

.banner-index-2 .body .left p:nth-child(4)::selection {
	background-color: #F7B400;
}


.banner-index-2 .body .left div:last-child {
	height: 6rem;
	padding-top: 10rem;
}


.banner-index-2 .shadow {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 16rem;
	background-color: #51c1e6;
	filter: blur(30px);
	width: 90.83%;
	height: 18.75rem;
	transition: 1s;

}

.banner-index-2 .services .processContnet {
	position: relative;
	margin-bottom: 8rem;
}

.banner-index-2 .services .processContnet .lc {
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	align-items: center
}

.banner-index-2 .services .processContnet .lc .item div:last-child {
	display: flex;
	flex-direction: column;
	width: auto;
}


.banner-index-2 .services .processContnet .lc .item {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}



.banner-index-2 .services .processContnet .lc .item .icon {
	transition: .6s ease-out;
	width: 80%;
	height: 100px;
	/* background: linear-gradient(180deg, #59a4ff 0%, #1E91E4 100%); */
	background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 100%);
	margin: 0 auto 3rem;
	border-radius: 2rem;
	padding: 1.2rem;
	box-shadow: 0 3rem 3rem -1rem #1869cb3a;
}

.banner-index-2 .services .processContnet .lc .item .icon img {
	padding: 0 1.8rem;

}

.banner-index-2 .services .processContnet .lc .item .icon .lc_icon {
	margin: 0 auto;

}



.banner-index-2 .services .processContnet .lc .item .icon::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	/* border-color:#1E91E4 transparent transparent transparent; */
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	top: 7.8rem;
	margin: auto;
}



.banner-index-2 .services .body {
	z-index: 1;
	bottom: 3rem;
	cursor: pointer;
	transition: 1s;

	transform-origin: 50% 50%;
	transform: rotateX(0deg) rotateY(0deg);
}

.banner-index-2 .services .body img {
	border-radius: 2rem;
	background-color: #0074FF;
}


/* 商城案例 */

.mall-case .case-box {
	position: relative;
	width: 99vw;
	/* width: 100%; */
	/* width: 100rem; */
	margin: 0 auto;
	scale: .8;
	height: 40rem;
	margin: 0 auto 3rem;
	background-color: #2286ff;
	border-radius: 3rem;
	overflow: hidden;
	transition: .4s;
}




.mall-case .case-box .effect {
	position: absolute;
	transform-origin: 96rem 36rem;
	transform: rotate(45deg);
}

.mall-case .case-box .caseTips {
	padding: 0 2rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1.3rem;
	/* width: 7rem; */
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	border-radius: 50rem;
	color: rgb(255, 255, 255);
	background-color: #0000003d;
	transition: .5s;
}


.mall-case .case-box .effect .item {
	/* width: 20%; */
	position: absolute;
	/* display: flex;
	flex-direction: column; */

}

.mall-case .case-box .effect .item img {
	width: 24rem;
	height: auto;
	margin-top: 3rem;
	border-radius: 1.5rem;
	background-color: #000000;
	box-shadow: 0px 1rem 1rem #00000025;
	-webkit-user-drag: none;
}




.mall-case .case-box .effect .item:nth-child(1) {
	animation: uiMove1 30s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	left: 10rem;
}

.mall-case .case-box .effect .item:nth-child(2) {
	animation: uiMove2 30s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	left: 40rem;
}

.anistop {
	animation-play-state: paused;
}

.mall-case .case-box .effect .item:nth-child(3) {
	animation: uiMove3 30s;

	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	left: 70rem;
}

.mall-case .case-box .effect .item:nth-child(4) {
	animation: uiMove4 30s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	left: 100rem;
}



@keyframes uiMove1 {
	from {
		top: -100rem;
	}

	to {
		top: 40rem;
	}
}

@keyframes uiMove2 {
	from {
		top: 10rem;
	}

	to {
		top: -120rem;
	}
}

@keyframes uiMove3 {
	from {
		top: -90rem;
	}

	to {
		top: -20rem;
	}
}

@keyframes uiMove4 {
	from {
		top: -30rem;
	}

	to {
		top: -180rem;
	}
}


.mallCaseCheck {
	width: 70rem;
	margin: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 8rem;
	justify-content: space-around;
}

.mallCaseCheck .caseBtn {
	width: 15rem;
	height: 6rem;
	text-align: center;
	padding: 1rem;
	border-radius: 1rem 0 1rem 0;
	position: relative;
	cursor: pointer;
	font-weight: 700;

}



.mallCaseCheck .caseBtn>p:last-child {
	font-size: .8rem;
	line-height: 2.2rem;
	font-weight: 300;
}

.mallCaseCheck .caseBtn:last-child {
	background-color: #3b84e42d;
}

.mallCaseCheck .caseBtn:last-child p:first-child {
	color: #004396;
}

.mallCaseCheck .caseBtn:last-child p:last-child {
	color: #72849b;
}

.mallCaseCheck .mallCaseHost {
	color: #ffffff;
	border-radius: 1rem 0 1rem 0;
	background-color: #067ff1;
}




/* 商城的列表 */

.mall-table {
	display: flex;
	flex-direction: row;
	box-shadow: 0px 3rem 4rem -4rem #0073ff5b;
}

.mall-table .left {
	display: flex;
	flex-direction: column;
	width: 8rem;
	height: 53rem;
	position: sticky;
	top: 8rem;
	border: 1px solid #cddef3c2;
	background-color: #2587ff;
	border-right: unset;
	border-radius: 1rem 0 0 1rem;
	overflow: hidden;
}


.mall-table .left div {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	cursor: default;
	color: rgb(255, 255, 255);
}

.mall-table .left div a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.mall-table .left .mallTop {
	background-color: white;
	width: 2.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	margin: auto;
	color: #2587ff;
	border-radius: 50%;
	margin-bottom: 1rem;
	transition: .3s;
}



.mtc {
	background-color: #003a81c2;
	color: white;
	font-size: 1.1rem;
	transition: .5s;
}

.mall-table .right {
	width: 100%;
	border: 1px solid #cddef3c2;
	background-color: #fafcff;
	border-radius: 0 1rem 1rem 0;
}


.mall-table .right table {
	border-collapse: collapse;
	/* 适配 */
	word-break: break-all;
	word-wrap: break-word;
}

.mall-table .right .tableHead {
	position: sticky;
	z-index: 80;
	top: 1.61rem;
	background-color: #f2f8ff;
	border-radius: 0 1rem 0 0;
	box-shadow: 0px .6rem 1.5rem -1rem #02005f59;

}

.mall-table .right .tableHead table th {
	color: #0c4b99;
	font-weight: 400;
}

.mall-table .right .tableHead tr:nth-child(2) th:nth-child(1) {

	width: 30%;
}

.mall-table .right .tableHead tr:nth-child(2) th:nth-child(2) {
	width: 10%;
}

.mall-table .right .tableHead tr:nth-child(2) th:nth-child(3) {
	width: 10%;
}

.mall-table .right .tableHead tr:nth-child(2) th:nth-child(4) {
	width: 10%;
}

.mall-table .right .tableHead tr:nth-child(2) th:nth-child(5) {
	width: 10%;
}

.mall-table .right .tableHead tr:nth-child(2) th:nth-child(6) {
	width: 10%;
}

.mall-table .right .tableHead tr:nth-child(2) th:nth-child(7) {
	width: 10%;
}

.mall-table .right .tableHead tr:nth-child(2) th:nth-child(8) {
	width: 10%;
}



/* .mall-table .right table .tableHead tr:last-child>td{
	border-bottom: unset;
} */


.mall-table .right #tableBox tr:last-child>td {
	border-bottom: unset;
}

.mall-table .right #tableBox tr:last-child>td:last-child {
	border-radius: 0 0 1rem 0;
}

.mall-table .right table tr td:last-child,
.mall-table .right table tr th:last-child {
	border-right: unset;
}




.mall-table .right table td,
.mall-table .right table th {
	border-right: 1px solid #d6e0ff;
	border-bottom: 1px solid #d6e0ff;
	padding: 1rem 0;
	text-align: center;
}



.mall-table .right #tableBox .list td>p {
	font-weight: 500;
	font-size: 1rem;
	color: #004396;
	padding-bottom: 1rem;
}

.mall-table .right #tableBox tr td:nth-child(2) {
	width: 10%;
}

.mall-table .right #tableBox tr td:nth-child(3) {
	width: 10%;
}

.mall-table .right #tableBox tr td:nth-child(4) {
	width: 10%;
}

.mall-table .right #tableBox tr td:nth-child(5) {
	width: 10%;
}

.mall-table .right #tableBox tr td:nth-child(6) {
	width: 10%;
}

.mall-table .right #tableBox tr td:nth-child(7) {
	width: 10%;
}

.mall-table .right #tableBox tr td:nth-child(8) {
	width: 10%;
}


.mall-table .right table .list td:first-child {
	text-align: left;
	padding: 1rem;
	width: 30%;
}



.table .max-connter .mallExpand {
	width: 10rem;
	height: 3rem;
	background: linear-gradient(180deg, #355aff 0%, #3586ff 100%);
	box-shadow: 0px 10px 20px -10px #357cff;

	text-align: center;
	color: white;
	line-height: 3rem;
	border-radius: 0 0 1rem 1rem;
	margin: auto;
	cursor: default;
	transition: .4s;
}



.table .box {
	margin-top: 4rem;
	border-radius: 1rem;
	background-color: #fafcff;
	border: 1px solid #d6e0ff;
	overflow: hidden;
}

.table .notes {
	width: 100%;
	/* color: #2d4a6e; */
	border-collapse: collapse;

}

.table .notes tr {
	padding: 1rem 0;
}

.table .notes .notesTitle {
	text-align: center;
	color: #2889ff;
	/* width: rem; */
}

.table .notes tr td {
	padding: .2rem 0 .2rem .5rem;
	border-right: 1px solid #d6e0ff;
	border-bottom: 1px solid #d6e0ff;
}

.table .notes tr td:last-child {
	border-right: unset;
}

.table .notes .lc {
	border-bottom: unset;
}




/* 联系我们 */

.banner-index-3 .services {
	display: flex;
	justify-content: space-between;
}

.banner-index-3 .services .item-box {
	position: relative;
}


.banner-index-3 .services .item-box>div {
	position: absolute;
	top: 3.125rem;
	left: 3.125rem;

	transition: .5s;
}

.banner-index-3 .services .item-box .go {
	position: absolute;
	width: 3rem;
	left: 15rem;
	top: -5rem;
	transition: .5s;
}

.banner-index-3 .services .item-box .Aicon {
	position: absolute;
	width: 3rem;
	left: 34.5rem;
	top: -5rem;
	transition: .5s;
}



.banner-index-3 .services .item-box>div p:first-child {
	font-size: 2rem;
	font-weight: 500;
	color: #ffffff;
	margin-bottom: 0.9375rem;
	display: block;
	transition: 1s;
}



.banner-index-3 .services .item-box>div p:last-child {
	font-size: 24px;
	font-weight: 700;
	color: #bebabb;
}

.banner-index-3 .services img {
	width: 100%;
	height: 100%;
}

.banner-index-3 .services>div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 49.39%;

}

.banner-index-3 .box1 {
	width: 100%;
	height: 66.6%;
	margin-bottom: 1rem;
}

.banner-index-3 .box2,
.banner-index-3 .box3,
.banner-index-3 .box5,
.banner-index-3 .box6 {
	width: 48.53%;
	height: 32.03%;
}

.banner-index-3 .box4,
.banner-index-3 .box7 {
	width: 100%;
	height: 32.03%;
	margin-bottom: 1.1rem;
}

.banner-index-3 .box7 {
	margin: 1.25rem 0 0 0;
}

.banner-index-3 .services .item-box {
	overflow: hidden;
	transition: 1s ease-out;
}

.banner-index-3 .services .item-box img {
	scale: 1;
	border-radius: 2rem;
	transition: 1s;
}

.banner-index-4 .services {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.banner-index-4 .logo-item {
	width: 23.07%;
	height: 9.4rem;
	margin-bottom: 2rem;
	position: relative;
}

.banner-index-4 .logo-item div {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	padding-top: 19%;
	font-size: 1rem;
	font-weight: 700;
	color: #ffffff;
	background-color: #0074ff;
	opacity: 0;
	transition: .5s;
}

.banner-index-4 .logo-item div::selection {
	background-color: #F7B400;
}

.banner-index-4 .logo-item div::after {
	content: '';
	display: block;
	width: 4rem;
	height: .1rem;
	/* border-top: 10px solid #0074ff; */
	margin-top: 40px;
	margin: 0 auto;
	border-radius: 10px;
	background-color: #ffffff70;
}

.banner-client-5 .services {
	width: 100%;
	position: relative;
}

@keyframes breathe {
	from {
		scale: 1;
		border-radius: 2rem;
		border: 1px dashed #FF8D40;
		opacity: 0.3;
	}

	to {
		scale: 1.05;
		border-radius: 3rem;
		border: 1px dashed #FF8D40;
		opacity: 1;
	}
}

.banner-client-5 .services .effect_bg {
	animation: linear breathe 1s infinite alternate;
}

.banner-client-5 .services .effect_bg,
.banner-client-5 .services .content_bg {
	display: block;
	width: 50%;
	margin: 5rem auto;
	/* padding: 5rem 0; */
}

.banner-client-5 .services .content_bg {
	position: absolute;
	left: 0;
	right: 0;
	top: -5rem;

}

.banner-client-5 .services .content .step {
	/* height: 100%; */
	position: absolute;
	top: 6.6rem;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
}

/* 图标 */
.banner-client-5 .services .content .icon {
	/* height: 100%; */
	position: absolute;
	top: -5rem;
	left: 0;
	right: 0;
}

.banner-client-5 .services .content .icon .item {
	width: 21rem;
	height: 8rem;
	padding: .5rem;
	background: linear-gradient(111deg, #0886B0 5%, #13B6D7 96%);
	border-radius: 1rem;
	color: white;
	transition: 1s;
	box-shadow: 0rem 3rem 3rem -2rem #0d408b38;
}



.flexLeft {
	display: flex;
	flex-direction: row;

}

.flexRight {
	display: flex;
	flex-direction: row-reverse;
	text-align: right;
}

.banner-client-5 .services .content .icon div {
	margin: .5rem;
}

.banner-client-5 .services .content .icon .item div p:first-child {
	font-size: 1.8rem;
	/* font-weight: bold; */
	transition: .6s;
}

.banner-client-5 .services .content .icon .item div p:last-child {
	margin-top: .6rem;
	font-size: 1.2rem;
	transition: .6s;
}

.banner-client-5 .services .content .icon .item:nth-child(1) {
	position: absolute;
	top: 0;
	left: 28rem;
}

.banner-client-5 .services .content .icon .item:nth-child(2) {
	position: absolute;
	top: 29.5rem;
	right: 2.5rem;
}

.banner-client-5 .services .content .icon .item:nth-child(3) {
	position: absolute;
	top: 57rem;
	right: 2.5rem;
}

.banner-client-5 .services .content .icon .item:nth-child(4) {
	position: absolute;
	top: 14rem;
	left: 2.5rem;
}

.banner-client-5 .services .content .icon .item:nth-child(5) {
	position: absolute;
	top: 43.5rem;
	left: 2.5rem;
}

.banner-client-5 .services .content .icon .item:nth-child(6) {
	position: absolute;
	top: 57rem;
	left: 2.5rem;
}

.banner-client-5 .services .content .icon .monitor {
	position: absolute;
	top: 6.5rem;
	left: 33rem;
	width: 12rem;
	height: 3rem;
	border-radius: 1rem;
	box-shadow: 0 1rem 1rem -1rem #fd6b0a44;
}

.banner-client-5 .services .content .icon .monitor img {

	width: 100%;
}

.banner-client-5 .services .content .icon img {
	width: auto;
	padding: .5rem;
	border-radius: 1rem;
}


.banner-client-5 .services .content .step img {
	width: 18%;
	display: block;
	margin: 3.05rem auto 0;
	padding: unset;
	border-radius: .5rem;
}






.banner-client-7 .services .phone {
	display: block;
	position: absolute;
	width: 24%;
	height: auto;
	top: 8rem;
	right: 10rem;
	z-index: 3;
	/* transform: rotate3d(); */
}



.footer {
	width: 100%;
	background: linear-gradient(231deg, #1d74df 0%, #1daedf 100%);
	padding: 1rem 0;
	margin-top: 8.625rem;
	/* transition: .1s; */

}



.footer .max-connter {
	display: flex;
	justify-content: space-around;

}

.footer .max-connter .left-box {
	width: 48rem;
	display: flex;
	align-items: center;
	border-right: 0.125rem solid #77b6ec;
}

.footer .max-connter .left-box .logo {
	width: 12.5rem;
	height: 12.5rem;
	margin-right: 2rem;
	transition: 1s;
}




.footer .max-connter .left-box>div {
	font-size: 1rem;
	font-weight: 400;
	color: #ffffff;
}

.footer .max-connter .left-box>div img {
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 0.6rem;
}



.footer .max-connter h4 {
	font-size: 1.5rem;
	font-weight: 400;
	color: #c5e7fc;
}


.footer .max-connter h4::after {
	content: '';
	display: block;
	width: 50%;
	margin: 1rem 0;
	height: 2px;
	border-radius: 10px;
	background: #d4e8ff;
}

.footer .max-connter .left-box>div div {
	margin-top: 0.875rem;
	display: flex;
}


.footer .max-connter .right-box {
	padding-top: 2.3rem;
}

.footer .max-connter .right-box ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.footer .max-connter .right-box ul li {
	width: 50%;
	margin-top: 0.675rem;
}

.footer .max-connter .right-box ul a {
	font-size: 1rem;
	font-weight: 400;
	color: #ffffff;
}


.footer .max-connter .right-box .btn {
	width: 9.375rem;
	height: 2.5625rem;
	margin-top: 1.375rem;
	cursor: pointer;
}

.footer .max-connter .right-box .btn img {
	height: 27px;
	width: 100px;
	transition: 1s;
}





.footer-bottom {
	text-align: center;
	width: 100%;
	/* background: #1d78df; */
}

.footer-bottom .footer-bottom-bg {
	background: #1d78df;
	width: 100%;
}

.footer-bottom .footer-bottom-bg>div:first-child {
	margin: auto;
	width: 80rem;
	padding: 0.4rem 0;
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	color: #f4f7fa;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-bottom .footer-bottom-bg>div:first-child>p {
	display: inline-block;
	padding-right: 1.9375rem;
	margin-right: 2rem;
	border-right: 0.0625rem solid #77b6ec;
	font-size: 13px;
}

.footer-bottom .footer-bottom-bg>div:first-child>p a {
	color: #f4f7fa;
}

.footer-bottom .footer-bottom-bg>div:first-child div a {
	color: #ffffff;
	display: inline-block;
	border-bottom: 0.1rem solid #ffffff;

}

.footer-bottom .footer-bottom-bg>div:first-child div p {
	display: inline-block;
	margin: 0 1.0625rem;
	font-size: 1rem;
	color: #A5C9F2;
}

.footer-bottom>div:last-child {
	margin: auto;
	width: 80rem;
	padding: 0.4rem 0;
	font-size: 13px;
	color: #3d3d3d;
}

.banner .clientTit {
	position: absolute;
	top: 18.1875rem;
	left: 15rem;
	width: 60%;
}

.banner .clientTit h3 {
	font-size: 3.75rem;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 1.25rem;
	animation: show 1s ease-out;
}

.banner .clientTit p {
	font-size: 1.625rem;
	line-height: 3.125rem;
	font-weight: 500;
	color: #ffffff;
	animation: show 1s ease-out;
}

.banner-client-1 .connter {
	position: relative;
}

.banner-client-1 .connter div {
	position: absolute;
	width: 88.89%;
	left: 0;
	right: 0;
	bottom: 7.625rem;
	margin: 0 auto;
}

.banner-client-1 .connter p {
	font-size: 1.6rem;
	color: #1D74DF;
	line-height: 3rem;
}


.banner-client-2 .services>p {
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
	color: #1d74df;
	margin-bottom: 1rem;
}

.banner-client-2 .services .connter {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.banner-client-2 .services .connter>div {
	width: 32.32%;
	text-align: center;
	position: relative;
	transition: 1s;
}



.banner-client-2 .services .connter>div img {
	width: 22.5625rem;
	height: 32.25rem;
	transition: .4s;
}

.banner-client-2 .services .connter>div>div {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 3.9375rem;
}

.banner-client-2 .services .connter>div>div p {
	color: #ffffff;
}

.banner-client-2 .services .connter>div>div>div p {
	font-size: 3.5rem;
	display: inline-block;
	font-weight: 900;
	color: #ffffff;
}

.banner-client-2 .services .connter>div>div>p {
	font-size: 1.75rem;
	margin-top: 1.3125rem;
	font-weight: 500;
	color: #ffffff;
}

.banner-client-3 .services .content {
	position: relative;
	height: 50.5rem;
	/* height: auto; */
	border-radius: 2rem;
	transition: 1s;
	overflow: hidden;
	background-color: #E9F3FF;
	border: 2px solid #278AFF;
	box-shadow: 0rem 2rem 4rem -3rem #0e1c964b;
}



.banner-client-3 .word {
	position: absolute;
	width: 100%;
	height: 810px;
	top: 0;
	color: white;
	transition: 1s;
}

.banner-client-3 .word>div {
	background: linear-gradient(180deg, #54A1FF 0%, rgba(61, 148, 255, 0.719) 100%);

}

.banner-client-3 .word .w1 {
	position: absolute;
	width: 18rem;
	height: 4rem;
	top: 27rem;
	left: 4rem;
	line-height: 4rem;
	text-align: center;
	border-radius: 16px;
	font-size: 1.2rem;
	box-shadow: 0px 1rem 20px -1rem #015ecf9f;
	transition: .5s ease-out;
}

.banner-client-3 .word .w2 {
	position: absolute;
	width: 18rem;
	height: 4rem;
	top: 21rem;
	left: 58rem;
	line-height: 4rem;
	text-align: center;
	border-radius: 16px;
	font-size: 1.2rem;
	box-shadow: 0px 10px 20px #015ecf27;
	transition: .5s ease-out;

}

.banner-client-3 .word .w3 {
	position: absolute;
	width: 18rem;
	height: 7rem;
	top: 9rem;
	left: 50rem;
	padding: .5rem 1rem 0;
	line-height: 3rem;
	text-align: center;
	border-radius: 16px;
	font-size: 1.2rem;
	box-shadow: 0px 10px 20px #015ecf27;
	transition: .5s ease-out;
}

.banner-client-3 .word .w4 {
	position: absolute;
	width: 22rem;
	height: 7rem;
	top: 37rem;
	left: 10rem;
	padding: .5rem 1rem 0;
	line-height: 3rem;
	text-align: center;
	border-radius: 16px;
	font-size: 1.2rem;
	box-shadow: 0px 10px 20px #015ecf27;
	transition: .5s ease-out;
}

.banner-client-4 .services .item {
	position: relative;
	width: 100%;
	height: 23.75rem;
	margin-bottom: 3.875rem;
	/* padding: 1rem; */
}

.banner-client-4 .services .item div {
	position: absolute;
	width: 44%;
}

.banner-client-4 .services .item div p:first-child {
	font-size: 2.6rem;
	font-weight: 500;
	margin-bottom: 3.75rem;
	color: #1d74df;
}

.banner-client-4 .services .item div p:last-child {
	font-size: 1.3rem;
	font-weight: 500;
	color: #333333;
}

.banner-client-4 .services .item .left {
	top: 1rem;
	left: 0;
	text-align: left;
}

.banner-client-4 .services .item .right {
	top: 1rem;
	right: 0rem;
	text-align: right;

}

.banner-client-6 .content {
	width: 100%;
	/* height: 120rem; */
}


.banner-client-7 .services>div {
	position: relative;
	width: 100%;
}

.banner-client-7 .services>div img:first-of-type {
	padding-bottom: 12rem;
	position: relative;
	z-index: 2;
}

.banner-client-7 .services .img-box {
	position: absolute;
	margin: 0 auto;
	margin-top: 22.5rem;
	background-color: #ff6500;
	border-radius: 1.5rem;
	filter: blur(60px);
	width: 100%;
	z-index: 1;
	height: 18.75rem;
}

.banner-client-8 .services div {
	padding: 1rem 0;
	border-bottom: 1px solid #d8d8d8;
}


.banner-client-8 .services div p:first-child {
	font-size: 1.3rem;
	font-weight: 500;
	margin-bottom: 1.6rem;
	color: #3d3d3d;
}

.banner-client-8 .services div p:last-child {
	font-size: 1.6rem;
	font-weight: 500;
	color: #3d3d3d;
}



.banner .ab-title {
	position: absolute;
	top: 18rem;
	left: 0;
	right: 0;
	/* margin: 0 auto; */
	text-align: center;
}

.banner .ab-title img {
	width: 40%;
	/* height: 30.4rem; */
	animation: logoShow 1s ease-in;

}

@keyframes logoShow {
	from {
		scale: .9;
		opacity: 0;
	}

	to {
		scale: 1;
		opacity: 1;
	}
}

.banner-ab-1 .connter {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
	/* width: 77.5rem;
    position: absolute;
    z-index: 99;
    background-color: white; */
}

.banner-ab-1 .connter p {
	text-indent: 2em;
	font-size: 1.5rem;
	font-family: OPPOSans-Medium, OPPOSans;
	font-weight: 500;
	line-height: 3rem;
	color: #3d3d3d;
}

.banner-ab-1 .connter span {
	color: #0074FF;
	font-weight: 700;
}

.banner-ab-1 .connter img {
	width: 100rem;
	height: 23.4375rem;
	margin-left: 2.75rem;
	border-radius: 4rem 1rem 4rem 1rem;
}

.banner-ab-1 .item-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10rem;

}

.banner-ab-1 .item-box .item {
	width: 30.48%;
	height: 14rem;
	position: relative;
	text-align: center;
	transition: .5s;
	border-radius: 3rem 1rem 3rem 1rem;
	box-shadow: 0rem 2rem 2rem -2rem #39a6ff7a;
}


.banner-ab-1 .item-box .item>div {
	position: absolute;
	left: 0;
	right: 0;
	top: 2rem;
	margin: 0 auto;
}

.mobile_bg {
	display: none;
}


.banner-ab-1 .item-box .item>div>div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner-ab-1 .item-box .item>div>p {
	font-size: 1.625rem;
	font-weight: 500;
	color: #1d74df;
}

.banner-ab-1 .item-box .item>div>div p {
	font-size: 4.8125rem;
	font-weight: 900;
	color: #0074ff;
}

.banner-ab-1 .item-box .item>div>div p::selection {
	background-color: #F7B400;
}

.banner-legal-1 h3 {
	font-size: 3.75rem;
	font-weight: 700;
	color: #3d3d3d;
	margin-top: 93px;
	margin-bottom: 5.1875rem;
	text-align: center;
}

.banner-legal-1 .services .tit {
	font-size: 2.5rem;
	font-weight: 700;
	color: #3d3d3d;
	margin-bottom: 1.875rem;
}

.banner-legal-1 .services p {
	margin-bottom: 1.5rem;
	display: block;
	font-size: 1.3rem;
	font-weight: 400;
	color: #3d3d3d;
	line-height: 2.6rem;
}

.banner-legal-1 .policy p {
	margin-top: 1.5rem;
	font-size: 1.3rem;
	color: #3d3d3d;
	line-height: 2.6rem;
}

.banner-legal-1 .policy .pri-tit1 {
	margin-top: 3.75rem;
	font-size: 2.5rem;
	font-weight: 700;
}

.banner-legal-1 .policy .pri-tit2 {
	font-size: 2.25rem;
	font-weight: 700;
}

.banner-legal-1 .policy .pri-tit3 {
	font-size: 1.875rem;
	font-weight: 500;
}

.mobile-menu {
	display: none;
}

/* pc隐藏 */
.banner-index-1 .move-services {
	display: none;
}

.move-footer-bottom {
	display: none;
}

.banner-index-2 .services .move-gt {
	display: none;
	box-shadow: 0 3rem 2rem -1rem #2487ff3f;
}

.banner-index-2 .services .ser-swi {
	display: none;
}

.banner-index-3 .move-carousel {
	display: none;
}

.banner .move-aboutbg {
	display: none;
}

.banner .move-title {
	display: none;
}

.banner-ab-1 .conn2 {
	display: none;
}

.banner-ab-2 .course {
	display: none;
}

.banner-ab-2 .culture {
	display: none;
}

.banner .clibg {
	display: none;
}

.connter .cli2 {
	display: none;
}

.connter .cli4 {
	display: none;
}

.stop {
	display: none;
}

.banner-client-3 .great2 {
	display: none;
}

.banner-client-3 .great3 {
	display: none;
}

#custom .zh .img3 {
	display: none;
}

#custom .code .img4 {
	display: none;
}

.img5 {
	display: none;
}

.roll {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-size: 1.6rem;
	color: white;
	margin: 0 auto;
	/* background-color: #00000083; */
	border-radius: 50%;
	cursor: pointer;
	transition: .5s;
	backdrop-filter: blur(11px);
}





.banner-ab-2 .services {
	position: relative;
	height: 690px;
	height: 44rem;
}

.banner-ab-2 .services .item-box {
	position: absolute;
	width: 100%;
	height: 30rem;
	top: 0;
	display: flex;
	justify-content: space-between;
}

.banner-ab-2 .services .item-box .item {
	margin-top: 4.5rem;
	width: 32.6%;
	height: 100%;
	border: 1px solid #ffffff;
	transition: 1s;
	border-radius: 1rem;
	box-shadow: 0 2rem 3rem -2rem #0d79fd75;
}

.banner-ab-2 .services .item-box .item:nth-child(1) {
	background: #ffffff url('https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_1_x.webp') -50px 0px;
	/* background-size: 388px 334px; */
}

.banner-ab-2 .services .item-box .item:nth-child(2) {
	background: #ffffff url('https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_2_x.webp') -50px 0px;
}

.banner-ab-2 .services .item-box .item:nth-child(3) {
	background: #ffffff url('https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_3_x.webp') -50px 0px;
}

.banner-ab-2 .services .item-box .item div:first-child {
	color: #1D74DF;
	font-size: 3rem;
	padding: 6rem 0 1rem 3rem;
	transition: 1s;
}

.banner-ab-2 .services .item-box .item div:first-child::selection {
	background-color: #F7B400;
	color: white;
}

.banner-ab-2 .services .item-box .line {
	content: '';
	border-bottom: 3px solid #1D74DF;
	border-radius: 10px;
	margin: 0 18rem 0 3rem;
}

.banner-ab-2 .services .item-box .item div:last-child {
	color: #adadad;
	font-size: 1.1rem;
	padding: 1rem 8rem 0 3rem;
	text-align: left;
	transition: 1s;
}


@media screen and (max-width:1300px) {

	/* .banner .title {
		top: 20rem;
		transition: .4s;
	}

	.banner .title h3 {
		font-size: 3rem;
	}

	.banner .title p {
		font-size: 1.4rem;
	} */

	/* .roll {
		width: 3.5rem;
		line-height: 3.5rem;
		margin: -6rem auto 0rem
	} */

}

@media screen and (max-width:1040px) {
	/* .banner .title {
		top: 15rem;
		transition: .4s;
	}

	.banner .title h3 {
		font-size: 2.8rem;
	}

	.banner .title p {
		font-size: 1.4rem;
	}

	.roll {
		width: 3rem;
		line-height: 3rem;
		margin: -5rem auto 0rem
	} */

	.head .top-content {
		width: 75rem;
	}

	.first-view .content {
		width: 50%;
		top: 14%;
	}



	.first-view .content .title {
		font-size: 3rem;
	}

	.first-view .content .desc {
		font-size: 1.2rem;
		margin-top: 1.5rem;
		height: 16rem;
	}

	.banner .ab-title {
		top: 13rem;
	}


}

/* 主要适配尺寸 */
@media screen and (max-width:880px) {

	.index-case .max-connter .cardList .otherCase {
		width: unset;
	}

	.index-case .max-connter .cardList {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 2rem;
		align-items: center;
	}

	.index-case .max-connter .cardList .caseItem {
		width: 16rem;
		height: 13rem;
	}

	.index-case .max-connter .cardList .caseItem>img:first-of-type {
		width: 16rem;
		height: auto;
		border-radius: 24px;
	}

	.index-case .max-connter .cardList .caseItem .caseMain {
		width: 18rem;
		padding: .6rem .8rem;
		border-radius: 0 18px 12px 18px;
	}

	.index-case .max-connter .cardList .caseItem:hover .caseMain {
		width: 20rem;
		border-radius: 0 32px 16px 32px;
	}


	/* 基本 */
	.max-connter {
		width: 800px;
		margin: 0 auto;
	}

	/* 菜单栏 */
	.head {
		padding: .8rem;
	}

	.head .top-content {
		width: 64rem;
		/* margin: 0 1rem; */
	}

	.head .top-content .menu ul {
		width: 25rem;
	}

	/* banner */
	.banner {
		width: 100%;
		/* height: auto; */
		object-fit: cover;
		margin-bottom: unset;
	}

	.banner>img:first-child {
		height: 97vh;
		object-fit: cover;
	}

	/* .banner .title {
		top: 50%;
		transition: .4s;
	} */

	/* .banner .title h3 {
		font-size: 3.5rem;
	}

	.banner .title p {
		font-size: 1.6rem;
		opacity: .7;
	} */

	.banner .roll {
		opacity: .5;
		width: 4rem;
		height: 4rem;
		line-height: 4rem;
		bottom: 2rem;
		cursor: pointer;
		transition: .5s;
	}

	/* 每个小标题样式 */
	.titleIcon {
		margin-top: 5rem;
	}

	.title-desc {
		/* margin-left: 2rem; */
		padding-bottom: 3rem;
	}

	.title-desc .dotted-line {
		margin-right: 2rem;
	}

	/* 首页-我们的服务 */
	.banner-index-1 .services {
		margin-bottom: unset;
		justify-content: space-evenly;
	}

	.banner-index-1 .services>div {
		width: 260px;
		background: linear-gradient(299deg, #a4d6ff3a 0%, rgba(255, 218, 218, 0) 23%);
		border-radius: 2rem 1rem 2rem 1rem;
		margin-bottom: 2rem;
		padding: 2rem 1.6rem;
		box-shadow: 0 2rem 2rem -2rem #2678f350;
		transition: .3s ease;
	}

	.banner-index-1 .services>div .title {
		margin-bottom: 1.4rem;
		font-size: 1.4rem;
	}

	.banner-index-1 .services>div .sub {
		font-size: .95rem;
	}

	.banner-index-1 .services>div .icon {
		width: 8rem;
		top: 0rem;
		right: -2rem;
	}

	.banner-index-1 .services>div:hover .icon {

		position: absolute;
		top: 4rem;
		right: -1rem;
		transition: .6s;
	}

	.banner-index-2 .services .processContnet .lc .item .icon img {
		padding: .5rem 1rem;
	}


	.banner-index-2 .services .processContnet .lc .item .icon {
		width: 10rem;
		margin: 0 auto 2rem;
		border-radius: 1.6rem;

	}

	/* 联系我们 */
	.contactUs {
		width: 90%;
		margin: 0 auto;
		height: 380px;
		margin-top: 40px;
		position: relative;
	}

	.banner-index-2 .services {
		position: unset;
	}

	.banner-index-2 .services .body img {
		border-radius: 1.8rem;
	}

	.banner-index-2 .services .processContnet {
		width: 820px;
		margin: 0 auto;
	}

	.banner-index-2 .body .content .left {
		left: 3rem;
		top: 3rem;
	}

	.banner-index-2 .shadow {
		top: 8rem;
	}

	.banner-index-2 .body .content .right {
		right: 3rem;
		bottom: 2rem;
	}

	.banner-index-2 .services .body {
		width: 780px;
	}

	/* 行业覆盖 */
	.banner-index-3 .services {
		/* width: 90%; */
		margin: 0 auto;
	}

	.banner-index-3 .services .item-box .Aicon {
		left: 24rem;
	}

	.banner-index-3 .services .item-box>div p:last-child {
		font-size: 1.4rem;
	}

	.banner-index-3 .services .item-box:hover .Aicon {
		border-radius: unset;
	}



	/* 关于我们 */
	.banner .ab-title {
		top: 30%;
	}

	.banner-ab-2 .services {
		height: 30rem;
	}

	.banner .ab-title img {
		width: 60%;
	}

	.banner-ab-1 .connter p {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}

	.banner-ab-1 .item-box .item {
		height: 11.3rem;
		border-radius: 4rem 1rem 3rem .5rem;
	}

	.banner-ab-2 .services .item-box .item {
		margin-top: 3.5rem;
		width: 32%;
		height: unset;
	}

	.banner-ab-2 .services .item-box .item:nth-child(1) {
		background: #ffffff url(https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_1_x.png) -100px 0px;
	}

	.banner-ab-2 .services .item-box .item:nth-child(2) {
		background: #ffffff url(https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_2_x.png) -100px 0px;
	}

	.banner-ab-2 .services .item-box .item:nth-child(3) {
		background: #ffffff url(https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_3_x.png) -100px 0px;
	}


	/* 课后服务 */

	/* 项目背景 */
	.banner-client-1 .connter {
		width: 800px;
		margin: 0 auto;
	}

	.banner-client-1 .connter div {
		width: 90%;
		bottom: 5.5rem;
	}

	.banner-client-1 .connter p {
		font-size: 1.3rem;
		line-height: 2.8rem;
	}

	/* 落地成果 */
	.banner-client-2 .services .connter>div {
		width: 260px;
	}

	.banner-client-2 .services .connter>div img {
		width: 20rem;
		height: auto;
	}

	.banner-client-2 .services .connter>div>div>div p:last-child {
		font-size: 2.5rem;
		font-weight: unset;
	}

	.banner-client-2 .services .connter>div>div>p {
		font-size: 1.5rem;
		margin-top: .5rem;
	}


	/* 技术优势 */
	.banner-client-3 .services .content {
		height: unset;
		width: 800px;
		margin: 0 auto;
	}

	.banner-client-3 .word {
		width: unset;
		height: unset;
		font-size: 1.2rem;
	}

	.banner-client-3 .word .w1 {
		top: 22rem;

	}

	.banner-client-3 .word .w2 {
		top: 16rem;
		left: 40rem;
	}

	.banner-client-3 .word .w3 {
		top: 6rem;
		left: 36rem;
	}

	.banner-client-3 .word .w4 {
		top: 30rem;
		left: 6rem;
	}

	/*应用场景 */
	.banner-client-4 .services .item {
		margin-bottom: unset;
		width: 90%;
		margin: 0 auto;
		height: 22rem;

	}

	.banner-client-5 .services {
		width: 800px;
	}

	.banner-client-5 .services .content .icon .item div p:first-child {
		font-size: 1.4rem;
	}

	.banner-client-5 .services .content .icon .item div p:last-child {
		font-size: 1rem;
	}

	.banner-client-5 .services .content .step img {
		margin: 1rem auto 1.5rem;
	}

	/* 每个项目 */
	.banner-client-5 .services .content .icon .item {
		width: 18rem;
		height: 6rem;
	}

	.banner-client-5 .services .content .icon .item:nth-child(1) {
		left: 22rem;

	}

	.banner-client-5 .services .content .icon .item:nth-child(2) {
		left: 42.5rem;
		top: 25rem;

	}

	.banner-client-5 .services .content .icon .item:nth-child(3) {
		left: 42.5rem;
		top: 47rem;

	}

	.banner-client-5 .services .content .icon .item:nth-child(4) {
		top: 12.5rem;
		left: 1rem;

	}

	.banner-client-5 .services .content .icon .item:nth-child(5) {
		top: 36.5rem;
		left: 1rem;

	}

	.banner-client-5 .services .content .icon .item:nth-child(6) {
		top: 47rem;
		left: 1rem;

	}

	.banner-client-5 .services .content .icon .monitor {
		left: 26rem;
		top: 4.5rem;
		width: 11rem;

	}

	/* UI */
	.banner-client-7 .services .img-box {
		margin-top: 14rem;
		opacity: .7;
		width: 80%;
		left: 0;
		right: 0;
	}

	.banner-client-8 {
		margin-bottom: 10rem;
	}

	.banner-client-8 .services {
		width: 90%;
		margin: 0 auto;
	}



	/* 研学 */

	/* 项目背景 */
	.school-step-0 .services .connter {
		width: 800px;
		margin: 0 auto;
	}


	.school-step-0 .services .connter p {
		font-size: 1.3rem;
		line-height: 2.4rem;
	}

	.school-step-flow .services .flow {
		width: 59rem;
	}

	.school-step-flow .services .flow img {
		height: 17.1rem;
	}

	.school-step-5 .services .ui-show .uiBg {
		height: 110rem;
	}

	/* 物联网 */
	.case-container .second-view {
		margin: unset;
	}

	.case-container .second-view .container .content .content-img img {
		width: 56rem;
	}

	.case-container .second-view .container .content .content-img .embellish {
		left: unset;
	}


	/* 商城 */

	.mallCaseCheck {
		width: 60rem;
	}

	.mall-case .case-box {
		width: 880px;
	}

	.mallCaseCheck .caseBtn {
		width: 10rem;
	}

	.mallCaseCheck .caseBtn:last-child {
		width: 12.5rem;
	}



	/* 底部 */

	.footer .max-connter .left-box {
		width: 40rem;
	}

	.footer-bottom .footer-bottom-bg>div:first-child {
		width: unset
	}

	.footer-bottom>div:last-child {
		width: unset;
	}



	.first-view {
		width: 800px;
		margin: 2rem auto;
	}

	.first-view .content {
		width: 80%;
		top: 14%;
	}

	.first-view .content .title {
		font-size: 2.8rem;
	}

	.first-view .content .desc {
		font-size: 1.2rem;
		margin-top: 1rem;
		height: 13rem;
	}



}

@media screen and (max-width: 460px) {
	.head {
		backdrop-filter: unset;
		background-color: rgba(255, 255, 255, 0.99);
	}

	.index-case .max-connter .cardList .caseItem .caseMain {
		width: 23rem;
	}

	.index-case .max-connter .cardList .caseItem:hover .caseMain {
		width: 26rem;
	}

	.index-case .max-connter .cardList .caseItem {
		width: 25rem;
		height: 16rem;
	}

	.index-case .max-connter .cardList .otherCase .otherEffect:hover img:nth-child(2) {
		margin-left: -1rem;
	}

	.index-case .max-connter .cardList .otherCase .otherEffect:hover img:nth-child(3) {
		margin-left: 3rem;
	}

	.index-case .max-connter .cardList .caseItem>img:first-of-type {
		width: 23rem;
		height: auto;

	}





	.banner-ab-2 .coursePC {
		display: none;
	}

	.index-case .max-connter .cardList {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		column-gap: 1rem;
	}

	.index-case .max-connter .cardList .caseItem {
		margin: 0 auto 4rem;
	}

	.index-case .max-connter .cardList .otherCase>span:first-of-type {
		margin: 2rem auto 1rem;
	}

	.index-case .max-connter .cardList .otherCase {
		height: 30rem;
		width: 100%;
		border-top: 1px solid #e2eef4;
		border-left: unset;
	}

	.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(1) {
		scale: 1;
	}

	.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(2) {
		scale: 1.4;
	}

	.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(3) {
		scale: 1.6;
	}

	.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(2),
	.index-case .max-connter .cardList .otherCase .otherEffect>img:nth-child(3) {
		/* margin-top: 2rem; */
		margin-top: unset;
	}



	.casePage .appList {
		gap: 10px;
	}

	.casePage .appList .item {
		width: 100%;
	}

	.casePage .appList .item .iphonePic {
		height: 17rem;
		transition: 50% 50%;
		/* right: 1.4rem; */
		width: auto;
	}


	.banner .title img {
		left: 35%;
	}

	.school-step-3 .services {
		margin: 0 auto;
	}

	.banner .title {
		top: 40%;
		width: 82%;
	}

	.banner .title h3 {
		font-size: 2rem;
	}

	.banner .title p {
		font-size: 1rem;
	}

	.suspension {
		display: none;
	}

	/* 商城 */

	@keyframes uiMoveMobile1 {
		from {
			top: -20rem;
		}

		to {
			top: 70rem;
		}
	}

	@keyframes uiMoveMobile2 {
		from {
			top: 55rem;
		}

		to {
			top: -5rem;
		}
	}

	@keyframes uiMoveMobile3 {
		from {
			top: 0rem;
		}

		to {
			top: 60rem;
		}
	}

	@keyframes uiMoveMobile4 {
		from {
			top: 70rem;
		}

		to {
			top: -10rem;
		}
	}

	.mall-case .case-box .caseTips {
		font-size: 1rem;
		padding: 0 1rem;
		height: 2rem;
		line-height: 2rem;
	}

	.mall-case .case-box {
		margin: 0 auto 1rem;
		scale: unset;
		border-radius: unset;
	}

	.mall-case .case-box .effect .item:nth-child(1) {
		animation: uiMoveMobile1 10s;
		animation-direction: alternate;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		left: 2rem;
	}

	.mall-case .case-box .effect .item:nth-child(2) {
		animation: uiMoveMobile2 10s;
		animation-direction: alternate;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		left: 16rem;
	}

	.mall-case .case-box .effect .item:nth-child(3) {
		animation: uiMoveMobile3 10s;
		animation-direction: alternate;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		left: 30rem;
	}

	.mall-case .case-box .effect .item:nth-child(4) {
		animation: uiMoveMobile4 10s;
		animation-direction: alternate;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		left: 44rem;
	}

	.mall-case .case-box .effect .item img {
		margin-top: 1.2rem;
		width: 12rem;
		border-radius: 1rem;
	}

	.mallCaseCheck .caseBtn {
		width: 20%;
		padding: .5rem;
		height: 7rem;
	}

	.mallCaseCheck .caseBtn p:first-child {
		margin-top: 1rem;
	}

	.mallCaseCheck .mallCaseHost p:first-child {
		font-size: 1rem;
	}

	.mall-table .left div {
		font-size: .5rem;
	}

	.mall-table .right .tableHead {
		top: 3.5rem;
	}

	.mallCaseCheck .caseBtn>p:last-child {
		font-size: .4rem;
		line-height: 2rem;
		font-weight: 300;
	}

	.mallCaseCheck {
		margin-bottom: 3rem;
		width: unset;
	}

	.mall-table .right {
		font-size: .5rem;
	}

	.mall-table .right table td,
	.mall-table .right table th {
		padding: .5rem 0;
	}

	.school-step-2 .services .left,
	.school-step-2 .services .right {
		padding: 1rem 0;
	}

	.school-step-2 .services .title {
		font-size: 1rem;
	}

	.school-step-0 .services .connter p {
		font-size: 1.3rem;
		font-weight: 500;
		color: #1D74DF;
		line-height: 2.6rem;
	}

	.banner-client-5 .services .effect_bg,
	.banner-client-5 .services .content_bg {
		width: 70%;
	}

	.banner-client-5 .services .content .step {
		top: 3.6rem;
	}

	.banner-client-5 .services .content .step img {
		width: 25%;
		margin: 1.65rem auto 0;
	}

	.banner-client-5 .services .content .icon .monitor {
		top: 7.5rem;
		width: 5rem;
		left: 12rem;
		box-shadow: unset;
	}

	.banner-client-5 .services .content .icon .item {
		flex-direction: column;
		width: 5rem;
		height: 7rem;
		border-radius: .6rem;
		padding: unset;
		align-items: center;
		overflow: hidden;
	}

	.banner-client-5 .services .content .icon img {
		padding: unset;
		width: 5rem;
		scale: 1.01;
		border-radius: .5rem;
	}

	.banner-client-5 .services .content .icon div {
		margin: .2rem;
	}

	.banner-client-5 .services .content .icon .item div p:first-child {

		font-size: 1.2rem;
	}

	.banner-client-5 .services .content .icon .item div p:last-child {
		display: none;
	}

	.banner-client-5 .services .content .icon .item {
		width: 6rem;
		height: 8rem;
		padding: .5rem;
	}

	.banner-client-5 .services .content .icon .item:nth-child(1) {
		top: 0;
		left: 39%;
	}

	.banner-client-5 .services .content .icon .item:nth-child(2) {
		top: 16.5rem;
		left: 23rem;
	}

	.banner-client-5 .services .content .icon .item:nth-child(3) {
		top: 31.5rem;
		left: 23rem;
	}

	.banner-client-5 .services .content .icon .item:nth-child(4) {
		top: 8rem;
		left: 0.8rem;
	}

	.banner-client-5 .services .content .icon .item:nth-child(5) {
		top: 24rem;
		left: 0.8rem;
	}

	.banner-client-5 .services .content .icon .item:nth-child(6) {
		top: 33rem;
		left: 0.8rem;
	}



	.banner-client-7 .services>div img:first-of-type {
		padding-bottom: 5rem;
	}

	.banner-client-7 .services .phone {
		right: 5rem;
		top: 4rem;
	}





	.first-view {
		width: 100%;
		height: 100vh;
		margin: auto;
	}

	.first-view .case-banner {
		height: 100vh;
		object-fit: cover;
		border-radius: unset;
	}

	.first-view .content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0 8%;
		color: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.first-view .content .title {
		font-size: 30px;
	}

	.first-view .content .desc {
		font-size: 0.6rem;
		font-size: 15px;
		height: 48rem;
	}


	.max-connter {
		width: 92.53%;
		max-width: unset;
		/* overflow: hidden; */
	}

	/* 移动端显示 */
	.banner-index-1 .move-services {
		display: block;
	}

	.b140 {
		margin-bottom: 0;
		position: relative;
	}

	/* 头部 */


	.head .top-content {
		/* width: unset; */
		width: 100vw;
		justify-content: space-between;
	}

	.head .top-content .navbar-brand a {
		min-width: 62.3%;
		width: 14.75rem;
		height: 2.6rem;
	}

	.head .top-content .menu {
		display: none;
	}

	.titleIcon {
		margin: 2rem 0 0;
		height: 2rem;
	}

	.title-desc {
		position: relative;
		color: #579cf2;
		font-size: 1.2rem;
		font-weight: bold;
		display: flex;
		align-items: center;
		margin-top: .5rem;
		padding-bottom: 3rem;
	}

	.title-desc .dotted-line {
		height: 1px;
		margin-right: 2rem;
		width: 100%;
		background: #D8D8D8;
	}

	.mobile-menu {
		padding: .5rem;
		position: relative;
		display: block;
	}

	/* 下拉跳 */
	.roll {
		display: block;
		width: 3rem;
		height: 3rem;
		line-height: 3rem;
		z-index: 2;
		position: absolute;
		left: 45%;
		bottom: 11rem;
		margin: unset;
	}

	.mobile-menu .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		margin-bottom: 5px;
		border-radius: 10px;
		background-color: #333333;
	}

	.mobile-menu .icon-bar:last-of-type {
		margin-bottom: 0px;
	}

	.mobile-menu .navbar {
		position: absolute;
		border-radius: 1rem;
		top: 3.5rem;
		right: -6px;
		width: 167px;
		background-color: #ffffff;
		box-shadow: -.5rem 2rem 3rem #00000031;

		display: none;
	}

	.mobile-menu .navbar::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #ffffff transparent;
		position: absolute;
		top: -10px;
		right: 13px;
		margin: auto;
		z-index: 2;
	}

	.mobile-menu .subarClass {
		position: absolute;
		border-radius: 1rem;
		top: 44px;
		right: 162px;
		width: 167px;
		background-color: #ffffff;
		display: none;
		box-shadow: -1rem 2rem 3rem #00000031;
		z-index: 1;
	}

	.mobile-menu .navbar ul,
	.mobile-menu .subarClass ul {
		display: inline-block;
		display: flex;
		flex-direction: column;
	}

	.mobile-menu .navbar ul li a,
	.mobile-menu .subarClass ul li a {
		display: inline-block;
		width: 100%;
		padding: 1rem 0;
	}

	.mobile-menu .navbar ul li a:active {
		background-color: #eaeaea;
	}

	.mobile-menu .navbar li,
	.mobile-menu .subarClass li {
		display: inline-block;

		/* width: 167px; */
		text-align: center;
		border-bottom: 1px solid #e4e4e4;
	}

	.mobile-menu .navbar li:last-child,
	.mobile-menu .subarClass li:last-child {
		border-bottom: unset
	}


	.mobile-menu .navbar li a,
	.mobile-menu .subarClass li a {
		font-size: 15px;
		font-weight: 500;
		color: #0d4c9b;
	}

	.banner {
		height: 98vh;
		margin-bottom: 0;
		/* margin-bottom: 18px; */
	}

	.banner img {
		height: 100%;
		object-fit: cover;
	}

	/* 模块一 */
	.banner .title {
		top: 308px;
	}

	.banner .title h3 {
		font-size: 2rem;
		font-weight: 700;
		color: #ffffff;
	}

	.banner .title p {
		font-size: 1.1rem;
		font-weight: 400;
		line-height: 1.6rem;
		color: #ffffff;
	}

	/* 公共标题 */
	.box-title {
		margin-bottom: 28px;
	}

	.box-title:first-child h4 {
		padding-top: 88px;
	}

	.box-title h4 {
		font-size: 20px;
		font-weight: 700;
		color: #1D74DF;
		text-align: center;
		margin-bottom: 3px;
		padding-top: 37px;
	}

	.box-title p {
		/* display: none; */
		font-size: 10px;
		text-align: center;
		font-weight: 700;
		color: #3D3D3D;
	}

	/* 我们的服务 */
	.banner-index-1 .services {
		display: none;
	}

	.banner-index-1 .move-services {
		/* width: 347px; */
		height: 239px;
		margin: 0 auto;
		position: relative;
		/* top: 27px; */
	}

	.move-services {
		/* width: 347px; */
		/* width: 100%;
		height: 239px; */
		/* margin: 0 auto;
		position: relative;
		/* top: 27px; */
	}

	.banner-index-1 .move-services .serv {
		position: absolute;
	}

	.banner-index-1 .move-services .move-icon {
		position: absolute;
		width: 36px;
		height: 30px;
		top: 115px;
		left: 15px;
	}

	.banner-index-1 .move-services p {
		position: absolute;
	}

	.banner-index-1 .move-services p.move-title {
		top: 155px;
		left: 15px;
		font-size: 13px;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 17px;
	}

	.banner-index-1 .move-services p.move-text {
		top: 182px;
		left: 15px;
		right: 15px;
		font-size: 10px;
		font-weight: 400;
		color: #FFFFFF;
	}

	.mall-case .case-box {
		width: unset;
	}

	.banner-index-1 .list {
		margin-top: 27px;
	}

	.banner-index-1 .list .list1 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 45px;
		line-height: 45px;
		background-color: #f7faff;
		border-bottom: #bad9ff solid 1px;
	}

	.banner-index-1 .list .list1 span {
		font-size: 13px;
		font-weight: 500;
		color: #0d4c9b;
		line-height: 17px;
		padding-left: 15px;
	}


	.banner-index-1 .move-services .move-icon2 {
		width: 36px;
		height: 30px;
		/* margin-right: 25px; */
		margin-right: 5%
	}

	/* 服务流程 */
	/* 滑片 */
	.banner-index-2 .services .processContnet {
		display: none;
	}

	.banner-index-2 .services .ser-swi {
		display: block;
		height: 418px;
		margin-bottom: 20px;
	}

	.banner-index-2 .services .ser-swi .swiper {
		width: 100%;
		height: 418px;
	}

	.banner-index-2 .services .ser-swi .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding-left: 20px;
	}

	.banner-index-2 .services .ser-swi .swiper-slide img {
		display: block;
		width: 130px;
		height: 418px;
		object-fit: cover;
	}

	/* .banner-index-2 .services .ser-swi .swiper-slid .swiper-scrollbar {
		color: #1D74DF;
		width: 153px;
	} */
	#swiper-scrollbar1 {
		height: .4rem;
		background: #b3d0f4;
		width: 50%;
		transform: translateX(50%);
	}

	.banner-index-2 .services .gt {
		display: none;
	}

	.banner-index-2 .shadow {
		display: none;

	}



	.contactUs {
		height: 390px;
	}

	#findmeId {
		height: 460px !important;
	}

	/* 立即沟通 */
	.banner-index-2 .services {
		/* margin: 0 14px; */
	}

	.banner-index-2 .body {
		display: none;
	}

	.banner-client-3 .services .content {
		display: none;
	}

	.banner-index-2 .services .move-gt {
		display: block;
		z-index: 1;
		margin: 0 auto;
		border-radius: 1rem;
	}

	.banner-index-2 .services .img-box {
		width: 60%;
		filter: blur(43px);
		margin-top: 4.9375rem;
		opacity: 0.2;
	}

	/* 行业覆盖 轮播图*/
	.t140 {
		margin-top: 10px;
	}

	.banner-index-3 .services {
		display: none;
	}

	.banner-index-3 .move-carousel {
		display: block;
	}

	.banner-index-3 .move-carousel .swiper {
		width: 347px;
		height: 439px;
	}

	.banner-index-3 .move-carousel .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.swibtn .button-prev {
		position: absolute;
		width: 30px;
		height: 73px;
		top: 183px;
		left: 8px;
		z-index: 2;
	}

	.swibtn .button-next {
		position: absolute;
		width: 30px;
		height: 73px;
		top: 183px;
		right: 8px;
		z-index: 2;
	}




	.banner-index-3 .move-carousel .swiper-slide img {
		border-radius: 1rem;
		display: block;
		position: relative;
		z-index: 0;
		object-fit: cover;
	}

	.banner-index-3 .move-carousel .swiper-slide>p {
		position: absolute;
		top: 30px;
		left: 30px;
		z-index: 34;
		font-size: 30px;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
	}

	.banner-index-3 .move-carousel .swiper-slide>p:last-child {
		position: absolute;
		top: 75px;
		left: 30px;
		z-index: 34;
		font-size: 14px;
		font-weight: 700;
		color: #999ca0;
		line-height: 19px;
	}


	.banner-index-3 .move-carousel .swiper {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}



	/* 合作伙伴 */
	.t200 {
		margin-top: 53px;
	}

	.banner-index-4 .services .logo-item {
		width: 110px;
		height: 44px;
		margin-bottom: 20px;
	}



	.banner-index-4 .services {
		/* margin: 0 14px; */
		margin-bottom: 10px
	}

	.banner-index-4 .guys {
		display: block;
		/* 	display: block; 
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items: center */
	}

	/* 底部联系 */
	/* Logo */
	.footer {
		height: 123px;
		padding: 2rem 1rem;
		margin-top: 0;
		background: linear-gradient(231deg, #1D74DF 0%, #1DAEDF 100%);
		border-radius: 0px 0px 0px 0px;
		opacity: 1;
		display: flex;

	}

	.footer .max-connter .left-box .logo {
		width: 70px;
		height: 70px;
		/* margin-left: 20px; */
		margin-right: 0;
	}



	.footer .max-connter .left-box {
		border-right: 0;
	}

	.footer .max-connter .right-box {
		display: none;
	}

	.footer .max-connter h4 {
		display: none;
	}

	.footer .max-connter .left-box>div img {
		width: 10px;
		height: 10px;
		margin-right: 3px;
		margin-left: 11px;
	}

	.footer .max-connter .left-box>div {
		font-size: 10px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 12px;
	}

	.footer .max-connter .left-box>div div {
		display: flex;
		align-items: center;
		margin-top: 8px;
	}

	/* 最底部 */
	.footer-bottom {
		display: none;
	}

	.move-footer-bottom {
		display: block;
		/* width: 375px; */
		/* height: 65px; */
		background: #DEE5F0;
		border-radius: 0px 0px 0px 0px;
		opacity: 1;
		padding: 10px;
		/* margin-bottom: 3rem; */
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.move-footer-bottom>div:first-child {
		width: 270px;
		background: #DEE5F0;
		border-radius: 0px 0px 0px 0px;
		opacity: 1;
	}

	.move-footer-bottom>div:first-child>p {
		font-size: 10px;
		font-weight: 400;
		color: #0576FE;
		line-height: 12px;
	}

	.move-footer-bottom>div:first-child>p a {
		color: #0576FE;
	}

	.move-footer-bottom>div:first-child>p:last-child {
		font-size: 10px;
		font-weight: 400;
		color: #3D3D3D;
		line-height: 12px;
		padding-top: 9px;
	}

	.move-footer-bottom .fgx {
		background-color: #B0B7C2;
		width: 1px;
		height: 37px;
		margin-right: 17px;
	}

	.move-footer-bottom>div:last-child {
		width: 76px;
		display: flex;
		align-items: center;
		text-align: center;
		flex-wrap: wrap;
		justify-content: center;
		align-content: space-around;
	}

	.move-footer-bottom>div:last-child>a {
		font-size: 10px;
		font-weight: 400;
		color: #0576FE;
		display: block;
		width: 100%;
		text-decoration: underline;
	}

	.move-footer-bottom>div:last-child>p {
		font-size: 10px;
		font-weight: 400;
		margin: 2px 0;
		color: #B0B7C2;
	}


	/* 关于我们 */
	.banner .aboutbg {
		display: none;
		position: relative;
	}

	.banner .ab-title {
		display: none;
	}

	.banner .move-aboutbg {
		display: block;
	}

	.banner .move-title {
		display: block;
	}

	.banner .move-title img {
		width: auto;
		height: 151px;
		position: absolute;
		z-index: 22;
		top: 267px;
		left: 13%;
	}

	.banner-ab-1 .conn1 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.banner-ab-1 .conn1 p {
		font-size: 1rem;
		font-weight: 500;
		color: #3D3D3D;
		line-height: 23px;
		text-align: left;
		margin-bottom: 1rem;
	}

	.banner-ab-1 .conn1 img {
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-bottom: 1rem;
		border-radius: 2rem .5rem 2rem .5rem;
		box-shadow: .5rem .5rem 0rem #2386ff18;
	}

	.banner-ab-1 .connter {
		margin-bottom: 25px;
	}

	.banner-ab-1 .connter {
		margin-bottom: unset;
	}

	.banner-ab-1 .item-box {
		/* border: 1px solid #000000; */
		height: 4rem;
		margin-top: 1.3rem;
		margin-bottom: unset;
	}

	.banner-ab-1 .item-box .item {
		/* width: 32%; */
		/* height: 10rem; */
		border-radius: 3rem 1rem 3rem 1rem;
		box-shadow: unset;
	}

	.banner-ab-1 .item-box .item>div>div p {
		font-size: 3rem;
		font-weight: 900;
		color: #0074FF;
		line-height: 33px;
	}

	.banner-ab-1 .item-box .item>div>p {
		font-size: 9px;
		font-weight: 500;
		color: #1D74DF;
		line-height: 12px;
	}

	.banner-ab-1 .item-box .item .shadow {
		display: none;
	}

	.banner-client-3 .shadow {
		/* position: absolute; */
		width: 20rem;
		height: 20rem;
		background-color: #004396;
	}




	/* 发展历程 */
	.banner-ab-2 .course {
		display: block;
		height: 500px;
		overflow-x: hidden;
		box-shadow: 0 2rem 1rem -1rem #0073ff27;

		font-size: 18px;
		border-radius: 16px;
		background-color: #F9FCFF;
		border: 1px solid #1D74DF;
		/* display: flex;
		justify-content: center;
		align-items: center; */
		/* margin-bottom: 5rem; */
	}


	.banner-ab-2 .course .futrue {
		font-size: 1.3rem;
		font-weight: bold;
		display: block;
		width: 100%;
		color: #505050;
		line-height: 30px;
		padding: 1.3rem 3rem 1rem 4.5rem;
		background: linear-gradient(180deg, #ffcb36 0%, rgba(131, 207, 255, 0.00) 100%);
	}

	.banner-ab-2 .course .futrue::before {
		content: '⭐';
		padding-right: 1rem;
		margin-left: -2.1rem;
		position: absolute;
		top: 1.2rem;
		left: 3.8rem;
		z-index: 2;
		height: 12px;
		width: 12px;

	}

	.mobile_bg {
		display: block;
	}

	.pc_bg {
		display: none;
	}

	.banner-ab-1 .item-box .item>div>div {
		margin-top: 1.3rem;
	}

	.banner-ab-1 .item-box .item>div>p {
		margin-top: .5rem;
	}


	.course .content {
		position: relative;
		height: auto;
	}

	.course .content div {
		padding: 1.3rem 2rem 1rem 4.5rem;
		position: relative;
	}

	.course .content .line {
		position: absolute;
		top: 2rem;
		left: 2.46rem;
		height: 90%;
		border-left: 1px solid #0074FF;
	}

	.course div>p:first-child::before {
		content: '';
		display: block;
		position: absolute;
		top: 1.45rem;
		left: 1.45rem;
		z-index: 2;
		border: 6px solid white;
		border-radius: 3rem;
		height: 12px;
		width: 12px;
		background-color: #0074FF;
		/* background-color: #8aa4ff; */
	}

	.course div>p:first-child {
		font-size: 1.4rem;
		font-weight: 700;
		color: #0074FF;
		line-height: 27px;
	}

	.course div>p:last-child {
		font-size: 1rem;
		font-weight: 500;
		color: #616161;
		line-height: 15px;
	}

	/* .banner-ab-2 .services{
				height: 26rem;
				display: none;
			} */


	/* 企业文化 */
	.banner-ab-2 {
		/* display: none; */
		display: flex;
	}


	.banner-ab-2 .services .item-box {
		display: flex;
		flex-direction: column;
		/* height: 15rem; */
	}

	.banner-ab-2 .services .item-box .item {
		margin-top: 1rem;
		width: 100%;
		height: 10rem;
		border: 1px solid #1660ff;
	}

	.banner-ab-2 .services .item-box .item div:first-child {
		padding: 1rem 2rem .5rem;
		font-size: 2rem;
		transition: .5s;
	}

	.banner-ab-2 .services .item-box .line {
		display: none;
	}

	.banner-ab-2 .services .item-box .item div:last-child {
		padding: 0rem 14rem 0rem 2rem;
	}

	.banner-ab-2 .services .item-box .item:nth-child(1) {
		background-image: url(https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_1_x.png);
		background-size: 40%;
		background-repeat: no-repeat;
		background-position: 18rem 1rem;
	}

	.banner-ab-2 .services .item-box .item:nth-child(2) {
		background-image: url(https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_2_x.png);
		background-size: 40%;
		background-repeat: no-repeat;
		background-position: 18rem 1rem;
	}

	.banner-ab-2 .services .item-box .item:nth-child(3) {
		background-image: url(https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_3_x.png);
		background-size: 30%;
		background-repeat: no-repeat;
		background-position: 20rem 1rem;
	}



	.banner-ab-2 .culture {
		display: block;


	}

	.banner-ab-2 .culture .cul {
		position: relative;
		/* width: 347px; */
		height: 86px;
		margin-top: 1.4rem;
		box-shadow: 0 2rem 1rem -1rem #0073ff4d;
	}

	.banner-ab-2 .culture .cul>img {
		position: absolute;
	}

	.banner-ab-2 .culture .cul>div {
		position: absolute;
		z-index: 2;
	}

	.banner-ab-2 .culture .cul-text {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 94px;
	}

	.banner-ab-2 .culture .cul:last-child {
		margin-bottom: 4rem;
	}

	.banner-ab-2 .culture .a1 {
		/* position: absolute; */
		padding-left: 1.5rem;
		font-size: 20px;
		font-weight: 600;
		/* width: 92px; */
		color: #FFFFFF;
	}

	.banner-ab-2 .culture .a2 {
		padding-right: 1.5rem;
		font-size: 1rem;
		width: 190px;
		left: 248px;
		text-align: right;
		font-weight: 500;
		color: #FFFFFF;
	}

	/* 合作伙伴 */
	.banner-index-4 .services {
		display: block;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.banner-index-4 .move-gt {
		margin-bottom: 20px;
	}

	/* 客户案例 */
	.box-title p {
		font-size: 10px;
		font-weight: 700;
		color: #e1e1e1;
		line-height: 11px;
	}

	.banner .cliBg {
		display: block;
		object-fit: cover;
	}

	/* .banner .clibg{
				display: block;
			} */
	.school-step-0 .services .connter div {
		height: 24rem;
		width: 100%;
		padding: .6rem 1rem;
		border-radius: 2rem;
		border: 1px solid #4ed3ff;
		background-color: white;
		overflow-x: hidden;
		z-index: 4;
	}

	.school-step-0 .services .connter::after {
		position: absolute;
		bottom: -.62rem;
		left: 0;
		right: 0;
		transform: translateX(5%);
		border-radius: 0 0 1.6rem 1.6rem;
		z-index: 1;
		content: '';
		display: block;
		width: 90%;
		height: .6rem;
		background: linear-gradient(90deg, #40c3ff42 9%, #2af7c43f 98%);
	}

	.school-step-flow .services {
		display: none;
	}

	.school-step-flow .mobile-services {
		display: block;
	}

	.school-step-2 .services .left,
	.school-step-2 .services .right {
		border-radius: 1rem;
	}

	.school-step-3 .services .parents img:nth-child(1),
	.school-step-3 .services .students img:nth-child(1) {
		width: 25%;
	}

	.school-step-3 .services .parents img:nth-child(2),
	.school-step-3 .services .students img:nth-child(2) {
		width: 36%;
	}

	.school-step-3 .services .parents img:nth-child(3),
	.school-step-3 .services .students img:nth-child(3) {
		width: 35%;
	}

	.school-step-4 .services .title {
		padding: unset;
	}

	.school-step-4 .services .title .item {
		margin: 0 1rem;
	}

	.school-step-4 .services .title .item>div {
		font-size: .8rem;
		text-align: center;
	}

	.school-step-4 .services .line {
		margin: 0 1rem;
	}

	.school-step-5 .services .ui-show .uiBg {
		height: 60rem;
		border-radius: 1rem;
		margin-top: 1rem;
	}

	.school-step-5 .services .check {
		padding: 0 2rem;
	}

	.banner .clientTit {
		position: absolute;
		top: 185px;
		left: 38px;
		width: 80%;
	}

	.banner .clientTit h3 {
		text-align: center;
		font-size: 30px;
		font-weight: 700;
		color: #FFFFFF;
		line-height: 40px;
	}

	.banner .clientTit p {
		font-size: 15px;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 25px;
	}

	.connter .cli1 {
		display: none;
	}

	.banner-client-5 .services {
		width: 100%;
	}

	.school-step-0 .services .connter {
		width: unset;
	}

	.connter .cli2 {
		/* width: 908px; */
		margin: 0 auto;
		display: block;
	}



	.banner-client-1 .connter {
		width: 100%;
	}

	.banner-client-1 .connter div {
		top: 9rem;
		left: 24px;
		right: 24px;
	}

	.banner-client-1 .connter p {
		font-size: 1.35rem;
		font-weight: 500;
		color: #1D74DF;
		line-height: 28px;
	}

	/* 落地成果 */
	.connter .cli3 {
		display: none;
	}

	.connter .cli4 {
		display: block;
	}

	.banner-client-2 .services .connter {
		display: flex;
		flex-direction: column;
		left: 0;

	}

	.banner-client-2 .services .connter>div {
		width: 100%;
		margin-top: 10px;
	}

	.banner-client-2 .services .connter>div img {
		height: 151px;
		width: 100%;
	}

	.banner-client-2 .services>p {
		display: none;
	}

	.banner-client-2 .services .connter>div>div {
		top: 32px;
		left: -155px;
	}

	.banner-client-2 .services .connter>div>div>div p {
		font-size: 50px;
		font-weight: 900;
		color: #FFFFFF;
		line-height: 66px;
	}

	.banner-client-2 .services .connter>div>div>p {
		margin-top: 5px;
		font-size: 18px;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 24px;
	}

	.banner-client-2 .services .stop {
		display: block;
		margin-top: 15px;
		text-align: center;
		font-size: 10px;
		font-weight: 700;
		color: #ADADAD;
		line-height: 13px;
	}

	/* 技术优势 */
	.banner-client-3 .great1 {
		display: none;
	}

	.banner-client-3 .great2 {
		display: block;
		/* position: relative;
				z-index: 1; */
	}

	.banner-client-3 .services>div {
		position: relative;
		box-shadow: 0 2rem 2rem -1.5rem #2487ff3f;
	}

	.banner-client-3 .great3 {
		display: block;
		position: absolute;
		z-index: 2;
		bottom: 1rem;
		left: 15px;
		font-size: 9px;
		color: #0074FF;
	}

	/* 应用场景 */
	.banner-client-4 .services .item div p:first-child {
		font-size: 15px;
		font-weight: 500;
		color: #1D74DF;
		line-height: 20px;
		margin-bottom: 8px;
	}

	.banner-client-4 .services .item div p:last-child {
		font-size: 9px;
		font-weight: 500;
		color: #333333;
		line-height: 14px;
	}

	.banner-client-4 .services .item div {
		width: 53%;
	}

	.banner-client-4 .services .item {
		height: 92px;
		margin-bottom: 40px;
	}


	/* 页面展示 */
	.banner-client-7 .services .img-box {
		margin-top: 100px;
		height: 90px;
	}

	/* 新闻咨询 */
	.banner-client-8 .services div p:first-child {
		font-size: 1.2rem;
		color: #989898;
		margin-bottom: 1rem;
	}

	.banner-client-8 .services div p:last-child {
		font-size: 18px;
		font-weight: 500;
		color: #3D3D3D;
		line-height: 24px;
	}

	/* 立即沟通 */
	.b1 {
		bottom: 10px;
	}

	/* 立即定制 弹框*/
	#custom .zh .img1 {
		display: none;
	}

	#custom .zh .img2 {
		display: none;
	}

	#custom .zh>div>p {
		display: none;
	}

	#custom .zh .img3 {
		display: block;
		width: 347px;
		height: 489px;
		margin-right: 0;
	}

	.bg {
		top: 0;
		left: 0;
	}

	.zh {
		position: fixed;
		top: 140px !important;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 60%;
	}

	#custom .code {
		display: block;
		position: absolute;
		width: 172px;
		height: 172px;
		left: 25%;
		top: 260px;
	}

	#custom .code .img4 {
		display: block;
		position: absolute;
		width: 144px;
		height: 144px;
		top: 14px;
		left: 14px;
	}

	#custom .img5 {
		display: block;
		position: absolute;
		width: 44px;
		height: 44px;
		bottom: -88px;
	}

	/* 案例手机端 */
	.casePage .type>img:last-of-type {
		width: 80%;
		top: 1rem;
	}

	.caseBanner .title {
		top: 10rem;
	}

	.casePage .type {
		padding: 2rem 1rem;
		border-bottom: 1px solid #b5c6d63c;
	}

	.casePage .type .title {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.casePage .type .sub-title {
		font-size: 1.2rem;

	}

	.casePage .industryCheck {
		margin: .5rem 0;
	}

	.casePage .industryCheck>div:first-child {
		width: 3rem;
		margin: .5rem;
	}

	.casePage .industryCheck .search {
		width: 100%;
		overflow: scroll;
	}

	.casePage .industryCheck .search div {
		padding: .3rem 1rem;
		width: 6rem;
		margin-right: .7rem;
	}

	.casePage .appList .item .iphonePic {
		height: 16rem;
	}

	.casePage .appList .other {
		width: 100%;
	}

	.appList {
		margin-bottom: 2rem;
	}
}

@media (any-hover:hover) {

	.mall-case .case-box:hover {
		/* width: 80%; */
		scale: .85;
		/* border-radius: unset; */
		transition: .5s;
		transform-origin: 50% 50%;
		box-shadow: 0 1rem 2rem #00000010;
	}

	.mall-case .case-box:hover img {
		scale: .98;
	}

	.mall-case .case-box:hover .caseTips {
		background-color: #000000ce;
		color: white;
		transition: .5s;
	}

	.mall-case .case-box .effect .item img:hover {
		scale: 1.05;
		transition: .4s;
		box-shadow: 0px 1rem 2rem rgba(0, 0, 0, 0.055);
	}

	.mallCaseCheck .caseBtn:hover {
		transition: .5s;
		border: 1px solid #3a8ec534;
		box-shadow: 0 1rem 1rem -1rem #0000003a;
	}

	.mall-table .left .mallTop:hover {
		border-radius: 1rem;
		background-color: white;
		scale: 1.5;
		transition: .3s;
	}

	.mall-table .left div:hover {
		transition: .5s;
		background-color: #0054bbc2;
	}

	.mall-table .right .tableHead tr:hover {
		background-color: #e7f2ff;
	}

	.mall-table .right #tableBox tr:hover {
		background-color: #f3f8fd;
	}

	.table .max-connter .mallExpand:hover {
		scale: 1.05;
		z-index: -33;
		transition: .4s;
	}

	.table .notes tr td:hover {
		background-color: #f3f8fd;
	}

	.roll:hover {
		background-color: #00000077;
		/* background-color: #F7B400; */
		/* color: #F7B400; */
		scale: 1.1;
		transition: .5s;
		animation: identifier .6s linear infinite alternate;
	}

	@keyframes identifier {
		0% {
			bottom: 20px;
		}

		100% {
			bottom: 10px;
		}
	}


	.head .top-content .menu a:hover {
		color: #0074FF;
		transition: .2s;
	}

	.banner-index-2 .services .processContnet .lc .item:hover .icon {
		width: 70%;
		height: 100px;
		margin: 1rem auto 1rem;
		border-radius: 4rem;
		padding-top: 2rem;
		/* box-shadow: 0 3rem 3rem #1869cb3a; */
		box-shadow: unset;


	}

	.banner-index-2 .services .processContnet .lc .item:hover img {
		scale: 1.1;
	}

	.banner-client-5 .services .content .icon .item:hover {
		transition: .6s;
		scale: 1.05;
		background: linear-gradient(111deg, #077ea5 5%, #11a6c4 96%);
	}

	.banner-client-5 .services .content .step img:hover {
		scale: 1.2;
		box-shadow: 0 1rem 2rem -1rem #072b6e2d;
		transition: .4;
	}

	.banner-client-7 .services .phone:hover {
		transition: .6;
		transform: rotateZ(-6deg);
	}


	.head .menu .layout-popup>a:hover {
		background-color: #F6F6F7;
		border-radius: 1rem;
		color: #1d74df;
	}

	body a:hover {
		text-decoration: none;
	}

	.school-step-flow .services .flow img:hover {
		scale: 1.2;
	}

	.school-step-2 .services .left:hover img {
		scale: 1.05;
		transition: .6s;
	}

	.school-step-2 .services .left:hover {
		padding-top: 2rem;
		background: linear-gradient(180deg, #92c5ff52 0%, rgb(160 157 255 / 32%) 100%);
		border: 1px solid white;
		scale: .95;
		box-shadow: 0px 0rem 1rem -1rem #0073ff28;
		transition: .4s;
	}

	.school-step-2 .services .right:hover {
		padding-top: 2rem;
		background: linear-gradient(180deg, #92c5ff52 0%, rgb(160 157 255 / 32%) 100%);
		border: 1px solid white;
		scale: .95;
		/* background: rgb(255, 255, 255); */
		box-shadow: 0px 0rem 3rem -1rem #0073ff28;
		transition: .4s;
	}

	.school-step-2 .services .left:hover .title {
		scale: 0;
		/* opacity: 0; */
	}

	.school-step-2 .services .right:hover img {
		scale: 1.05;
		transition: .6s;
	}

	.school-step-2 .services .right:hover .title {
		scale: 0;
		/* margin-top: -1rem; */
		/* opacity: 0; */
	}


	.school-step-3 .services .parents img:nth-child(1):hover {
		scale: 1.03;
	}

	.school-step-3 .services .parents img:nth-child(2):hover {
		scale: 1.03;
	}

	.school-step-3 .services .parents img:nth-child(3):hover {
		scale: 1.03;
	}

	.school-step-3 .services .students img:nth-child(1):hover {
		scale: 1.03;
	}

	.school-step-3 .services .students img:nth-child(2):hover {
		scale: 1.03;
	}

	.school-step-3 .services .students img:nth-child(3):hover {
		scale: 1.03;
	}

	.banner-index-4 .logo-item:hover div {
		opacity: 1;
		scale: 1.1;
		font-size: 2rem;
		border-radius: 20px 0 20px 0;
		transition: .3s ease-out;
	}

	.footer .max-connter .left-box:hover .logo {
		background-color: #000000;
		padding: 10px;
		border-radius: 24px;
		box-shadow: 1px 10px 10px #0000002d;
		transition: 1s;
	}

	.footer .max-connter .right-box .btn:hover img {
		height: 27px;
		width: 100px;
		box-shadow: 1px 10px 10px #0043966b;
		scale: 1.2;
		transition: 1s;
	}

	.banner-client-2 .services .connter>div:hover img {
		scale: 1.1;
		transition: .4s;
	}

	.banner-client-3 .services:hover .content {
		border-radius: 34px;
		scale: 1.05;
		transition: 1s;
	}


	.banner-ab-1 .item-box .item:hover {
		/* top: -.5rem; */
		/* scale: 1.06; */
		background-color: #1d77ff1a;
		/* background: #1d77ff1a url('../img/about_num_bg.webp') -10px; */
		/* background-size: 120% ; */
		transition: .6s;
		box-shadow: unset;
	}



	.banner-client-3 .word .w1:hover {
		scale: 1.1;
		font-size: 1.4rem;
		background: #54A1FF;
		transition: 1s;
	}

	.banner-client-3 .word .w2:hover {
		scale: 1.1;
		font-size: 1.4rem;
		background: #54A1FF;
		transition: 1s;
	}

	.banner-client-3 .word .w3:hover {
		scale: 1.1;
		font-size: 1.4rem;
		background: #54A1FF;
		transition: 1s;
	}

	.banner-client-3 .word .w4:hover {
		scale: 1.1;
		font-size: 1.4rem;
		background: #54A1FF;
		transition: 1s;
	}

	.banner-ab-2 .services .item-box .item:hover div:first-child {
		color: white;
	}

	/* 第一项 */
	.banner-ab-2 .services .item-box .item:nth-child(1):hover {
		background: #0074FF url('https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_1_o.png') -50px -2px;
	}

	.banner-ab-2 .services .item-box .item:nth-child(2):hover {
		background: #0074FF url('https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_2_o.png') -50px -2px;
	}

	.banner-ab-2 .services .item-box .item:nth-child(3):hover {
		background: #0074FF url('https://hliit.oss-cn-shenzhen.aliyuncs.com/huali/cn/culture_bg_3_o.png') -50px -2px;
	}

	.banner-ab-2 .services .item-box .item:hover {
		scale: .98;
		/* margin-top: 3rem; */
		border-radius: 2rem 1rem 2rem 1rem;
		/* border: 2px solid #ffffff00; */
		transition: 1s;
		color: white;
		box-shadow: 0 1rem 3rem -2rem #0d79fda8;
	}

	.banner-ab-2 .services .item-box .item:hover .line {
		border-bottom: 3px solid #ffffff;
	}

	.banner-ab-2 .services .item-box .item:hover div:last-child {

		transition: .3s;
		color: white;
	}

	.head .top-content .menu .top-btn-box button:hover {
		background: #084590;
		opacity: 1;
		color: #ffffff;
		border: none;
		display: flex;
		justify-content: space-around;
		align-items: center;
		cursor: pointer;
		transition: .5s;
	}


	.banner:hover img {
		scale: 1.2;
		transition: 8s ease-out;
	}


	.banner-client-3 .services:hover .great1 {
		/* scale: 1.2; */
		transition: 1s;
	}

	.banner-index-4 .logo-item:hover img {
		/* display: none; */
		opacity: 0;
	}


	.banner-index-1 .services>div:hover {
		transition: .6s;
		scale: 1.02;
		background-color: #e3f2ff;
	}


}

.banner-index-1 .services>div:hover p img {
	opacity: 0;
}


/* 
.banner-index-1 .services>div:hover p {
	color: white;
} */


.banner-index-1 .services>div:hover .icon {
	scale: .5;
	position: absolute;
	top: -1.8rem;
	right: -1rem;
	transition: .6s;
}


.banner-index-2 .body .right:hover img {
	right: 2rem;
	transition: .5s;
}

.banner-index-2 .body:hover .right div {
	scale: 1.1;
	transition: .5s;
}

.banner-index-2 .body .right:hover div {
	color: white;
	background-color: #1D74DF;
	transition: .5s ease-out;
	box-shadow: 1px 10px 20px #fafafa7c;
}

.banner-index-2 .body:hover .icon {
	border: 3px solid white;
	border-radius: 0 24px 0 24px;
	background-color: #1558afa6;
	scale: 1.1;
	transition: 1s;
}

.banner-index-2 .ff:hover .shadow {
	filter: blur(60px);
	background-color: #51c1e66e;
	transition: 1s ease-in;
}

.banner-index-2 .services .body:hover {
	scale: 1.05;
	cursor: pointer;
	transition: 1s;
}

.banner-index-2 .services .body:hover img {
	border-radius: 3rem;
	background-color: #026bf3;
	/* background-color: #154aac; */
}

.banner-index-3 .services .item-box:hover div {
	top: 4rem;
	left: 5rem;
	transition: 1s;
}

.banner-index-3 .services .item-box:hover p:first-child {
	font-size: 4rem;

	transition: 2s;
}

.banner-index-3 .services .item-box:hover img {
	scale: 1.1;
	transition: 1s;
}

.banner-index-3 .services .item-box:hover {
	box-shadow: 0 1rem 1rem -1rem #0073ff60;
	border-radius: 80px 20px 80px 20px;
	transition: 1s ease-out;
}

.banner-index-3 .services .item-box:hover .go {
	position: absolute;
	width: 3rem;
	left: 15rem;
	top: 1rem;
	transition: 1s;
}

.banner-index-3 .services .item-box:hover .Aicon {
	position: absolute;
	width: 3rem;
	left: 34.5rem;
	top: 1rem;
	transition: 1s;
}