:root {
	--swiper-theme-color: #ffffff;
}

.amap-icon img,
.amap-marker-content img {
	width: 25px;
	height: 34px;
}

.module-title .title-img {
	height: 2.4rem;
	display: flex;
	object-fit: cover;
}

.swiper-pagination-bullet {
	width: 1.5rem;
	height: 1.5rem;
	opacity: 1;
	background: none;
}

#swiper-case .swiper-pagination-bullets {
	right: unset;
	bottom: 3rem;
	display: flex;
	justify-content: center;
	flex-direction: unset;
	width: 1rem;
	height: 1rem;
	opacity: 1;
	background: none;
}

.main-page,
.main-page section {
	width: 100%;
}

/* -------------------------------- banner -------------------------------- */

.banner-module {
	width: 100%;
	height: 250vh;
	display: inherit;
}

.banner-sticky {
	position: sticky;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

.banner-module .font-cover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
}

.banner-module .font-cover .cover {
	position: absolute;
	left: 5%;
	width: 90%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.banner-module .font-cover .banner-h1 {
	/* position: absolute;
	left: 20%;
	top: 20%; */
	/* width: 290px;
	height: 110upx; */
	width: 90%;
	transition: all 0.5s;
	/* height: 110upx; */
	/* transition: all 0.1s; */

	/* margin-left: 270px; */
	/* transform: matrix(0, 1, -1, 0, 0, 0); */
}

.banner-module .font-cover .banner-jw {
	position: absolute;
	width: 20%;
	opacity: 0;
	transition: all 0.5s;
	margin-top: -20%;
	margin-left: 20%;
}

.banner-module .font-cover .banner-tips {
	width: 60%;
}

.banner-module .font-cover .banner-h1 span {
	color: #ffffff;
	font-weight: 900;
	font-size: 6.875rem;
	line-height: 6.875rem;
}

.banner-module .banner-img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	/* transition: all 0.5s; */
}

/* -------------------------------- 主营业务 -------------------------------- */
.we-can-module {
	width: 100%;
	height: calc(100vh - var(--top-height));
	display: flex;
	justify-content: flex-start;
	align-items: center;
	z-index: 3;
	overflow: hidden;
}

.we-can-title {
	width: 100%;
}

.we-can-title .title-img {
	height: 2rem;
}

.we-can-module .can-item {
	width: 25%;
	height: 100%;
	background: #2E2E2E;
	position: relative;
	transition: all 1s;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.we-can-module .can-item:hover {
	/* background: #222222 !important; */
}

.we-can-module .can-item .more-btn {
	display: flex;
	position: absolute;
	bottom: 2rem;
	width: 60%;
	opacity: 0;
	transition: all 0.5;
}

/* .we-can-module .can-item:hover .more-btn{
	display: flex;
} */
.we-can-module .can-item .item-title {
	position: absolute;
	left: 10%;
	bottom: 6.5rem;
	width: 80%;
	display: flex;
	flex-direction: column;
	color: #ffffff;
}

.we-can-module .can-item .item-cover {
	position: absolute;
	left: 0;
	height: 150%;
	width: 100%;
	z-index: 2;
	transition: all 0.8s;
}

.we-can-module .can-item .item-cover1 {
	background: #000000;
	bottom: 0;
}

.we-can-module .can-item .item-cover2 {
	background: #000000;
	top: 0;
}

.short-video .number {
	position: absolute;
	left: 10%;
	bottom: 7rem;
	font-size: 14rem;
	line-height: 14rem;
	font-weight: 900;
	color: #999999;
	opacity: 0.15;
}

.short-video .intro-img {
	position: absolute;
	right: -20%;
	top: 20%;
	width: 100%;
	transition: all 0.6s;
}

.short-video:hover .intro-img {
	right: -5%;
}

.brand-innovation {
	background: #222222 !important;
}

.brand-innovation .number {
	position: absolute;
	left: 20%;
	top: 0rem;
	font-size: 14rem;
	line-height: 14rem;
	font-weight: 900;
	color: #999999;
	opacity: 0.15;
}

.brand-innovation .intro-img {
	position: absolute;
	right: -20%;
	top: 30%;
	width: 100%;
	transition: all 0.6s;
}

.brand-innovation:hover .intro-img {
	right: -5%;
}

.electricity-server .number {
	position: absolute;
	right: 5%;
	bottom: 7rem;
	font-size: 14rem;
	line-height: 14rem;
	font-weight: 900;
	color: #999999;
	opacity: 0.15;
}

.electricity-server .intro-img {
	position: absolute;
	right: -20%;
	top: 20%;
	width: 100%;
	transition: all 0.6s;
}

.electricity-server:hover .intro-img {
	right: -5%;
}

.technology-develop {
	background: #222222 !important;
}

.technology-develop .number {
	position: absolute;
	right: 5%;
	top: 0rem;
	font-size: 14rem;
	line-height: 14rem;
	font-weight: 900;
	color: #999999;
	opacity: 0.15;
}

.technology-develop .intro-img {
	position: absolute;
	right: -20%;
	top: 50%;
	width: 100%;
	transition: all 0.6s;
}

.technology-develop:hover {
	/* background: #2E2E2E !important; */
}

.technology-develop:hover .intro-img {
	right: -5%;
}

.media-operating .number {
	position: absolute;
	left: 10%;
	bottom: 7rem;
	font-size: 14rem;
	line-height: 14rem;
	font-weight: 900;
	color: #999999;
	opacity: 0.15;
}

.media-operating .intro-img {
	position: absolute;
	right: -5rem;
	top: 8rem;
	width: 18rem;
	transition: all 0.6s;
}

.media-operating:hover .intro-img {
	right: 0rem;
}

/* -------------------------------- 主营业务 end -------------------------------- */


/* -------------------------------- 渠道资源 -------------------------------- */
/* .channel-module {
	margin-top: var(--top-height);
	width: var(--module-width);
	height: calc(100vh - var(--top-height));
	display: flex;
	flex-direction: column;
	z-index: 1;
} */
.channel-module {
	width: 100%;
	height: 350vh;
	display: inherit;
}

.channel-sticky {
	position: sticky;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	top: var(--top-height);
	left: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

.channel-con-module {
	width: 90%;
	height: calc(100vh - var(--top-height));
	overflow: hidden;
	z-index: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.channel-module .module-title {
	position: absolute;
	top: 0;
}

.channel-module .channel-cover {
	position: absolute;
	width: 100%;
	height: calc(100vh - var(--top-height)*2 - 9rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: all 0.5s;
}

.channel-module .channel-tr {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.channel-module .channel-item {
	width: 24%;
	max-width: 15rem;
	height: 6rem;
	margin-top: 0.75rem;
	background: rgba(255, 255, 255, 0.1);
	border-bottom: 4px solid rgba(255, 255, 255, 0);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 1s;
}

.channel-module .channel-item:hover {
	background: rgba(0, 0, 0, 0.3);
	border-bottom: 4px solid rgba(187, 0, 0, 1);
	cursor: pointer;
}

.channel-module .channel-item img {
	height: 2rem;
	display: flex;
}

.channel-module .channel-item .h22 {
	height: 2.2rem !important;
}

.channel-module .channel-item .h18 {
	height: 1.8rem !important;
}

.channel-module .channel-item .h15 {
	height: 1.5rem !important;
}

/* -------------------------------- 渠道资源 end -------------------------------- */


/* -------------------------------- 合作案例 -------------------------------- */
/* .case-module {
	width: 100%;
	height: 250vh;
	display: inherit;
}

.case-sticky {
	position: sticky;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	top: var(--top-height);
	left: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
} */
.case-module,
.case-sticky {
	width: 100%;
}

.case-con-module {
	width: 100%;
	height: calc(100vh - var(--top-height));
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: #000000;
	z-index: 1;
}

.case-video {
	width: 100%;
	height: 100vh;
	background: #000000;
	z-index: 5;
	object-fit: cover;
	transition: all 0.5s;
}

.case-title-img {
	position: absolute;
	top: 1.5rem;
	left: 38%;
	width: 28rem;
}

.case-module .case-title {
	position: absolute;
	top: 3rem;
	left: 38%;
}

.case-module .case-project {
	width: 100%;
	height: 38vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

.case-module .case-project .case-item {
	position: relative;
	height: 100%;
	overflow: hidden;
	perspective: 300px;
}

.case-module .case-project .case-item .case-item-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(46, 46, 46, 0);
	transform: rotateX(90deg);
	transform-origin: 0 0 0;
	transition: all 0.5s;
	line-height: 1.2rem;
	text-align: justify;
}

.case-item-covers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 1rem);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	/* background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); */
	transition: all 0.5s;
	padding-bottom: 1rem;
	z-index: 10;
}

.case-item-covers span {
	background: rgba(30, 30, 30, 0.9);
	color: #ffffff;
	margin-left: 1rem;
	padding: 0.25rem 0.5rem;
}

.case-module .case-project .case-item .case-item-cover .case-item-title {
	padding: 0 1.5rem;
	color: #ffffff;
}

.case-module .case-project .case-item .case-item-cover .case-item-desc {
	padding: 0 1.5rem;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.case-module .case-project .case-item img {
	height: 100%;
	width: 100%;
	display: flex;
	object-fit: cover;
	cursor: pointer;
	transition: all 0.5s;
}

.case-module .case-project .case-item:hover .case-item-cover {
	transform: rotateX(0deg);
	background: rgba(46, 46, 46, 1);
}

.case-module .case-project .case-item:hover img {
	transform: translateY(100%);
}

.case-module .case-project .case-item:hover .case-item-covers {
	transform: translateY(100%);
}

.case-module .case-project .case-item-01 {
	width: 27%;
}

.case-module .case-project .case-item-02 {
	width: 14%;
}

.case-module .case-project .case-item-03 {
	width: 28%;
}

.case-module .case-project .case-item-04 {
	width: 15%;
}

.case-module .case-project .case-item-05 {
	width: 16%;
}

.case-module .case-project .case-item-06 {
	width: 14%;
}

.case-module .case-project .case-item-07 {
	width: 18%;
}

.case-module .case-project .case-item-08 {
	width: 26%;
}

.case-module .case-project .case-item-09 {
	width: 20%;
}

.case-module .case-project .case-item-10 {
	width: 22%;
}

/* .case-module .case-item-01{
	position: absolute;
	left: 22%;
	top: 20%;
	width:30%;
	display: flex;
	object-fit: cover;
	z-index: 2;
	transition: all 0.6s;
}
.case-check .case-item-01{
	position: absolute;
	left: 0;
	top: 0;
	width: 36%;
	display: flex;
	object-fit: cover;
	z-index: 2;
	
}

.case-module .case-item-02{
	position: absolute;
	left: 16%;
	bottom: 16%;
	width: 30%;
	display: flex;
	object-fit: cover;
	z-index: 5;
	transition: all 0.6s; 
}
.case-check .case-item-02{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40%;
	display: flex;
	object-fit: cover;
	z-index: 5;
}
.case-module .case-item-03{
	position: absolute;
	z-index: 4;
	width:30%;
	
	transition: all 0.6s;
}
.case-check .case-item-03{
	position: absolute;
	top: 22%;
	left: 20%;
	z-index: 4;
	width:66%;
	
}
.case-module .case-item-04{
	position: absolute;
	right: 18%;
	bottom: 18%;
	width: 32%;
	z-index: 3;
	transition: all 0.6s; 
}
.case-check .case-item-04{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46%;
	z-index: 3;
}
.case-module .case-item-05{
	position: absolute;
	right: 23%;
	top: 16%;
	width: 20%;
	z-index: 2;
	transition: all 0.6s; 
	
}
.case-check .case-item-05{
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	z-index: 2;
} */
.prview-module {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9;
}

.prview-module .prview-img-module {
	max-height: 80%;
	max-width: 80%;
	position: relative;
	overflow: hidden;
}

.prview-module .prview-close {
	position: absolute;
	top: 1.2rem;
	right: 1.2rem;
	width: 2rem;
	height: 2rem;
	z-index: 10;
	cursor: pointer;
}

.prview-module .prview-img {
	max-width: 100%;
	max-height: 80vh;
	display: flex;
}

.prview-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 3rem);
	padding-bottom: 3rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.prview-cover p {
	padding: 0 10%;
	text-align: justify;
	line-height: 1.5rem;
}

/* -------------------------------- 合作案例 end -------------------------------- */


/* -------------------------------- 联系我们 -------------------------------- */
.call-module {
	margin-top: var(--top-height);
	height: calc(100vh - var(--top-height));
	display: flex;
	flex-direction: column;
	z-index: 1;

}

.company-module {
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 7rem;
	color: #ffffff;
	margin-top: -1rem;
}

.company-module .company-title {
	width: 26%;
	padding: 0 3%;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.company-module .company-title .logo-txt {
	height: 1.5rem;
	display: flex;
	object-fit: cover;
	margin-bottom: 0.5rem;
}

.company-module .company-info {
	width: 67%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.company-module .company-info .info-item {
	width: 100%;
	height: 2rem;
	background: rgba(255, 255, 255, 0.1);
	display: none;
	justify-content: flex-start;
	align-items: center;
}

.company-module .company-info .info-item img {
	height: 1rem;
	margin: 0 1rem;
}

#container {
	/* position: absolute;
	left: 0;
	bottom: 4rem; */
	width: 100%;
	height: 50vh;
	margin-top: 1rem;
}

.call-me-bg {
	animation: salcimg 30s infinite;
}

@keyframes salcimg {
	0 {
		transform: scale(1);
	}

	100% {
		transform: scale(2);
	}
}

/* -------------------------------- 联系我们 end -------------------------------- */

/* footer {
	position: absolute;
	left: 0;
	bottom: 0;
} */

@media (max-width: 1600px) {

	/* -------------------------------- 渠道资源 -------------------------------- */
	.channel-module .channel-item {
		height: calc(6rem * 0.6);
	}

	.channel-module .channel-item img {
		height: calc(2rem * 0.6);
		display: flex;
	}
}

@media (max-width: 768px) {
	.we-can-module {
		height: auto;
		flex-direction: column;
	}

	.we-can-module .can-item {
		width: 100%;
		height: 100vh;
	}

	.we-can-module .can-item .item-cover {
		display: none;
	}

	.channel-module .channel-item .h22 {
		height: 1.5rem !important;
	}

	.channel-module .channel-item .h18 {
		height: 1rem !important;
	}

	.channel-module .channel-item .h15 {
		height: 1rem !important;
	}

	.case-con-module {
		height: auto;
	}

	.case-module .case-project {
		width: 100%;
		height: auto;
		flex-direction: column;
		justify-content: unset;
		align-items: center;
		flex-wrap: wrap;
	}

	.case-module .case-project .case-item {
		width: 100%;
		height: 38vh;
	}

	.company-module {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		height: auto;
		color: #ffffff;
		margin-top: -1rem;
	}

	.company-module .company-title {
		width: 94%;
		padding: 1rem 3%;
		height: 100%;
		background: rgba(255, 255, 255, 0.1);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	.company-module .company-title .logo-txt {
		height: 1.5rem;
		display: flex;
		object-fit: cover;
		margin-bottom: 0.5rem;
	}

	.company-module .company-info {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.company-module .company-info .info-item {
		width: 100%;
		height: 2rem;
		background: rgba(255, 255, 255, 0.1);
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-top: 1rem;
	}

	.company-module .company-info .info-item img {
		height: 1rem;
		margin: 0 1rem;
	}

	#container {
		/* position: absolute;
		left: 0;
		bottom: 4rem; */
		width: 100%;
		height: 50vh;
		margin-top: 1rem;
	}

	.prview-module .prview-img {
		max-width: 100%;
		height: 80vh;
		display: flex;
		object-fit: cover;
	}

}