@import url(../font/Taipei/stylesheet.css);
@import url(../font/Mont/stylesheet.css);

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,
button,
input,
div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: none;
}

form {
	height: auto;
	width: 100%;
}

i {
	font-style: normal;
}


* {
	margin: 0;
	padding: 0;
	outline: none;
}


input:focus::placeholder {
	color: transparent !important;
}



body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: none;
	font-family: 'ml';
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}


/* html,
body {
	height: 100%;
}
 */
a {
	text-decoration: none;
}

ul li {
	list-style: none;
}

input,
button,
a {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-block-start: 0;
	margin-block-end: 0;
	font-weight: normal;
}


html {
	font-size: 26px !important;
}



@media (min-width: 768px) {
	html {
		font-size: 28px !important;
	}
}

@media (min-width: 1025px) {
	html {
		font-size: 30px !important;
	}
}

@media (min-width: 1440px) {
	html {
		font-size: 34px !important;
	}
}

@media (min-width: 1680px) {
	html {
		font-size: 40px !important;
	}
}



.h150 {
	height: 3.75rem;
	width: 100%;
}


.bgcover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.container {
	width: 1600px;
	max-width: 92%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}


.indexBannerBox {
	width: 100%;
	height: 24.5rem;
	position: relative;
}

.head {
	position: absolute;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 3.5rem;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
}

.headLogo {
	width: 5.2rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #3e690f;
}

.headLogo img {
	display: block;
	width: 2.38rem;
}

.navBox {
	height: 100%;
	box-sizing: border-box;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 2rem;
	border-radius: 2rem;
	background-color: rgba(255, 255, 255, .8);
	padding: 0 1rem;
}

.navBox ul {
	width: auto;
	display: flex;
	align-items: center;
}

.navBox ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.9rem;
}

.navBox ul li a {
	font-size: 0.55rem;
	line-height: 1;
}

.navBox ul li a::before {
	display: block;
	content: attr(title);
	font-family: 'mblack';
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.navActive a {
	font-family: 'mblack';
	color: #375417 !important;
}

.len {
	font-size: 0.4rem;
	font-family: 'mm';
	color: #375417;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	background: #dedfd2;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
}


.iBanner {
	width: 100%;
	height: 100%;
	z-index: 0;
	position: relative;
}

.iBanner .swiper-slide {
	width: 100%;
	height: 100%;
}

.iBanner .container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.iBanner .container h2 {
	font-size: 1.6rem;
	font-family: 'ms';
	line-height: 1;
	color: #ffffff;
	margin-bottom: 1.4rem;
	text-transform: uppercase;
}

.iBanner .container a {
	font-size: 0.45rem;
	color: #ffffff;
	text-decoration: underline;
	text-transform: uppercase;
}

.iBannerNext,
.iBannerPrev {
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	bottom: 2.25rem;
	z-index: 9;
	left: auto;
	top: auto;
	cursor: pointer;
	opacity: 1;
}

.iBannerNext {
	right: 160px;
}

.iBannerPrev {
	right: calc(2.1rem + 160px);
}


.swiper-button-disabled .yImgPage,
.swiper-button-disabled .yImgPage {
	display: none !important;
}

.swiper-button-disabled .nImgPage,
.swiper-button-disabled .nImgPage {
	display: block !important;
}

.yImgPage {
	display: block;
}

.nImgPage {
	display: none;
}

.iBannerNext img,
.iBannerPrev img {
	width: 100%;
	height: 100%;
}

.indexProBox {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: linear-gradient(to bottom, #f5feeb, #ffffff);
}

.indexProTop {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.indexProL {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

.indexTitle {
	font-size: 1.2rem;
	font-family: 'mr';
	color: #375417;
	line-height: 1;
	text-transform: capitalize;
	margin-bottom: 0.55rem;
}

.indexTitleTxt {
	font-size: 0.55rem;
	line-height: 1.3;
	color: #333333;
	font-family: 'mel';
	width: 60%;
	display: block;
}

.indexPNBox {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.iProNext,
.iProPrev {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}

.iProNext img,
.iProPrev img {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}


.timeP,
.timeN {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}

.timeP img,
.timeN img {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}

.zsP,
.zsN {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}

.zsP img,
.zsN img {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}


.newPrev,
.newNext {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}

.newPrev img,
.newNext img {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}




.proMP,
.proMN {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}

.proMP img,
.proMN img {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}


.iBannerNext,
.iBannerPrev {
	width: 1.2rem;
	height: 1.2rem;
	cursor: pointer;
}

.iProPrev {
	margin-right: 0.95rem;
}

.timeP {
	margin-right: 0.95rem;
}

.zsP {
	margin-right: 0.95rem;
}
.newPrev {
	margin-right: 0.95rem;
}

.proMP{
	margin-right: 0.95rem;
}

.iBannerNext img,
.iBannerPrev img {
	width: 100%;
	height: 100%;
}

.indexProNav {
	margin-top: 1.9rem;
	display: flex;
	flex-flow: row wrap;
}

.indexProNav a {
	height: 1.25rem;
	width: auto;
	padding: 0 1.05rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.6rem;
	color: #000000;
	/* margin-right: 0.4rem; */
	border-radius: 1.25rem;
	text-transform: capitalize;
	margin-bottom: 0.5rem;
}

.indexProNav a:last-child {
	margin-left: 0;
}

.ProNavActive {
	background-color: #375417;
	color: #ffffff !important;
}

.indexPro {
	width: 100%;
	height: 17.75rem;
	margin-top: 0.75rem;
}

.indexPro .swiper-slide {
	width: 100%;
	height: calc(50% - 15px);
}

.indexPro .swiper-slide a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.imgBox {
	
	width: 100%;
	flex: 1;
	min-height: 0;
	border-radius: 0.25rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.imgBox img {
	display: block;
	width: auto;
	height: auto;
	min-width: 100%;
	min-width: 100%;
}

.indexPro .swiper-slide a span {
	font-size: 0.65rem;
	height: 1.95rem;
	display: flex;
	align-items: center;
	width: 100%;
	font-family: 'sr';
	line-height: 1;
	color: #000000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.indexAbout {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-size: 40% auto;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.indexATitleBox {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.indexATitleR {
	display: flex;
	flex-direction: column;
	width: 55%;
}

.indexATitleR .indexTitleTxt {
	width: auto;
}

.indexATitleR a {
	font-size: 0.5rem;
	color: #000000;
	text-decoration: underline;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 1rem;
	display: block;
}

.indexAboutNumBox {
	width: 55%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	padding: 3.6rem 0 3rem;
}

.indexAList {
	width: auto;
	padding-right: 2rem;
	height: auto;
}

.indexAList:last-child {
	padding-right: 0;
}

.indexAList img {
	display: block;
	width: 2.3rem;
	margin-bottom: 0.85rem;
}

.indexALNum {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	color: #375417;
	font-family: 'mr';
}


.indexAList p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.45rem;
	color: #000000;
	line-height: 1;
	margin-top: 0.45rem;
	width: 100%;
	min-width: 0;
	display: block;
}


.indexOur {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.indexOTop {
	width: 100%;
	height: 9.63rem;
	overflow: hidden;
	box-sizing: border-box;
	display: flex;
}

.indexOurTitleBox {
	width: 40%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-left: 160px;
	padding-right: 8%;
	box-sizing: border-box;
}

.indexOurTitleBox .indexTitleTxt {
	width: 100%;
}


.indexOurTitleBox a {
	font-size: 0.5rem;
	color: #000000;
	text-decoration: underline;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 1.2rem;
	display: block;
}

.indexOurQ {
	width: 60%;
	padding: 1.25rem;
}

.indexOurList {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.indexOurList div {
	display: flex;
	flex-direction: column;
}

.indexOurList div h2 {
	font-size: 0.8rem;
	font-family: 'ms';
	line-height: 1;
	color: #ffffff;
}

.indexOurList div p {
	font-size: 0.5rem;
	line-height: 1.3;
	color: #ffffff;
	font-family: 'mel';
	margin-top: 0.65rem;
	display: none;
}

.indexOurList a {
	font-size: 0.5rem;
	color: #ffffff;
	text-decoration: underline;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 1.2rem;
	display: none;
}

.indexOurBottom {
	display: flex;
	width: 100%;
	height: 11.45rem;
}

.indexOurE {
	width: 40%;
	padding: 1.25rem 1.25rem 1.25rem 160px;
}

.indexOurZ {
	width: 20%;
	padding: 1.25rem;

}

.indexOurT {
	width: 40%;
	padding: 1.25rem;
}

.indexNew {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.indexNewTitleBox {
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
	overflow: hidden;
	justify-content: space-between;
}

.indexNewTitleBox .indexTitle {
	margin-bottom: 0;
}

.indexNewTitleBox a {
	font-size: 0.5rem;
	color: #000000;
	text-decoration: underline;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 1rem;
	display: block;
}

.indexNewBox {
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1.5rem;
}

.newsList {
	width: 32%;
	margin-right: 2%;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #e5e5e5;
	padding-top: 1.2rem;
}

.indexNTime {
	font-size: 0.45rem;
	color: #375417;
	line-height: 1;
	margin-bottom: 0.7rem;
}

.newsList h2 {
	font-size: 0.7rem;
	font-family: 'mr';
	margin-bottom: 0.6rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	min-width: 0;
}

.newsList p {
	font-size: 0.55rem;
	color: #666666;
	line-height: 1.3;
	font-family: 'mel';
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 1.4rem;
}

.indexNMore {
	font-size: 0.45rem;
	color: #000000;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 0.9rem;
}

.footer {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	padding: 1.7rem 0 3.9rem;
	background-color: #e1edde;
}

.footerTop {
	width: 100%;
	padding-left: 160px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: auto;
	overflow: hidden;
	justify-content: space-between;
}

.footerL {
	display: flex;
	width: 5.3rem;
	height: auto;
	overflow: hidden;
}

.footerL img {
	display: block;
	width: 100%;
	height: auto;
}

.footerR {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: auto;
	overflow: hidden;
}


.footerPartners,
.footerContact {
	height: 2.38rem;
	border-top-left-radius: 2.38rem;
	border-bottom-left-radius: 2.38rem;
	background-color: #f7fcf1;
	margin-bottom: 1.05rem;
	display: flex;
	align-items: center;
}

.footerContact form{
	display: flex;
	align-items: center;
}

.footerRTitle {
	width: 4.4rem;
	height: 1.25rem;
	border-radius: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.6rem;
	font-family: 'mr';
	color: #ffffff;
	background-color: #375417;
}

.footerPartners ul {
	display: flex;
	align-items: center;
}

.footerPartners ul li {
	margin-left: 1.93rem;
}

.footerPartners ul li img {
	display: block;
	max-height: 70%;
	width: auto;
}

.footerContact input {
	padding: 0 1.85rem;
	height: 100%;
	flex: 1;
	box-sizing: border-box;
	font-size: 0.45rem;
	color: #333333;
	line-height: 1;
	background-color: transparent;
}

.footerContact input::placeholder {
	color: #666666;
}

.footerContact button {
	width: 4.4rem;
	height: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.45rem;
	color: #375417;
	line-height: 1;
	font-family: 'mm';
	line-height: 1;
	background-color: transparent;
	border-radius: 1.25rem;
	border: 2px solid #a2c04f;
}

.footerBottom {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1.25rem;
}

.footerBottom .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.footerLB {
	display: flex;
	flex-direction: column;
}

.footerLB span {
	font-size: 0.4rem;
	color: #666666;
	line-height: 1;
	margin-bottom: 0.5rem;
}

.footerLB p {
	font-size: 1.55rem;
	color: #375417;
	line-height: 1;
	font-family: 'mr';
}

.footerRB {
	width: 25rem;
	height: auto;
	overflow: hidden;
	display: flex;
}

.footerNav {
	width: 50%;
	height: auto;
	overflow: hidden;
}

.footerNav ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;
}

.footerNav ul li {
	flex: 0 0 50%;
	display: flex;
	margin-bottom: 1.25rem;
}

.footerNav ul li a {
	font-size: 0.6rem;
	color: #000000;
	line-height: 1;
}

.footerCopy {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.footerCopy span {
	font-size: 0.5rem;
	color: #666666;
	font-family: 'mel';
	margin-bottom: 0.25rem;
}



.nBannerBox {
	width: 100%;
	height: 18rem;
	position: relative;
}

.nBannerCon {
	height: 100%;
	display: flex;
	align-items: flex-end;
}

.nBannerCon h2 {
	font-size: 1.6rem;
	color: #ffffff;
	font-family: 'ms';
	margin-bottom: 5.5rem;
}

.nNav {
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 1.38rem 0 2.5rem;
}

.nNav img {
	display: block;
	width: 0.57rem;
	height: auto;
	margin-right: 0.55rem;
}

.nNav a,
.nNav span,
.nNav p {
	font-size: 0.55rem;
	color: #333333;
	line-height: 1;
}

.nNav span {
	margin: 0 0.15rem;
}

.aboutCon {
	height: auto;
	overflow: hidden;
}

.aboutL {
	width: 30%;
	height: auto;
	overflow: hidden;
	background: #ffffff;
	float: left;
}

.aboutL a {
	height: 2.85rem;
	width: 100%;
	padding: 0 1.25rem;
	display: flex;
	align-items: center;
	color: #333333;
	font-size: 0.65rem;
	box-sizing: border-box;
}

.activeAbout {
	background-color: #3e690f;
	color: #ffffff !important;
	font-family: 'mr';
}

.aboutR {
	width: 67%;
	height: auto;
	overflow: hidden;
	float: right;
}

.aboutRList {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 1.75rem 0;
	border-top: 0.13rem solid #3e690f;
	box-sizing: border-box;
	margin-bottom: 1.25rem;
	background-color: #ffffff;
}
.aboutRList:last-child{
	margin-bottom: 0;
}


.aboutRTitleBox {
	padding: 0 5%;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.aboutRTitleBox h2 {
	font-size: 1rem;
	font-family: 'mr';
	color: #375417;
}

.aboutRConRL {
	padding: 0 5%;
	box-sizing: border-box;
}

.aboutTxt {
	width: 100%;
	font-size: 0.55rem;
	font-family: 'mel';
	line-height: 1.5;
	color: #000000;
}

.advTxt {
	width: 100%;
	font-size: 0.55rem;
	font-family: 'mel';
	line-height: 1.5;
	color: #000000;
	margin-bottom: 1rem;
}

.aboutRConRL .indexAboutNumBox {
	width: 100%;
	padding: 1.25rem 0 0;
}

.aboutRConRL>img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.aboutRConRL h2 {
	font-size: 0.6rem;
	color: #375417;
	line-height: 1.4;
	font-family: 'mr';
	margin-top: 1rem;
	margin-bottom: 0.3rem;
}

.timeSwiper {
	width: 100%;
	height: 5.25rem;
	margin-top: 1.65rem;
}
.timeSwiper .swiper-slide {
	padding-right: 5%;
	box-sizing: border-box;
}
.timeSwiper .swiper-slide h2 {
	font-size: 0.8rem;
	color: #333333;
	line-height: 1;
	margin-bottom: 0.75rem;
	font-family: 'mr';
}

.timeSwiper .swiper-slide i {
	width: 0.4rem;
	height: 0.4rem;
	border: 2px solid #3e690f;
	display: block;
	border-radius: 50%;
	background-color: #ffffff;
	position: relative;
	z-index: 100;
}

.timeSwiper .swiper-slide p {
	width: 100%;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 0.5rem;
	font-family: 'mel';
	line-height: 1.5;
	margin-top: 0.65rem;
}


.timeSwiper .swiper-wrapper::after{
	position: absolute;
	content: '';
	display: block;
	width: 130%;
	height: 1px;
	background-color: #eeeeee;
	top: 1.8rem;
	left: 0;
	z-index: -1;
}

.timeSwiper::after{
	content: '';
	display: block;
	width: 10%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));
	z-index: 99;
}


.zsSwiper{
	width: 100%;
	min-height: 8.5rem;
	height: auto;
	overflow: hidden;
}


.zsSwiper::after{
	content: '';
	display: block;
	width: 10%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));
	z-index: 99;
}

.zsSwiper .swiper-slide {
	padding-right: 3%;
	box-sizing: border-box;
}

.zsSwiper img{
	display: block;
	width: 100%;
	height: auto;
}


.contactTop{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 3rem;
	background-image: linear-gradient(to bottom,#f5feeb,#ffffff);
}

.lxListBox{
	display: flex;
	align-items: center;
	overflow: unset;
	justify-content: space-between;
}

.lxList{
	width: 32%;
	border-radius: 0.25rem;
	background-color: #ffffff;
	padding: 1.75rem 3%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.lxList img{
	display: block;
	width: 1.35rem;
	height: auto;
	margin-bottom: 1.2rem;
}


.lxList span{
	font-size: 0.8rem;
	line-height: 1;
	font-family: 'mm';
}

.lxList p{
	font-size: 0.8rem;
	line-height: 1;
	text-align: center;
}

.lxImgHover{
	display: none !important;
}

.contactBottom{
	padding: 3.25rem 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.contactBottom .container{
	display: flex;
}

.contactL{
	width: 33%;
	height: auto;
	min-height: 0;
}

.contactR{
	width: 77%;
	padding: 5%;
	background: #ffffff;
	display: flex;
	flex-direction: column;
}
.contactR .indexTitleTxt{
	width: 100%;
	margin-bottom: 1.15rem;
}

.contactIptT{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.4rem;
}

.contactIptList{
	width: 48%;
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
}

.contactIptList span,.contactIptO span{
	font-size: 0.45rem;
	color: #000000;
}

.contactIptList input,.contactIptO input{
	font-size: 0.45rem;
	padding: 0 0.35rem;
	height: 1.1rem;
	border-radius: 0.25rem;
	background-color: #f5f5f5;
	box-sizing: border-box;
	margin-top: 0.3rem;
	display: block;
	width: 100%;
	color: #000000;
}

.contactIptO{
	width: 100%;
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.4rem;
}

.contactIptO textarea{
	width: 100%;
	height: 3.55rem;
	background-color: #f5f5f5;
	border-radius: 0.25rem;
	padding: 0.25rem 0.35rem;
	font-size: 0.45rem;
	color: #000000;
	line-height: 1.5;
	margin-top: 0.3rem;
	border: none;
	resize: none;
}

.contactSend{
	margin-top: 1.2rem;
	width: 6rem;
	height: 1.25rem;
	border-radius: 1.25rem;
	background-color: #375417;
	font-size: 0.5rem;
	text-decoration: underline;
	text-transform: uppercase;
	color: #ffffff;
}


.qaConBox{
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.qaLeft{
	width: 38%;
	padding-right: 2%;
	box-sizing: border-box;
	height: auto;
}

.qaLeft .indexTitleTxt{
	width: 100%;
	margin-top: 0.65rem;
}

.qaLeft button{
	margin-top: 2rem;
	width: 6rem;
	height: 1.25rem;
	border-radius: 1.25rem;
	background-color: #375417;
	font-size: 0.5rem;
	text-decoration: underline;
	text-transform: uppercase;
	color: #ffffff;
}




.contactNavCon{
	width: 62%;
	height: auto;
	overflow: hidden;
}

.contactNavList{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0.8rem 0;
	border-bottom: 1px solid #dee4d6;
}

.contactNavList:first-child{
	border-top: 1px solid #dee4d6;
}

.conTitle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.conTitle h2{
	font-size: 0.65rem;
	line-height: 1;
	color: #000000;
}

.conTitle img{
	width: 0.65rem;
	height: auto;
}
.jian{
	display: none;
}

.conTxt{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0.55rem;
	display: none;
}

.conTxt p{
	font-size: 0.55rem;
	color: #575760;
	line-height: 1.7;
	width: 96%;
	font-family: 'mel';
}

.conNavT{
	color: #375417 !important;
	font-family: 'mm';
}

.newsTop{
	width: 100%;
	display: flex;
	height: 16.25rem;
	border-radius: 0.25rem;
	overflow: hidden;
}

.nLSwiper .indexPNBox{
	position: absolute;
	top: 12%;
	right: 15%;
	z-index: 9;
	
}

.nLSwiper{
	width: 42%;
	height: 100%;
	background-color: #3e690f;
}

.nLSwiper .swiper-slide{
	padding: 12% 15%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.nLTop{
	display: flex;
	flex-direction: column;
}

.nLTime{
	display: flex;
	flex-direction: column;
	margin-bottom: 1.2rem;
}

.nLTime p{
	font-size: 1.5rem;
	font-family: 'ms';
	color: #98b93c;
	line-height: 1;
}

.nLTime span{
	font-size: 0.45rem;
	color: #98b93c;
	line-height: 1;
	font-family: 'ms';
}

.nLTop h2{
	font-size: 0.8rem;
	font-family: 'mr';
	line-height: 1.3;
	color: #ffffff;
	margin-bottom: 0.65rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.nLTop>p{
	font-size: 0.55rem;
	font-family: 'mel';
	line-height: 1.5;
	color: #ffffff;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.nlRead{
	width: 4rem;
	height: 1.13rem;
	border-radius: 1.13rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	text-decoration: underline;
	background-color: #98b93c;
	font-size: 0.45rem;
	color: #ffffff;
}

.nRSwiper{
	width: 58%;
	height: 100%;
}


.newsListBox {
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1.5rem;
	flex-flow: row wrap;
}

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

.newsListBox .newsList{
	margin-bottom: 2.5rem;
}

.newsTitleBox{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2.75rem 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	font-family: 'mr';
	color: #375417;
}

.newsPageBox{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 3.25rem;
}

.newsPageBox>a{
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 0.57rem;
}
.newsPageBox>a img{
	display: block;
	width: 100%;
	height: auto;
}

.newsPageBox ul{
	display: flex;
	align-items: center;
}

.newsPageBox ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.57rem;
}


.newsPageBox ul li a{
	width: 1.2rem;
	height: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #ffffff;
	font-size: 0.5rem;
	font-family: 'mr';
	line-height: 1;
}

.activePage a{
	background-color: #375417 !important;
	color: #98b93c !important;
}


.newsDConBox{
	display: flex;
}
.newsDL{
	width: 70%;
	height: auto;
	padding-right: 5%;
	box-sizing: border-box
}

.newsDL h1{
	font-size: 1.2rem;
	color: #375417;
}
.newsDTip{
	height: auto;
	width: 100%;
	padding: 0.75rem 0;
}

.newsDTip span{
	font-size: 0.4rem;
	color: #666666;
	margin-right: 1.2rem;
}

.newsDTip span:last-child{
	margin-right: 0;
}

.newsDCon{
	width: 100%;
	padding: 1.2rem 0 0;
	border-top: 1px solid #cbd9d1;
	border-bottom: 1px solid #cbd9d1;
}

.newsDCon p{
	font-size: 0.55rem;
	font-family: 'mel';
	color: #000000;
	line-height: 1.7;
	margin-bottom: 1.75rem;
}

.newsDCon img{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1.75rem;
}

.newsDPage{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.newsDPage a{
	padding-top: 0.85rem;
	width: 100%;
	display: block;
	font-size: 0.55rem;
	color: #000000;
	font-family: 'mr';
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}




.newsDR{
	width: 30%;
	height: auto;
	overflow: hidden;
}

.newsDMoreTitle{
	padding-top: 1.75rem;
	font-size: 1rem;
	font-family: 'mr';
	color: #375417;
	padding-bottom: 1.1rem;
}

.newsDNews{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.newsDNews .newsList{
	width: 100%;
	margin-right: 0;
	margin-bottom: 1.75rem;
}





.productBox{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1.25rem;
}

.proList{
	width: 32%;
	margin-right: 2%;
	height: auto;
	overflow: hidden;
}

.proImg{
	width: 100%;
	height: 5.35rem;
	border-radius: 0.25rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.proImg img{
	display: block;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}

.proList span{
	font-size: 0.65rem;
	font-family: 'mr';
	margin-bottom: 0.4rem;
	height: 1.85rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	display: flex;
	align-items: center;
	min-width: 0;
}

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


.proDCon{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: linear-gradient(to bottom,#f5feeb,#ffffff);
}

.proDTop{
	display: flex;
	height: auto;
	overflow: hidden;
}

.proDL{
	width: 40%;
	height: auto;
	overflow: hidden;
}

.bigSwiper{
	width: 100%;
	height: 10.45rem;
	border-radius: 0.25rem;
}

.smSwiper{
	width: 100%;
	margin-top: 0.5rem;
	height: 3.25rem;
}

.smSwiper .swiper-slide{
	border-radius: 0.25rem;
	overflow: hidden;
}


.smSwiper .swiper-slide-thumb-active{
	border: 0.15rem solid #375417;
	box-sizing: border-box;
}

.proDR{
	width: 60%;
	padding-left: 5%;
	box-sizing: border-box;
}

.proDR .indexTitleTxt{
	width: 100%;
	margin-top: 1rem;
}

.proDR .indexTitle{
	color: #000000 !important;
}

.proGGList{
	width: 100%;
	display: flex;
	height: auto;
	overflow: hidden;
	margin-top: 1rem;
}

.proGGList span{
	width: 4.45rem;
	font-size: 0.65rem;
	font-family: 'mr';
}

.proGGList p{
	flex: 1;
	min-width: 0;
	font-size: 0.65rem;
	line-height: 1.3;
}

.proDR a{
	width: 6rem;
	height: 1.25rem;
	border-radius: 1.25rem;
	background-color: #375417;
	font-size: 0.5rem;
	text-decoration: underline;
	text-transform: uppercase;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2.5rem;
}


.proDRList {
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 2.5rem;
}
.proDRList:last-child{
	margin-bottom: 0;
}

.proDOur{
	height: auto;
	overflow: hidden;
	display: flex;
}

.proDOList{
	width: 25%;
	height: 7.2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 3%;
	box-sizing: border-box;
}

.proDOList h2{
	font-size: 0.8rem;
	font-family: 'ms';
	color: #ffffff;
}

.proDOList p{
	font-size: 0.5rem;
	font-family: 'mel';
	margin-top: 0.55rem;
	display: none;
	line-height: 1.5;
	color: #ffffff;
}

.proBottomBg{
	padding-bottom: 2.9rem;
	background-image: linear-gradient(to bottom, #ffffff, #f5feeb);
}


.proDImg{
	width: 100%;
	height: 6.1rem;
	overflow: hidden;
	border-radius: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.proDImg img{
	display: block;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}


.proDTitleBox {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.proDTitleBox h2 {
	font-size: 1rem;
	font-family: 'mr';
	color: #375417;
}

.proMoreSwiper .swiper-slide span{
	font-size: 0.65rem;
	color: #000000;
	font-family: 'mr';
}


.phHead{
	display: none;
}

.phNav{
	display: none;
}