@charset "utf-8";
/* ===================首页样式========================== */

/* 行业应用 s */
.ind_app {}

.ind_app .tit {
	text-align: center;
	padding: 0.55rem 0 0.45rem;
}

.ind_app .tit img {
	display: inline-block;
	height: 0.45rem;
	margin-bottom: 0.25rem;
}

.ind_app .tit p {
	font-size: 18px;
	line-height: 1.3;
	color: #55616d;
}

.ind_app .pic {
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 500px;
}

.ind_app .pic .txt {
	position: absolute;
	color: white;
	width: 100%;
	padding: 1.1rem 10% 1rem;
}

.ind_app .pic .txt h4 {
	font-size: 0.3rem;
	line-height: 1.5;
	max-width: 6.8rem;
	text-transform: uppercase;
}

.ind_app .pic .txt p {
	max-width: 7.7rem;
	font-size: 18px;
	line-height: 1.5;
	display: block;
	margin-top: 0.25rem;
}

.ind_app .pic .txt a {
	margin: 0.6rem 0 0;
}

.ind_app .bot {
	margin-top: 0.3rem;
}

.ind_app .bot ul {}

.ind_app .bot ul li {
	position: relative;
	min-height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.ind_app .bot ul li::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(0, 0, 0, .35);
	z-index: 2;
}

.ind_app .bot ul li .info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0.5rem 0.3rem;
	height: 100%;
	color: white;
	z-index: 3;
}

.ind_app .bot ul li:nth-child(4n - 3) .info {
	padding-left: 0.8rem;
}

.ind_app .bot ul li:nth-child(4n) .info {
	padding-right: 0.8rem;
}

.ind_app .bot ul li .info h4 {
	font-size: 26px;
	line-height: 30px;
	height: 60px;
}

.ind_app .bot ul li .info .txt {
	margin: 0.4rem 0 0.3rem;
	font-size: 16px;
	line-height: 20px;
	height: 100px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.ind_app .bot ul li .info a {
	font-size: 16px;
}

.ind_app .swiper-button-next.swiper-button-disabled,
.ind_app .swiper-button-prev.swiper-button-disabled {
	display: none;
}

.ind_app .swiper-button-next:after,
.ind_app .swiper-button-prev:after {
	font-size: 0.3rem;
	color: white;
	font-weight: 700;
}

/* 行业应用 e */


/* 关于我们 s */
.ind_about {
	margin-top: 0.3rem;
}

/* 关于我们 e */


/* 产品中心 s */
.ind_pro {
	/* padding-top: 0.6rem; */
	padding: 0.6rem;
}

.ind_pro .con {
	/* margin-top: 0.55rem; */
}

.ind_pro ul {}

.ind_pro ul li {}

.ind_pro ul li .pic {
	overflow: hidden;
}

.ind_pro ul li .pic img {
	width: 100%;
}

.ind_pro ul li p {
	text-align: center;
	font-size: 0.22rem;
	margin-top: 0.2rem;
}

.ind_pro .swiper-button-next:after,
.ind_pro .swiper-button-prev:after {
	color: #000;
}

.ind_pro .swiper-button-next:hover:after,
.ind_pro .swiper-button-prev:hover:after {
	color: #C82126;
}

.ind_pro .swiper-button-next {
	left: auto;
	right: 0;
	margin-right: -0.6rem;
}

.ind_pro .swiper-button-prev {
	left: auto;
	margin-left: -0.6rem;
}

/* 产品中心 e */


/* 新闻中心 s */
.ind_news {
	padding-top: 0.6rem;
}

.ind_news .con {}

.ind_news ul {}

.ind_news ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.ind_news ul li:nth-child(3n) {
	margin-right: 0;
}

.ind_news ul li a {
	display: block;
	padding: 0.5rem 0.55rem;
	background-color: #f0f2f7;
	color: #2c2c2c;
}

.ind_news ul li:hover a {
	color: white;
	background-color: #C82126;
}

.ind_news ul li h4 {
	font-size: 20px;
	line-height: 25px;
	height: 50px;
}

.ind_news ul li span {
	display: block;
	font-size: 14px;
	margin: 0.16rem 0;
}

.ind_news ul li .info {
	font-size: 16px;
	line-height: 20px;
	height: 60px;
}

/* 新闻中心 e */


/* 行业应用 s */
/* 行业应用 e */


/* 行业应用 s */
/* 行业应用 e */


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
	/* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
	/* 1360 × (768) */
}

@media all and (max-width:1359px) {
	/* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
	/* 1152 × (864) */
}

@media all and (max-width:1151px) {
	/* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {

	/* 平板设备 720 适配 */
	.ind_app .pic .txt {
		padding: 8% 4%;
	}

	.ind_app .tit p {
		font-size: 16px;
	}

	.ind_app .pic .txt h4 {
		font-size: 0.42rem;
		line-height: 1.3;
		max-width: 100%;
	}

	.ind_app .pic .txt p {
		width: 100%;
		font-size: 16px;
	}

	.ind_app .pic .txt {
		position: relative;
	}

	.ind_app .pic {
		min-height: auto;
	}

	.ind_app .bot ul li {
		min-height: auto;
	}

	.ind_app .bot ul li .info,
	.ind_app .bot ul li:nth-child(4n - 3) .info {
		padding: 10% 4%;
	}

	.ind_app .bot ul li .info {
		position: relative;
	}

	.ind_app .bot ul li .info h4 {
		font-size: 20px;
		line-height: 25px;
		height: 50px;
	}

	.ind_app .bot ul li .info .txt {
		margin: 0.65rem 0 0.5rem;
	}

	.ind_app .swiper-button-next {
		right: 0;
	}

	.ind_app .swiper-button-prev {
		left: 0;
	}

	.ind_pro .swiper-button-next {
		margin-right: 5px;
	}

	.ind_pro .swiper-button-prev {
		margin-left: 5px;
	}

	.ind_pro .swiper-button-prev::after,
	.ind_pro .swiper-button-next::after {
		font-size: 32px;
	}

	.ind_news ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.35rem;
	}

	.ind_news ul li a {
		padding: 8% 4%;
	}

	.ind_news ul li span {
		margin: 0.3rem 0;
	}

	.ind_tem ul {
		background-color: #EEEEEE;
		padding: 6% 20px;
	}

	.ind_tem ul li {
		width: 100%;
		margin-bottom: 10px;
		border-left: none;
		border-top: none;
		margin-bottom: 0;
		padding: 0.8rem 0;
	}

	.ind_tem ul li i {
		font-size: 1.05rem;
	}

	.ind_tem ul li h4 {
		font-size: 0.36rem;
		margin: 0.3rem 0;
	}
}

@media all and (max-width:768px) {}

@media all and (max-width:640px) {

	/* 移动终端以上 360 适配 */
	.ind_news ul li a,
	.ind_app .pic .txt,
	.ind_app .bot ul li .info,
	.ind_app .bot ul li:nth-child(4n - 3) .info {
		padding: 10% 25px;
	}

	.ind_news ul li h4 {
		font-size: 18px;
	}
}

@media all and (max-width:480px) {}

@media all and (max-width:420px) {

	.ind_app .pic .txt p,
	.ind_app .bot ul li .info .txt,
	.ind_app .tit p,
	.ind_news ul li .info {
		font-size: 14px;
	}

}

@media all and (max-width:376px) {}