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

/* 产品中心 s */
.ind_pro {
	background-color: #EFF2F7;
}

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

.ind_pro .con .top {
	margin-bottom: 0.25rem;
}

.ind_pro .con .top ul {}

.ind_pro .con .top ul li {
	position: relative;
	flex-grow: 1;
	border-right: 1px solid #EFF2F7;
	z-index: 2;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.ind_pro .con .top ul li a {
	text-align: center;
	font-size: 16px;
	color: #333;
	padding: 6px 2%;
	min-height: 60px;
	background-color: white;
	text-transform: capitalize;
}

.ind_pro .con .top ul li.active a,
.ind_pro .con .top ul li:hover a {
	background-color: #008394;
	color: white;
}

.ind_pro .con .top ul li a span {
	line-height: 1.5;
}

.ind_pro .con .bot {}

.ind_pro .con .bot .item {
	display: none;
}

.ind_pro .con .bot .item.show {
	display: block;
}

.ind_pro .con .bot .item .fl {
	width: calc(40% - 15px);
	margin-right: 15px;
	background-color: #fff;
}

.ind_pro .con .bot .item .fl .pic {}

.ind_pro .con .bot .item .fl .info {
	padding-bottom: 15px;
}

.ind_pro .con .bot .item .fl h4 {
	font-size: 20px;
	color: #191919;
	text-align: center;
	line-height: 55px;
	height: 55px;
	padding: 0 5%;
}

.ind_pro .con .bot .item .fl a:hover h4 {
	color: #008394;
}

.ind_pro .con .bot .item .fl p {
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	text-align: center;
	color: #888;
	padding: 0 8%;
}

.ind_pro .con .bot .item .fr {
	width: 60%;
}

.ind_pro .con .bot .item .fr ul {}

.ind_pro .con .bot .item .fr ul li {
	float: left;
	width: calc((100% - 30px) / 3);
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: white;
}

.ind_pro .con .bot .item .fr ul li:nth-child(3n) {
	margin-right: 0;
}

.ind_pro .con .bot .item .fr ul li a {}

.ind_pro .con .bot .item .fr ul li p {
	font-size: 14px;
	color: #191919;
	text-align: center;
	height: 55px;
	padding: 0 2%;
}

.ind_pro .con .bot .item .fr ul li p span {
	font-size: 14px;
	line-height: 20px;
}

.ind_pro .con .bot .item .fr ul li:hover p {
	color: #008394;
}

.ind_pro .con .bot .item p {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* 产品中心 e */

/* 关于我们 s */
.ind_ab {
	/* background-color: #000; */
	background: url("../images/ind_ab_bg.jpg") no-repeat center;
	background-size: cover;
	overflow: hidden;
}

.ind_ab .fl {
	width: 42%;
}

.ind_ab .fl .pic {
	position: relative;
	z-index: 2;
}

.ind_ab .fl .pic img {
	margin: 0 auto;
}

.ind_ab .fl .pic a {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -60px;
	margin-top: -60px;
	width: 120px;
	height: 120px;
	display: inline-block;
	background: url(../images/ico_play.png) center center no-repeat;
	background-size: 100px 100px;
	cursor: pointer;
	z-index: 2;
}

.ind_ab .fl .pic a s {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	-webkit-animation: ripple 1.5s ease-out 225ms infinite;
	animation: ripple 1.5s ease-out 225ms infinite;
	opacity: 0.5;
	background: url(../images/ico_play.png) center center no-repeat;
	background-size: 120px 120px;
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.8)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1)
	}
}

.ind_ab .fr {
	width: 54%;
	color: white;
}

.ind_ab .fr a.btn {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin: 0.3rem 0;
	padding: 12px 20px;
	border: 1px solid #fff;
}

.ind_ab .fr a.btn:hover {
	background-color: white;
	color: #008394;
}

.ind_ab .fr a.btn span {
	font-size: 14px;
	margin-left: 6px;
}

.ind_ab .fr ul {
	position: relative;
	background-color: #fff;
}

.ind_ab .fr ul::before {
	position: absolute;
	content: "";
	width: 1000rem;
	right: 100%;
	top: 0;
	height: 100%;
	background-color: white;
	z-index: 1;
}

.ind_ab .fr ul::after {
	position: absolute;
	content: "";
	width: 1000rem;
	left: 100%;
	top: 0;
	height: 100%;
	background-color: white;
	z-index: 1;
}

.ind_ab .fr ul li {
	flex: 1;
	color: #12110f;
	padding: 0.4rem 0;
	text-align: center;
}

/* .ind_ab .fr ul li a{} */
.ind_ab .fr ul li .num {}

.ind_ab .fr ul li .num span {
	font-size: 0.4rem;
	line-height: 1.3;
	/* font-family: "Montserrat-Bold"; */
}

.ind_ab .fr ul li .num i {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #000;
	color: white;
	border-radius: 50%;
	margin-left: 0.08rem;
}

.ind_ab .fr ul li p {
	font-size: 16px;
	margin-top: 0.15rem;
}

/* 关于我们 e */


/* 工厂环境 s */
.ind_factory {}

.ind_factory .con {
	margin-top: 0.5rem;
}

.ind_factory ul li {}

.ind_factory ul li a {
	position: relative;
	overflow: hidden;
}

.ind_factory ul li p {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0.18rem 2%;
	font-size: 16px;
	color: white;
	background-color: rgb(0, 0, 0, .36);
	text-align: center;
}

.ind_factory ul li:hover p {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* 工厂环境 e */

/* 为什么选择我们 s */
/* 
.listthr li {
	width: 32%;
	margin-right: 2%;
	float: left;
}

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

.ind_why {
	background: url("../images/ind_why_bg.jpg") no-repeat left;
	background-size: cover;
}

.ind_why .sytit h2,
.ind_why .sytit p {
	color: #fff;
}

.ind_why .des {
	color: #fff;
	margin-top: 20px;
}

.ind_why .txt {
	width: 60%;
}

.ind_why .feed-sy {
	width: 34%;
	background: rgba(0, 131, 148, .4);
	text-align: center;
}

.ind_why .feed-sy .box {
	padding: 50px 65px;
}

.ind_why .listthr {
	margin-top: 0.4rem;
}

.ind_why li {
	float: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 30px;
	margin-top: 40px;
}

.ind_why li .img {
	width: 20%;
}

.ind_why li .wz {
	width: 65%;
	color: #fff;
	margin-right: 10%;
}

.ind_why li .img .img2 {
	margin: 0 auto;
	display: block;
	max-width: 50px;
}

.ind_why li .wz b {
	font-size: 18px;
	display: block;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}

.ind_why li .wz p {
	font-size: 14px;
	line-height: 22px;
	margin-top: 18px;
	display: block;
	height: 66px;
	overflow: hidden;
}

.ind_why .feed-sy b {
	font-size: 24px;
	color: #fff;
	display: block;
	margin-bottom: 30px;
}

.ind_why .feed-sy input {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-left: 4%;
}

.ind_why .feed-sy textarea {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	padding-left: 4%;
	padding-top: 15px;
	height: 130px;
}

.ind_why .feed-sy .tj {
	width: 100%;
	height: 62px;
	line-height: 62px;
	background: #e98323;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
	text-transform: uppercase;
} */

/* 选择我们 s */
.ind_why {}

.ind_why .con {
	margin-top: 0.6rem;
}

.ind_why .con ul {}

.ind_why .con ul li {
	position: relative;
	width: 100%;
}

.ind_why .con ul li .pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	/* background: center no-repeat; */
	background-size: cover;
}

.ind_why .con ul li:nth-child(even) .pic {
	left: 0;
}

.ind_why .con ul li .text {
	width: 50%;
	height: 5rem;
	padding-right: 10%;
}

.ind_why .con ul li:nth-child(2n) .text {
	margin-left: 50%;
	padding-right: 0;
}

.ind_why .con ul li:nth-child(2n) .text {
	padding-right: 0;
	padding-left: 10%;
}

.ind_why .con ul li .ico {}

.ind_why .con ul li .ico img {
	height: 0.55rem;
}

.ind_why .con ul li .tit {
	font-size: 0.28rem;
	color: #484848;
	font-family: "UB";
	margin: 0.2rem 0 0.3rem;
	text-transform: uppercase;
}

.ind_why .con ul li .info {
	font-size: 16px;
	line-height: 1.5;
	color: #91999e;
}

.ind_why .con ul li a {
	display: inline-flex;
	justify-content: center;
	align-content: center;
	padding: 0.15rem 0.3rem;
	font-size: 16px;
	color: white;
	background-color: #0075C1;
	margin-top: 0.3rem;
	text-transform: uppercase;
}

.ind_why .con ul li a i {
	margin-left: 0.08rem;
}

/* 选择我们 e */
/* 为什么选择我们 e */

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

.ind_industry .con {
	margin-top: 0.55rem;
}

.ind_industry ul {}

.ind_industry ul li {
	position: relative;
	float: left;
	width: 32%;
	overflow: hidden;
}

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

.ind_industry ul li a {
	position: relative;
	overflow: hidden;
}

.ind_industry ul li .pic {}

.ind_industry ul li .pic img {}

.ind_industry ul li a .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 80px 0.4rem;
	top: calc(100% - 150px);
	left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: -webkit-linear-gradient(rgb(0, 0, 0, .0) 0%, rgb(0, 0, 0, .8) 80%);
}

.ind_industry ul li:hover .mask {
	top: 0;
	background: rgba(80, 140, 201, .8);
	/* mix-blend-mode: multiply; */
}

.ind_industry ul li .mask h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: -20px;
	display: block;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	margin-bottom: 0.2rem;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ind_industry ul li:hover .mask h3 {
	margin-top: 0;
	text-transform: capitalize;
}

.ind_industry ul li .mask .des {
	display: none;
	margin-bottom: 80px;
	height: 150px;
	overflow: hidden;
	color: #fff;
}

.ind_industry ul li:hover .mask .des {
	display: block;
}

.ind_industry ul li .mask i {
	font-size: 16px;
	color: #fff;
}

.ind_industry ul li .mask i span {
	font-size: 12px;
	margin-right: 6px;
}

/* 行业应用 e */

/* 新闻中心 s */
.ind_news {
	/* background-color: #efefef; */
	background-color: #EFF2F7;
}

.ind_news .con.swiper {
	padding-bottom: 0.4rem;
}

.ind_news .con.swiper .swiper-pagination {
	bottom: 0;
}

.ind_news ul {
	margin-top: 0.55rem;
}

.ind_news ul li {
	float: left;
	width: 24%;
	/* margin-right: calc(4% / 3); */
	/* border-radius: 6px; */
	overflow: hidden;
}

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

.ind_news ul li a {}

.ind_news ul li .pic {}

.ind_news ul li .pic img {}

.ind_news ul li .date {
	position: absolute;
	background: #008394;
	padding: 10px 20px;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	bottom: 0.15rem;
	left: 0.15rem;
	z-index: 1;
}

.ind_news ul li .info {
	background-color: white;
	/* background-color: #f1f1f1; */
	padding: 0.25rem;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.ind_news ul li:hover .info {
	background-color: #008394;
}

.ind_news ul li .info h4 {
	font-size: 18px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	display: block;
	color: #333;
}

.ind_news ul li .info p {
	margin: 0.12rem 0 0.18rem;
	font-size: 14px;
	line-height: 1.75;
	color: #666;
}

.ind_news ul li .info i {
	font-size: 14px;
	color: #666;
}

.ind_news ul li .info span {
	font-size: 12px;
	margin-right: 6px;
}

.ind_news ul li:hover .info h4,
.ind_news ul li:hover .info p,
.ind_news ul li:hover .info i {
	color: white;
}

/* 新闻中心 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) */
	.ind_pro .con .bot .item .fl {
		width: calc(50% - 15px);
	}

	.ind_pro .con .bot .item .fr {
		width: 50%;
	}

	.ind_pro .con .bot .item .fr ul li {
		width: calc((100% - 15px) / 2);
	}

	.ind_pro .con .bot .item .fr ul li:nth-child(2n) {
		margin-right: .0;
	}

	.ind_pro .con .bot .item .fr ul li:nth-child(5),
	.ind_pro .con .bot .item .fr ul li:nth-child(6) {
		display: none;
	}

	.com_swiper_button.swiper-button-prev {
		left: 0.3rem;
	}

	.com_swiper_button.swiper-button-next {
		right: 0.3rem;
	}
}

@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) {
.ind_why .con ul li .text {
    width: 100%;
    height: auto;
    padding-right: 0;
}.ind_why .con ul li:nth-child(2n) .text {
    margin-left: 0;
    padding-right: 0;
}.ind_why .con ul li:nth-child(2n) .text {
    padding-right: 0;
    padding-left: 0;
}
.ind_why .con ul li .pic {
    position: static;
    }
.Footer-container .fr {
    width: 50%;
    display: none;
}
.about_us01 .item .fl,.about_us01 .item .fr {
    width: 100% !important;
}
.Footer-container .fl {
    width: 100%;
}
	/* 平板设备 720 适配 */
	.ind_pro .con .bot .item .fl {
		display: none;
	}

	.ind_pro .con .bot .item .fr {
		width: 100%;
	}

	.ind_pro .con .bot .item .fr ul li,
	.ind_pro .con .bot .item .fr ul li:nth-child(2n) {
		width: calc((100% - 20px) / 3);
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.ind_pro .con .bot .item .fr ul li:nth-child(3) {
		margin-right: 0;
	}

	.ind_pro .con .bot .item .fr ul li:nth-child(5),
	.ind_pro .con .bot .item .fr ul li:nth-child(6) {
		display: block;
	}

	.ind_pro .con .top {
		margin-bottom: 0.35rem;
	}

	.ind_pro .con .top ul li {
		width: calc(100% / 3);
		border-bottom: 1px solid #EFF2F7;
	}

	.ind_pro .con .top ul li a {
		font-size: 14px;
		min-height: 54px;
	}

	.ind_ab .w16 {
		flex-wrap: wrap;
	}

	.ind_ab .fl,
	.ind_ab .fr {
		width: 100%;
	}

	.ind_ab .fr {
		margin-top: 0.45rem;
	}

	.ind_ab .fr ul li .num span {
		font-size: 0.48rem;
	}

	.ind_ab .fr a.btn {
		margin: 0.45rem 0;
	}

	.ind_ab .fl .pic a {
		width: 80px;
		height: 80px;
		margin-left: -40px;
		margin-top: -40px;
		background-size: 100% 100%;
	}

	.ind_ab .fl .pic a s {
		width: 80px;
		height: 80px;
		background-size: 100% 100%;
	}



	.ind_why .txt,
	.ind_why .feed-sy {
		width: 100%;
	}

	.ind_why .feed-sy {
		margin-top: 0.45rem;
	}

	.listthr li,
	.listthr li:nth-child(3n) {
		width: 49%;
		margin-right: 2%;
		margin-top: 20px;
	}

	.listthr li:nth-child(2n) {
		margin-right: 0;
	}

	.ind_why .feed-sy .box {
		padding: 30px 20px;
	}

	.ind_why .feed-sy input {
		height: 48px;
		line-height: 48px;
		margin-bottom: 15px;
	}

	.ind_why .feed-sy textarea,
	.ind_why .feed-sy input {
		font-size: 14px;
	}

	.ind_why .feed-sy .tj {
		height: 52px;
		line-height: 52px;
		padding-left: 0;
		margin-bottom: 0;
	}

	.ind_news ul li .info {
		padding: 0.6rem 0.4rem;
	}

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

	.ind_news ul li .info p {
		margin: 0.2rem 0 0.3rem;
	}
}

@media all and (max-width:768px) {
	.ind_pro .con .bot .item .fr ul li {
		width: 49% !important;
		margin-right: 2% !important;
		margin-bottom: 2%;
	}

	.ind_pro .con .bot .item .fr ul li:nth-child(2n) {
		margin-right: 0 !important;
	}
}

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

	/* 移动终端以上 360 适配 */
	.ind_pro .con .top ul li {
		width: 50%;
	}

	.ind_pro .con .top ul li a {
		font-size: 12px;
		min-height: 48px;
	}

	.ind_ab .fr ul {
		flex-wrap: wrap;
	}

	.ind_ab .fr ul li {
		width: 50%;
		flex: none;
	}

	.ind_ab .fr ul li p {
		font-size: 14px;
	}

	.ind_ab .fr a.btn {
		font-size: 12px;
	}

	.listthr li,
	.listthr li:nth-child(3n) {
		width: 100%;
		margin-right: 0;
		margin-top: 15px;
		padding-bottom: 20px;
	}

	.ind_why li .wz p {
		height: auto;
		margin-top: 12px;
	}
}

@media all and (max-width:480px) {
	.ind_pro .con .bot .item .fr ul li p span {
		font-size: 12px;
		line-height: 1.5;
	}

}

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

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