.focus .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.focus .swiper-slide {
	position: relative;
}
.focus .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.focus .swiper-slide::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	/* opacity: 0.5; */
	/* transform: scaleY(-1); */
	/* background-image: linear-gradient(360deg, transparent 0%, rgba(0, 0, 0, 0.5) 10%); */
	position: absolute;
	top: 100px;
	left: 0;
	background-image: linear-gradient(180deg, rgba(54,44,44,0.00) 0%, rgba(25,20,20,0.1) 100%);
}

.focus .swiper-slide .slogan‌-wrapper {
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	padding-top: 220px;
	min-width: 320px;
}

.focus .swiper-slide .slogan‌-wrapper h2 {
	font-size: 22px;
	line-height: 42px;


	color: #fff;

}

.focus .swiper-slide .slogan‌-wrapper p {
	font-size: 48px;
	color: #fff;
	/* border-top: 1px solid #fff; */
	display: inline-block;
}

.focus .swiper-slide .slogan‌-wrapper .more {
	/* border: 1px solid #fff; */
	border: none;
	background-color: transparent;
	color: #fff;
	line-height: 42px;
	padding: 0 20px;
	background-color: #2575fc;
	border-radius: 8px;
}


.focus {
	width: 100%;
	height: 720px;
	overflow: hidden;
}

.focus .swiper-slide {
	background: #fff;
	background-size: auto 720px;
	background-position: center;
	background-repeat: no-repeat;


}




.focus .swiper-pagination {
	bottom: 108px;
}

/* 主页轮播进度条 */
.focus .swiper-pagination {
	position: relative;
}

.focus .swiper-pagination-bullet {
	position: relative;
	overflow: hidden;
	border-radius: 2px !important;
	background: rgba(219, 219, 219, 0.25);
}

.focus .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 0.25) !important;
}

.focus .swiper-pagination-bullet .progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #2575fc;
	display: block;
}




.product-introduction {

	/* background-image: linear-gradient(0deg, #FFFFFF 61%, #AEFFBC 100%); */
	background-image: linear-gradient(0deg, rgb(255, 255, 255) 61%, rgb(255 205 0 / 9%) 100%);
}




.home-vertical-cards,
.box {
	overflow: hidden;
	/* border-radius: 16px; */
	height: 500px;

	/* background-color: #151515 ; */
	border-right: 0;
	display: flex;
	flex-direction: row;
}

.home-vertical-cards>div,
.box>div {
	height: 500px;
	/* opacity: .3; */
	float: left;
	background: no-repeat center center;
	background-size: 100% auto;
	transition: all .7s ease 0s;
	position: relative;
}

.home-vertical-cards>div:hover,
.box>div:hover {

	opacity: 1;

}

.home-vertical-cards>div h1,
.box>div h1 {
	color: #fff;
	font-size: 70px;
	padding: 80px 40px 0;
	position: relative;
	z-index: 9;
}

.home-vertical-cards>div p,
.box>div p {
	padding: 30px 40px 30px;
	color: #fff;
	position: relative;
	z-index: 9;
	font-size: 18px;
	transition: all 0.3s;
}

.home-vertical-cards>div .home-vertical-cta>a,
.box>div .more-explore>a {

	display: inline-block;
	line-height: 44px;
	padding: 0 20px;
	position: absolute;
	left: 40px;
	bottom: 120px;
	z-index: 9;
	color: #000;
	padding-right: 60px;
	background: url("/files/images/arrow-right-light.png") no-repeat 100px center #fff;
	background-size: 24px auto;
	opacity: 0;
	transition: opacity 0.9s ease;
	border-radius: 4px;
}

.home-vertical-cards>div::after,
.box>div::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.5;
	background-image: linear-gradient(180deg, rgba(238, 238, 238, 0.00) 0%, #000000 100%);
	/* background-image: linear-gradient(180deg, #000AFF 0%, #0078FF 100%); */
}

.home-vertical-cards>div.active::after,
.box>div.active::after {
	opacity: 0.8;
	background-image: linear-gradient(180deg, #000AFF 0%, #0078FF 100%);

}
.home-vertical-cards>div p {
	opacity: 0;
	transition: opacity 0.3s;
}
.home-vertical-cards>div.active .home-vertical-cta>a,
.box>div.active .more-explore>a ,.home-vertical-cards>div.active p {
	opacity: 1;
}




.news,
.home-news {
	/* transform: scaleX(-1); */
	/* background-image: linear-gradient(-12deg, rgba(238,238,238,0.00) 8%, #FFDFDF 100%); */
	/* background-image: linear-gradient(-8deg, rgba(255, 255, 255, 0.00) 66%, #FFDFDF 100%); */
}

.news_ {
	overflow: hidden;
	position: relative;
	padding-top: 65px;
	margin-top: -65px;

	/* border-bottom: 1px solid #ddd; */
}

.news_::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
}

.news_ .swiper-wrapper .swiper-slide {
	min-height: 300px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	/* margin-right:1px; */
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px;
	
}

.news .swiper-pagination,
.home-news .swiper-pagination {
	position: absolute;
	top: unset;
	bottom: 0;
	height: 1px;
}

.news .swiper-pagination-progressbar,
.home-news .swiper-pagination-progressbar {
	background-color: #eee;
}

.news .button-prev,
.home-news .button-prev,
.news .button-next,
.home-news .button-next {
	position: absolute;
	left: 135px;
	top: 0px;
	z-index: 99;
}

.news .button-next,
.home-news .button-next {
	left: 190px;
}

.news_ .swiper-wrapper .swiper-slide .date {
	color: #999;
	margin-top: 10px;
	float: right;
}

.news_ .swiper-wrapper .swiper-slide h3 {
	margin: 70px 0 20px;
}

.news_ .swiper-wrapper .swiper-slide .info {
	color: #999;
}



@media (max-width: 480px) {
	.navbar-nav {
		display: none;
	}

	.ptb50 {
		padding: 20px 20px 50px;
	}
}

.s-ad {
	font-size: 18px;
	text-align: justify;
	color: #666;
	max-width: 1200px;
	height: auto;
	display: flex;
	justify-content: space-between;
	box-shadow: rgba(105, 151, 220, 0.1) 0px 6px 15px 0px;
	backdrop-filter: blur(10px);
	padding: 30px 40px;
	margin: 0px auto 40px;
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	border-image: initial;
	background: rgba(255, 255, 255, 0.2);
}

.case {
	overflow: hidden;

}

/* 默认全藏 */
.home-news-feature,
.left-point {
	height: 420px;
	/* overflow: hidden; */
	position: relative;
	 /* -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0); */
	
}

.home-news-feature img,
.left-point img {
	display: block;
	width: 100%;
}

/* .home-news-feature img:hover{

	    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
} */
.home-news-feature .point-title,
.left-point .point-title {
	position: absolute;
	left: 10%;
	top: 10%;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px solid #333;
	line-height: 36px;
		/* color: #fff; */
}
.home-news-feature .point-description,
.left-point .point-description {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 30%;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	/* color: #fff; */
	
}

.home-news-feature .point-title::after,
.left-point .point-title::after {
	content: '';
	display: block;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	height: 5px;
	background-color: transparent;
}

.home-news-feature .date,
.left-point .date {
	display: block;
	position: absolute;
	left: 10%;
	bottom: 10%;
	padding: 4px 14px;
	color: #666;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 15px;
	font-size: 14px;
}

/* .left-point::after{
    content: '';
    display: block;
    position: absolute;
    left:0;top:0;right:0;
    z-index: 999;
    bottom:0;background-color: rgba(255, 255, 255, 0.01);
} */
@media (max-width: 768px) {
	.home-vertical-cards,
	.box {
		height: auto;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: 12px;
		padding-bottom: 10px;
	}

	.home-vertical-cards>div,
	.box>div {
		flex: 0 0 80%;
		width: 80%;
		min-width: 80%;
		height: 360px;
		scroll-snap-align: start;
	}

	.home-vertical-cards>div h1,
	.box>div h1 {
		font-size: 36px;
		padding: 40px 20px 0;
	}

	.home-vertical-cards>div p,
	.box>div p {
		font-size: 16px;
		padding: 20px;
	}

	.home-vertical-cards>div .home-vertical-cta>a,
	.box>div .more-explore>a {
		bottom: 20px;
		left: 20px;
	}
}

.case-box { box-shadow: rgb(255 205 0 / 9%) 0px 6px 15px 0px; 
	/* border-radius: 16px; */
	overflow: hidden;}
.case-box>.row>.col-md-6:first-child { position: relative; }
.case-box .label { position: absolute; bottom: 20px; left: 12px; padding: 4px 10px; background: #667eea; color: #fff; border-radius: 12px; font-size: 12px; }
.case-box>div>div:first-child { background-color: #fff; padding: 40px 30px; height: 320px; }
.case-box>div>div img { width: 100%; height: 320px; display: block; }
.case-box-info { color: #666; line-height: 33px; text-indent: 2em; }