﻿@charset "utf-8";

/* ===================首页样式========================== */
.inbanner {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: auto;
	margin-top: 100px;
}

.inbanner-item {
	width: 100%;
	position: relative;
	height: auto;
}

.inbanner-img {
	width: 100%;
	height: auto;
	position: relative;
}

.inbanner-pc {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inbanner-mb {
	display: none;
}

.inbanner-cont {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
}

.inbanner-cont .contain {
	height: 100%;
}

.inbanner-contitem {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 888px;
	
	position: absolute;
	
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}

.inbanner-item.inbanner-rgt .inbanner-contitem {
	float: right;
	text-align: right;
}

.swiper-slide:nth-child(4) .inbanner-contitem .inbanner-cont-cn p {
	font-size: 40px;
}

.inbanner-cont-cn {
	font-size: 60px;
	color: #fff;
	margin-bottom: 30px;
	font-weight: 700;
}

.inbanner-cont-cn h2,
.inbanner-cont-cn p {
	line-height: 64px;
	font-weight: 700;
}

.inbanner-cont-en {
	font-size: 26px;
	color: #fff;
	font-weight: 700;
}

.inbanner-cont-en p {
	line-height: 40px;
}

.inbanner .inbanner-prev,
.inbanner .inbanner-next {
	width: 30px;
	height: 56px;
	background: url('../images/inarr.png')no-repeat center;
	position: absolute;
	right: 4%;
	top: 50%;
	z-index: 2;
	transform: translate(0%,-50%);
}

.inbanner .inbanner-prev {
	left: 4%;
	background: url('../images/inarl.png')no-repeat center;
}

.inbanner .swiper-pagination {
	bottom: 24px;
	position: absolute;
	left: 0;
	right: 0;
}

.inbanner .swiper-pagination-bullet {
	width: 30px;
	height: 5px;
	background: #fff;
	opacity: 1;
	margin: 0 5px !important;
	border-radius: 0%;
}

.inbanner .swiper-pagination-bullet-active {
	opacity: 1;
	background: #006837;
}

/* 标题公共样式 */
.index-comcont {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.index-comcont h2 {
	font-size: 42px;
	color: #333333;
	position: relative;
	padding-bottom: 24px;
	line-height: 1;
}

.index-comcont h2::after {
	content: '';
	width: 50px;
	height: 1px;
	background-color: #000000;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.index-comcont p {
	font-size: 16px;
	color: #333;
	line-height: 28px;
	max-width: 1300px;
	margin-top: 10px;
	/* text-transform: uppercase; */
}

/* 产品中心 */
.inprod {
	width: 100%;
	padding-top: 50px;
}

.inprod-probox {
	display: block;
	width: 100%;
	padding: 20px 0;
}

.inprod-probox a{
	display: inline-block;
	padding: 15px 30px;
	margin: 0 5px;
	font-size: 16px;
	background-color: #f7f7f7;
	transition: all .4s ease;
}
.inprod-probox a:hover{
	background-color: #006837;
	color: #fff;
}

.product-proimg {
	height: 48px;
}

.inprod-probox .contain {
	position: relative;
	text-align: center;
}

.inprod-probox .swiper-wrapper {
	display: flex;
	justify-content: space-around;
	width: 1000px;
	margin: 0 auto;
}

.toggle-prod {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}

.product-prowd p {
	font-size: 18px;
	color: #333333;
	margin-top: 12px;
}

.inprod-probox .toggle-prod.cur::after {
	content: '';
	width: 0;
	height: 0;
	border-left: 28px solid transparent;
	border-right: 28px solid transparent;
	border-bottom: 40px solid#e4e6e7;
	margin-top: 10px;
}

/* .toggle-prod.cur{ width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 40px solid#e4e6e7;} */
/* .toggle-sj{ width: 0;height: 0;border-left: 28px solid transparent;border-right: 28px solid transparent;border-bottom: 40px solid#e4e6e7;margin-top: 10px;} */

.inprod-desbox {
	width: 100%;
	padding: 50px 0;
	position: relative;
	background: url('../images/inprodbj.jpg')no-repeat left top/cover;
}

.inprod-title {
	width: 100%;
	text-align: center;
	margin-bottom: 54px;
}

.inprod-title h2 {
	font-size: 28px;
	color: #535353;
}

.product-item {
	width: 100%;
	overflow: hidden;
}

.product-item-ul {
	/* margin-left: -4%; */
}

.product-deswdimg {
	width: 31.33333%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
	display: block;
	position: relative;
}

.product-desimg {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 0px;
	height: auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-desimg img {
	max-width: 100%;
	object-fit: cover;
	max-height: 88%;
	transform: scale(1);
	transition: all .4s ease;
}

.product-desimg img:hover {
	transform: scale(1.02);
}

.product-deswdcont {
	width: 100%;
	padding: 15px 30px;
	color: #656565;
	background: #f5f5f5;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position: relative;
	bottom: 0;
	height: auto;
	transition: all .6s ease;
}

.product-deswdcont h3 {
	font-size: 16px;
	text-align: center;
}

.product-deswdimg:hover .product-deswdcont {
	background: rgba(0, 104, 55, .9);
	color: #ffffff;
}

.inprod-next,
.inprod-prev {
	width: 22px;
	height: 44px;
	background: url('../images/inproarr.png') no-repeat center;
	position: absolute;
	top: 50%;
	left: -5%;
	
	cursor: pointer;
	
	z-index: 2;
	transform: translate(0%,-50%);
}

.inprod-next {
	/* transform: rotate(180deg); */
	background: url('../images/inproarl.png') no-repeat center;
	right: -5%;
	left: auto;
}

.inprod-more {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 45px;
}

.inprod-more a {
	width: 210px;
	height: 57px;
	border-radius: 26.5px;
	font-size: 15px;
	color: #404040;
	border: 2px solid #4a4d50;
	text-align: center;
	line-height: 53px;
	transition: all .4s ease;
}

.inprod-more a:hover {
	background: rgba(0, 104, 55, .9);
	color: #ffffff;
	border: 2px solid rgba(0, 104, 55, .9);
}

/* 关于我们 */
.iabout {
	width: 100%;
	padding-top: 92px;
	position: relative;
}

.iabout-more {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 22px;
}

.iabout-more a {
	width: 210px;
	height: 57px;
	border-radius: 26.5px;
	font-size: 15px;
	color: #888888;
	border: 2px solid #bebdbd;
	text-align: center;
	line-height: 53px;
	transition: all .4s ease;
}

.iabout-more a:hover {
	background: rgba(0, 104, 55, .9);
	color: #ffffff;
	border: 2px solid rgba(0, 104, 55, .9);
}

.iabout-numscroll {
	width: 100%;
	position: absolute;
}

.iabout-shownum {
	width: 100%;
	padding: 30px 0 50px;
	background-color: #ffffff;
}

.iabout-shownum ul {
	width: 100%;
	display: flex;
	justify-content: space-around;
	text-align: center;
	overflow: hidden
}

.iabout-shownum ul li {
	width: 25%;
}

.shownum-cont {
	width: 100%;
	border-right: 1px solid #d9dde0;
}

.iabout-shownum li:last-child .shownum-cont {
	border: none;
}

.shownum-cont h6 {
	font-size: 52px;
	color: #006837;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: 'DINCond'
}

.shownum-cont p {
	font-size: 16px;
	color: #333;
}

.iabout-img {
	width: 100%;
}

.iabout-img img {
	width: 100%;
	object-fit: cover;
}

/* 遍布全国服务 */
.inakover {
	width: 100%;
	background: url('../images/akoverbj.png')no-repeat left top/cover;
	padding: 92px 0 34px 0;
}

.index-comcont p>a {
	font-size: 15px;
	color: #006837;
	text-decoration: underline;
	line-height: 28px;
}

.inakover-contitem {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.inakover-contlft {
	width: 50%;
	padding: 80px 0 0 42px;
}

.inakover-contlft ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.inakover-contlft ul li {
	width: 33.333%;
}

.inakover-contlft ul li h6 {
	font-size: 60px;
	color: #006837;
	font-family: 'DINCond';
}

.inakover-contlft ul li p {
	font-size: 18px;
	color: #777777;
}

.inakover-contrgt {
	width: 50%;
}

.inkover-akguide {
	width: 100%;
}

.inkover-akguide img {
	max-width: 100%;
	object-fit: cover;
}




/* 生产设备 */

.ishebei{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 50px 0;
	background: #f7f7f7;
}

.ishebei_list{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px auto 20px;
}

.ishebei_list ul li{
	float: left;
}

.ishebei_list li{
	width: calc(100% / 4 - 2%);
	height: auto;
	overflow: hidden;
	margin: 0 1%;
}
.ishebei_list li a{
	display: block;
}
.ishebei_list li img{
	width: 100%;
	display: block;
}

.ishebei_list li span{
	display: none;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	background: #006837;
	color: #fff;
}

/* 记录 */
.inakrecord {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 50px 0;
}

.inakrecord-newitem {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 38px;
	box-shadow: 15px 0px 35px rgba(0, 0, 0, .24);
}

.inakrecord-showimg {
	width: 50%;
	height: 420px;
}

.inakrecord-img {
	width: 100%;
	height: 420px;
}

.inakrecord-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inakrecord-showcont {
	width: 50%;
	height: auto;
}

.inakrecord-contcolumn {
	width: 100%;
	position: relative;
	padding: 60px;
	display: inline-block;
}

.inakrecord-contcolumn .newest {
	display: inline-block;
	width: 70px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #ffffff;
	background-color: #006837;
	margin-bottom: 22px;
}

.inakrecord-contcolumn h2 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 28px;
}

.inakrecord-contcolumn p {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin-bottom: 24px;
}

.inakrecord-contcolumn span {
	font-size: 12px;
	line-height: 26px;
	color: #888888;
}

.inakrecord-showcont .swiper-pagination {
	display: flex;
	justify-content: flex-end;
	padding: 0 52px 50px 0;
}

.inakrecord-showcont .swiper-pagination-bullet-active {
	background: #006837;
}

.inakrecord-newlist {
	width: 100%;
	margin-top: 30px;
}

.inakrecord-newlist ul {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}

.inakrecord-newlist ul li {
	width: 32.3333%;
}

.newlist-menu {
	width: 100%;
	overflow: hidden;
}

.inakrecord-subimg {
	width: 100%;
	position: relative;
}

.inakrecord-subimg img {
	width: 100%;
	object-fit: cover;
}

.inakrecord-subimg h2 {
	font-size: 22px;
	color: #ffffff;
	line-height: 35px;
	font-weight: 800;
	position: absolute;
	left: 30px;
	top: 25px;
}

.inakrecord-sucont {
	width: 100%;
	padding: 20px 10px;
	box-shadow: 15px 0px 35px rgba(0, 0, 0, .12);
	height: auto;
}

.inakrecord-sucont a {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	line-height: 35px;
	align-items: center;
}

.inakrecord-sucont a>h2 {
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all .4s ease;
}

.inakrecord-sucont a>span {
	font-size: 12px;
	color: #888888;
	width: 42px;
	margin-left: 12px;
}

.inakrecord-sucont a h2:hover {
	color: #006837;
}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
	/* 1600 × (900) */
}

@media all and (max-width:1599px) {

	/* 1440 × (700)  */
	.inbanner-cont-cn {
		font-size: 42px;
		margin-bottom: 24px;
	}

	.inbanner-cont-cn h2,
	.inbanner-cont-cn p {
		line-height: 54px;
	}

	.inbanner-cont-en {
		font-size: 24px;
	}

	.index-comcont h2 {
		font-size: 34px;
	}

	.inakrecord-contcolumn {
		padding: 34px;
	}

	.inakrecord-contcolumn .newest {
		margin-bottom: 18px;
	}

	.inakrecord-contcolumn h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.inakrecord-contcolumn p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.inakrecord-showcont .swiper-pagination {
		padding: 0 34px 30px 0;
	}

	.inakrecord-subimg h2 {
		font-size: 20px;
		left: 24px;
		top: 18px;
	}

}

@media all and (max-width:1439px) {
	/* 1360 */

}

@media all and (max-width:1359px) {
	/* 1280 */
}

@media all and (max-width:1279px) {

	/* 1152 × (700) */
	.inbanner-contitem {
		max-width: 688px;
	}

	.inbanner-cont-cn {
		font-size: 32px;
		margin-bottom: 18px;
	}

	.inbanner-cont-cn h2,
	.inbanner-cont-cn p {
		line-height: 42px;
	}

	.swiper-slide:nth-child(4) .inbanner-contitem .inbanner-cont-cn p {
		font-size: 30px;
	}

	.inbanner-cont-en {
		font-size: 20px;
	}

	.inprod {
		padding-top: 68px;
	}

	.product-desimg {
		height: 230px;
	}

	.inprod-next,
	.inprod-prev {
		left: 6%;
	}

	.inprod-next {
		right: 6%;
		left: auto;
	}

	.iabout {
		padding-top: 68px;
	}

	.inakover {
		padding: 68px 0 34px 0;
	}

	.inakrecord {
		padding: 68px 0 88px;
	}

	.index-comcont h2 {
		font-size: 28px;
	}

	.inprod-desbox {
		padding: 60px 0 48px;
	}
		
	.inprod-more a {
		width: 168px;
		height: 48px;
		line-height: 44px;
	}

	.iabout-more a {
		width: 168px;
		height: 48px;
		line-height: 44px;
	}

	.shownum-cont h6 {
		font-size: 42px;
	}

	.inakover-contlft ul li h6 {
		font-size: 42px;
	}

	.inakover-contlft ul li p {
		font-size: 14px;
	}

	.inakrecord-contcolumn {
		padding: 20px;
	}

	.inakrecord-showcont .swiper-pagination {
		padding: 0 20px 18px 0;
	}

	.inakrecord-subimg h2 {
		font-size: 18px;
		left: 18px;
		top: 12px;
	}

	.inakrecord-sucont {
		padding: 18px;
		height: auto;
	}

	.inakrecord-sucont a>span {
		width: 50px;
	}

}

@media all and (max-width:1151px) {

	/* 1024 */
	.inprod-next,
	.inprod-prev {
		display: none;
	}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {

	/* 平板设备 720 适配 */
	.inbanner {
		height: auto;
		margin-top: 0px;
	}

	.inbanner-item {
		height: auto;
	}

	.inbanner-img {
		height: auto;
	}

	.inbanner-cont-cn {
		font-size: 28px;
		margin-bottom: 14px;
	}

	.inbanner-cont-cn h2,
	.inbanner-cont-cn p {
		line-height: 34px;
	}

	.inbanner-cont-en {
		font-size: 18px;
	}

	.inbanner-cont-en p {
		line-height: 24px;
	}

	.inbanner-cont-cn p {
		font-size: 26px;
	}

	.swiper-slide:nth-child(4) .inbanner-contitem .inbanner-cont-cn p {
		font-size: 26px;
	}

	.inbanner .inbanner-prev {
		left: 2%;
	}

	.inbanner .inbanner-prev,
	.inbanner .inbanner-next {
		width: 28px;
		height: 38px;
		right: 2%;
	}

	.index-comcont p {
		max-width: 748px;
	}

	.product-desimg {
		height: 183px;
	}

	.product-deswdcont {
		padding: 20px 32px;
	}

	.inprod-probox .swiper-wrapper {
		width: 680px;
	}

	.inprod-next,
	.inprod-prev {
		display: none;
	}

	.iabout-shownum {
		padding: 24px 0 32px;
	}

	.inprod-title h2 {
		font-size: 24px;
	}

	.shownum-cont h6 {
		font-size: 32px;
	}

	.shownum-cont p {
		font-size: 15px;
	}

	.inakover-contlft {
		padding: 80px 0 0 0px;
	}

	.inakover-contlft ul li h6 {
		font-size: 32px;
	}

	.inakrecord-contcolumn .newest {
		margin-bottom: 12px;
	}

	.inakrecord-contcolumn h2 {
		font-size: 18px;
		margin-bottom: 12px;
		line-height: 28px;
	}

	.inakrecord-contcolumn p {
		font-size: 14px;
		margin-bottom: 12px;
		line-height: 24px;
	}

	.inakrecord-subimg h2 {
		font-size: 16px;
		top: 8px;
	}

	.inakrecord-sucont a>span {
		width: 70px;
	}
}

@media all and (max-width:640px) {

	/* 移动终端以上 360 适配 */
	.inbanner {
		height: auto;
	}

	.inbanner-item {
		height: auto;
	}

	.inbanner-pc {
		display: none;
	}

	.inbanner-mb {
		display: block;
		width: 100%;
		object-fit: cover;
	}

	.inbanner-cont {
		display: block;
	}

	.inbanner-img {
		min-height: auto;
		height: auto;
	}

	.inbanner-cont-cn {
		font-size: 20px;
		margin-bottom: 14px;
	}

	.inbanner-cont-cn h2,
	.inbanner-cont-cn p {
		line-height: 28px;
	}

	.inbanner-cont-en {
		font-size: 14px;
	}

	.inbanner-cont-en p {
		line-height: 20px;
	}

	.inbanner-cont-cn p {
		font-size: 20px;
	}

	.swiper-slide:nth-child(4) .inbanner-contitem .inbanner-cont-cn p {
		font-size: 18px;
	}

	/* .inbanner-pc{display: none;}
    .inbanner-mb{display: block;min-height: 340px;} */
	.inprod {
		padding-top: 40px;
	}

	.inprod-probox .swiper-wrapper {
		width: 300px;
	}

	.product-proimg img {
		transform: scale(0.68);
	}

	.product-prowd p {
		font-size: 12px;
		margin-top: 6px;
	}

	.inprod-probox .toggle-prod.cur::after {
		border-left: 16px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 24px solid#e4e6e7;
		margin-top: 6px;
	}

	.inprod-desbox {
		padding: 32px 0 24px;
	}

	.inprod-title {
		margin-bottom: 24px;
	}

	.inprod-title h2 {
		font-size: 12px;
		font-weight: 600;
	}

	.inprod-more {
		margin-top: 28px;
	}

	.inprod-more a {
		width: 108px;
		height: 34px;
		line-height: 30px;
		font-size: 14px;
	}
	.product-deswdimg {
		width: 48%;
		float: left;
		margin-left: 1.5%;
		margin-bottom: 2%;
		display: block;
		position: relative;
	}

	.product-desimg {
		height: auto;
		margin-bottom: 0px;
	}

	
	.product-desimg img {
		max-width: 100%;
		object-fit: cover;
		max-height: 88%;
		transform: scale(1);
		transition: all .4s ease;
	}
	
	
	.product-deswdcont h3 {
		font-size: 14px;
		height: auto;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	.product-deswdcont {
		width: 100%;
		height: auto;
		padding: 14px 14px;
		color: #656565;
		background: #f5f5f5;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		position: relative;
		bottom: 0;
		height: auto;
		transition: all .6s ease;
	}

	/* 生产设备 */
	
	.ishebei{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 50px 0;
		background: #f7f7f7;
	}
	
	.ishebei_list{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 30px auto 10px;
	}
	
	.ishebei_list ul li{
		float: left;
	}
	
	.ishebei_list li{
		width: calc(100% / 2 - 2%);
		height: auto;
		overflow: hidden;
		margin: 1%;
	}
	.ishebei_list li a{
		display: block;
	}
	.ishebei_list li img{
		width: 100%;
		display: block;
	}
	
	.ishebei_list li span{
		display: block;
		line-height: 40px;
		font-size: 14px;
		text-align: center;
		background: #006837;
		color: #fff;
	}
	
	
	.iabout {
		padding-top: 40px;
	}

	.iabout-more a {
		width: 108px;
		height: 34px;
		line-height: 30px;
		font-size: 14px;
	}

	.iabout-shownum {
		padding: 20px 0 32px;
	}

	.shownum-cont h6 {
		font-size: 28px;
	}

	.iabout-shownum ul {
		flex-wrap: wrap;
	}

	.iabout-shownum ul li {
		width: 50%;
	}

	.iabout-shownum ul li:first-child {
		margin-bottom: 12px;
	}

	.iabout-shownum ul li:nth-child(2) {
		margin-bottom: 12px;
	}

	.iabout-shownum ul li:nth-child(2) .shownum-cont {
		border-right: none;
	}

	.iabout-img img {
		min-height: 320px;
	}

	.inakover {
		padding: 40px 0 24px 0;
	}

	.inakover-contlft ul li {
		width: 100%;
	}

	.inakover-contlft ul li h6 {
		font-size: 28px;
	}

	.inakover-contlft {
		padding: 0;
	}

	.inakrecord {
		padding: 40px 0 40px;
	}

	.inakrecord-newitem {
		flex-direction: column;
	}

	.inakrecord-showimg {
		width: 100%;
		height: 268px;
	}

	.inakrecord-img {
		height: 268px;
	}

	.inakrecord-showcont {
		width: 100%;
	}

	.inakrecord-subimg h2 {
		top: 18px;
	}

	.inakrecord-newlist ul {
		flex-direction: column;
	}

	.inakrecord-newlist ul li {
		width: 100%;
		margin-bottom: 20px;
	}

	.index-comcont h2 {
		font-size: 24px;
		padding-bottom: 16px;
		font-weight: 600;
	}

	.index-comcont p {
		text-align: justify;
		max-width: 92%;
		line-height: 24px;
		font-size: 14px;
		margin-top: 10px;
	}



}