@import url(../font/ali/ali.css);
@import url(../font/rany/rany.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: 'aliR';
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	color: #070101
}


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;
	}
}






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


.container {
	width: 100%;
	padding: 0 1.13rem;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}


.pcHead {
	width: 100%;
	height: 3.6rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all .3s ease-out;
}

.pcHead .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	overflow: unset;
}



.logo {
	display: block;
	text-indent: -9999em;
	width: 15%;
	height: 2.38rem;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left center;
}

.logo h1 {
	font-size: 1rem;
}


.language {
	width: 15%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
}

.pcNav {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pcNav>ul {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.pcNav>ul>li {
	margin: 0 0.7rem;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	position: relative;
}

.pcNav>ul>li>a {
	width: auto;
	font-size: 0.45rem;
	font-family: 'aliM';
	color: #fff;
	line-height: 1;
	display: block;
}

.IndexActive>a {
	position: relative;
	font-weight: bold;
}

.IndexActive>a::after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.3rem;
}



.language {
	width: 15%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.language a {
	width: auto;
	font-size: 0.45rem;
	color: #fff;
	line-height: 1;
	display: block;
	margin-left: 0.9rem;
}

.langActive {
	position: relative;
}

.langActive::after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.3rem;
}


.cd-fixed-background {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	background-color: #005640;
	position: relative;

}

.indexBannerSwiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}




.indexBannerSwiper>.swiper-wrapper .swiper-slide {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #005640;
	height: 100% !important;
	padding: 0 6%;
	box-sizing: border-box;
}

.indexBannerSwiper>.swiper-wrapper .swiper-slide h2 {
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 0.75rem;
	text-align: center;
}

.indexBannerSwiper>.swiper-wrapper .swiper-slide p {
	font-size: 0.6rem;
	font-family: 'RM';
	color: #fff;
	line-height: 1;
	margin-bottom: 7rem;
	text-align: center;
}

.indexBannerCZ {
	width: 16rem;
	height: 7.5rem;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	display: flex;
	align-items: center;
}


.bannerConSwiper {
	width: calc(74% - 2px);
	height: 100%;
	overflow: hidden;
}

.bannerConSwiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bannerLine {
	width: 2px;
	height: 5.13rem;
	display: flex;
	align-items: flex-end;
}

.bannerLine span {
	width: 2px;
	display: block;
	background-color: rgba(255, 255, 255, 0.3);
}


.playBtn {
	width: 2.5rem;
	display: block;
	filter:brightness(0) invert(1);
}

.banenrSCZBox {
	width: 26%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 5.15rem;
}

.banenrSCZBox p{
	writing-mode:tb-rl;
	text-transform: uppercase;
	font-size: 0.6rem;
	color: #ffffff;
	height: 100%;
}


.bannerCZnp {
	display: flex;
	align-items: center;
	justify-content: right;
	position: absolute;
	bottom: 5%;
	right: 4%;
	z-index: 9;
}

.bannerPrev,
.bannerNext {
	width: 1.07rem;
	height: 1.07rem;
	border-radius: 50%;
	margin: 0 0.35rem;
}


.bannerPrev img,
.bannerNext img {
	display: block;
	width: 100%;
	cursor: pointer;
	filter:brightness(0) invert(1);
}

.bannerPage {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bannerPage span {
	font-size: 0.45rem;
	color: #005a41;
}





.scroll ul li a {
	color: #333333;
}


.scroll .IndexActive>a {
	color: #005a41;
}

.scroll .IndexActive>a::after {
	background-color: #005a41;
}

.scroll .langActive {
	color: #005a41;
}

.scroll a {
	color: #333333;
}

.scroll .langActive::after {
	background-color: #005a41;
}

.indexFABox {
	background-color: #f7f7f7;
	width: 100%;
	height: 100%;
	padding-top: 2.5rem;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
}

.indexFATop {
	display: flex;
	justify-content:flex-end;
	width: 100%;
	padding: 0 1.13rem;
	box-sizing: border-box;
}

.indexFATitle{
	font-size: 1.4rem;
	font-family: 'aliM';
	line-height: 1;
	position: absolute;
	top: 2.5rem;
	left: 2%;
	max-width: calc(100% - 18rem);
	z-index: 9;
}

.indexFATopRight {
	width: 15.5rem;
	height: auto;
	overflow: hidden;
}

.indexFATopRightList {
	width: 100%;
	display: flex;
	flex-direction: column;
	height: auto;
}

.indexFATopName {
	font-size: 0.75rem;
	line-height: 1;
	font-family: 'aliM';
	margin-bottom: 0.5rem;
}

.avtiveTab{
	background-color: #005a41 !important;
	color: #fff !important;
}

.indexFATab{
	position: absolute;
	z-index: 9;
	padding: 0 2%;
	top: 0.9rem;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.indexFATab div{
	font-size: 0.35rem;
	height: 0.9rem;
	border-radius: 0.75rem;
	color: #005a41;
	padding: 0 0.3rem;
	line-height: 1;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #479680;
	cursor: pointer;
	margin-right: 0.25rem;
}

.indexFATab div:last-child{
	margin-right: 0;
}

.indexFATopRightList>span {
	font-size: 0.4rem;
	font-family: 'RR';
	color: #005a41;
	text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: 0.6rem;
	display: block;
}

.indexFATopRightList>p {
	font-size: 0.45rem;
	display: block;
	width: 80%;
	line-height: 1.5;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box;   
	-webkit-box-orient:vertical;  
	-webkit-line-clamp:2; 
}


.indexFAJoin{
	width: 5.63rem;
	height: 1.38rem;
	margin-top: 0.5rem;
	z-index: 88;
}
.indexFAJoin a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0.25rem 0 0.75rem;
	box-sizing: border-box;
	background-color: #005a41;
	border-radius: 1.38rem;
	transition: all .3s ease-out;
}

.indexFAJoin span{
	font-size: 0.4rem;
	line-height: 1;
	color: #fff;
}

.indexFAJoin p{
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}



.indexFACon {
	flex: 1;
	width: 86%;
	position: relative;
	overflow: hidden;
	margin: -3.6rem auto 0;
}

.fontDown {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	
	z-index: 0;
}

.fontDown img{
	display: block;
	width: 100%;
}

.indexFAList {
	width: 100%;
	height: 100%;
}

.indexFAImgBox {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: none;
}

.faImgActive{
	display: block !important;
}



.jjBg {
	width: 100%;
	display: block;
	height: auto;
	z-index: -1;
}

.indexFADian {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.indexFADList {
	position: absolute;
	z-index: 10;
}

.indexFADList a:first-child {
	width: 0.7rem;
	height: 0.75rem;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.a7 {top: 29%;left: 21%;}
.a3 {top: 62%;left: 30%;}
.a2 {top: 47%;left: 66%;}
.a1 {top: 68%;left: 79%;}
.a4 {top: 71%;left: 90%;}


/* .b1 {top: 28%;left: 24%;} */
.b3 {top: 61%;left: 23%;}
/* .b1 {top: 41%;left: 47%;} */
/* .b1 {top: 64%;left: 44%;} */
.b6 {top: 65%;left: 58%;}
/* .b1 {top: 60%;left: 78%;} */


/* .c1 {top: 10%;left: 22%;} */
/* .c2 {top: 26%;left: 44%;} */
.c2 {top: 58%;left: 47%;}
.c6 {top: 66%;left: 62%;}
.c1 {top: 76%;left: 84%;}



.d6 {top: 46%;left: 13%;}
.d7 {top: 18%;left: 23%;}
.d2 {top: 56%;left: 32%;}
/* .d4 {top: 35%;left: 41%;} */
.d1 {top: 65%;left: 53%;}
.d5 {top: 75%;left: 75%;}



.e7 {top: 14%;left: 26%;}
.e3 {top: 50%;left: 26%;}
/* .e3 {top: 21%;left: 38%;} */
.e6 {top: 30%;left: 49%;}
/* .e5 {top: 41%;left: 63%;} */
.e5 {top: 74%;left: 70%;}




.indexFADList a:first-child::before {
	width: 0.74rem;
	height: 0.74rem;
	content: '';
	display: block;
	background-color: #005a41;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	margin-top: -0.37rem;
	margin-left: -0.37rem;
	z-index: -1;
	animation: wave 1s linear infinite;
}

@keyframes wave {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}

	100% {
		transform: scale(1.8);
		opacity: 0.1;
	}
}

.proTxt {
	width: auto;
	height: auto;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	position: absolute;
	top: 70%;
	left: 4.25rem;
}

.proTxt span {
	font-size: 0.75rem;
	font-family: 'RB';
	color: #005a41;
	line-height: 1;
	margin-bottom: 0.1rem;
}

.proTxt p {
	font-size: 0.6rem;
	font-family: 'aliB';
	line-height: 1;
}



.indexFANext {
	width: 1.05rem;
	height: 1.05rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 46%;
	transform: translateX(-50%);
	background-color: #f7f7f7;
	border-radius: 50%;
	cursor: pointer;
	z-index: 9;
}


.indexFANext img {
	display: block;
	width: 0.47rem;
	height: auto;
}


.indexNumBox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 2.5rem;
	padding-bottom: 3.75rem;
	box-sizing: border-box;
	background-position: bottom center;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
}

.indexNumTitle {
	font-size: 1.4rem;
	font-family: 'aliM';
	line-height: 1.3;
	text-align: center;
	margin-bottom: 1.65rem;
	padding: 0 4%;
	box-sizing: border-box;
}

.indexNumTxt {
	width: 28rem;
	max-width: 90%;
	text-align: center;
	font-size: 0.4rem;
	line-height: 2;
	margin-bottom: 3.65rem;
}

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

.indexNumList{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.indexNumCon img{
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	margin: 0 1.2rem;
}


.indexNum{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-width: 6.8rem;
}

.indexNum div{
	font-size: 2.5rem;
	font-family: 'RM';
	color: #005a41;
	line-height: 1;
}

.indexNum span{
	font-size: 0.9rem;
	font-family: 'aliM';
	line-height: 1;
	color: #005a41;
	margin-bottom: 0.45rem;
}

.indexNumList p{
	font-size: 0.4rem;
	line-height: 1;
	padding: 0 6%;
	box-sizing: border-box;
	text-align: center;
	/* margin-top: 0.5rem; */
}


.indexSTBox{
	width: 100%;
	height: 100%;
	position: relative
}
.indexSTBox h2{
	font-size: 1.4rem;
	font-family: 'aliM';
	color: #fff;
	line-height: 1;
	position: absolute;
	top: 2.6rem;
	left: 1.75rem;
}


.indexSTCon{
	width: 100%;
	height: 100%;
	display: flex;
}

.indexSTList{
	width: 25%;
	height: 100%;
	padding: 9rem 1rem 0;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	flex-direction: column;
}

.indexSTList:last-child{
	border: none;
}


.indexSTList img{
	display: block;
	width: 2.6rem;
	height: 2.6rem;
	margin-bottom: 1.5rem;
}

.indexSTList span{
	font-family: 'aliM';
	color: #fff;
	line-height: 1;
	margin-bottom: 0.65rem;
	font-size: 0.8rem;
}
.indexSTList p{
	font-size: 0.4rem;
	color: #fff;
	line-height: 1.5;
	padding-top: 0.65rem;
	border-top: 2px solid #005a41;
}

.indexNewsBox{
	width: 100%;
	height: 9rem;
	display: flex;
	align-items: center;
	background-color: #fff;
}

.indexNewList{
	display: flex;
	width: 50%;
	border-right: 1px solid #ededed;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	box-sizing: border-box;
	padding: 0 1.75rem;
}

.indexNewList:last-child{
	border-right: none;
}

.indexNewCon{
	display: flex;
	flex-direction: column;
	width: 60%;
}

.indexNewCon span{
	color: #005a41;
	line-height: 1;
	font-size: 0.45rem;
	font-family: 'RB';
}

.indexNewCon a{
	height: auto;
	font-size: 0.6rem;
	font-family: 'aliB';
	line-height: 1.3;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin: 0.7rem 0;
}

.indexNewCon p{
	font-size: 0.4rem;
	font-family: 'aliL';
	line-height: 1.5;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.newsRight{
	width: 1.05rem;
	height: 1.05rem;
	border: 1px solid #005a41;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.newsRight img{
	width: 0.47rem;
	height: auto;
	display: block;
}

.footerBox{
	width: 100%;
	height: calc(100% - 9rem);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 11.85rem 17.82rem; 
	background-color: #005a41;
	padding: 1.6rem 1.13rem 0.75rem;
	box-sizing: border-box;
	display: flex;
}

.footerL{
	width: 23%;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding-right: 0.25rem;
	box-sizing: border-box;
}

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

.footerL div span{
	font-family: 'RL';
	font-size: 0.95rem;
	color: #fff;
	line-height: 1.3;
}

.footerLTxt{
	flex: 1;
	margin-top: 0.6rem;
}


.footerLTxt p{
	font-family: 'RL';
	font-size: 0.45rem;
	color: #fff;
	line-height: 1.3;
	display: flex;
	margin-bottom: 0.2rem;
	
}
.footerLTxt p i{
	font-family: 'RL';
	font-size: 0.45rem;
	color: #fff;
	line-height: 1.3;
	word-break: break-all;
}

.footerLTxt p strong{
	font-family: 'RL';
	font-size: 0.45rem;
	color: #fff;
	line-height: 1.3;
	white-space: nowrap;
	font-weight: normal;
}



.footerL a{
	display: block;
	width: 3rem;
	height: auto;
}

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

.footerR{
	width: 73%;
	padding-left: 1.05rem;
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footerRT{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1.5rem;
	box-sizing: border-box;
}

.footerRT a{
	display: flex;
	flex-direction: column;
}

.footerRT a>img{
	display: block;
	width: 4rem;
	height: 4rem;
	margin-bottom: 0.8rem;
	margin-left:  0;
}

.footerRT div{
	display: flex;
	align-items: center;
}

.footerRT div span{
	font-size: 0.75rem;
	line-height: 1;
	color: #fff;
}

.footerRT div img{
	display: block;
	width: 0.65rem;
	height: auto;
	margin: 0 1rem;
}

.copyright{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 1.05rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.copyL{
	display: inline-flex;
	align-items: center;
}

.copyL a,.copyL span{
	font-size: 0.35rem;
	font-family: 'aliL';
	line-height: 1;
	color: #fff;
	display: flex;
	align-items: center;
}


.copyL a img{
	display: inline-block;
	width: 0.35rem;
	height: auto;
	margin: 0 0.2rem 0 0.26rem;
	
}
.copyR{
	display: flex;
	align-items: center;
}

.copyR a{
	width: 0.6rem;
	height: 0.6rem;
	position: relative;
	margin-left: 0.55rem;
}

.copyR a>img{
	display: block;
	width: 100%;
}


.ewm{
	display: none;
	position: absolute;
	top: -3rem;
	left: 50%;
	transform: translateX(-50%);
	width: 3rem;
	height: 3rem;
}

.ewm img{
	display: block;
	width: 100%;
}


.nBanner{
	width: 100%;
	height: 21.25rem;
}

.nBannerBox{
	width: 100%;
	height: 100%;
	padding:0 4rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.nBannerBox h2{
	font-size: 1.5rem;
	color: #fff;
	line-height: 1;
	margin-bottom: 0.7rem;
}

.nBannerBox p{
	font-size: 0.6rem;
	line-height: 1;
	color: #fff;
}

.aboutOneBox{
	margin-top: -2.5rem;
	padding-left: 4rem;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

.aboutOneCon{
	width: 100%;
	border-top: 0.15rem solid #005a41;
	background-color: #fff;
	padding-right: 4rem;
	padding-left: 2.5rem;
	box-sizing: border-box;
	padding-bottom: 3rem;
}

.contactOneCon{
	width: 100%;
	border-top: 0.15rem solid #005a41;
	background-color: #fff;
	padding-right: 4rem;
	padding-left: 2.5rem;
	box-sizing: border-box;
	padding-bottom: 1.75rem; 
}
.developOneCon{
	width: 100%;
	border-top: 0.15rem solid #005a41;
	background-color: #fff;
	padding-right: 4rem;
	padding-left: 2.5rem;
	box-sizing: border-box;
	padding-bottom: 1.75rem; 
	background-color: #fff;
}




.barBox{
	width: 100%;
	height: 2.8rem;
	display: flex;
	align-items: center;
}

.barBox img{
	display: block;
	width: 0.53rem;
	height: auto;
	margin-right: 0.25rem;
}

.barBox a,.barBox i,.barBox span{
	font-size: 0.4rem;
	display: inline-block;
	line-height: 1;
	font-family: 'aliL';
	margin-right: 0.25rem;
}

.aboutTopBox{
	margin-top: 1.25rem;
	display: flex;
	height: auto;
	overflow: hidden;
	margin-bottom: 2.15rem;
}

.aboutTopL{
	width: 50%;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-family: 'aliM';
	line-height: 1.2;
	padding-right: 6.4rem;
	display: flex;
	align-items: center;
}

.aboutTopR{
	width: 50%;
	display: flex;
	flex-direction: column;
	height: auto;
}

.aboutTopR span{
	font-size: 0.6rem;
	font-family: 'aliB';
	line-height: 1.2;
	color: #005a41;
}

.aboutTopR p{
	font-size: 0.4rem;
	margin-top: 0.85rem;
	line-height: 1.8;
}

.cenTitle{
	font-size: 1.4rem;
	line-height: 1;
	font-family: 'aliM';
	text-align: center;
	width: 100%;
}

.aboutFZBox{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2.65rem 4rem;
	box-sizing: border-box;
}

.aboutFZCon{
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
	overflow: hidden;
	justify-content: space-between;
	margin-top: 1.8rem;
}

.aboutFZList{
	width: calc(25% - 0.53rem);
	height: auto;
	border: 1px solid #dadada;
	overflow: hidden;
}

.aboutFZList img{
	margin-top: 1.8rem;
	display: block;
	width: 2.15rem;
	height: 2.15rem;
	min-height: 2.15rem;
}

.aboutFZList span{
	margin-top: 2.3rem;
	font-size: 0.6rem;
	font-family: 'aliM';
	line-height: 1;
	text-align: center;
}

.aboutFZList i{
	display: block;
	width: 0.5rem;
	height: 3px;
	background-color: #005a41;
	margin:0.45rem 0 0.75rem;
}

.aboutFZList p{
	font-size: 0.45rem;
	line-height: 1.5;
	text-align: center;
	padding-bottom: 1rem;
}

.aboutFZList div{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding: 0 1rem ;
	position: relative;
	z-index: 0;
	background-color: rgba(0, 0, 0, .2);
}

.aboutFZList div::before{
	content: '';
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all .3s ease-out;
}

.timerBox{
	width: 100%;
	overflow: hidden;
	height: auto;
	background-color: #f7f8f8;
	padding: 2.75rem 0;
}

.timerSwiper {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.timeNext,.timePrve{
	width: 0.45rem;
	height: 0.7rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	cursor: pointer;
}

.timeNext{
	right: 4rem;
}

.timePrve{
	left: 4rem;
}

.timeNext span,.timePrve span{
	font-size: 4.5rem;
	font-family: 'RB';
	line-height: 1;
	color: transparent;
	text-stroke: 1px rgba(0, 90, 65, 0.4);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.timeNext img,.timePrve img{
	display: block;
	width: 100%;
}



.timeNext.swiper-button-disabled img,
.timePrve.swiper-button-disabled img{
	filter: grayscale(1);
	opacity: .3;
}

.timeNext.swiper-button-disabled span,
.timePrve.swiper-button-disabled span{
	display: none;
}




.timerSwiper .timerD{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.timerD h2{
	height: 3.9rem;
	width: 24.05rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-family: 'RB';
	line-height: 1;
	color: #005a41;
	border-bottom: 1px solid #005a41;
}

.timerCon{
	height: 9.3rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}

.timerCon p{
	font-size: 0.45rem;
	line-height: 1.4;
	text-align: center;
}

.timerCon span{
	font-family: 'aliB';
	font-size: 0.6rem;
	margin-top: 1rem;
	margin-bottom: 0.6rem;
	font-weight: bold;
}

.tamerPage{
	width: 100%;
	position: relative;
	height: 3.45rem;
	padding: 0 4rem;
	box-sizing: border-box;
}

.tamerPage::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #7ba89c;
	position: absolute;
	bottom: 0.82rem;
	left: 0;
	z-index: 0;
}

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



.pageSwiper .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.pagesCon{
	width: 3.45rem;
	height: 3.45rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pagesCon span{
	font-family: 'RM';
	font-size: 0.6rem;
	line-height: 1;
	color: #005a41;
	margin-top: 1.25rem;
}

.pagesCon div{
	width: 0.5rem;
	border-radius: 50%;
	height: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 90, 65, 0.3);
	margin-top: 0.5rem;
}

.pagesCon div p{
	width: 0.23rem;
	height: 0.23rem;
	border-radius: 50%;
	display: block;
	background-color: #005a41;
}


.pageSwiper .swiper-slide-thumb-active .pagesCon{
	background-color: #005a41;
}

.pageSwiper .swiper-slide-thumb-active .pagesCon span{
	color: #fff;
}


.pageSwiper .swiper-slide-thumb-active .pagesCon div{
	background-color: rgba(255, 255, 255, 0.3);
}
.pageSwiper .swiper-slide-thumb-active .pagesCon div p{
	background-color: #fff;
}


.aboutZSBox{
	width: 100%;
	height: auto;
	padding: 2.5rem 0;
	box-sizing: border-box;
}

.ZSSwiper{
	margin-top: 1.65rem;
}


.ZSSwiper .swiper-slide{
	width: 17.5rem;
	height: 11.25rem;
	background-color: #f7f8f8;
	padding: 1.25rem 1.5rem;
	box-sizing: border-box;
	display: flex;
}

.ZSSwiper .swiper-slide:first-child{
	margin-left: 4rem;
}

.zsL{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-right: 3.45rem;
}

.zsL span{
	font-size: 1.2rem;
	color: #005a41;
	line-height: 1;
	font-family: 'RM';
}

.zsL p{
	font-size: 0.45rem;
	font-family: 'aliB';
}

.zsR{
	flex: 1;
	height: 100%;
}

.zsR img{
	display: block;
	height: 100%;
}

.zsPageBox{
	width: 100%;
	height: auto;
	margin: 1.5rem auto 0;
	padding: 0 4rem;
	box-sizing: border-box;
}

.zsPage{
	width: 100% !important;
	height: 2px !important;
	background-color: #d9d9d9;
	position: relative !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	height: 5px !important;
	background-color: #005a41 !important;
	position: absolute;
	top: 25% !important;
	margin-top: -2.5px;
}


.contactTop{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 1.25rem;
}

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

.conTopL span{
	font-size: 1.4rem;
	font-family: 'aliM';
	line-height: 1;
	margin-bottom: 0.55rem;
}

.conTopL p{
	font-size: 0.6rem;
	color: #333333;
}

.conTopR{
	display: flex;
	justify-content: flex-end;
}

.conTopR a{
	display: block;
	width: 0.95rem;
	height: 0.95rem;
	margin-left: 0.75rem;
}

.conTopR a img{
	display: block;
	width: 100%;
}

.contactInputBox{
	margin: 1.4rem 0 0;
	height: auto;
	overflow: hidden;
}

.conIpt{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	height: auto;
	overflow: hidden;
	justify-content: space-between;
}

.conIpt div{
	background-color: #fff;
	width: calc(50% - 0.13rem);
	display: inline-flex;
	align-items: center;
	padding: 0 0.6rem 0 0.8rem;
	box-sizing: border-box;
	height: 1.75rem;
	margin-bottom: 0.2rem;
}

.conIpt div span{
	font-size: 0.45rem;
	color: #666666;
}

.conIpt div input{
	flex: 1;
	font-size: 0.45rem;
	color: #333333;
	padding: 0 0.25rem;
	box-sizing: border-box;
}

.conIpt div img{
	display: block;
	width: 0.17rem;
	height: auto;
}

.conText{
	width: 100%;
	background-color: #fff;
	height: 4.25rem;
	padding: 0.68rem 0.8rem;
	box-sizing: border-box;
}

.conText textarea{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	font-size: 0.45rem;
	resize: none
}

.conText textarea::placeholder{
	color: #666666;
	font-size: 0.45rem;
	line-height: 1.5;
}

.conBtn{
	margin-top: 1.75rem;
	display:flex;
	justify-content: space-between;
}

.conBtn button{
	width: calc(50% - 0.13rem);
	font-size: 0.45rem;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.75rem;
	background-color: #a1a1a1;
}

.conBtn button:first-child{
	background-color: #005a41 !important;
}

.voipBox{
	width: 100%;
	height: auto;
	padding: 2.5rem 4rem;
	box-sizing: border-box;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
}

.voipList{
	width: calc(50% - 0.5rem);
	height: auto;
	display: flex;
	flex-direction: column;
}

.voipList h2{
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1;
	font-family: 'aliM';
}

.voipCon{
	width: 100%;
	flex: 1;
	overflow: hidden;
	display: flex;
	padding: 1.15rem 0;
	margin-top: 1.5rem;
	box-sizing: border-box;
	border: 1px solid #f1f1f1;
	background-color: #fff;
	box-shadow: 0px 0.28rem 0.4rem 0.17rem rgb(241,241,241);
}

.voipL{
	width: 5.75rem;
	display: flex;
	height: 100%;
	justify-content: center;
	border-right: 1px solid #f1f1f1;
	box-sizing: border-box;
}

.voipL img{
	display: block;
	width: 2.77rem;
	height: 2.77rem;
	margin-top: 0.65rem;
}

.voipR {
	width: calc(100% - 5.75rem);
	display: flex;
	flex-direction: column;
	padding: 0 1.5rem;
	box-sizing: border-box;
}

.voipR span{
	font-size: 0.75rem;
	line-height: 1.5;
	color: #333333;
	font-family: 'aliM';
}

.voipRItem{
	width: 100%;
	margin-top: 1rem;
	display: flex;
}

.voipRItem img{
	width: 0.65rem;
	display: block;
	height: 0.65rem;
	margin-right: 0.5rem;
}

.voipRItem div{
	width: calc(100% - 1.15rem);
	display: inline-flex;
	flex-direction: column;
}

.voipRItem div p{
	font-size: 0.75rem;
	font-family: 'RL';
	line-height: 1;
	margin-bottom: 0.2rem;
	color: #333333;
	word-break: break-all;
}

.mapBox{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 3rem;
}

.cenTTxt{
	font-size: 0.6rem;
	line-height: 1;
	margin: 0.9rem auto;
	text-align: center;
	width: 92%;
}

.mapBox img{
	display: block;
	width: 40.88rem;
	height: auto;
	max-width: 92%;
}


.developTopBox{
	margin-top: 1.25rem;
	font-size: 1.4rem;
	font-family: 'aliM';
	margin-bottom: 2.15rem;
}

.developCon{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: space-between;
}

.developList{
	width: calc(50% - 0.47rem);
	display: flex;
	flex-direction: column;
	padding: 0 2.1rem;
	box-sizing: border-box;
	height: auto;
	border: 1px solid #005a41;
	margin-bottom: 1rem;
	overflow: hidden;
}

.developList:nth-child(3),.developList:nth-child(4){
	margin-bottom: 0;
}



.developList img{
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 0.95rem;
}

.developList span{
	font-size: 0.9rem;
	line-height: 1;
	font-family: 'aliB';
	font-weight: bold;
	color: #005a41;
	margin: 0.55rem 0 0.95rem;
}

.developList p{
	font-size: 0.45rem;
	line-height: 2;
	font-family: 'aliL';
	padding-top: 0.75rem;
	border-top: 1px solid #d9d9d9;
	padding-bottom: 0.95rem;
}

.developDBox{
	width: 100%;
	padding: 2.5rem 4rem;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cenMTxt{
	width: 22rem;
	max-width: 100%;
	text-align: center;
	font-size: 0.45rem;
	line-height: 1.5;
	margin: 1.35rem 0 1.9rem;
}

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

.developDItem{
	width: 32%;
	height: 9rem;
	border-radius: 0.63rem;
	overflow: hidden;
}

.developDItem div{
	
	width: 100%;
	height: 100%;
	padding: 1.25rem 1.45rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	 background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
}


.developDItem img{
	display: block;
	width: 2.5rem;
	height: auto;
}

.developDItem i{
	width: 0.42rem;
	height: 0.15rem;
	background-color: #fff;
	display: block;
	margin: 0.5rem 0 0.45rem;
}


.developDItem span{
	font-size: 0.75rem;
	font-family: 'aliM';
	color: #fff;
}



.newsTopBox{
	margin-top: 1.25rem;
	display: flex;
	height: auto;
	overflow: hidden;
	margin-bottom: 2.15rem;
	align-items: center;
}

.newsTopL{
	width: 50%;
	font-size: 1.4rem;
	font-family: 'aliM';
	line-height: 1.2;
}

.newsTopR{
	width: 50%;
	display: flex;
	justify-content: flex-end;
	height: auto;
}

.newsSwiper{
	width: 100%;
	height: 13.05rem;
	margin-top: 1.75rem;
}

.newsSwiper .swiper-slide{
	display: flex;
}


.nSL{
	width: 38%;
	height: 100%;
	background-color: #005a41;
	padding: 1.45rem 1.45rem 1.85rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

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

.nSL div span{
	font-size: 0.45rem;
	font-family: 'RB';
	color: #fff;
	opacity: .5;
	line-height: 1;
}

.nSL div h2{
	font-size: 0.6rem;
	font-family: 'aliB';
	line-height: 1.3;
	color: #fff;
	margin: 0.75rem 0;
	width: 100%;
}

.nSL div p{
	font-size: 0.4rem;
	font-family: 'aliL';
	line-height: 1.8;
	color: #fff;
}

.nSL a{
	width: 1.05rem;
	height: 1.05rem;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nSL a img{
	display: block;
	width: 0.47rem;
	height: auto;
}

.nSR{
	width: 62%;
	height: 100%;
}

.newsPrev,.newsNext{
	width: 1.05rem;
	height: 1.05rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.9rem;
	background-color: #005a41;
	border-radius: 50%;
	cursor: pointer;
}

.newsPrev img,.newsNext img{
	display: block;
	width: 0.47rem;
}

.newsPrev.swiper-button-disabled,
.newsNext.swiper-button-disabled{
	background-color: #cbcbcb;
}


.newsListBox{
	padding: 2.5rem 4rem;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
}

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


.newsList{
	width: 32%;
	height: 9.5rem;
	background-color: #fff;
	margin-right: 2%;
	margin-bottom: 0.75rem;
	display: block;
}
.newsList:nth-child(3n){
	margin-right: 0;
}



.newsListB{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0.95rem 1.1rem;
	position: relative;
	z-index: 0;
	background-color: rgba(0, 0, 0, .3);
}

.newsListB::before{
	content: '';
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all .3s ease-out;
}





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

.newsCon span{
	font-size: 0.45rem;
	font-family: 'RB';
	color: #005a41;
	line-height: 1;
}

.newsCon h2{
	font-size: 0.6rem;
	font-family: 'aliB';
	line-height: 1.3;
	font-weight: bold;
	margin: 0.75rem 0;
	width: 100%;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}

.newsCon p{
	font-size: 0.4rem;
	font-family: 'aliL';
	line-height: 1.8;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box;   
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}

.newsRight{
	width: 1.05rem;
	height: 1.05rem;
	border: 1px solid #005a41;
	box-sizing: border-box;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.newsRight img{
	display: block;
	width: 0.47rem;
	height: auto;
}


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

.newsDLeft{
	width: 70%;
	padding-right: 2.5rem;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
}

.newsDLeft h1,.newsDRight h3{
	font-size: 0.9rem;
	font-family: 'aliM';
	line-height: 1.3;
	margin-bottom: 1.25rem;
}

.newsDLtip{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-bottom: 2.4rem;
}

.newsDLtip div,.newsDLtip a{
	display: flex;
	align-items: center;
}

.newsDLtip div{
	margin-right: 2.25rem;
}

.newsDLtip div img{
	display: block;
	width: 0.55rem;
	height: auto;
	margin-right: 0.35rem;
}

.newsDLtip div span,.newsDLtip a span{
	font-size: 0.4rem;
	color: #999999;
	line-height: 1;
	font-family: 'aliL';
}

.newsDRight{
	width: 30%;
}

.newsDCon{
	border-bottom: 1px solid #cccccc;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.newsDCon p{
	display: block;
	width: 100%;
	font-size: 0.4rem;
	line-height: 1.8;
	margin-bottom: 0.95rem;
}

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

.newsPageBox{
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 0.95rem;
}

.newsPageL{
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
	flex: 1;
}

.newsPageL a{
	display: flex;
	width: 100%;
	height: 0.95rem;
	align-items: center;
	font-size: 0.4rem;
}

.newsPageR{
	width: 6rem;
	height: 1.38rem;
	margin-left: 0.55rem;
}
.newsPageR a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0.25rem 0 0.75rem;
	box-sizing: border-box;
	background-color: #005a41;
	border-radius: 1.38rem;
	transition: all .3s ease-out;
}

.newsPageR span{
	font-size: 0.4rem;
	line-height: 1;
	color: #fff;
}

.newsPageR p{
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}


.TJList{
	width: 100%;
	height: 9.5rem;
	background-color: #005a41;
	margin-bottom: 0.75rem;
	display: block;
}

.TJListB{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0.95rem 1.1rem;
	position: relative;
	z-index: 0;
	background-color: rgba(0, 0, 0, .3);
}

.TJListB::before{
	content: '';
	background-color: #005a41;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all .3s ease-out;
}





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

.TJCon span{
	font-size: 0.45rem;
	font-family: 'RB';
	color: #fff;
	line-height: 1;
}

.TJCon h2{
	font-size: 0.6rem;
	font-family: 'aliB';
	line-height: 1.3;
	font-weight: bold;
	margin: 0.75rem 0;
	width: 100%;
	color: #fff;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;   
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}

.TJCon p{
	font-size: 0.4rem;
	font-family: 'aliL';
	line-height: 1.8;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box;   
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3; 
	color: #fff;
}

.TJRight{
	width: 1.05rem;
	height: 1.05rem;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.TJRight img{
	display: block;
	width: 0.47rem;
	height: auto;
	filter:brightness(0) invert(1);
}


.proHead{
	background-color: #fff;
	height: 3.6rem;
	width: 100%;
}

.productBox{
	width: 100%;
	border-top: 0.13rem solid #005a41;
	height: auto;
	overflow: hidden;
	padding: 2.5rem 4rem;
	box-sizing: border-box;
}


.proTitle{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.proTitle span{
	font-size: 1.4rem;
	font-family: 'aliM';
	line-height: 1;
	margin-bottom: 0.55rem;
	text-transform: capitalize;
}

.proTitle p{
	color: #666666;
	line-height: 1;
	font-size: 0.6rem;
}

.proNavActive{
	background-color: #005a41 !important;
	
}

.proNavActive img{
	filter:brightness(0) invert(1);
}

.proNavActive span{
	color: #fff !important;
}

.proNavActive p{
	color: rgba(236, 255, 248, .08) !important;
}


.proNavBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: -0.5rem;
	margin-bottom: 1.75rem;
}

.proNav{
	width: 14%;
	background-color: #fff;
	padding: 0.5rem 0.65rem;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	height: 4rem;
}


.proNav img{
	display: block;
	width: 1.8rem;
	height: 1.8rem;
}

.proNav span{
	font-size: 0.45rem;
	line-height: 1;
}

.proNav p{
	position: absolute;
	bottom: -1.2rem;
	right: -0.6rem;
	font-size: 3.75rem;
	font-family: 'RB';
	color: rgba(0, 90, 65, 0.08);
	line-height: 1;
}

.productListBox{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.productList{
	width: calc(50% - 1rem);
	height: 21.5rem;
	display: flex;
	padding: 1.1rem 1.5rem 1.5rem;
	box-sizing: border-box;
	flex-direction: column;
	margin-bottom: 2.05rem;
	background-image: linear-gradient(#adb1b6, #f3f3f3);
}





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

.productTop>img{
	display: block;
	width: 1.32rem;
	height: 1.32rem;
}

.productTop div{
	width: 1.05rem;
	display: flex;
	height: 1.05rem;
	border-radius: 50%;
	background-color: #005a41;
	align-items: center;
	justify-content: center;
}



.proLine{
	width: 100%;
	height: 0.13rem;
	background-color: #fff;
	margin: 0.85rem auto;
}


.productList span{
	font-size: 0.9rem;
	width: 100%;
	color: #fff;
	line-height: 1;
	margin-bottom: 0.9rem;
	font-family: 'aliM';
}

.productList p{
	font-size: 0.45rem;
	color: #fff;
	line-height: 1.5;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;   
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}



.proImgBox{
	width: 100%;
	flex: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.proImgBox img{
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.proContact{
	width: 100%;
	padding: 2.5rem 7.1rem;
	background-color: #f2f2f2;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
}

.productDTop{
	border-top: 0.13rem solid #005a41;
	padding: 0.5rem 4rem 2.63rem;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.proDSwiper{
	width: 100%;
	height: 16rem;
	position: relative;
}

.proSlide{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: right center;
}

.proDFont{
	position: absolute;
	width: 37.65rem;
	display: block;
	height: auto;
	max-width: 98%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.proSlideCon{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* 12.25 */
.proSlideTop{
	width: 18rem; 
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
}

.proSlideTop h2{
	font-size: 1.4rem;
	line-height: 1;
	margin: 1.25rem 0;
	font-family: 'aliM';
}

.proSlideTop>p{
	font-size: 0.45rem;
	line-height: 1.5;
	font-family: 'aliL';
	margin-bottom: 2rem;
}

.proSlideDown{
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
}

.proSlideDown span{
	font-size: 0.6rem;
	font-family: 'aliM';
	line-height: 1;
	margin-bottom: 0.8rem;
}

.proLabel{
	display: flex;
	align-items: center;
}

.proLabel a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.13rem;
	padding: 0 0.85rem;
	box-sizing: border-box;
	font-size: 0.45rem;
	font-family: 'aliM';
	background-color: #d0d9d7;
	color: #005a41;
	margin-right: 0.5rem;
}




.proDPageBox{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 4rem;
	height: 10.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.proDPage{
	display: flex;
	align-items: center;
	margin: 2.25rem auto;
	justify-content: center;
}

.proDPage span{
	font-size: 0.45rem;
	font-family: 'RL';
	line-height: 1;
	color: #fff;
	letter-spacing: 0.07rem;
}
.proDNext,.proDPrev{
	width: 1.05rem;
	height: 1.05rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-top: 0.35rem;
	cursor: pointer;
}

.proDNext img,.proDPrev img{
	display: block;
	width: 0.47rem;
}

.proDListBox{
	width: 100%;
	height: auto;
	padding: 2.5rem 4rem;
	box-sizing: border-box;
}

.proDItem{
	display: flex;
	align-items: center;
	height: 15rem;
	width: 100%;
}

.proDImgBox{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f7f7f7;
}

.proDImgBox img{
	display: block;
	max-width: 90%;
	max-height: 90%;
	mix-blend-mode: multiply;
}

.proDCon{
	width: 50%;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	box-sizing: border-box;
}

.proDCon span{
	font-size: 1.4rem;
	font-family: 'aliM';
	line-height: 1.3;
	margin-bottom: 1.15rem;
}

.proDCon p{
	font-size: 0.45rem;
	line-height: 1.5;
	display: block;
	width: 100%;
	max-height: 4.5rem;
	overflow-x: auto;
}


.proDCon p::-webkit-scrollbar {

width:4px;

}

/* 滚动槽 */

.proDCon p::-webkit-scrollbar-track {

-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);

border-radius:4px;

}

/* 滚动条滑块 */

.proDCon p::-webkit-scrollbar-thumb {

border-radius:4px;

background:rgba(0,0,0,0.1);

-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);

}

.proDCon p::-webkit-scrollbar-thumb:window-inactive {

background:#005a41;

}



.proDItem:nth-child(odd){
	flex-direction: row;
}

.proDItem:nth-child(even){
	flex-direction: row-reverse;
}

.proDItem:nth-child(odd) .proDCon{
	padding-left: 3.63rem;
}

.proDItem:nth-child(even) .proDCon{
	padding-right: 3.63rem;
}

.beltBanner{
	width: 100%;
	padding: 0 4rem 2.6rem;
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.beltBannerTitl{
	width: 100%;
	height: 1.6rem;
	display: flex;
	align-items: center;
	border-bottom: 3px solid #fff;
	font-size: 0.6rem;
	color: #fff;
	margin-bottom: 1.25rem;
}

.beltBannerHover{
	display: flex;
	width: 100%;
	height: 9.85rem;
}
.beltBannerList{
	width: 2.4rem;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	box-sizing: border-box;
	cursor: pointer;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.beltBannerList:first-child{
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.beltBannerSM{
	writing-mode: vertical-lr;
	font-size: 0.6rem;
	color: #fff;
	font-family: 'aliM';
}

.beltListActive{
	flex: 1;
	padding: 0 2rem;
	box-sizing: border-box;
	height: 100%;
}

.beltListActive .beltBannerSM{
	display: none;
}

.beltListActive .beltBannerBig{
	display: flex;
}

.beltBannerBig{
	display: none;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 90%;
}

.beltBannerBig span{
	font-size: 0.6rem;
	color: #fff;
	line-height: 1;
	font-family: 'aliM';
}

.beltBannerBig>div{
	display: flex;
	flex-direction: column;
	width: 8.25rem;
}

.beltBannerBig>div p{
	font-size: 0.4rem;
	line-height: 2;
	color: #fff;
	margin-bottom: 1.1rem;
}

.beltBannerBig>div div{
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 888;
}

.beltBannerBig>div div img{
	display: block;
	width: 0.45rem;
	height: auto;
}






.beleConBox {
	background-color: #f7f7f7;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2.5rem 2.35rem;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
}


.beleFATop {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	box-sizing: border-box;
	z-index: 8;
	position: sticky;
}

.beleFATopRight {
	width: 45%;
	height: auto;
	overflow: hidden;
}

.beleFATopRightList {
	width: 100%;
	display: none;
	flex-direction: column;
	height: auto;
}

.faTopActive{
	display: flex !important;
}


.beleFATopName {
	font-size: 1.2rem;
	line-height: 1;
	font-family: 'aliB';
	margin-bottom: 0.5rem;
}

.beleFATopRightList span {
	font-size: 0.4rem;
	font-family: 'RR';
	color: #005a41;
	text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: 1rem;
	display: block;
}

.beleFATopRightList p {
	font-size: 0.4rem;
	display: block;
	width: 80%;
	line-height: 1.5;
	text-transform: uppercase;
}

.faTxt{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: auto;
	height: auto;
	position: absolute;
}

.faTxt span{
	font-size: 0.75rem;
	text-transform: uppercase;
	line-height: 1;
	font-family: 'aliM';
	color: #005a41;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 0.1rem;
}

.faTxt p{
	font-size: 0.6rem;
	font-family: 'aliM';
	line-height: 1;
	font-weight: bold;
	white-space: nowrap;
}

.a7 .faTxt{top: -2rem;right: -5rem;}
.a3 .faTxt{top: 1.5rem;right: 0.2rem;}
.a2 .faTxt{top: -2.5rem;right: -3rem;}
.a1 .faTxt{top: -2.5rem;right: -2rem;}
.a4 .faTxt{top: -2rem;right: -2rem;}

/* .b1 .faTxt{top: -2rem;right: -5rem;} */
.b3 .faTxt{top: 2.2rem;right: 0.2rem;}
/* .b3 .faTxt{top: -2.5rem;right: -2rem;} */
/* .b3 .faTxt{top: 1.8rem;right: 0rem;} */
.b6 .faTxt{top: 1.8rem;right: 0rem;}
/* .b6 .faTxt{top: 2.5rem;right: 0rem;} */

/* .c1 .faTxt{top: -1rem;right: -4rem;} */
/* .c2 .faTxt{top: -2.2rem;right: -2rem;} */
.c2 .faTxt{top: 1.5rem;right: 0rem;}
.c6 .faTxt{top: 1.5rem;right: 0rem;}
.c1 .faTxt{top: -3rem;right: -2rem;}

.d6 .faTxt{top: 2.5rem;right: 0rem;}
.d7 .faTxt{top: -1.5rem;right: -5rem;}
.d2 .faTxt{top: 2rem;right: 0rem;}
/* .d4 .faTxt{top: -2.5rem;right: -2rem;} */
.d1 .faTxt{top: -2rem;right: -2rem;}
.d5 .faTxt{top: -2rem;right: -2rem;}

.e7 .faTxt{top: -2rem;right: 2.5rem;}
.e3 .faTxt{top: 2.2rem;right: 0.2rem;}
/* .e3 .faTxt{top: -2rem;right: -4rem;} */
.e6 .faTxt{top: -2rem;right: -3.5rem;}
/* .e5 .faTxt{top: -2rem;right: -4rem;} */
.e5 .faTxt{top: -2rem;right: -2rem;}

.phHead,.phNav{
	display: none;
}


.pcNavEJ{
	width: auto;
	position: absolute;
	height: auto;
	overflow: hidden;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 0.8rem;
	display: none;
}

.pcNavEJ li{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 0 0.5rem;
	box-sizing: border-box;
}

.pcNavEJ li a{
	font-size: 0.4rem;
	line-height: 1.5;
	padding: 0.4rem 0;
	text-align: center;
	width: 100%;
	white-space: nowrap;
}



.w96{
	width: 96%;
	margin: 0 auto;
}

.faSwiper{
	width: 100%;
	flex: 1;
	height: 100%;
	overflow: unset !important;
}

.faSwiper .swiper-slide{
	height: 100% !important;
}


.faSwiper .swiper-slide-next{
	background-color: #005640;
}

.faSwiper .swiper-slide-next .indexFABox{
	background-color: transparent;
}


.faSwiper .swiper-slide-next .indexFADian{
	display: none;
}

.faSwiper .swiper-slide-next .indexFATop {
	opacity: 0;
}


.faSwiper .swiper-slide-next .indexFAImgBox{
	background-color: #005640;
}
.faSwiper .swiper-slide-next .jjBg{
	mix-blend-mode: multiply;
	background-blend-mode: multiply;
}

.cd-fixed-background .swiper-button-disabled{
	pointer-events: none;
	background-color: #cccccc;
	opacity: 0.8;
}



.hovermouse a:first-child{
	background-color: #005a41;
}

.hovermouse a:first-child img{
	filter:brightness(0) invert(1);
}

.hovermouse .faTxt{
	display: flex !important;
}


.moretitle{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1.8rem;
}

.moretitle span{
	font-size: 1.4rem;
	line-height: 1;
	font-family: 'aliM';
	color: #fff;
}


.ejActive{
	background-color: #005a41 !important;
}

	
.ejActive a{
	color: #fff !important;
}





.indexSwiper{
	width: 100%;
	height: 100vh !important;
}




.indexFAPrev{
	width: 1.05rem;
	height: 1.05rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 54%;
	transform: translateX(-50%);
	background-color: #f7f7f7;
	border-radius: 50%;
	cursor: pointer;
	z-index: 9;
}

.indexFAPrev img{
	display: block;
	width: 0.47rem;
	height: auto;
}


.indexSwiper>.swiper-wrapper>.swiper-slide{
	box-sizing: border-box;
}

.indexBottom{
	width: 100%;
	height: 100%;
}

.indexBottom .swiper-slide{
	height: auto;
}





.tabletitle{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1.8rem;
}

.tabletitle span{
	font-size: 1.4rem;
	line-height: 1;
	font-family: 'aliM';
	color: #000;
}
.tableBox{
	padding: 3.4rem 2.2rem 2.8rem;
	background-color: #f7f7f7;
	box-sizing: border-box;
}

.tableBox>p{
	font-size: 0.45rem;
	color: #000;
	line-height: 1.5;
	font-family: 'aliM';
}

.tableOver>table{
	min-width: 100%;
	height: auto;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}



.tableOver>table tr{
	width: 100%;
	height: auto;
}

.tableOver>table tr td{
	font-size: 0.45rem;
	width: 20%;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0.2rem !important;
}

.tableOver>table tr td p{
	font-size: 0.45rem;
	font-family: 'aliR' !important;
	word-wrap: break-word;
	white-space: nowrap;
}


.tableOver{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	height: auto;
	margin-top: 2.1rem;
}



.tableOver::-webkit-scrollbar {

height:4px;

}

/* 滚动槽 */

.tableOver::-webkit-scrollbar-track {

-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);

border-radius:4px;

}

/* 滚动条滑块 */

.tableOver::-webkit-scrollbar-thumb {

border-radius:4px;

background:rgba(0,0,0,0.1);

-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);

}

.tableOver::-webkit-scrollbar-thumb:window-inactive {

background:#005a41;

}


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



.popupVideo{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	background-color: rgba(0, 0, 0, .6);
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100vh;
	display: none;
}

.popupVideo div{
	width: 26rem;
	max-width: 80%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.5rem;
}


.popupVideo div iframe{
	width: 100%;
	background-color: #000;
	height: calc(26rem / 16 * 9);
}

.popupVideo img{
	display: block;
	width: 1rem;
	height: 1rem;
	cursor: pointer;
}




.wx{
	position: relative;
}