body{padding: 0;margin: 0;font-family: "Source Han Sans SC";font-size: 18px;color: #333333;overflow-x:hidden;}
body.noscroll{height: 100vh;overflow-y: hidden;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.baibg{background: #ffffff;}
.huibg{background: #f8f8f8;}
.heibg{background: #151412;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.bgBox{background: url() center no-repeat;background-size: cover;}
.container{padding: 0 16px;max-width: 1432px;margin: 0 auto;}
@media (max-width:1432px) {.container{max-width: 1232px;}}
@media (max-width:1232px) {.container{max-width: 1024px;}}
@media (max-width:1024px) {.container{max-width: 800px;}}
@media (max-width:800px) {.container{max-width: 100%};}
.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}
.row .kuang{height: 100%;}
.col_6{width: calc(100% / 6);}
.col_5{width: calc(100% / 5);}
.col_4{width: calc(100% / 4);}
.col_3{width: calc(100% / 3);}
.col_2{width: calc(100% / 2);}
.imgZ{position: relative;padding-top: 100%;display: block;}
.imgZ .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.imgZ .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}
.imgY{position: relative;padding-top: 100%;display: block;}
.imgY .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.imgY .pic img{max-width: 100%;max-height: 100%;display: block;}


header{
	position: fixed;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
	z-index: 99;
	transition: all 0.3s;
	background: rgba(255, 255, 255, 1.0);
}
header .nrBox{height: 80px;}
header .logo img{display: block;max-height: 64px;}
header .menuUl>li{
	margin-right: 48px;
	position: relative;
}
header .menuUl>li:last-child{margin-right: 0;}
header .menuUl .yiji{
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
header .menuUl .yiji a{
	font-size: 16px;
	color: #333333;
	line-height: 80px;
	display: block;
	position: relative; 
	text-transform: uppercase;
}
header .menuUl>li .yiji a::before{
	content: "";
	display: block;
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	background: #305a2a;
	transition: all 0.3s;
}
header .menuUl>li.on .yiji a,
header .menuUl>li:hover .yiji a{color: #305a2a;}
header .menuUl>li.on .yiji a::before,
header .menuUl>li:hover .yiji a::before{
	width: 100%;
	left: 0;
}
header .menuUl .erjiBox{
	position: absolute;
	left: 0;
	top: 80px;
	transition: all 0.3s;
	background: #ffffff;
	text-align: left;
	width: max-content;
	width: -webkit-max-content;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(-20px);
	min-width: 100%;
	max-width: 240px;
	padding: 5px 0;
}
header .menuUl>li:hover .erjiBox{
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translateY(0);
}
header .menuUl .erjiUl>li>a{
	transition: all 0.3s;
	width: 100%;
	position: relative;
	display: block;
	padding: 12px 24px;
	font-size: 16px;
	color: rgb(102, 102, 102);
	padding-left: 40px;
}
header .menuUl .erjiUl>li>a{
	background: url(../img/more1.png) 24px center no-repeat;
	background-size: 7px 11px;
}
header .menuUl .erjiUl>li>a:hover{
	background-image: url(../img/more2.png);
	background-color: #f3f5f2;
	color: #2f5829;
}
header .mopenBtn{display: none;}
.topDiv{height: 80px;}
.dingwei{position: absolute;left: 0;top: -80px;}
header .langB{margin-left: 48px;position: relative;z-index: 22;}
header .langB .aB{
	font-size: 14px;
	color: #333333;
	cursor: pointer;
	height: 40px;
	position: relative;
}
header .langB .aB img{
	display: block;
	border-radius: 50%;
	height: 18px;
}
header .langB .aB span{
	margin: 0 8px;
}
header .langB .aB i{
	background: url(../img/icon2.png) center center no-repeat;
	background-size: cover;
	display: block;
	width: 9px;
	height: 7px;
}
header .langB .bB{
	position: absolute;
	right: 0;
	top: 40px;
	background: #ffffff;
	min-width: 100%;
	opacity: 0;
	height: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: all 0.3s;
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
	width: max-content;
	z-index: 2;
}
header .langB:hover .bB{
	opacity: 1;
	height: auto;
	visibility: visible;
	transform: translateY(0);
}
header .langB .bB a{
	font-size: 14px;
	color: #333333;
	transition: all 0.3s;
	width: 100%;
	position: relative;
	display: block;
	padding: 6px 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .langB .bB a img{height: 16px;margin-right: 4px;display: block;}
header .langB .bB a.on{
	background: #E8EAE9;
	pointer-events: none;
}
header .langB .bB a:hover{
	background: #2660aa;
	color: #ffffff;
}
@media (max-width:1024px) {
	header .menuUl>li{margin-right: 24px;}
}
@media (max-width:800px) {
	.dingwei{top: -56px;}
	.topDiv{height: 56px;}
	header .langB{margin:0 16px 0 0}
	header .nrBox{height: 56px;}
	header .logo img{max-height: 44px;}
	header .findBox{height: 56px;}
	header .mopenBtn{
		display: block;
		width: 26px;
		height: 56px;
		position: relative;
		z-index: 20;
		float: right;
		cursor: pointer;
		transition: 0.4s;
	}
	header .mopenBtn span {
		margin-top: 28px;
		display: block;
		width: 100%;
		height: 2px;
		background: #305a2a;
		position: relative;
		vertical-align: middle;
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
		transition: color 0.3s 0s;
	}
	header .mopenBtn span:after, 
	header .mopenBtn span:before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 26px;
		height: 2px;
		left: 0;
		background-color: #305a2a;
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
	}
	header .mopenBtn span:before {
		top: -8px;
		-webkit-transition-property: top, transform;
		-moz-transition-property: top, transform;
		-ms-transition-property: top, transform;
		-o-transition-property: top, transform;
		transition-property: top, transform;
	}
	header .mopenBtn span:after {
		bottom: -8px;
		-webkit-transition-property: bottom, transform;
		-moz-transition-property: bottom, transform;
		-ms-transition-property: bottom, transform;
		-o-transition-property: bottom, transform;
		transition-property: bottom, transform;
	}
	header.open .mopenBtn span {
		background-color: transparent;
		-webkit-transition-delay: 0s, 0s;
		-moz-transition-delay: 0s, 0s;
		-ms-transition-delay: 0s, 0s;
		-o-transition-delay: 0s, 0s;
		transition-delay: 0s, 0s;
	}
	header.open .mopenBtn span:after, 
	header.open .mopenBtn span:before {
		-webkit-transition-delay: 0s, .3s;
		-moz-transition-delay: 0s, .3s;
		-ms-transition-delay: 0s, .3s;
		-o-transition-delay: 0s, .3s;
		transition-delay: 0s, .3s;
	}
	header.open .mopenBtn span:before {
		top: 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header.open .mopenBtn span:after {
		bottom: 0px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	body.nofix{height: 100vh;overflow-y: hidden;}
	header .menuB{
		position: fixed;
		right: -100%;
		top: 56px;
		display: block;
		width: 100%;
		height: calc(100vh - 56px);
		background: #ffffff;
		transition: all 0.3s;
	}
	header.open .menuB{right: 0;}
	header .menuUl{
		display: block;
		padding: 16px;
		overflow: auto;
		height: 100%;
	}
	header .menuUl>li{margin: 0;border-bottom: 1px dashed #d6d6d6;}
	header .menuUl .yiji{height: auto;display: block;}
	header .menuUl .yiji a{line-height: 40px;color: #333333;width: calc(100% - 40px);}
	header .menuUl>li.on .yiji a::before{display: none;}
	header .menuUl>li .yiji a::before{display: none;}
	header .menuUl .hasDown>div>.ejBtn{
		position: absolute;
		right: 12px;
		top: 12px;
		width: 16px;
		height: 16px;
	}
	header .menuUl .hasDown>div>.ejBtn::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: #305a2a;
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	header .menuUl .hasDown>div>.ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: #305a2a;
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
	}
	header .menuUl .hasDown.open>div>.ejBtn::after{display: none;}
	header .menuUl .erjiBox{
		position: relative;
		left: unset;
		top: unset;
		opacity: 1;
		height: auto;
		visibility: visible;
		transform:unset;
		padding: 8px 0;
		display: none;
		transition: unset;
		width: 100%;
		border-radius: 0;
		background: none;
		border: 0;
		border-top: 1px dashed #d6d6d6;
	}
	header .menuUl .erjiUl>li{border: 0;}
	header .menuUl>li:hover .erjiBox{
		transform:unset;
	}
	header .menuUl .erjiUl>li{width: 100%;padding: 0;}
	header .menuUl .erjiUl>li>a{color: #333333;padding: 4px 16px;display: block;width: 100%;font-size: 15px;position: relative;background: none;}
	header .menuUl .erjiUl>li>a::before{
		content: "";
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #b1b1b1;
		position: absolute;
		left: 0;
		top: calc(50% - 2px);
	}
	header .menuUl .erjiUl>li.on, header .menuUl .erjiUl>li:hover{background: none;}
}

footer{background: #305a2a;}
footer .fNav{
	padding: 3.33vw 0 6.25vw;
}
footer .fNav .fCol{
	min-width: 200px;
}
footer .fNav .fCol:last-child{
	width: 40%;
}
footer .fNav .fTit{
	font-size: 16px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255, 255, 255,0.2);
	margin-bottom: 16px;
	width: 100%;
}
footer .fNav .fCon{
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 2;
}
footer .fNav .fCon a{
	color: #cbcdd2;
	display: block;
	margin-bottom: 14px;
	line-height: 1.4;
}
footer .fNav .fCon a:last-child{margin-bottom: 0;}
footer .fNav .fCon a:hover{color: #ffffff;}
footer .fNav .fCon b{
	font-size: 30px;
	font-family: "Impact";
	text-transform: uppercase;
	line-height: 1.2;
	display: block;
	font-weight: 400;
	margin-bottom: 8px;
}
footer .fCon2{
	padding-right: 160px;
}
footer .fInfo{
	font-size: 14px;
	color: #cbcdd2;
	line-height: 2;
	vertical-align: middle;
}
footer .fInfo *{vertical-align: middle;}
footer .fInfo strong{font-size: 30px;font-family: "Impact";color: #ffffff;font-weight: 400;}
footer .ewmB{
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	width: max-content;
	position: absolute;
	right: 0;
	top: 0;
}
footer .ewmB img{height: 112px;display: block;margin-bottom: 8px;}
footer .ewmB span{
	display: block;
	font-size: 14px;
	color: rgb(203, 205, 210);
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 8px;
}
footer .mapB{
	/*position: absolute;*/
	/*right: 0;*/
	/*top: 0;*/
	/*width:140px;*/
	/*height:112px;*/
}
footer .mapB img{
    /*height:100%;*/
    /*display: block;*/
}
footer .fShare{
	margin-top: 32px;
	justify-content: flex-start;
}
footer .fShare a{margin: 0 6px 6px 0;display: block;}
footer .fShare img{display: block;width: 36px;height: 36px;}
footer .fBot{
	padding: 10px 0;
	background: #2c5227;
}
footer .banquan{
	font-size: 14px;
	color: #cccccc;
}
footer .banquan a{color: #cccccc;}
footer .banquan a:hover{color: #ffffff;}
footer .frLi{position: relative;}
footer .frLi .showB{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(220, 220, 220);
	border-radius: 2px;
	width: max-content;
	line-height: 36px;
	padding: 0 12px;
	font-size: 14px;
	color: #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .frLi .showB img{
	height: 6px;
	display: block;
	margin-left: 5px;
}
footer .frLi .seleV{
	position: absolute;
	left: 0;
	bottom: 38px;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(220, 220, 220);
	padding: 4px 0;
	border-bottom: 0;
	display: none;
	background-color: rgb(255, 255, 255);
}
footer .frLi:hover .seleV{display: block;}
footer .frLi .seleV a{
	font-size: 14px;
	color: #818690;
	padding: 4px;
	transition: all 0.3s;
	display: block;
	text-align: center;
}
footer .frLi .seleV a:hover{background: #2c5227;color: #ffffff;}
@media (max-width:1024px) {
	footer .fNav{flex-wrap: wrap;}
	footer .fNav .fCol{width: calc(100% / 3);margin: 0;padding-left: 32px;}
	footer .fNav .fCol:first-child{width: calc(100% / 3);margin: 0;padding-left: 0;}
	footer .fNav .fCol:last-child{width: 100%;padding-left: 0;}
	footer .fNav .fCol:nth-child(4){padding-left: 0;}
	footer .fNav .fTit{padding: 10px 0;}
}
@media (max-width:768px) {
	footer .fNav{padding: 0 0 16px;}
	footer .fNav .fCol,
	footer .fNav .fCol:first-child{width: 100%;padding: 0;}
	footer .fNav .fCol .fTit{
		font-size: 16px;
		position: relative;
		margin-bottom: 0;
		padding: 12px 0;
	}
	footer .fNav .fCol .fTit .ejBtn{
		position: absolute;
		right: 12px;
		top: 16px;
		width: 16px;
		height: 16px;
	}
	footer .fNav .fCol .fTit .ejBtn::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: rgba(255, 255, 255, 0.3);
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	footer .fNav .fCol .fTit .ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: rgba(255, 255, 255, 0.3);
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
	}
	footer .fNav .fCol.open .fTit .ejBtn::after{display: none;}
	footer .fNav .fCon{display: none;}
	footer .fNav .fCol:last-child .fTit{margin-bottom: 16px;}
	footer .fNav .fCol:last-child .fCon{display: block;padding: 0;}
	footer .fNav .fCon{margin: 0;padding: 16px;}
	footer .fNav .open .fCon{border-bottom: 1px solid rgba(255, 255, 255,0.2);}
	footer .fBot{display: block;text-align: center;}
	footer .fBot>.flexb2{display: block;text-align: center;}
	footer .frLi{width: max-content;margin: 8px auto 0;}
	footer .fInfo{width: 100%;}
	footer .fCon2{padding-right: 108px;}
	footer .ewmB{right:0;}
	footer .ewmB img{height: 96px;}
	footer .mapB{/*position:relative;right:unset;top:148px;width:112px;height:unset;*/}
	footer .mapB img{/*height:unset;display: block;width:100%;*/}
}
.swiper-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, 
.swiper-pagination-fraction{
	bottom: 30px;
}
.swiper-pagination-bullet{
	border-radius: 50%;
	background-color: rgb(0, 0, 0);
	opacity: 0.302;
	width: 12px;
	height: 12px;
}
.swiper-pagination-bullet-active{
	background-color: rgb(19, 105, 70);
	opacity: 1;
}
.banner a{display: block;}
.banner img{display: block;width: 100%;}
.banny .pageTit{
	font-size: 2.5vw;
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-transform: uppercase;
	padding: 4vw 0;
	height: 27vw;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
@media (max-width:1024px) {
	.banny .pageTit{font-size: 3vw;}
}
@media (max-width:800px) {
	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom, 
	.swiper-pagination-fraction{
		bottom: 10px;
	}
	.swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.banny .pageTit{font-size: 24px;padding: 16vw 0 4vw;height: auto;}
}
.nyP{
	padding: 40px 0 62px;
}
/* 产品 */
.leftSide{width: 320px;}
.leftSide .lefTit{
	width: 100%;
	height: 56px;
	font-size: 18px;
	color: #ffffff;
	padding: 0 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #44693e;
}
.leftSide .lefTit img{margin-right: 14px;height: 17px;}
.leftNav li{margin-top: 2px;}
.leftNav .zktit{
	font-size: 16px;
	color: #333333;
	line-height: 1.5;
	padding: 12px 40px 12px 24px;
	position: relative;
	cursor: pointer;
	background: #f8f9f7;
}
.huibg .leftNav .zktit{background: #ffffff;}
.leftNav .zktit:hover{color: #44693e;}
.leftNav li.hasDown .zktit::after{
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid rgba(68,105,62,0.6);
    border-right: 1px solid rgba(68,105,62,0.6);
    transform: rotate(45deg) translateY(-2px);
	position: absolute;
	right: 20px;
	top: calc(50% - 5px);
	transition: all 0.3s;
}
.leftNav li.on .zktit{color: #44693e;background: #f8f9f7;}
.huibg .leftNav li.on .zktit{background: #ffffff;}
.leftNav li.on .zktit::after{transform: rotate(-135deg) translateY(-2px) translateX(-4px);}
.leftNav .zhshow{
	background: #fcf9f9;
	display: none;
}
.leftNav li.on.hasDown .zhshow{border-top: 2px solid #f8f8f8;}
.leftNav .zhshow a{
	color: #666666;
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	line-height: 1.5;
	padding: 13px 16px;
	padding-left: 38px;
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid #eeeeee;
}
.leftNav .zhshow a::before{
	content: "";
	border-radius: 50%;
	background-color: rgb(153, 153, 153);
	opacity: 0.4;
	position: absolute;
	left: 24px;
	top: calc(50% - 2.5px);
	width: 4px;
	height: 4px;
}
.leftNav .zhshow a:last-child{border-bottom: 0;}
.leftNav .zhshow a.on,
.leftNav .zhshow a:hover{
	color: #44693e;
}
.leftNav .zhshow a.on::before,
.leftNav .zhshow a:hover::before{background: #44693e;opacity: 1;}
.rightSide{width: calc(100% - 354px);}
.rightSide .catName{
	border-bottom: 2px solid #e9e9e9;
	padding: 12px 0;
	font-size: 20px;
	color: rgb(0, 0, 0);
	line-height: 1.5;
	margin-bottom: 20px;
	position: relative;
}
.rightSide .catName::before{
	content: "";
	background-color: rgb(68, 105, 62);
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 60px;
	height: 2px;
}
.prodUl{margin: -10px;}
.prodUl li{padding: 10px;}
.prodUl .kuang{
	display: block;
	height: 100%;
	transition: all 0.3s;
}
.prodUl .imgB{padding-top: 110%;}
.prodUl .titB{
	font-size: 16px;
	color: rgb(51, 51, 51);
	line-height: 1.5;
	text-align: center;
	padding: 16px 0;
	transition: all 0.3s;
}
.prodUl li:hover .titB{
	color: #44693e;
}
.prodUl2{margin: -15px;}
.prodUl2 li{padding: 15px;}
.prodUl2 .kuang{
	display: block;
	height: 100%;
	transition: all 0.3s;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(238, 238, 238);
	background-color: rgb(255, 255, 255);
}
.prodUl2 .imgB{padding-top: 100%;}
.prodUl2 .textB{
	text-align: center;
	padding: 12px;
}
.prodUl2 .titB{
	font-size: 18px;
	color: rgb(51, 51, 51);
	transition: all 0.3s;
}
.prodUl2 .descB{
	font-size: 14px;
	color: rgb(153, 153, 153);
}

.prodUl2 li:hover .titB{
	color: #44693e;
}
.xiaocms-page{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 24px auto 0;
	flex-wrap: wrap;
}
.xiaocms-page a,
.xiaocms-page span{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(238, 238, 238);
	border-radius: 2px;
	background-color: rgb(255, 255, 255);
	min-width: 40px;
	padding: 0 8px;
	text-align: center;
	line-height: 40px;
	margin: 5px;
	color: #333333;
	font-size: 14px;
}
.xiaocms-page span{
	color: #ffffff;
	border-color: #305a2a;
	background: #305a2a;
}
@media (max-width:1232px) {
	.leftSide{width: 280px;}
	.rightSide{width: calc(100% - 300px);}
}
@media (max-width:1024px) {
	.prodUl li{width: 50%;}
	.prodUl2 li{width: 50%;}
}
@media (max-width:800px) {
	.nyP .nrBox{display: block;}
	.leftSide{width: 100%;position: relative;}
	.rightSide{width: 100%;}
	.leftSide .lefTit{height: 44px;font-size: 18px;}
	.leftNav{
		position: absolute;
		left: 0;
		top: 44px;
		width: 100%;
		background: #ffffff;
		z-index: 2;
		box-shadow:  0 0 10px 4px rgba(0,0,0,0.1);
		display: none;
	}
	.leftNav .zktit{padding-top: 8px;padding-bottom: 8px;}
	.leftNav .zhshow a{padding-top: 8px;padding-bottom: 8px;}
	.rightSide .catName{margin-bottom: 12px;}
	.prodUl,
	.prodUl2{margin: -4px;}
	.prodUl li,
	.prodUl2 li{width: 50%;padding: 4px;}
	.prodUl .titB,
	.prodUl2 .titB{font-size: 16px;padding: 8px 0;}
	.xiaocms-page{margin-top: 16px;}
	.xiaocms-page a, .xiaocms-page span{min-width: 28px;padding: 0 8px;text-align: center;line-height: 28px;margin: 2px;}
}
.proDetail .imgBox{
	width: 40%;
}
.proDetail .imgBox .swiper_xiaotu{margin-top: 12px;}
.proDetail .imgBox .swiper_xiaotu .swiper-slide{
	border-style: solid;
	border-width: 1px;
	border-color: rgba(11, 163, 233,0);
}
.proDetail .imgBox .swiper_xiaotu .swiper-slide-thumb-active{
	border-color: rgba(11, 163, 233,1);
}
.proDetail .topInfo .textBox{
	width: 57%;
}
.proDetail .textBox .titB{
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	padding: 24px 0;
	border-bottom: 1px solid #a3a3a3;
}
.proDetail .textBox .descB{
	font-size: 14px;
	color: rgb(102, 102, 102);
	line-height: 2.143;
	padding: 20px 0;
}
.proDetail .textBox .moreB{
	margin-top: 40px;
	font-size: 16px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	background-color: rgb(62, 158, 203);
	width: 146px;
	line-height: 36px;
	text-align: center;
	display: block;
}
.proDetail .xqBox{
	margin-top: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(236, 242, 246);
	background-color: rgb(255, 255, 255);
}
.proDetail .xqBox .xqTit{
	background: #f5f8fa;
}
.proDetail .xqBox .xqTit span{
	font-size: 16px;
	color: rgb(255, 255, 255);
	background-color: rgb(62, 158, 203);
	line-height: 36px;
	padding: 0 24px;
	display: block;
	width: max-content;
}
.proDetail .xqBox .nrBox{
	padding: 24px;
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 1.875;
}
.textB{
	font-size: 16px;
	color: rgb(25, 25, 25);
	line-height: 1.875;
}
.nyTit{
	font-size: 40px;
	color: rgb(51, 51, 51);
	text-align: center;
	margin-bottom: 44px;
}
.pro2P2{margin-top: 56px;}
.pro2P1 .prodUl2 .kuang{border: 0;}
.pro2P1 .prodUl2 .textB{padding-left: 0;padding-right: 0;}
.detailP .catName{text-align: center;}
.detailP .catName::before{display: none;}
@media (max-width:1232px) {
	.proDetail .textBox .titB {
	    font-size: 24px;
	    padding: 12px 0;
	}
	.proDetail .imgBox{width: 45%;}
	.proDetail .topInfo .textBox{width: 50%;}
	.proDetail .textBox .moreB{margin-top: 16px;}
	.nyTit{font-size: 36px;margin-bottom: 36px;}
}
@media (max-width:1024px) {
	.nyTit{font-size: 32px;margin-bottom: 32px;}
}
@media (max-width:800px) {
	.proDetail .imgBox,
	.proDetail .topInfo .textBox{width: 100%;float: none;}
	.proDetail .textBox .moreB{margin-top: 0;}
	.proDetail .xqBox .nrBox{padding: 16px;font-size: 14px;line-height: 1.8;}
	.pro2P1 .prodUl2 li{width:100%;}
	.pro2P1 .prodUl2 .titB{padding: 0;}
	.nyTit{font-size: 24px;margin-bottom: 24px;}
	.prodUl2 .textB{padding:8px;}
	.prodUl2 .titB{padding: 0;}
}
/* 首页 */
.indp{padding: 80px 0 10px;}
.pubTit{
	font-size: 40px;
	font-family: "Trebuchet MS";
	color: rgb(25, 25, 25);
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 48px;
}
.indp1 .nrBox{
	align-items: stretch;
}
.ind1L{width: calc(50% - 8px);}
.ind1R{width: calc(50% - 8px);}
.indp1 .kuang{height: 100%;}
.indp1 .imgB{position: relative;z-index: 1;}
.indp1 .titB{z-index: 2;}
.ind1Ul{margin: -8px;}
.ind1Ul li{padding: 8px;}
.ind1L .titB{
	background-color: rgba(48, 90, 42,0.9);
	position: absolute;
	left: 17%;
	top: 50%;
	width: 66%;
	min-height: 35%;
	height: auto;
	transform: translateY(-50%);
	font-size: 30px;
	font-family: "Trebuchet MS";
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.6;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px;
}
.ind1Ul .titB{
	font-size: 14px;
	color: rgb(51, 51, 51);
	position: absolute;
	left: 0;
	bottom: 28px;
	width: 100%;
	padding: 0 40px;
}
.indp2{padding-bottom: 90px;}
.ind2Ul{margin: -10px;}
.ind2Ul li{padding: 10px;}
.ind2Ul .imgB{padding-top: 66%;}
.ind2Ul li:nth-child(2n) .imgB{padding-top: 119.2%;}
.ind2Ul .titB{
	background: linear-gradient(to bottom,rgb(0, 0, 0,0.6),rgb(0, 0, 0,0));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 52px 28px;
	font-size: 20px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}
.ind2Ul li:nth-child(6n){margin-top: -17%;}
.ind2Ul li:nth-child(6n-2){margin-top: -17%;}
.indp3{position: relative;padding: 88px 0 0;}
.indp3::before{
	content: "";
	background-color: rgb(48, 90, 42);
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 60%;
	z-index: 1;
}
.indp3 .nrBox{
	position: relative;
	z-index: 2;
}
.indp3 .pubTit{
	color: #ffffff;
	position: relative;
	z-index: 2;
}
.swiper_ind3 .imgB img{display: block;width: 100%;}
.swiper-button-next,
.swiper-button-prev{
	background: rgba(0,0,0,0.2);
	opacity: 0;
	transition: all 0.5s;
}
.swiper-button-next::after,
.swiper-button-prev::after{
	font-size: 18px;
	color: #ffffff;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity: 0;}
.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev{opacity: 1;}
.swiper:hover .swiper-button-next.swiper-button-disabled,
.swiper:hover .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.indp4{padding: 88px 0;}
.ind4L{width: calc(50% - 16px);}
.ind4R{width: calc(50% - 60px);}
.ind4R img{width: 100%;display: block;}
.ind4L .pubTit{
	text-align: left;
	margin-bottom: 26px;
}
.ind4L .pubTit::after{
	content: "";
	background: rgb(19, 105, 70);
	display: block;
	width: 40px;
	height: 4px;
	margin-top: 22px;
}
.moreB{
	border-style: solid;
	border-width: 2px;
	border-color: rgb(48, 90, 42);
	background-color: rgba(68, 68, 68, 0);
	width: 164px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	font-family: "Trebuchet MS";
	color: rgb(48, 90, 42);
	display: block;
	margin-top: 76px;
	transition: all 0.3s;
}
.moreB:hover{
	background: rgb(48, 90, 42);
	color: #ffffff;
	box-sizing: 0 0 10px 4px rgba(48, 90, 42,0.1);
}
.indp5{padding-bottom: 90px;}
.swiper_ind5{
	background: #e6e6e6;
}
.swiper_ind5 .swiper-wrapper{align-items: stretch;}
.swiper_ind5 .swiper-slide{height: unset;}
.swiper_ind5 .kuang{
	background-color: rgb(255, 255, 255);
	height: 100%;
	position: relative;
	padding-top: 61%;
	padding-bottom: 40%;
	transition: all 0.5s;
}
.swiper_ind5 .kuang::after{
	content: "";
	background-color: rgb(48, 90, 42);
	opacity: 0.502;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 4px;
	width: 0;
	transition: all 0.5s;
}
.swiper_ind5 .tips{
	background-color: rgba(19, 105, 70,0.059);
	height: 36px;
	line-height: 36px;
	width: max-content;
	padding: 0 24px;
	text-transform: uppercase;
	font-size: 14px;
	color: rgb(48, 90, 42);
	transition: all 0.5s;
	position: absolute;
	left: 30px;
	top: 60px;
}
.swiper_ind5 .imgB{
	transition: all 0.5s;
	padding-top: 61%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}
.swiper_ind5 .textB{
	padding: 30px;
	transition: all 0.5s;
}
.swiper_ind5 .titB{
	font-size: 20px;
	color: rgb(51, 51, 51);
	line-height: 32px;
	height: 64px;
}
.swiper_ind5 .descB{
	font-size: 14px;
	color: rgb(127, 140, 148);
	line-height: 24px;
	height: 48px;
	margin-top: 28px;
}
.swiper_ind5 .timeB{
	font-size: 14px;
	color: rgb(153, 153, 153);
	position: absolute;
	bottom: 44px;
	left: 30px;
}
.swiper_ind5 .kuang:hover{padding-top: 136px;padding-bottom: 0;}
.swiper_ind5 .kuang:hover::after{width: 100%;}
.swiper_ind5 .kuang:hover .imgB{padding-top: 0;}
.swiper_ind5 .swiper-button-prev{left: 0;}
.swiper_ind5 .swiper-button-next{right: 0;}
.indp6{padding-bottom: 90px;}
.indp6 .pubTit{text-align: left;}
.indp6 .clickB{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.indp6 .clickB .eachB{
	border: 1px solid rgba(68, 68, 68,0.3);
	min-width: 244px;
	line-height: 40px;
	padding: 0 34px;
	font-size: 16px;
	font-family: "Trebuchet MS";
	color: rgb(102, 102, 102);
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 18px;
	text-align: center;
}
.indp6 .clickB .eachB:last-child{margin-right: 0;}
.indp6 .clickB .eachB.on{
	border-color: rgb(48, 90, 42);
	background: rgb(48, 90, 42);
	color: #ffffff;
}
.indp6 .showB .eachB{display: none;}
.ind6Ul{margin: -8px;}
.ind6Ul li{padding: 8px;}
.ind6Ul .kuang{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(236, 237, 240);
	border-radius: 2px;
	background-color: rgb(255, 255, 255);
	height: 100%;
	overflow: hidden;
}
.ind6Ul .imgB{padding-top: 65%;}
@media (max-width:1232px) {
	.indp{padding: 64px 0 0;}
	.indp2{padding-bottom: 64px;}
	.indp4,.indp5,.indp6{padding: 64px 0;}
	.pubTit{font-size: 36px;margin-bottom: 40px;}
	.ind1L .titB{font-size: 24px;}
	.ind1Ul .titB{padding: 0 32px;bottom: 24px;}
	.ind2Ul .titB{padding: 48px 24px;}
	.moreB{line-height: 40px;margin-top: 40px;}
	.swiper_ind5 .textB{padding: 24px;bottom: 36px;}
	.swiper_ind5 .timeB{left: 24px;}
	.indp6 .clickB .eachB{padding: 0 20px;min-width: 200px;}
}
@media (max-width:1024px) {
	.indp{padding: 56px 0 0;}
	.indp2{padding-bottom: 56px;}
	.indp4,.indp5,.indp6{padding: 56px 0;}
	.pubTit{font-size: 30px;margin-bottom: 30px;}
	.ind1L .titB{font-size: 20px;}
	.ind1Ul .titB{padding: 0 24px;bottom: 20px;}
	.ind2Ul .titB{padding: 32px 16px;}
	.ind2Ul .titB{font-size: 18px;}
	.swiper_ind5 .textB{padding: 20px;}
	.swiper_ind5 .timeB{left: 20px;bottom: 24px;}
	.textB{font-size: 14px;line-height: 1.5;}
	.ind4R{width: calc(50% - 16px);}
	.indp6 .pubTit{text-align: center;}
	.indp6 .clickB{position: relative;right: unset;top: unset;margin-bottom: 16px;}
	.ind6Ul li{width: 25%;}
}
@media (max-width:800px) {
	.indp{padding: 48px 0 0;}
	.indp2{padding-bottom: 48px;}
	.indp4,.indp5,.indp6{padding: 48px 0;}
	.pubTit{font-size: 24px;margin-bottom: 24px;}
	.ind1L .titB{font-size: 18px;}
	.ind1Ul .titB{padding: 0 10px;bottom: 16px;}
	.ind2Ul .titB{padding: 12px;}
	.ind2Ul .titB{font-size: 16px;}
	.swiper_ind5 .textB{padding: 16px;}
	.swiper_ind5 .timeB{left: 16px;bottom: 16px;}
	.indp1 .nrBox{display: block;}
	.ind1L{width: 100%;}
	.ind1R{width: 100%;margin-top: 8px;}
	.ind1Ul,
	.ind2Ul{margin: -4px;}
	.ind1Ul li,
	.ind2Ul li{padding: 4px;width: 50%;}
	.ind2Ul li:nth-child(6n),
	.ind2Ul li:nth-child(6n-2){margin-top: 0;}
	.ind2Ul li:nth-child(2n) .imgB{padding-top: 66%;}
	.indp4 .nrBox{display: block;}
	.ind4L{width: 100%;}
	.ind4R{width: 100%;margin-top: 16px;}
	.ind4L .pubTit::after{margin-top: 12px;}
	.moreB{margin-top: 16px;}
	.swiper_ind5 .swiper-slide-active .kuang{padding-top: 61%;padding-bottom: 0;}
	.swiper_ind5 .swiper-slide-active .kuang::after{width: 100%;}
	.swiper_ind5 .swiper-slide-active .kuang .imgB{padding-top: 61%;}
	.swiper_ind5 .descB{margin-top: 8px;}
	.swiper_ind5 .titB{font-size: 16px;line-height: 24px;height: unset;}
	.indp6 .clickB .eachB{min-width: unset;font-size: 14px;line-height: 32px;margin-right: 12px;}
	.ind6Ul{margin: -4px;}
	.ind6Ul li{padding: 4px;width: calc(100% / 3);}
	
	
	
	
	
}