@charset "utf-8";

html,
body,
div,
span,
iframe,
map,
font,
img,
a img,
samp,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
b,
p,
blockquote,
a,
address,
code,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tr,
td,
th {
	padding: 0;
	margin: 0;
	border: 0;
	font-weight: normal;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	list-style: none;
}

html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #fff;
	font: normal 12px/22px "微软雅黑";
	overflow-x: hidden;
}

body::-webkit-scrollbar {
	width: 2px;
}

body::-webkit-scrollbar-track {
	background: rgba(232, 232, 232, 1);
}

body::-webkit-scrollbar-thumb {
	background: #139349;
}

img {
	border: 0;
	max-width: 100%;
}

input,
button,
a {
	outline: none;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #139349;
}

.clear {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

div {
	box-sizing: border-box;
}

.dn {
	display: none;
}

#screen {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.5);
}

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

.fsc {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
}

/*通用样式*/
@media screen and (min-width: 1024px) {
	.container {
		width: 1400px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1024px) {
	.container {
		width: 100%;
		margin: 0 auto;
	}
}

.logo {
	position: relative;
}

.logo img {
	height: 44px;
	transition: all 0.5s;
}

.logo img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.header {
	transition: all 0.5s;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 20;
	height: 105px;
	display: flex;
	padding: 0 45px;
	justify-content: space-between;
	align-items: center;
}

.small-header .header {}

.show-header .header {
	transform: translateY(0);
}

.small-header .header {
	height: 80px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background: #ffffff;
}

.small-header .header .logo img {
	opacity: 0;
}

.small-header .header .logo img:nth-child(2) {
	opacity: 1;
}

.small-header .header .nav li h2 a {
	line-height: 80px;
}

.small-header .header dl {
	top: 80px;
}

.small-header .header .productSub {
	top: 80px;
}

.header:hover {
	background: #ffffff;
}

.header:hover .nav li h2 a,
.small-header .header .nav li h2 a {
	color: #333333;
}

.header:hover .langChose h2,
.small-header .header .langChose h2 {
	color: #333333;
	background: url(../images/blackEarth.png) left center no-repeat;
}

.header:hover .searchEnter,
.small-header .header .searchEnter {
	background: url(../images/blackSearch.png) center no-repeat;
}

.header:hover .logo img {
	opacity: 0;
}

.header:hover .logo img:nth-child(2) {
	opacity: 1;
}

.header .nav li h2 a:hover {
	color: #139349;
}

.nav>ul {
	gap: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.menuBtn {
	display: none;
}

.nav li h2 {
	position: relative;
}

.nav.cnNav li dl {
	width: 180px;
	padding: 20px;
}

.nav li h2::after {
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s;
	width: 0;
	background: #139349;
}

.nav li:hover h2::after {
	width: 50px;
}

.nav li h2 a {
	transition: all 0.5s;
	line-height: 105px;
	white-space: nowrap;
	font-size: 18px;
	color: #ffffff;
}

.header .nav li.cur h2 a,
.header .nav li.act h2 a {
	color: #139349;
}

.nav li {
	position: relative;
}

.nav li dl {
	box-sizing: border-box;
	display: none;
	width: 340px;
	background: #ffffff;
	position: absolute;
	padding: 20px 32px;
	left: 50%;
	transform: translateX(-50%);
	top: 105px;
}

.nav li dt {
	border-bottom: 1px solid #eee;
	font-size: 16px;
	line-height: 3;
}

.nav li dt:last-child {
	border: none;
}

.nav li dt a {
	display: block;
	transition: all 0.3s;
}

.nav li dt:hover>a {
	color: #139349;
}

.productSub {
	height: auto !important;
	display: none;
	width: 480px;
	background: #ffffff;
	position: absolute;
	top: 105px;
	left: 50%;
	transform: translateX(-50%);
}

.productSub::after {
	content: '';
	position: absolute;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #eee;
}

.menuChose p {
	cursor: pointer;
	transition: all 0.3s;
	font-size: 16px;
	line-height: 3;
	text-indent: 20px;
}

.menuChose p a {
	transition: all 0.3s;
	color: #000;
}

.menuChose p.cur {
	background: #139349;
}

.menuSlide {
	float: left;
	width: 240px;
}

.menuSlide li {
	text-indent: 20px;
}

.menuSlide li a {
	transition: all 0.3s;
	display: block;
	font-size: 16px;
	line-height: 3;
	text-indent: 20px;
	color: #000;
}

.menuSlide li a:hover {
	background: #139349;
	color: #ffffff;
}

.menuChose p.cur a {
	color: #ffffff;
}

.menuChose {
	float: left;
	width: 240px;
}

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

.fsc {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
}

.searchBox {
	position: relative;
}

.searchinput {
	z-index: 3;
	transition: all .5s;
	opacity: 0;
	pointer-events: auto;
	right: 0;
	transform: scale(0);
	transform-origin: right center;
	position: absolute;
	width: 350px;
	top: 50%;
	margin-top: -23px;
}

.searchinput.show {
	transform: scale(1);
	opacity: 1;
}

.searchinput .hsform {
	width: 100%;
	border-radius: 30px;
	overflow: hidden;
	background-color: #139349;
}

.searchinput .hsform .sinput {
	border: none;
	width: 100%;
	height: 44px;
	background-color: #139349;
	color: #fff;
	text-indent: 20px;
	font-size: 16px;
}

.searchinput .hsform .sinput::placeholder {
	color: #fff;
	font-size: 16px;
}

.searchinput .hsform .sbtn {
	border: none;
	width: 44px;
	height: 44px;
	background: url(../images/search.png) center center no-repeat;
	background-size: 17px;
	cursor: pointer;
}

.searchinput .sclosebtn {
	width: 44px;
	height: 44px;
	position: relative;
	cursor: pointer;
	transition: 0.5s;
}

.sclosebtn:hover {
	transform: rotate(180deg);
}

.searchinput .sclosebtn:before {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background-color: #139349;
	position: absolute;
	left: 7px;
	top: 21px;
	transform: rotateZ(45deg);
}

.searchinput .sclosebtn:after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background-color: #139349;
	position: absolute;
	left: 7px;
	top: 21px;
	transform: rotateZ(-45deg);
}

.searchEnter {
	transition: all 0.5s;
	cursor: pointer;
	display: block;
	background: url(../images/search.png) center no-repeat;
	display: block;
	width: 22px;
	height: 22px;
}

@media screen and (min-width: 1024px) {
	.menuControl {
		display: flex;
		gap: 26px;
		align-items: center;
	}
}

@media screen and (max-width: 1024px) {
	.menuControl {
		display: flex;
		gap: 26px;
		align-items: center;
		margin-right: 40px;
	}
}

.langChose h2 {
	white-space: nowrap;
	transition: all 0.5s;
	line-height: 105px;
	position: relative;
	cursor: pointer;
	color: #ffffff;
	padding-left: 34px;
	position: relative;
	background: url(../images/earth.png) left center no-repeat;
	transition: all .5s;
	font-size: 18px;
}

.langChose {
	position: relative;
}

.langChose dl {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: none;
	background: #ffffff;
	border-radius: 4px;
	text-align: center;
	width: 84px;
	padding: 5px 0;
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
}

.langChose dl::after {
	content: '';
	position: absolute;
	top: -6px;
	left: 0;
	height: 6px;
	width: 100%;
	background: url(../images/dsj.png) center no-repeat;
	background-size: auto 6px;
}

.langChose dt a {
	transition: all .5s;
	display: block;
	font-size: 14px;
	color: #393939;
}

.langChose dt:hover a {
	color: #139349;
}

.langChose.cur dl {
	display: block;
}

.header .langChose:hover h2 {
	background: url(../images/earthon.png) left center no-repeat;
	color: #139349;
}

.header .searchEnter:hover {
	background: url(../images/searchon.png) center no-repeat;
}

/**波浪**/
.wave-box {
	position: relative;
	pointer-events: none;
	height: clamp(0px, calc(100vw*0.0772), 60px);
	overflow: hidden;
}

.banner .wave-box {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
}

.wave-box .wave {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateX(0%);
	width: 400%;
	height: 100%;
	background: url(../images/wave1.png) repeat-x left top;
}

.wave-box .wave1 {
	opacity: 1;
	animation: FRipple 12s 0s linear infinite;
}

/*banner*/
.banner {
	position: relative;
}

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

.banner .swiper-pagination {
	text-align: left;
	left: 50%;
	bottom: 7.3vw;
	width: 1400px;
	transform: translateX(-50%);
}

.banner .swiper-pagination span {
	opacity: 1;
	transition: all 0.3s;
	box-sizing: border-box;
	border: 2px solid #ffffff;
	background: none;
	outline: none;
	width: 16px;
	height: 16px;
	margin: 0 18px 0 0 !important;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
	background: #ffffff;
}

@media screen and (min-width: 1024px) {
	.bannerText {
		position: absolute;
		width: 100%;
		text-align: left;
		top: 50%;
		left: 14%;
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 1024px) {
	.bannerText {
		position: absolute;
		width: 100%;
		text-align: left;
		top: 24%;
		left: 14%;
		transform: translateY(-50%);
	}
}

.bannerText p {
	font-size: 2.7444vw;
	color: #ffffff;
	line-height: 200%;
	font-weight: bold;
}

.downMouse p {
	white-space: nowrap;
	font-size: 16px;
	transform: rotate(-90deg);
}

.downMouse {
	width: 14px;
	position: absolute;
	left: 30px;
	bottom: 7px;
	z-index: 200;
}

.downMouse b {
	background: url(../images/mouse.png) center no-repeat;
	width: 14px;
	height: 24px;
	display: block;
	margin: 10px auto 0;
}

.downMouse span {
	width: 2px;
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	bottom: 180px;
	animation: longAni 2s infinite linear;
	background: #000000;
	display: block;
}

@keyframes FRipple {
	100% {
		transform: translateX(-50%);
	}
}

@keyframes longAni {

	100% {
		height: 64px;
	}
}

.indexAbout .container {
	display: flex;
	justify-content: space-between;
	background: url(../images/ab1.png) right top no-repeat;
	background-size: cover;
}

.aboutCont {
	padding: 140px 0 132px;
}

.aboutArt span {
	font-size: 20px;
	color: #139349;
}

.aboutArt h2 {
	margin: 22px 0 30px;
	font-size: 24px;
	font-weight: bold;
	color: #222222;
	line-height: 170%;
}

.aboutArt p {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 2;
	color: #333333;
}

.aboutArt {
	width: 845px;
}

.more {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	width: 154px;
	line-height: 44px;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 31px 0 33px;
	border: 1px solid #139349;
	border-radius: 58px;
}

.more b {
	transition: all 0.5s;
	position: relative;
	z-index: 2;
	font-size: 16px;
	color: #139349;
}

.more i {
	transition: all 0.5s;
	position: relative;
	z-index: 2;
	display: block;
	background: url(../images/moreIcon.png) center no-repeat;
	width: 20px;
	height: 20px;
}

.more::after {
	content: '';
	position: absolute;
	left: 0;
	height: 100%;
	width: 0;
	transition: all 0.5s;
	background: #139349;
}

.more:hover::after {
	width: 100%;
}

.more:hover b {
	color: #ffffff;
}

.more:hover i {
	transform: rotate(315deg);
	background: url(../images/moreIconCur.png) center no-repeat;
}

.aboutArt a.more {
	margin-top: 60px;
}

.aboutData {
	padding-top: 20px;
	text-align: right;
}

.aboutData p {
	margin-bottom: 30px;
	line-height: 54px;
	font-size: 54px;
	color: #139349;
}

.aboutData li {
	margin-bottom: 68px;
}

.aboutData li b {
	font-size: 16px;
	color: #333333;
	line-height: 1;
}

.project {
	background: url(../images/bg2.jpg) center no-repeat;
	background-size: cover;
	padding: 54px 0 70px;
}

.project .titleCell {
	margin-bottom: 52px;
	text-align: center;
}

.project ul {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.project li {
	flex: 1;
}

.titleCell span {
	font-size: 20px;
	color: #139349;
}

.titleCell p {
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	line-height: 1;
	margin-top: 20px;
}

.projectSwiper .swiper-slide {
	position: relative;
	overflow: hidden;
}

.projectSwiper .swiper-slide:hover {
	position: relative;
	overflow: hidden;
	background: #139349;
}

.projectSwiper .swiper-slide img {
	transition: all 0.5s;
	display: block;
	width: 100%;
	margin-top: 60%;
}

.projectDesc {
	position: absolute;
	top: 49px;
	left: 38px;
	right: 38px;
}

.projectDesc h2 {
	font-size: 18px;
	font-weight: bold;
	color: #222222;
	line-height: 1;
	margin-bottom: 14px;
}

.projectDesc p {
	font-size: 16px;
	color: #777777;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.projectDesc .moreIcon {
	margin-top: 16px;
	overflow: hidden;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #139349;
	border-radius: 50%;
}

.projectDesc .moreIcon i {
	transition: all 0.5s;
	position: relative;
	z-index: 2;
	display: block;
	background: url(../images/moreIcon.png) center no-repeat;
	width: 13px;
	height: 14px;
}

.projectDesc .moreIcon::after {
	content: '';
	position: absolute;
	left: 0;
	height: 100%;
	width: 0;
	transition: all 0.5s;
	background: #139349;
}

.projectSwiper .swiper-slide:hover .moreIcon::after {
	width: 100%;
}

.projectSwiper .swiper-slide:hover .moreIcon i {
	transform: rotate(360deg);
	background: url(../images/moreIconCur.png) center no-repeat;
}

.projectSwiper .swiper-slide:hover img {
	transform: scale(1.1);
}

.projectSwiper {
	position: relative;
	padding-bottom: 63px;
}

.projectSwiper .swiper-pagination {
	bottom: 0;
}

.projectSwiper .swiper-pagination span {
	width: 80px;
	height: 4px;
	background: #dfe5ee;
	opacity: 1;
	transition: all 0.3s;
	border-radius: 0;
}

.projectSwiper .swiper-pagination span.swiper-pagination-bullet-active {
	height: 7px;
	background: #139349;
}

.homeNews {
	padding: 120px 0 108px;
	background: #f7f7f7;
}

.newsTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newsBox {
	margin-top: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bigNews {
	position: relative;
	overflow: hidden;
	width: 56.6%;
	height: 606px;
	position: relative;
}

.bigNews::after {
	content: '';
	pointer-events: none;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.064);
}

.bigNews::before {
	content: '';
	pointer-events: none;
	z-index: 2;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .74));
}

.bigNews img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	object-fit: cover;
}

.bigNews:hover img {
	transform: scale(1.1);
}

.bigText {
	position: absolute;
	z-index: 3;
	bottom: 4px;
	left: 40px;
	right: 40px;
}

.bigText span {
	font-size: 16px;
	color: #139349;
}

.bigText h2 {
	transition: all 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	color: #ffffff;
	font-size: 30px;
	line-height: 1;
	margin: 20px 0 16px;
}

.bigText p {
	font-size: 16px;
	color: #ffffff;
	opacity: .76;
	line-height: 28px;
	margin-bottom: 34px;
}

.bigText b {
	font-size: 15px;
	color: #ffffff;
}

.bigNews:hover .bigText h2 {
	color: #139349;
}

.homeList {
	width: calc(43.4% - 33px);
}

.homeList li {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 35px;
	position: relative;
	padding-bottom: 35px;
	display: flex;
	justify-content: space-between;
	gap: 26px;
}

.newsText span {
	font-size: 15px;
	color: #139349;
}

.newsText h2 {
	transition: all 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #222222;
	font-size: 18px;
	line-height: 1.2;
	margin: 14px 0;
	font-weight: 900;
}

.newsText p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 15px;
	color: #555555;
	line-height: 24px;
	margin-bottom: 18px;
}

.newsText b {
	display: block;
	line-height: 1;
	font-size: 15px;
	color: #222222;
}

.newsPic {
	width: 253px;
	height: 154px;
	overflow: hidden;
}

.newsPic img {
	display: block;
	width: 100%;
	transition: all 0.5s;
}

.newsText {
	width: calc(100% - 0px);
}

.homeList li:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.homeList li:hover img {
	transform: scale(1.1);
}

/* .homeList li::after { content: ''; position: absolute; bottom:-1px; left: 0; transition: all 0.5s; width: 0; height: 1px; background: #139349;}
.homeList li:hover::after { width: 100%;} */
.homeList li:last-child::after {
	display: none;
}

.homeList li:hover h2 {
	color: #139349;
}

.footer {
	background: url(../images/footBg.jpg) right bottom no-repeat;
	background-size: cover;
}

.footerTop {
	padding: 80px 0 8px;
	display: flex;
	justify-content: space-between;
}

.footLink ul::after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.footLink li {
	float: left;
	margin-left: 3.9375vw;
}

.footLink li:nth-child(1) {
	margin-left: 0;
}

.footLink p a {
	font-size: 15px;
	color: #a7a7a7;
}

.footLink p {
	transition: all 0.3s;
	opacity: 1;
	line-height: 40px;
}

.footLink li h2 a {
	font-size: 18px;
	color: #ffffff;
}

.footLink p:hover {
	opacity: 1;
	transform: translateX(5px);
	opacity: 1;
}

.enFooter .footLink li {
	margin-left: 2vw;
}

.newsCont .titleCell {
	max-width: calc(100% - 178px);
}

.footLink li h2 {
	line-height: 1;
	margin-bottom: 20px;
}

.footerContact h2 {
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 24px;
}

.contactLink {
	margin-bottom: 25px;
}

.contactLink ul {
	display: flex;
	gap: 10px;
}

.contactLink li {
	position: relative;
	background: #2f3741;
	align-items: center;
	justify-content: center;
	display: flex;
	transition: all 0.5s;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.contactLink li a {
	align-items: center;
	justify-content: center;
	display: flex;
	width: 100%;
	height: 100;
}

.contactLink li img {
	display: block;
	transition: all 0.5s;
}

.scaleEwm {
	border: 6px solid #ffffff;
	border-radius: 3px;
	transition: all 0.5s;
	transform: scale(0);
	transform-origin: bottom center;
	position: absolute;
	bottom: 50px;
	width: 100px;
}

.contactLink li:hover .scaleEwm {
	transform: scale(1);
}

.contactLink li:hover a img {
	transform: rotateY(360deg);
}

.contactLink li:hover {
	background: #139349;
}

.footerContact p {
	line-height: 2;
	font-size: 15px;
	color: #ffffff;
}

.footerContact p a {
	color: #ffffff;
	transition: all 0.3s;
}

.copyRight {
	margin-top: 40px;
	border-top: 1px solid #333b45;
	line-height: 100px;
	padding-top: 24px;
	align-items: center;
}

.copyRight p,
.copyRight a {
	transition: all 0.3s;
	font-size: 15px;
	color: rgba(255, 255, 255, .36);
}

.copyRight a:hover {
	color: #ffffff;
}

/*产品与方案*/
.insideBanner {
	height: 400px;
	position: relative;
}

.insideBanner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.insideBanner::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.23);
}

.bannerDesc h2 {
	font-weight: bold;
	font-size: 48px;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 18px;
}

.bannerDesc p {
	font-size: 16px;
	line-height: 1;
	color: rgba(255, 255, 255, .5);
}

.bannerDesc {
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 37.6%;
}

.productEnter {
	position: relative;
	z-index: 3;
	margin: -157px auto 30px;
}

.productEnter ul {
	display: flex;
	justify-content: space-between;
}

.productEnter li {
	transition: all .5s;
	background-image: linear-gradient(to right bottom, #f9f9f9, #dbdbdb);
	height: 217px;
	width: 24.5%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.productEnter li p {
	font-size: 18px;
	font-weight: bold;
	color: #222222;
}

.productEnter li img {
	display: block;
	margin: 0 auto 30px;
	transition: all .5s;
}

.productEnter li:hover img {
	transform: rotateY(360deg);
}

.productEnter li a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.productEnter li:hover,
.productEnter li.cur {
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.46);
}

.productPage {
	background: #fafafa;
}

.productTit {
	text-align: center;
	position: relative;
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	line-height: 113px;
}

.productTit::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 65px;
	height: 3px;
	background: #139349;
}

.proMenu {
	background: #ffffff;
	padding: 10px 26px 32px;
	float: left;
	width: 330px;
}

.proMenu a {
	transition: all 0.3s;
	font-size: 16px;
	color: #333333;
	display: block;
	position: relative;
	line-height: 70px;
	border-bottom: 1px solid #cccccc;
	text-indent: 11px;
}

.proMenu a::after {
	content: '';
	background: url(../images/promenuIcon.png) center no-repeat;
	width: 13px;
	height: 14px;
	position: absolute;
	right: 9px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.5s;
}

.proMenu a:hover {
	color: #139349;
}

.proMenu a:hover::after {
	transform: translateY(-50%) rotate(360deg);
	background: url(../images/moreIcon.png) center no-repeat;
}

.proMenu a::before {
	content: '';
	transition: all 0.5s;
	width: 0;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	background: #139349;
}

.proMenu a:hover::before {
	width: 100%;
}

.proMenu a.cur {
	color: #ffffff;
	background: #139349;
}

.proMenu a.cur::after {
	background: url(../images/moreIconCur.png) center no-repeat;
}

.productList li {
	transition: all 0.5s;
	background: #ffffff;
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}

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

.productList {
	padding-bottom: 5vw;
	float: right;
	width: calc(100% - 350px);
}

.productPic {
	overflow: hidden;
	position: relative;
	padding-top: 91.6%;
}

.productPic img {
	transition: all 0.5s;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.productList li p {
	font-size: 16px;
	color: #333333;
	line-height: 62px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	padding: 0 10px;
}

.productList li:hover {
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.productList li:hover img {
	transform: translate(-50%, -50%) scale(1.1);
}

.fpage {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.fpage a {
	font-size: 16px;
	transition: all 0.3s;
	color: #555555;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 45px;
	background: #ffffff;
	border-radius: 50%;
	width: 45px;
	height: 45px;
}

.fpage a:hover {
	color: #139349;
}

.fpage a.cur {
	color: #ffffff;
	background: #139349;
}

.productList ul {
	margin-bottom: 40px;
}

.productBox {
	margin-top: 50px;
}

/*产品详情*/
.productDetailBanner {
	position: relative;
	z-index: 2;
}

.productBanner {
	background: url(../images/detailBg.jpg) center no-repeat;
	background-size: cover;
	padding: 13.95vw 0 8vw;
	position: relative;
}

.productBanner::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 50%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .23), rgba(0, 0, 0, 0));
}

.picCont {
	float: left;
	width: 620px;
}

.bigPic img {
	height: 440px;
	max-width: 100%;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}

.bigPic {
	margin-bottom: 85px;
}

.smallPic {
	padding: 0 35px;
}

.smallPic .swiper-slide {
	cursor: pointer;
	opacity: .16;
}

.smallPic .swiper-slide.cur {
	opacity: 1;
}

.descTit {
	margin-top: 30px;
}

.descTit span {
	font-size: 20px;
	color: #139349;
	display: block;
	line-height: 1;
	margin-bottom: 15px;
}

.descTit p {
	font-size: 46px;
	font-weight: bold;
	color: #222222;
	line-height: 56px;
}

.descTit {
	margin-bottom: 32px;
	border-bottom: 1px solid #babdbf;
	padding-bottom: 32px;
}

.descList p {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	margin-bottom: 16px;
}

.descList p:last-child {
	margin-bottom: 0;
}

.descCont {
	float: right;
	width: calc(100% - 715px);
}

.descList {
	padding-bottom: 42px;
}

.descList p::after {
	content: '';
	position: absolute;
	background: #000000;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.descBtn a {
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	display: inline-flex;
	width: 185px;
	line-height: 60px;
	justify-content: space-between;
	align-items: center;
}

.descBtn a.goBuy {
	margin-right: 18px;
	padding: 0 28px 0 33px;
	border: 1px solid #139349;
	border-radius: 60px;
}

.descBtn a.goBuy span {
	transition: all 0.5s;
	z-index: 2;
	position: relative;
	font-size: 16px;
	color: #ffffff;
}

.descBtn a.goBuy::after {
	transition: all 0.5s;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #139349;
}

.descBtn a.goBuy:hover::after {
	left: 100%;
}

.descBtn a.goBuy:hover span {
	color: #139349;
}

.descBtn a.goBuy i {
	display: block;
	background: url(../images/moreIconCur.png) center no-repeat;
	width: 13px;
	transition: all 0.5s;
	height: 14px;
	position: relative;
	z-index: 2;
}

.descBtn a.goBuy:hover i {
	background: url(../images/moreIcon.png) center no-repeat;
	transform: rotate(360deg);
}

.descBtn a.videoEnter {
	padding: 0 22px 0 33px;
	border: 1px solid #139349;
	border-radius: 60px;
}

.descBtn a.videoEnter span {
	transition: all 0.5s;
	z-index: 2;
	position: relative;
	font-size: 16px;
	color: #139349;
}

.descBtn a.videoEnter::after {
	transition: all 0.5s;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #139349;
}

.descBtn a.videoEnter:hover::after {
	width: 100%;
}

.descBtn a.videoEnter:hover span {
	color: #ffffff;
}

.descBtn a.videoEnter i {
	display: block;
	background: url(../images/playBtn.png) center no-repeat;
	width: 23px;
	transition: all 0.5s;
	height: 23px;
	position: relative;
	z-index: 2;
}

.descBtn a.videoEnter:hover i {
	background: url(../images/playBtnon.png) center no-repeat;
	transform: rotate(360deg);
}

.playBtn {
	cursor: pointer;
	display: block;
	background: url(../images/playBtnons.png) center no-repeat;
	background-size: 100% auto;
	width: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s;
	height: 60px;
	position: relative;
	z-index: 2;
}

.playBtn:hover {
	background: url(../images/playBtnons.png) center no-repeat;
	transform: translate(-50%, -50%) rotate(360deg);
	background-size: 100% auto;
}

.descBtn {
	border-top: 1px solid #bebfc2;
	padding-top: 42px;
}

.videoAlt video {
	display: block;
	max-width: 100%;
	max-height: 70vh;
	object-fit: cover;
	margin: 0 auto;
}

.closeVideo {
	cursor: pointer;
	transition: all .5s;
	background: url(../images/close.png) center no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: -60px;
}

.closeVideo:hover {
	transform: rotate(360deg);
}

.videoAlt {
	display: none;
	z-index: 100;
	width: 600px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
}

#videoCover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	display: none;
}

.detailTitle {
	border-bottom: 1px solid #ededed;
}

.detailTitle h2 {
	position: relative;
	display: inline-flex;
	font-weight: bold;
	font-size: 40px;
	line-height: 3;
	color: #333333;
}

.detailTitle h2::after {
	content: '';
	width: 100%;
	height: 3px;
	background: #139349;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.detailCont {
	margin: 54px auto 50px;
}

.detailInfor img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.detailInfor {
	margin-top: 4vw;
}

.plist li {
	transition: all 0.5s;
	position: relative;
	float: left;
	width: 24%;
	margin-right: 1.33333%;
}

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

.plist li p {
	transition: all 0.5s;
	position: relative;
	z-index: 2;
	font-size: 16px;
	text-align: center;
	line-height: 66px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	color: #333333;
}

.plist li::after {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(209, 1, 0, .05), rgba(209, 1, 1, 1));
	left: 0;
	bottom: 0;
	height: 0;
	transition: all 0.5s;
}

.plist li:hover::after {
	height: 100%;
}

.plist li:hover p {
	color: #ffffff;
	transform: translateY(-22px);
}

.plist li:hover {
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
}

.plist li:hover img {
	transform: translate(-50%, -50%) scale(1.1);
}

.plist ul {
	margin: 50px auto 120px;
}

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

.smallMenu a span {
	position: relative;
	z-index: 2;
}

.smallMenu a {
	margin-right: 15px;
	transition: all .5s;
	position: relative;
	overflow: hidden;
	font-size: 16px;
	display: inline-flex;
	line-height: 46px;
	padding: 0 40px;
	border-radius: 4px;
	color: #333;
	border: 1px solid #333;
}

.smallMenu a.cur {
	background: #139349;
	border: 1px solid #139349;
	color: #fff;
}

.smallMenu a:hover {
	border: 1px solid #139349;
	color: #ffffff;
}

.smallMenu a::after {
	transition: all 0.5s;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #139349;
}

.smallMenu a:hover::after {
	width: 100%;
}

.smallMenu a:hover span {
	color: #ffffff;
}

.location a {
	transition: all 0.3s;
	color: #ffffff;
}

.location a:hover {
	color: #139349;
}

.location {
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	font-size: 15px;
	color: #ffffff;
	position: absolute;
	bottom: 44px;
	line-height: 1;
}

.location span {
	margin: 0 6px;
}

.mapTitle {
	line-height: 114px;
	position: relative;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
}

.mapTitle::after {
	content: '';
	position: absolute;
	width: 65px;
	height: 3px;
	background: #139349;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.servicePoint {
	padding-top: 40px;
}

.cityChose {
	margin: 60px auto 70px;
}

.cityChose ul {
	display: flex;
	justify-content: center;
}

.cityChose li {
	margin: 0 16px;
	position: relative;
	align-items: center;
	box-sizing: border-box;
	background: #ffffff;
	height: 50px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	z-index: 3;
	box-shadow: 0px 8px 30px 0px rgba(161, 164, 169, 0.2);
}

.cityChose li h2 {
	line-height: 50px;
	width: 340px;
	flex: 1;
	border-radius: 25px;
	box-sizing: border-box;
	box-shadow: 0px 8px 30px 0px rgba(161, 164, 169, 0.2);
	padding: 0 50px;
	position: relative;
	z-index: 3;
	background: url(../images/locationIcon.png) 26px center no-repeat #ffffff
}

.cityChose dl {
	max-height: 250px;
	width: 100%;
	z-index: 2;
	overflow: auto;
}

.cityChose li:hover .subCont {
	display: block;
}

.cityChose dl::-webkit-scrollbar {
	width: 4px;
}

.cityChose dl::-webkit-scrollbar-track {
	background: rgba(232, 232, 232, 1);
}

.cityChose dl::-webkit-scrollbar-thumb {
	background: #139349;
}

.cityChose dt a {
	transition: all 0.3s;
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	cursor: pointer;
	padding: 0 40px;
	line-height: 35px;
}

.cityChose dt a:hover {
	color: #139349;
}

.cityChose .subCont {
	display: none;
	box-shadow: 0px 8px 30px 0px rgba(161, 164, 169, 0.2);
	position: absolute;
	background-color: #fff;
	border-radius: 25px;
	top: 0;
	left: 0;
	width: 100%;
	top: 0;
	padding: 50px 0 10px;
	overflow: hidden;
}

.mapCont {
	position: relative;
	width: 100%;
	height: 840px;
}

#map {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.addressInfor {
	width: 430px;
	padding: 48px 0 46px 46px;
	background: #ffffff;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 2;
}

.mapCont .container {
	position: relative;
	height: 100%;
}

.addressInfor li h2 {
	line-height: 40px;
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: bold;
	color: #222222;
}

.addressInfor li p {
	font-size: 15px;
	line-height: 32px;
	color: #777777;
}

.addressInfor li {
	cursor: pointer;
	border-bottom: 1px solid #ededed;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.addressInfor li img {
	display: block;
	margin-bottom: 15px;
}

.addressInfor ul {
	padding-right: 46px;
	overflow-y: auto;
	max-height: 560px;
}

.addressInfor ul::-webkit-scrollbar {
	width: 4px;
}

.addressInfor ul::-webkit-scrollbar-track {
	background: rgba(232, 232, 232, 1);
}

.addressInfor ul::-webkit-scrollbar-thumb {
	background: #139349;
}

.addressInfor li:last-child {
	margin-bottom: 0;
}

/*使用视频*/
.videoPage {
	padding: 42px 0 75px;
}

.videoList li {
	cursor: pointer;
	margin-bottom: 16px;
	text-align: center;
	float: left;
	width: 30%;
	margin-right: 5%;
}

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

.videoPic {
	position: relative;
	padding-top: 62.14%;
	overflow: hidden;
}

.videoPic img {
	transition: all 0.5s;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all 0.5s;
	object-fit: cover;
}

.videoList li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.5s;
	font-size: 16px;
	font-weight: bold;
	line-height: 80px;
}

.videoPic span {
	background: url(../images/videoPlay.png) center no-repeat;
	position: absolute;
	width: 49px;
	height: 49px;
	display: block;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s;
}

.videoList li:hover .videoPic span {
	background: url(../images/videoPlayon.png) center no-repeat;
	transform: translate(-50%, -50%) rotate(360deg);
}

.videoList li:hover img {
	transform: scale(1.1);
}

.videoList ul {
	margin: 50px auto;
}

.videoList li:hover p {
	background: #139349;
	color: #ffffff;
}

.fixForm input,
.fixForm select {
	outline: none;
	font-size: 16px;
	background: #f7f8fa;
	box-sizing: border-box;
	width: 100%;
	height: 68px;
	text-indent: 32px;
	border: 1px solid #f7f8fa;
	transition: all .5s;
}

.fixForm {
	margin: 80px auto;
}

.fixForm li {
	position: relative;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
}

.inpBox {
	width: calc(50% - 12.5px);
}

.fixForm li textarea {
	resize: none;
	font-size: 16px;
	background: #f7f8fa;
	box-sizing: border-box;
	width: 100%;
	height: 190px;
	padding: 0 32px;
	outline: none;
	line-height: 68px;
	font-family: '微软雅黑';
	border: 1px solid #f7f8fa;
	transition: all .5s;
}

.fixForm input:focus,
.fixForm li textarea:focus,
.fixForm select:focus {
	border: 1px solid #139349;
}

.centerBtn {
	text-align: center;
	margin-top: 55px;
}

.centerBtn button {
	background: #ffffff;
	cursor: pointer;
}

.fixForm select {
	color: #777777;
	appearance: none;
}

.selectIcon {
	display: block;
	background: url(../images/selectIcon.png) center no-repeat;
	width: 15px;
	height: 9px;
	pointer-events: none;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}

.checkCode {
	display: flex;
	align-self: center;
	gap: 12px;
}

.checkCode input {
	outline: none;
	font-size: 16px;
	background: #f7f8fa;
	box-sizing: border-box;
	width: 232px;
	height: 68px;
	text-indent: 32px;
	border: 1px solid #f7f8fa;
	transition: all .5s;
}

.checkCode img {
	display: block;
}

.joinDesc {
	background: url(../images/joinDesc.jpg) center no-repeat;
	background-size: cover;
	padding: 50px 0 90px;
}

.ideaSlide {
	position: relative;
}

.ideaPic {
	width: 803px;
	height: 474px;
	object-fit: cover;
}

.ideaDesc {
	border-radius: 8px;
	font-size: 16px;
	color: #222222;
	line-height: 38px;
	position: absolute;
	bottom: 60px;
	right: 48px;
	background: #ffffff;
	padding: 54px 45px;
	width: 625px;
}

.ideaDesc::after {
	content: '';
	background: url(../images/joinIcon.png) center no-repeat;
	width: 78px;
	height: 64px;
	position: absolute;
	top: -45px;
	right: -45px;
}

.ideaHd {
	overflow: hidden;
	margin-top: 70px;
}

.ideaHd span {
	transition: all .5s;
	cursor: pointer;
	position: relative;
	font-size: 20px;
	color: #777777;
	float: left;
	width: 33.33%;
	text-align: center;
	line-height: 82px;
	box-sizing: border-box;
	border-top: 4px solid rgb(238, 238, 238);
}

.ideaHd span::after {
	transition: all .5s;
	content: '';
	position: absolute;
	left: 0;
	top: -4px;
	height: 4px;
	width: 0;
	background: #139349;
}

.ideaHd span.cur::after {
	width: 100%;
}

.ideaHd span.cur {
	color: #139349;
}

.ideaBd {
	margin-top: 64px;
}

.development {
	padding: 50px 0 85px;
}

.developDesc {
	text-align: center;
	color: #333333;
	font-size: 16px;
	line-height: 2;
	margin: 30px 0 40px;
}

.developSwiper img {
	display: block;
}

.developSwiper .swiper-slide {
	display: flex;
	justify-content: space-between;
}

.developBig {
	width: 32%;
}

.developSmall img {
	width: 48.5%;
}

.developSmall {
	width: 66%;
	gap: 3%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.developSwiper {
	position: relative;
	padding-bottom: 58px;
}

.developSwiper .swiper-pagination {
	bottom: 0;
}

.developSwiper .swiper-pagination span {
	width: 80px;
	height: 4px;
	background: #dfe5ee;
	opacity: 1;
	transition: all 0.3s;
	border-radius: 0;
}

.developSwiper .swiper-pagination span.swiper-pagination-bullet-active {
	height: 7px;
	background: #139349;
}

.jobName {
	cursor: pointer;
	padding: 40px 35px 40px;
	border-bottom: 1px solid #dddddd;
	position: relative;
}

.jobName p {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}

.jobName i {
	background: url(../images/joinSelect.png) center no-repeat;
	transition: all 0.5s;
	width: 22px;
	height: 12px;
	display: block;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
}

.jobTag span {
	line-height: 1;
	font-size: 16px;
	color: #333333;
	margin-right: 120px;
}

.joinCont {
	background: #f7f7f7;
	padding: 35px 0 140px;
}

.jobList {
	margin-top: 55px;
	background: #ffffff;
}

.descSub {
	display: none;
	border-bottom: 1px solid #dddddd;
	padding: 40px 75px;
}

.descSub p {
	color: #888888;
	font-size: 16px;
	line-height: 30px;
}

.descSub p strong {
	color: #333333;
}

.jobList li.cur .jobName i {
	transform: translateY(-50%) rotate(0);
}

.contactCell {
	background: url(../images/joinCell.jpg) center no-repeat;
	background-size: cover;
	padding: 170px 0 130px;
}

.contactCell h2 {
	line-height: 1;
	margin-bottom: 36px;
	font-size: 40px;
	font-weight: bold;
	color: #222222;
}

.contactCell a.more::after {
	width: 100%;
}

.contactCell a.more span {
	transition: all 0.5s;
	color: #ffffff;
	position: relative;
	z-index: 2;
	font-size: 16px;
}

.contactCell a.more i {
	background: url(../images/moreIconCur.png) center no-repeat;
}

.contactCell a.more:hover::after {
	left: 100%;
}

.contactCell a.more:hover i {
	background: url(../images/moreIcon.png) center no-repeat;
}

.contactCell a.more:hover span {
	color: #139349;
}

/*家庭医生*/
.familyBanner {
	position: relative;
}

.familyBanner::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.23);
}

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

.familyBannerText {
	max-width: 92%;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
	width: 1135px;
	text-align: center;
}

.familyBannerText h2 {
	font-size: 48px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 30px;
}

.familyBannerText p {
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
}

.downLink li {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.downLink li span {
	cursor: pointer;
	margin: 0 18px;
	border-radius: 48px;
	line-height: 48px;
	background: #139349;
	padding: 0 37px 0 45px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	font-size: 16px;
	color: #ffffff;
}

.downLink li span img {
	margin-right: 6px;
	display: block;
}

.downLink {
	margin-top: 36px;
}

.fixDown {
	z-index: 2;
	text-align: center;
	position: absolute;
	bottom: 2.6vw;
	width: 100%;
	left: 0;
}

.fixDown i {
	animation: downAni 1.5s infinite ease-in-out;
	display: block;
	width: 23px;
	margin: 0 auto;
}

.fixDown p {
	font-size: 16px;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 24px;
}

.subEwm {
	border: 6px solid #ffffff;
	border-radius: 3px;
	transition: all 0.5s;
	transform: scale(0);
	transform-origin: top center;
	position: absolute;
	top: 60px;
	width: 140px;
}

.downLink li.cur .subEwm {
	transform: scale(1);
}

.familyCont {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.familyPage li:nth-child(2n) .familyCont {
	flex-direction: row-reverse;
}

.familyPage li {
	background: #f7f7f7;
	position: relative;
}

.familyPage li:nth-child(2n) {
	background: #ffffff;
}

@media screen and (min-width: 1024px) {
	.familyPage li .familyCont>div {
		justify-content: center;
		flex-direction: column;
		display: flex;
		flex-wrap: wrap;
		width: 50%;
		height: 800px;
	}
}

@media screen and (max-width: 1024px) {
	.familyPage li .familyCont>div {
		justify-content: center;
		flex-direction: column;
		display: flex;
		flex-wrap: wrap;
		width: 50%;
		height: 100%;
	}
}

.familyImg {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4.7vw 44px;
}

.familyText h2 {
	margin-bottom: 40px;
	line-height: 3;
	position: relative;
	font-size: 40px;
	font-weight: bold;
}

.familyText h2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 65px;
	height: 3px;
	background: #139349;
}

.familyText p {
	font-size: 16px;
	color: #222222;
	line-height: 36px;
}

.familyText {
	height: 77vh;
	background: url(../images/circleLine.png) center no-repeat;
	background-size: cover;
}

.lastFmaily {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 39.58%;
}

.contactList ul {
	margin-top: 14px;
	display: flex;
	gap: 3.5%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contactList li {
	position: relative;
	background: #ffffff;
	box-sizing: border-box;
	padding: 4px 4px 0;
	width: 31%;
	margin-bottom: 0.4%;
}

.contactList.enContact li {
	padding: 30px 30px 0;
}

.contactPage {
	background: #fafafa;
	padding: 40px 0 90px;
}

.contactList li::after {
	transition: all 0.5s;
	opacity: 0;
	content: '';
	position: absolute;
	background: #139349;
	background-size: cover;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.addressCont {
	position: relative;
	z-index: 2;
}

.contactList li:hover .addressCont {
	color: #ffffff;
}

.contactList li:hover a {
	color: #ffffff;
}

.contactList li:hover::after {
	opacity: 1;
}

.contactList li h2 {
	transition: all 0.5s;
	line-height: 1;
	margin-bottom: 60px;
	font-weight: bold;
	font-size: 24px;
	color: #222222;
}

.contactList li h3 a {
	transition: all 0.5s;
	font-size: 24px;
	color: #139349;
}

.contactList li h3 {
	line-height: 1;
	margin-bottom: 20px;
}

.contactList li:hover h2 {
	color: #ffffff;
}

.contactList li p {
	line-height: 22px;
	transition: all 0.5s;
	font-size: 15px;
	color: #333333;
}

.contactList li p a {
	transition: all 0.5s;
	color: #333333;
}

.contactList li:hover p {
	color: #ffffff;
}

.contactList li span {
	transition: all 0.5s;
	font-size: 15px;
	color: #777777;
	text-wrap: wrap !important;
}

.contactList li:hover span {
	color: #139349;
}

.contactList li:nth-child(n + 7) {
	display: none;
}

.contactList.show li:nth-child(n+7) {
	display: block;
}

.peoDesc {
	height: 85px;
}

.contactPage .centerBtn {
	margin-top: 15px;
}

.contactList.enContact li h2 {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.25;
}

.contactList.enContact .peoDesc {
	height: auto;
}

/*新闻中心*/
.newsImg {
	overflow: hidden;
	height: 270px;
}

.newsImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

.newsDesc {
	background: #f8f8fc;
	padding: 35px 27px 42px;
	transition: all 0.3s;
}

.newsDesc span {
	transition: all 0.3s;
	display: block;
	font-size: 16px;
	color: #139349;
	margin-bottom: 26px;
}

.newsDesc h2 {
	font-weight: bold;
	font-size: 22px;
	transition: all 0.3s;
	color: #222222;
	line-height: 28px;
	height: 56px;
	margin-bottom: 50px;
}

.newsList {
	padding-bottom: 85px;
}

.newsList li {
	float: left;
	width: 31.7%;
	margin-right: 2.45%;
	margin-bottom: 2.45%;
}

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

.newsList li p {
	font-size: 15px;
	color: #999999;
}

.newsList li:hover .newsDesc {
	background: #139349;
	color: #ffffff;
}

.newsList li:hover h2 {
	color: #ffffff;
}

.newsList li:hover span {
	color: #ffffff;
}

.newsList li:hover p {
	color: rgba(255, 255, 255, .54);
}

.newsList li:hover img {
	transform: scale(1.1);
}

.newsList ul {
	margin: 100px auto 25px;
}

/*详情页*/
.articleBox {
	padding: 110px 0 65px;
}

.articleDesc h2 {
	line-height: 46px;
	margin-bottom: 26px;
	font-size: 26px;
	font-weight: bold;
	color: #222222;
}

.articleDesc p {
	margin-bottom: 26px;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}

.articleDesc img {
	max-width: 100%;
	margin: 0 auto 26px;
	display: block;
}

.articleDetail {
	float: left;
	width: calc(100% - 0px);
}

.articleTitle h2 {
	font-weight: bold;
	font-size: 48px;
	line-height: 62px;
	color: #222222;
}

.articleTag {
	margin: 40px 0 70px;
	display: flex;
	gap: 80px;
}

.articleTag span {
	font-size: 15px;
	color: #999999;
}

.aboutArticle {
	float: right;
	width: 300px;
}

.aboutArticle h3 {
	font-size: 24px;
	color: #222222;
}

.aboutArticle li span {
	color: #139349;
	font-size: 16px;
	display: block;
	margin-bottom: 15px;
	line-height: 1;
}

.aboutArticle li h2 {
	transition: all 0.5s;
	font-size: 22px;
	font-weight: bold;
	color: #222222;
	line-height: 28px;
	margin-bottom: 42px;
}

.aboutArticle li {
	position: relative;
	margin-top: 36px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 32px
}

.aboutArticle li p {
	font-size: 15px;
	line-height: 1;
	color: #999999;
}

.aboutArticle li::after {
	content: '';
	background: #139349;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	width: 0;
	transition: all 0.5s;
}

.aboutArticle li:hover::after {
	width: 100%;
}

.aboutArticle li:hover h2 {
	color: #139349;
}

.articlePage {
	border-top: 1px solid #e9e9e9;
	padding-top: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pageLink {
	max-width: calc(100% - 140px);
}

.pageLink p {
	max-width: 600px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	color: #222222;
	line-height: 38px;
}

.backMenu {
	overflow: hidden;
	padding: 0 34px 0 38px;
	border: 1px solid #139349;
	border-radius: 54px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	line-height: 54px;
}

.backMenu::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #139349;
	transition: all 0.5s;
}

.backMenu:hover::after {
	left: 100%;
}

.backMenu span {
	font-size: 16px;
	color: #ffffff;
	position: relative;
	z-index: 2;
	transition: all 0.5s;
}

.backMenu:hover span {
	color: #139349;
}

.backMenu i {
	position: relative;
	z-index: 2;
	background: url(../images/refuse.png) center no-repeat;
	width: 14px;
	height: 16px;
	display: block;
	transition: all 0.5s;
}

.backMenu:hover i {
	transform: rotate(360deg);
	background: url(../images/refuseRed.png) center no-repeat;
}

.introduceText {
	width: calc(100% - 730px);
}

.introducePic {
	width: 660px;
	position: relative;
}

.introduce {
	padding: 70px 0 120px;
}

.introduceText h2 {
	margin-bottom: 48px;
	position: relative;
	font-size: 40px;
	line-height: 3;
	font-weight: bold;
	color: #333333;
}

.introduceText h2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 65px;
	height: 3px;
	background: #139349;
}

.introduceText p {
	margin-bottom: 30px;
	font-size: 16px;
	color: #222222;
	line-height: 36px;
}

.introduceText p:last-child {
	margin-bottom: 0;
}

.introduce {
	display: flex;
	justify-content: space-between;
	gap: 67px;
}

.buildDesc {
	background: url(../images/aboutBg.jpg) center no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 98px 0 125px;
}

.buildCont h2 {
	margin-bottom: 40px;
	position: relative;
	padding-bottom: 35px;
	font-weight: bold;
	font-size: 40px;
	color: #222222;
	line-height: 58px;
}

.buildCont h2 img {
	margin-left: 12px;
	vertical-align: -4px;
}

.buildCont h2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 65px;
	height: 3px;
	background: #139349;
}

.buildCont p {
	font-size: 16px;
	color: #222222;
	line-height: 36px;
	margin-bottom: 25px;
}

.buildCont ul {
	margin-top: 80px;
	display: flex;
	padding-left: 85px;
}

.buildCont li b {
	line-height: 1;
	margin-bottom: 20px;
	display: block;
	font-size: 72px;
	color: #139349;
	text-align: center;
}

.buildCont li b i {
	font-style: normal;
}

.buildCont li {
	text-align: center;
	margin-right: 14.58vw;
}

.buildCont li:last-child {
	margin-right: 0;
}

.buildCont li span {
	font-size: 16px;
	color: #222222;
}

.manager {
	background: url(../images/manger.jpg) center no-repeat;
	background-size: cover;
}

.managerCont {
	padding: 5.2vw 0 5.8vw;
}

.managerInfor {
	display: flex;
	justify-content: space-between;
}

.managerTit {
	font-size: 40px;
	font-weight: bold;
	color: #222222;
	line-height: 1;
	margin-bottom: 48px;
}

.nameTitle h3 {
	margin-bottom: 20px;
	position: relative;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
}

.nameTitle h3 span {
	font-size: 14px;
	color: #999999;
	margin-left: 16px;
}

.nameTitle p {
	font-size: 16px;
	color: #8c8c8c;
	line-height: 1.4;
}

.nameTitle {
	margin-bottom: 50px;
	margin-top: 35px;
	position: relative;
	padding-bottom: 47px;
	margin-top: 32px;
}

.nameTitle::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 65px;
	height: 3px;
	background: #139349;
}

.peopleDesc p {
	color: #222222;
	font-size: 16px;
	line-height: 36px;
}

.managerPic {
	width: calc(100% - 727px);
	height: 100%;
}

.managerPic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.managerText {
	max-width: 100%;
	width: 645px;
}

.managerSay {
	border-top: 1px solid #e8e8e8;
	padding-top: 50px;
	margin-top: 55px;
}

.managerSay p {
	font-size: 16px;
	color: #999999;
	margin-bottom: 34px;
}

.managerSay img {
	max-width: 100%;
}

.honor {
	background: #f8f8f8;
	padding-top: 50px;
}

.honorSwiper .swiper-slide {
	width: auto;
}

.honorSwiper img {
	display: block;
	height: 322px;
}

.honorSwiper {
	padding-bottom: 5px;
	margin-top: 90px;
}

.mouseNotice {
	background: url(../images/honorBg.jpg) left top repeat-x;
	height: 206px;
}

.mouseNotice p {
	padding-top: 80px;
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #333333;
}

.mouseNotice p img {
	margin-right: 10px;
}

.clutureText {
	width: 48.54%;
	padding-left: calc(50vw - 700px);
}

.cluture {
	display: flex;
	justify-content: space-between;
}

.clutureImg {
	width: 47.395%;
	height: 590px;
}

.clutureImg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.clutureText h2 {
	margin-bottom: 36px;
	position: relative;
	font-size: 40px;
	line-height: 100px;
	font-weight: bold;
	color: #333333;
}

.clutureText h2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 65px;
	height: 3px;
	background: #139349;
}

.clutureText li {
	position: relative;
	display: flex;
	justify-content: space-between;
	line-height: 80px;
	border-top: 1px solid #eeeeee;
	padding-bottom: 69px;
}

.clutureText li p {
	font-size: 28px;
	font-weight: bold;
	color: #333333;
}

.clutureText li span {
	font-size: 18px;
	color: #777777;
}

.clutureText li::after {
	content: '';
	position: absolute;
	left: 0;
	top: -1;
	width: 0;
	transition: all 0.5s;
	height: 2px;
	background: #139349;
}

.clutureText li:hover::after {
	width: 100%;
}

.clutureText img {
	position: absolute;
	right: 8px;
	bottom: 0;
	transition: all 0.5s;
	opacity: 0;
}

.clutureText li:hover img {
	opacity: 1;
}

.clutureText li:last-child {
	border-bottom: 1px solid #eeeeee;
}

.cluture {
	padding: 5.8vw 0 6vw;
}

.responsibility {
	padding: 75px 0 100px;
	background: #f5f5f5;
	background-size: cover;
}

.aboutzr-item {
	width: 100%;
	margin-top: 148px;
	margin-bottom: 8%;
}

.aboutzr-item li {
	box-sizing: border-box;
	float: left;
	width: 19.8%;
	height: 512px;
	text-align: center;
	margin-right: 1.5%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .8s ease;
	position: relative;
	z-index: 0;
}

.aboutzr-item li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 206px;
	transition: all .8s ease;
}

.aboutzr-item li:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.43);
	z-index: -1;
}

.aboutzr-item li:last-child {
	margin-right: 0;
	transform: translateY(-15px);
}

.aboutzr-item li:first-child {
	transform: translateY(-40px);
}

.aboutzr-item li:nth-child(3) {
	transform: translateY(-72px);
}

.aboutzr-item li h2 {
	font-size: 26px;
	color: #fff;
	margin-bottom: 20px;
}

.aboutzr-item li p {
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	opacity: 0;
	transition: all .6s ease;
	transform: translateY(30px);
	transition: all 0s ease 0s;
}

.aboutzr-item li.active {
	width: 57.1%;
	text-align: left;
}

.aboutzr-item li.active a {
	;
	padding: 132px 258px 0 48px;
}

.aboutzr-item li.active p {
	opacity: 1;
	transform: translateY(0);
	transition: all .4s ease .7s;
}

.aboutzr-item ul::after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.mobSub {
	display: none;
}

.copyRight br {
	display: none;
}

@keyframes downAni {
	form {
		transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
	}

	to {
		transform: translateY(0);
	}
}

.menubox {
	display: none;
}

.lb-dataContainer {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: -40px;
}

.resCont {
	padding: 3vw 0 5.2vw;
}

.resList ul::after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.resList li {
	padding-top: 16.5%;
	position: relative;
	overflow: hidden;
	float: left;
	width: 24%;
	margin-right: 1.3333%;
	margin-bottom: 1.33333%;
}

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

.resList {
	margin-top: 40px;
}

.resList li img {
	position: absolute;
	transition: all 0.3s;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.resList li:hover img {
	transform: scale(1.1);
}


/**侧边悬浮**/
.small-header .fix-nav {
	transform: translateX(0);
}

.fix-nav {
	--color1: var(--main-color);
	--fs: 68px;
	--size: 43%;
	--fill: #ffffff;
	margin-top: -172px;
	transform: translateX(100%);
	position: fixed;
	right: 0;
	bottom: 14px;
	z-index: 9;
	background: #139349;
	text-align: center;
	transition: transform .3s;
}

.fix-nav .line {
	display: block;
	margin: 0 auto;
	height: 1px;
	width: 80%;
	background: rgba(255, 255, 255, 0.17);
}

.fix-nav .fix-btn {
	display: block;
	position: relative;
	width: 68px;
	height: 68px;
	background: transparent;
	color: #fff;
	font-size: 12px;
	transition: all 0.3s;
}

.fix-nav .fix-btn+.fix-btn {
	margin-top: 5px;
}

.fix-nav .fix-btn.qq {
	--size: 55%;
}

.fix-nav .fix-btn.weixin {
	--size: 46%;
}

.fix-nav .fix-btn.phone {
	--size: 46%;
}

.fix-nav .fix-btn.edit {
	--size: 54%;
}

.fix-nav .fix-btn.return-top {
	--size: 34%;
}

.fix-nav .fix-btn .self-svg {
	width: 68px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.self-svg svg.icon {
	width: 43%;
	height: 43%;
	fill: #fff;
}

:root {
	--linear-color: linear-gradient(124deg, #ed7841, #ff0000);
}

.fix-nav .fix-btn .p {
	font-size: 12px;
	line-height: 20px;
	padding-top: 3px;
}

.fix-nav .fix-btn .p-number {
	word-break: keep-all;
	position: absolute;
	right: 50%;
	top: 50%;
	/* height: 100%; */
	flex-direction: column;
	text-align: left;
	line-height: 1.6em;
	font-size: 18px;
	color: #fff;
	width: max-content;
	background-color: var(--color1);
	opacity: 0;
	transition: opacity 0.3s, right 0.3s;
	transform: translateY(-50%);
	pointer-events: none;
}

.fix-nav .fix-btn .p-number .p-number-li {
	/* height: var(--fs); */
	width: 100%;
	padding: .7em 1.4em .7em .5em;
}

.fix-nav .fix-btn .p-number .p-number-li {
	background: #139349;
}

.fix-nav .fix-btn .p-number .p-tit {
	flex-shrink: 0;
}

.fix-nav .fix-btn:hover {
	background-color: var(--main-color);
}

.fix-nav .fix-btn:hover .p-number {
	opacity: 1;
	right: 100%;
	pointer-events: auto;
}

.fix-nav .fix-btn:hover .code-box {
	opacity: 1;
	right: 100%;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
}

.fix-nav .code-box {
	margin-top: -76px;
	margin-right: 10px;
	width: 150px;
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	right: 50%;
	opacity: 0;
	transition: opacity 0.3s, right 0.3s;
	transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	padding: 5px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.fix-nav .code-box::before {
	content: "";
	border: 5px solid transparent;
	border-left-color: #fff;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -5px;
}

.fix-nav .code-box .txt {
	font-size: 12px;
	color: #444;
}

[flex] {
	display: flex;
}

[flex][flex~="i"] {
	display: inline-flex;
}

[flex][flex~="wrap"] {
	flex-wrap: wrap;
}

[flex][flex~="no-wrap"] {
	flex-wrap: nowrap;
}

[flex][flex~="ja"] {
	justify-content: space-around;
}

[flex][flex~="jb"] {
	justify-content: space-between;
}

[flex][flex~="js"] {
	justify-content: start;
}

[flex][flex~="jfs"] {
	justify-content: flex-start;
}

[flex][flex~="jc"] {
	justify-content: center;
}

[flex][flex~="je"] {
	justify-content: end;
}

[flex][flex~="jfe"] {
	justify-content: flex-end;
}

[flex][flex~="ais"] {
	align-items: flex-start;
}

[flex][flex~="aic"] {
	align-items: center;
}

[flex][flex~="acc"] {
	align-content: center;
}

[flex][flex~="aie"] {
	align-items: flex-end;
}

@media (max-width: 1200px) {
	.fix-nav {
		display: none;
	}
}

@media screen and (min-width: 1200px) {
	.enHeader .nav .menuSlide li a {
		text-indent: 0;
		padding: 10px 20px;
	}

	.enHeader .nav .menuSlide li a {
		line-height: 1.25;
	}

	/* .productSub {
	    height: auto!important;
	    display: none;
	    width: 720px;
	    background: #ffffff;
	    position: absolute;
	    top: 105px;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.menuSlide { width: 480px;}
	.productSub::after { left: 240px;} */
}

@media screen and (max-width: 1800px) {
	.buildDesc {
		padding: 85px 0 110px;
	}

	.container,
	.banner .swiper-pagination,
	.familyCont {
		max-width: 1300px;
	}

	.clutureText {
		padding-left: calc(50vw - 650px);
	}

	.articleTitle h2,
	.contactCell h2,
	.familyText h2,
	.familyBannerText h2,
	.productTit,
	.aboutArt h2,
	.titleCell p,
	.aboutArt h2,
	.titleCell p,
	.introduceText h2,
	.buildCont h2,
	.managerTit,
	.nameTitle h3,
	.clutureText h2,
	.mapTitle {
		font-size: 38px;
	}

	.aboutData p,
	.buildCont li b {
		font-size: 70px;
	}

	.aboutCont {
		padding: 130px 0 120px;
	}

	.project {
		padding: 85px 0 60px;
	}

	.homeNews {
		padding: 110px 0 98px;
	}

	.bannerDesc h2 {
		font-size: 46px;
	}

	.contactCell {
		padding: 160px 0 120px;
	}
}

@media screen and (max-width: 1600px) {
	.nav>ul {
		gap: 35px;
	}

	.container,
	.banner .swiper-pagination,
	.familyCont {
		max-width: 1300px;
	}

	.clutureText {
		padding-left: 9vw;
	}

	.descTit p,
	.articleTitle h2,
	.contactCell h2,
	.familyBannerText h2,
	.productTit,
	.aboutArt h2,
	.titleCell p,
	.aboutArt h2,
	.titleCell p,
	.introduceText h2,
	.buildCont h2,
	.managerTit,
	.nameTitle h3,
	.clutureText h2,
	.mapTitle {
		font-size: 36px;
	}

	.familyText h2,
	.aboutData p,
	.buildCont li b {
		font-size: 28px;
	}

	.bigText h2 {
		font-size: 28px;
	}

	.aboutCont {
		padding: 120px 0 110px;
	}

	.project {
		padding: 75px 0 50px;
	}

	.homeNews {
		padding: 100px 0 88px;
	}

	.bannerDesc h2 {
		font-size: 44px;
	}

	.buildDesc {
		padding: 75px 0 100px;
	}

	.contactCell {
		padding: 150px 0 110px;
	}

	.contactList li h2 {
		font-size: 22px;
	}

	.contactList li {
		padding: 30px 30px 0;
	}

	.contactList.enContact li {
		padding: 20px 20px 0;
	}

	.contactList li span {
		font-size: 14px;
	}
}

@media screen and (max-width: 1500px) {
	.buildDesc {
		padding: 65px 0 90px;
	}

	.smallMenu {
		margin-top: 30px;
	}

	.smallMenu a {
		padding: 0 20px;
		font-size: 14px;
		line-height: 34px;
	}

	.container,
	.banner .swiper-pagination {
		max-width: 82%;
	}

	.nav li h2 a {
		font-size: 16px;
	}

	.langChose h2 {
		font-size: 16px;
	}

	.detailTitle h2,
	.descTit p,
	.articleTitle h2,
	.contactCell h2,
	.familyText h2,
	.familyBannerText h2,
	.productTit,
	.aboutArt h2,
	.titleCell p,
	.aboutArt h2,
	.titleCell p,
	.introduceText h2,
	.buildCont h2,
	.managerTit,
	.nameTitle h3,
	.clutureText h2,
	.mapTitle,
	.bannerDesc h2 {
		font-size: 34px;
	}

	.aboutData p {
		font-size: 66px;
	}

	.bigText h2 {
		font-size: 26px;
	}

	.aboutCont {
		padding: 110px 0 100px;
	}

	.project {
		padding: 65px 0 40px;
	}

	.homeNews {
		padding: 90px 0 78px;
	}

	.insideBanner {
		height: 500px;
	}

	.contactCell {
		padding: 140px 0 100px;
	}

	.contactList li h3 a {
		font-size: 32px;
	}
}

@media screen and (max-width: 1440px) {
	.aboutArticle h3 {
		font-size: 20px;
	}

	.contactCell {
		padding: 130px 0 90px;
	}

	.clutureText li p {
		font-size: 24px;
	}

	.clutureText li span {
		font-size: 16px;
	}

	.container,
	.banner .swiper-pagination,
	.familyCont {
		max-width: 94%;
	}

	.clutureText {
		padding-left: 3vw;
	}

	.header {
		padding: 0 3%;
	}

	.detailTitle h2,
	.descTit p,
	.articleTitle h2,
	.contactCell h2,
	.familyText h2,
	.familyBannerText h2,
	.productTit,
	.aboutArt h2,
	.titleCell p,
	.introduceText h2,
	.buildCont h2,
	.managerTit,
	.nameTitle h3,
	.clutureText h2,
	.mapTitle {
		font-size: 32px;
	}

	.aboutData p,
	.buildCont li b {
		font-size: 50px;
	}

	.aboutArt a.more {
		margin-top: 40px;
	}

	.downMouse {
		left: 10px;
	}

	.aboutCont {
		padding: 100px 0 90px;
	}

	.more {
		line-height: 40px;
		width: 128px;
		padding: 0 20px;
	}

	.more b {
		font-size: 14px;
	}

	.aboutData li {
		margin-bottom: 58px;
	}

	.homeNews {
		padding: 80px 0 68px;
	}

	.honorSwiper {
		margin-top: 60px;
	}

	.honorSwiper img {
		height: 280px;
	}

	.productEnter li p {
		font-size: 16px;
	}

	.productBox {
		margin-top: 40px;
	}

	.fpage a {
		font-size: 14px;
	}

	.ideaBd {
		margin-top: 50px;
	}

	.ideaHd span {
		font-size: 18px;
	}

	.ideaHd {
		margin-top: 50px;
	}

	.jobName p {
		font-size: 20px;
	}

	.jobTag span {
		margin-right: 60px;
	}

	.contactList li h3 a {
		font-size: 28px;
	}

	.aboutArticle li h2 {
		font-size: 20px;
	}

	.descTit span {
		font-size: 18px;
		margin-bottom: 0;
	}

	.addressInfor li h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 1280px) {
	.nav>ul {
		gap: 20px;
	}

	.contactList li h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.contactList li {
		height: 265px;
	}

	.contactList li p {
		font-size: 14px;
	}
}

@media screen and (max-width: 1200px) {
	.productSub::after {
		display: none;
	}

	.addressInfor li h2 {
		font-size: 18px;
	}

	.bigPic img {
		height: auto;
		max-width: 80%;
	}

	.picCont {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.descCont {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.aboutArticle li h2 {
		font-size: 16px;
	}

	.ideaHd {
		margin-top: 20px;
	}

	.ideaHd span {
		font-size: 16px;
		line-height: 3;
	}

	.ideaHd span::after {
		height: 2px;
	}

	.header,
	.small-header .header {
		height: 60px;
		background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.header .logo img {
		display: block;
		opacity: 0;
	}

	.header .logo img:nth-child(2) {
		opacity: 1;
	}

	.header .nav li h2 a {
		line-height: 80px;
	}

	.langChose h2 {
		line-height: 60px;
	}

	.header .nav li h2 a {
		color: #333333;
	}

	.header .langChose h2 {
		color: #333333;
		background: url(../images/blackEarth.png) left center no-repeat;
	}

	.header .searchEnter {
		background: url(../images/blackSearch.png) center no-repeat;
	}

	.header .logo img {
		height: 34px;
	}

	.nav {
		height: 100vh;
		position: fixed;
		left: -110%;
		overflow-y: auto;
		top: 60px;
		width: 200px;
		background: #ffffff;
		bottom: 0;
	}

	.nav ul {
		display: block;
	}

	.nav li {
		border-bottom: 1px solid #eee;
		float: none;
		margin: 0 !important;
	}

	.nav li h2 {
		position: relative;
		text-indent: 20px;
	}

	.nav li h2 i {
		transition: all .5s;
		background: url(../images/menuEnter.png) center no-repeat;
		width: 8px;
		height: 14px;
		background-size: 100% auto;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -7px;
	}

	.nav li h2 a {
		line-height: 40px;
		color: #333333;
	}

	.nav li.cur h2 i {
		background: url(../images/menuEntero.png) center no-repeat;
		background-size: 100% auto;
	}

	.nav li.act h2 i {
		background: url(../images/menuEntero.png) center no-repeat;
		background-size: 100% auto;
		transform: rotate(90deg);
	}

	.menubox {
		display: block;
		position: absolute;
		right: 4%;
		top: 10px;
		width: 45px;
		height: 40px;
		opacity: 1;
		pointer-events: auto;
		transition: 0.3s;
	}

	.menubox div {
		position: absolute;
		left: 20px;
		width: 30px;
		height: 2px;
		background-color: #139349;
		transition: 0.6s;
	}

	.menubox div:nth-child(1) {
		top: 9px;
	}

	.menubox div:nth-child(2) {
		top: 19px;
	}

	.menubox div:nth-child(3) {
		top: 29px;
	}

	.menubox.on div:nth-child(1) {
		top: 19px;
		transform: rotateZ(45deg);
	}

	.menubox.on div:nth-child(2) {
		top: 19px;
		opacity: 0;
	}

	.menubox.on div:nth-child(3) {
		top: 19px;
		transform: rotateZ(-45deg);
	}

	.langChose {
		margin-right: 50px;
	}

	.nav li dl {
		position: static;
		width: 100%;
		padding: 0;
		transform: translateX(0);
		text-align: left;
	}

	.nav.cnNav li dl {
		width: 100%;
		padding: 0;
	}

	.nav li dl dt {
		text-align: left;
		text-indent: 30px;
	}

	.productSub {
		width: 100%;
		position: static;
		transform: translate(0);
	}

	.nav li h2::after {
		display: none !important;
	}

	.mobSub dl {
		display: block !important;
	}

	.nav li dl dt dt {
		text-indent: 40px;
	}

	.nav li dt h3 a {
		font-size: 16px;
	}

	.nav li dt dt a {
		font-size: 14px;
	}

	.header .nav li h2 a,
	.small-header .header .nav li h2 a {
		line-height: 50px;
	}

	body {
		padding-top: 60px;
	}

	.productEnter {
		margin-bottom: 20px;
		margin-top: -40px;
	}

	.productEnter li p {
		font-size: 12px;
	}

	.productEnter li img {
		height: 30px;
		margin-bottom: 6px;
	}

	.aboutArticle {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.aboutArticle h3 {
		font-size: 18px;
	}

	.aboutArticle li {
		padding-bottom: 10px;
		margin-top: 10px;
	}

	.aboutArticle li h2 {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.aboutArticle li p {
		font-size: 13px;
	}

	.addressInfor li p {
		font-size: 14px;
	}
}

@media screen and (max-width: 1080px) {
	.addressInfor li h2 {
		font-size: 16px;
	}

	.aboutArticle h3 {
		font-size: 16px;
	}

	.fixForm {
		margin: 20px auto 0;
	}

	.aboutArticle li h2 {
		font-size: 14px;
	}

	.aboutArticle li span {
		font-size: 14px;
		margin-bottom: 0px;
	}

	.fixForm input,
	.fixForm select {
		font-size: 14px;
		height: 40px;
		text-indent: 20px;
	}

	.selectIcon {
		right: 20px;
	}

	.checkCode img {
		height: 40px;
	}

	.centerBtn {
		margin-top: 20px;
	}

	.fixForm li textarea {
		font-size: 14px;
		padding: 0 20px;
		line-height: 40px;
		height: 120px;
	}

	.inpBox {
		width: 100%;
		margin-bottom: 10px;
	}

	.fixForm li {
		margin-bottom: 10px;
		display: block;
	}

	.contactList ul {
		margin-top: 20px;
	}

	.contactList li h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.contactList li h3 a {
		font-size: 20px;
	}

	.contactList li h3 {
		margin-bottom: 10px;
	}

	.peoDesc {
		height: auto;
		margin-bottom: 10px;
	}

	.contactList li span {
		font-size: 14px;
	}

	.contactList li {
		width: 100%;
		height: auto;
		padding: 20px;
	}

	.contactCell {
		padding: 30px 0;
	}

	.productList ul {
		margin-bottom: 20px;
	}

	.fpage {
		gap: 5px;
	}

	.fpage a {
		width: 30px;
		height: 30px;
	}

	.productList li p {
		font-size: 14px;
		line-height: 2.5;
	}

	.fpage a {
		font-size: 12px;
	}

	.productEnter li {
		height: 80px;
	}

	.productEnter.enEnter li {
		padding: 10px 0;
		width: 32%;
		text-align: center;
	}

	.productEnter.enEnter li p {
		line-height: 1;
	}

	.buildDesc {
		padding: 30px 0;
	}

	.introducePic {
		width: 100%;
		text-align: center;
	}

	.introduceText {
		width: 100%;
	}

	.introduceText p {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 14px;
	}

	.introduceText h2 {
		margin-bottom: 20px;
	}

	.location {
		bottom: 10px;
	}

	.smallMenu a {
		margin-right: 5px;
		margin-bottom: 5px;
	}

	.bannerDesc p {
		font-size: 14px;
	}

	.smallMenu {
		margin-top: 10px;
		flex-wrap: wrap;
	}

	.bannerDesc {
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.insideBanner {
		height: 300px;
	}

	.introduce {
		gap: 0;
		padding: 30px 0;
		flex-wrap: wrap;
	}

	.homeList li {
		gap: 15px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		flex-wrap: wrap;
	}

	.newsText {
		width: 100%;
	}

	.newsText h2 {
		margin: 5px 0;
		font-size: 16px;
	}

	.newsText p {
		margin-bottom: 5px;
		font-size: 14px;
	}

	.newsPic {
		width: 100%;
		height: auto;
	}

	.homeList {
		width: 100%;
		margin-top: 20px;
	}

	.bigText {
		bottom: 20px;
		left: 10px;
		right: 10px;
	}

	.bigText h2 {
		font-size: 18px;
	}

	.bigText p {
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 1.5;
	}

	.bigNews {
		width: 100%;
		height: auto;
	}

	.newsTitle {
		flex-wrap: wrap;
	}

	.newsTitle .more {
		margin-top: 0px;
	}

	.homeNews .titleCell p {
		margin-top: 10px;
	}

	.newsBox {
		display: block;
		margin-top: 15px;
	}

	.homeNews {
		padding: 30px 0;
	}

	.footLink {
		display: none;
	}

	.footerTop {
		justify-content: center;
		padding: 30px 0 20px;
	}

	.copyRight {
		display: block;
		line-height: 1.5;
		text-align: center;
		padding: 20px 0;
		margin-top: 20px;
	}

	.copyRight p,
	.copyRight a {
		font-size: 14px;
	}

	.footerContact p {
		font-size: 14px;
	}

	.copyRight br {
		display: block;
	}

	.footerContact h2 {
		font-size: 16px;
		margin-bottom: 0;
	}

	.contactLink ul {
		justify-content: center;
	}

	.footer {
		text-align: center;
	}

	.contactLink {
		margin-bottom: 10px;
	}

	.aboutCont {
		padding: 30px 0;
	}

	.aboutArt {
		width: 100%;
	}

	.indexAbout .container {
		flex-wrap: wrap;
	}

	.detailTitle h2,
	.descTit p,
	.articleTitle h2,
	.contactCell h2,
	.familyText h2,
	.familyBannerText h2,
	.productTit,
	.aboutArt h2,
	.titleCell p,
	.aboutArt h2,
	.titleCell p,
	.introduceText h2,
	.buildCont h2,
	.managerTit,
	.nameTitle h3,
	.clutureText h2,
	.mapTitle {
		font-size: 18px;
		line-height: 2.5;
	}

	.buildCont h2 {
		margin-bottom: 20px;
		line-height: 1.5;
		padding-bottom: 20px;
	}

	.buildCont p {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 14px;
	}

	.buildCont h2 br {
		display: none;
	}

	.buildCont h2 img {
		height: 24px;
	}

	.aboutArt h2 {
		margin: 15px 0;
	}

	.aboutArt span,
	.titleCell span {
		font-size: 16px;
	}

	.aboutArt p {
		font-size: 14px;
		margin-bottom: 6px;
	}

	.aboutArt a.more {
		margin-top: 20px;
	}

	.aboutData {
		width: 100%;
		text-align: center;
	}

	.buildCont ul {
		margin-top: 20px;
	}

	.aboutData ul,
	.buildCont ul {
		display: flex;
		padding: 0;
		gap: 15px;
		justify-content: space-between;
	}

	.aboutData p,
	.buildCont li b {
		margin-bottom: 0;
		font-size: 30px;
	}

	.aboutData li b,
	.buildCont li span {
		font-size: 14px;
	}

	.aboutData li,
	.buildCont li {
		margin: 0;
	}

	.project {
		padding: 30px 0;
	}

	.project .titleCell p {
		margin-top: 0;
	}

	.projectSwiper {
		padding-bottom: 20px;
	}

	.projectSwiper .swiper-pagination span {
		width: 40px;
		height: 2px;
	}

	.projectSwiper .swiper-pagination span.swiper-pagination-bullet-active {
		height: 4px;
	}

	.project .titleCell {
		margin-bottom: 20px;
	}

	.projectDesc {
		position: absolute;
		top: 20px;
		left: 10px;
		right: 10px;
	}

	.projectDesc p {
		font-size: 14px;
		line-height: 1.5;
		height: 42px;
	}

	.projectDesc h2 {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.projectDesc .moreIcon {
		width: 30px;
		height: 30px;
		margin-top: 10px;
	}

	.bannerDesc h2 {
		font-size: 20px;
	}

	.managerCont {
		padding: 30px 0;
	}

	.managerInfor {
		flex-wrap: wrap;
	}

	.managerPic {
		width: auto;
		height: auto;
	}

	.managerTit {
		margin-bottom: 20px;
		line-height: 1;
	}

	.managerText {
		width: 100%;
	}

	.nameTitle {
		margin-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.nameTitle h3 {
		margin-bottom: 0;
	}

	.peopleDesc p {
		font-size: 14px;
		line-height: 2;
	}

	.managerSay {
		margin-top: 20px;
		padding-top: 20px;
	}

	.honor {
		padding-top: 30px;
	}

	.honorSwiper {
		margin-top: 20px;
	}

	.honorSwiper img {
		height: 200px;
	}

	.mouseNotice {
		height: 100px;
	}

	.mouseNotice p {
		padding-top: 40px;
	}

	.cluture {
		padding: 30px 0;
		flex-wrap: wrap;
	}

	.clutureText {
		padding: 0 4%;
		width: 100%;
	}

	.clutureText li p {
		font-size: 16px;
	}

	.clutureText li span {
		font-size: 14px;
	}

	.clutureText img {
		width: 50px;
	}

	.clutureText li {
		padding-bottom: 0;
	}

	.clutureImg {
		height: auto;
		width: 92%;
		margin: 0 auto;
	}

	.clutureText h2 {
		margin-bottom: 20px;
	}

	.responsibility {
		padding: 30px 0;
	}

	.downMouse {
		display: none;
	}

	.articleBox {
		padding: 30px 0;
	}

	.articleDetail {
		float: none;
		width: 100%;
	}

	.articleTitle h2 {
		line-height: 1.5;
	}

	.articleTag {
		display: block;
	}

	.articleTag span {
		display: inline-block;
		font-size: 14px;
	}

	.articleTag {
		margin: 10px 0;
	}

	.articleDesc p {
		font-size: 14px;
		line-height: 1.75;
		margin-bottom: 14px;
	}

	.articleDesc img {
		margin-bottom: 14px;
	}

	.articleDesc h2 {
		font-size: 16px;
		line-height: 1.75;
		margin-bottom: 14px;
	}

	.backMenu span {
		font-size: 14px;
	}

	.pageLink p {
		font-size: 14px;
		line-height: 1.75;
	}

	.backMenu {
		padding: 0 10px;
		line-height: 30px;
	}

	.descList p {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 0;
	}

	.bigPic {
		margin-bottom: 20px;
	}

	.descTit {
		margin-top: 20px;
		padding-bottom: 0;
		margin-bottom: 20px;
	}

	.descTit span {
		font-size: 16px;
		margin-bottom: 0;
	}

	.descList {
		padding-bottom: 20px;
	}

	.descBtn {
		justify-content: center;
		text-align: center;
		padding-top: 20px;
	}

	.descBtn a {
		width: 140px;
		line-height: 3;
		font-size: 14px;
		padding: 0 15px !important;
	}

	.descBtn a.goBuy span,
	.descBtn a.videoEnter span {
		font-size: 14px;
	}

	.detailCont {
		margin: 20px auto;
	}

	.plist ul {
		margin: 20px auto 30px;
	}

	.plist li {
		width: 49%;
		margin: 0 0 2% 0;
	}

	.plist li:nth-child(2n) {
		float: right;
	}

	.plist li p {
		font-size: 14px;
		line-height: 3;
	}

	.servicePoint {
		padding-top: 20px;
	}

	.cityChose {
		margin: 20px auto;
	}

	.cityChose ul {
		display: block;
	}

	.cityChose li {
		margin-bottom: 10px;
	}

	.cityChose li h2 {
		font-size: 14px;
	}

	.cityChose dt a {
		font-size: 14px;
		line-height: 2;
	}

	.cityChose li:hover {
		z-index: 10;
	}

	.addressInfor {
		padding: 20px 0 20px 20px;
		position: static;
		width: 100%;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		margin: 20px auto;
		transform: translate(0);
	}

	#map {
		position: static;
		height: 260px;
	}

	.mapCont {
		height: auto;
	}

	.addressInfor ul {
		padding-right: 20px;
	}

	.addressInfor li {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.addressInfor li img {
		margin-bottom: 0
	}
}

@media screen and (max-width: 780px) {
	.resCont {
		padding: 40px 0;
	}

	.resList {
		margin-top: 20px;
	}

	.resList li {
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
		padding-top: 30%;
	}

	.resList li:nth-child(2n) {
		float: right;
	}

	.videoList ul {
		margin: 20px auto;
	}

	.searchBox {
		position: static;
	}

	.searchinput {
		width: 100%;
		border-top: 1px solid #eee;
		transform-origin: top center;
		padding: 10px;
		background: #ffffff;
		top: 60px;
		margin-top: 0;
	}

	.header .langChose h2 {
		font-size: 14px;
	}

	.productBox {
		margin-top: 20px;
	}

	.productList {
		float: none;
		width: 100%;
	}

	.proMenu {
		float: none;
		width: 100%;
		padding: 10px;
		margin-bottom: 20px;
	}

	.aboutzr-item {
		margin-top: 20px;
	}

	.aboutzr-item li {
		width: 100%;
		height: auto;
		padding: 36px 20px;
		margin-top: 1%;
		margin-bottom: 1%;
		margin-right: 0;
		position: relative;
	}

	.aboutzr-item li::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.4);
	}

	.aboutzr-item li:first-child {
		transform: translateY(0px);
	}

	.aboutzr-item li:nth-child(3) {
		transform: translateY(0px);
	}

	.aboutzr-item li:last-child {
		transform: translateY(0px);
	}

	.aboutzr-item li h2 {
		font-size: 16px;
		position: relative;
		z-index: 2;
		margin-bottom: 10px;
	}

	.aboutzr-item li p {
		opacity: 1;
		line-height: 26px;
		position: relative;
		z-index: 2;
		transform: translateY(0);
		font-size: 13px;
	}

	.aboutzr-item li.active {
		padding: 60px 20px;
		width: 100%;
		text-align: center;
	}

	.productList li,
	.videoList li {
		width: 49%;
		margin: 0 0 2%;
	}

	.productList li:nth-child(2n),
	.videoList li:nth-child(2n) {
		float: right;
	}

	.proMenu a {
		font-size: 14px;
		line-height: 3;
	}

	.videoList li p {
		font-size: 14px;
	}

	.videoPic span {
		width: 30px;
		height: 30px;
		background-size: 100% auto !important;
	}

	.videoList li p {
		line-height: 3;
		padding: 0 10px;
		font-size: 14px;
	}

	.videoPage {
		padding: 20px 0 30px;
	}

	.newsList li {
		float: none;
		width: 100%;
	}

	.newsList ul {
		margin: 30px 0 20px;
	}

	.newsDesc h2 {
		font-size: 15px;
		height: 45px;
		font-weight: normal;
		line-height: 1.5;
		margin-bottom: 10px;
	}

	.newsDesc span {
		margin-bottom: 10px;
	}

	.newsDesc {
		padding: 10px 20px;
	}

	.newsDesc span {
		font-size: 14px;
	}

	.footLogo img {}

	.familyBannerText p {
		font-size: 14px;
		line-height: 1.5;
	}

	.downLink li span {
		line-height: 32px;
		font-size: 14px;
		padding: 0 20px;
	}

	.familyBanner {
		height: 350px;
	}

	.familyBannerText h2 {
		margin-bottom: 10px;
		line-height: 1;
	}

	.downLink {
		margin-top: 10px;
	}

	.familyBanner img {
		height: 100%;
		object-fit: cover;
	}

	.fixDown p {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.familyText p {
		font-size: 14px;
	}

	.familyText {
		height: auto;
	}

	.familyText h2 {
		margin-bottom: 0;
	}

	.familyCont,
	.familyPage li:nth-child(2n) .familyCont {
		flex-direction: column;
	}

	.familyPage li .familyCont>div {
		width: 100%;
	}

	.familyPage li {
		padding: 20px 0;
	}

	.familyImg img {
		width: 100%;
	}

	.familyPage li:last-child {
		padding-bottom: 44px;
	}

	.familyText h2::after,
	.productTit::after {
		width: 30px;
		height: 2px;
	}

	.banner .swiper-pagination span {
		width: 8px;
		height: 8px;
		border: 1px solid #ffffff;
		margin-right: 6px !important;
	}

	.bannerText p {
		font-size: 20px;
	}

	.indexAbout .aboutArt h2 {
		line-height: 1.5;
	}

	.subEwm {
		width: 100px;
		top: 40px;
	}

	.ideaPic {
		width: 100%;
		height: auto;
	}

	.ideaDesc {
		position: relative;
		max-width: 100%;
		right: auto;
		top: auto;
		bottom: auto;
	}

	.ideaDesc {
		font-size: 14px;
		padding: 45px 20px 20px;
		line-height: 1.5;
	}

	.ideaDesc::after {
		right: 10px;
		top: 10px;
		width: 39px;
		height: 32px;
		background-size: 100% auto;
	}

	.ideaBd {
		margin-top: 20px;
	}

	.joinDesc {
		padding: 20px 0 30px;
	}

	.ideaHd span {
		font-size: 14px;
	}

	.development {
		padding: 20px 0 30px;
	}

	.developDesc {
		margin: 20px auto;
		font-size: 14px;
		line-height: 1.5;
		max-width: 92%;
	}

	.developSwiper {
		padding-bottom: 20px;
	}

	.developSwiper .swiper-pagination span {
		height: 2px;
	}

	.developSwiper .swiper-pagination span.swiper-pagination-bullet-active {
		height: 3px;
	}

	.jobList {
		margin: 20px auto 0;
	}

	.jobTag span {
		margin: 0 10px 10px 0;
		display: inline-flex;
		align-items: center;
		font-size: 14px;
	}

	.jobTag {
		display: flex;
		flex-wrap: wrap;
	}

	.jobName {
		padding: 20px 20px 10px
	}

	.jobName p {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.joinCont {
		padding: 20px 0 30px;
	}

	.descSub {
		padding: 20px;
	}

	.descSub p {
		font-size: 14px;
		line-height: 1.75;
	}

	.jobName i {
		width: 11px;
		height: 6px;
		background-size: 100% auto;
		right: 10px;
	}

	.contactCell a.more span {
		font-size: 14px;
		line-height: 30px;
	}

	.contactCell h2 {
		text-align: center;
		margin-bottom: 10px;
	}

	.contactCell a.more {
		display: inline-flex;
	}

	.contactCell {
		text-align: center;
	}

	.contactPage {
		padding: 20px 0 30px;
	}

	.langChose dl,
	.small-header .header dl {
		top: 60px;
		border-radius: 0 0 4px 4px;
	}

	.langChose dl::after {
		display: none !important;
	}

	.project ul {
		flex-wrap: wrap;
		gap: 10px;
	}

	.project li {
		flex: calc(50% - 5px);
	}

	.aboutzr-item li a,
	.aboutzr-item li.active a {
		padding: 0;
	}

	.fix-nav {
		transform: translateX(0);
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0 !important;
		top: auto;
	}

	.fix-nav>a:last-child {
		display: none;
	}

	.fix-nav .fix-btn {
		width: 25%;
	}

	.fix-nav .line {
		height: 68px;
		width: 1px;
	}

	.fix-nav .fix-btn .self-svg {
		margin: 0 auto;
	}

	body {
		height: auto;
		padding-bottom: 0px;
	}

	.fix-nav .code-box {
		left: 50%;
		bottom: 76px;
		margin: 0;
		margin-left: -75px;
		top: auto;
	}

	.fix-nav .code-box::before {
		content: "";
		border: 5px solid transparent;
		border-left-color: #fff;
		position: absolute;
		left: 50%;
		top: 100%;
		/* margin-top: -5px; */
		transform: rotate(90deg);
		margin: 0;
	}

	.fix-nav .fix-btn .p-number {
		position: fixed;
		left: 0;
		width: 100%;
		bottom: 68px;
		top: auto;
		transform: translate(0);
	}

	.p-n-con {
		flex: 1;
	}

	.fix-nav .fix-btn .p-number .p-number-li {
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.17);
		font-size: 14px;
	}

	.newsTitle {}

	.newsCont .titleCell {
		max-width: 100%;
	}

	.homeNews .titleCell p {
		line-height: 1.25;
	}

	.newsTitle {
		align-items: start;
	}

	.project .titleCell p {
		line-height: 1.25;
	}

	.enHeader .nav li dt a {
		font-size: 14px;
	}

	.enHeader .nav {
		width: 260px;
	}
}


@media screen and (min-width: 1024px) {
	.yuop01 {
		font-size: 20px;
		line-height: 200%;
		color: #fff;
	}

	.yuop02 {
		font-size: 20px;
		line-height: 200%;
		color: #333;
	}
}

@media screen and (max-width: 1024px) {
	.yuop01 {
		font-size: 20px;
		line-height: 100%;
		color: #fff;
	}

	.yuop02 {
		font-size: 20px;
		line-height: 200%;
		color: #333;
	}
}

.fgfg01 {
	border-radius: 44px;
}

.fgfg02 {
	padding: 4.4vw 0px 4.4vw 2.4vw;
}

.fgfg03 {
	padding: 4.4vw 2.4vw 4.4vw 0vw;
}

.gtgt02 {
	font-size: 24px !important;
	color: #139349 !important
}



/* 新闻 */
.news {
	float: left;
	width: 100%;
	margin-top: 42px;
}

.c_9 {
	float: left;
	width: 100%;
}

.c_9 .ul05 {
	float: left;
	width: 100%;
}

.c_9 .ul05 li {
	float: left;
	width: 100%;
	margin-top: 30px;
	position: relative;
	padding-left: 9px;
	background: #f6f6f6;
}

.c_9 .ul05 li a {
	float: left;
	display: block;
	width: 100%
}

.pic13 {
	position: absolute;
	left: 0;
	top: 0;
	width: 388px;
	height: 246px;
	text-align: center;
	padding-top: 31px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.c_9 .ul05 li .pic13 img {
	width: 328px;
	margin: 0 auto;
}

.text7 {
	float: left;
	width: 100%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	border-left: 1px solid #fff;
}

.text7 .title7 {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 14px;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-weight: 900
}

.text7 .p18 {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 25px;
	margin-top: 8px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
}

.text7 .time_link {
	float: left;
	width: 100%;
	height: 44px;
	line-height: 44px;
	margin-top: 4px;
}

.text7 .time_link span {
	float: left;
	font-size: 14px;
	color: #a9a9a9;
}

.text7 .time_link i {
	display: block;
	float: right;
	font-size: 14px;
	color: #a9a9a9;
	font-style: normal;
}

.c_9 .ul05 li a:hover .text7 .title7 {
	color: #139349;
}

.c_9 .ul05 li a:hover .text7 .time_link i {
	color: #139349;
}

.c_9 .ul05 li a:hover .pic13 {
	background: #f0f0f0;
}

@media screen and (max-width:991px) {
	.c_9 .ul05 li {
		margin-top: 20px;
		padding-left: 230px;
	}

	.pic13 {
		width: 230px;
		height: auto;
		padding-top: 15px;
	}

	.c_9 .ul05 li .pic13 img {
		width: 200px;
		height: auto;
	}

	.text7 .title7 {
		height: 30px;
		line-height: 30px;
		margin-top: 20px;
	}

	.text7 .p18 {
		height: 44px;
		line-height: 22px;
		margin-top: 4px;
	}

	.text7 .time_link {
		height: 35px;
		line-height: 35px;
		margin-top: 15px;
	}
}

@media screen and (max-width:767px) {
	.news {
		margin-top: 15px;
	}

	.text7 .p18 {
		display: none;
	}

	.c_9 .ul05 li {
		margin-top: 12px;
		padding-left: 150px;
	}

	.pic13 {
		width: 150px;
		height: auto;
		padding-top: 10px;
	}

	.c_9 .ul05 li .pic13 img {
		width: 130px;
	}

	.text7 {
		padding-left: 5%;
		padding-right: 5%;
	}

	.text7 .title7 {
		height: 40px;
		line-height: 20px;
		margin-top: 15px;
		font-size: 14px;
		white-space: normal;
	}

	.text7 .time_link {
		height: 32px;
		line-height: 32px;
		margin-top: 10px;
	}

	.text7 .time_link span {
		font-size: 12px;
	}

	.text7 .time_link i {
		font-size: 12px;
	}
}

.gygy01 {
	padding: 44px 0px;
}

@media screen and (min-width: 1024px) {
	.gygy02 {
		width: 80% !important;
		padding: 44px 0px;
		margin: 0px auto;
		zoom: 1.2
	}

	.gygy03 {
		padding-top: 34px;
	}

	.gygy05 {
		content: '';
		margin-top: 34px;
		margin-bottom: 24px;
		left: 0;
		bottom: 0;
		width: 65px;
		height: 3px;
		background: #139349;
	}
}

@media screen and (max-width: 1024px) {
	.gygy02 {
		width: 100% !important;
		padding: 34px 0px;
	}

	.gygy03 {
		padding-top: 34px;
	}

	.gygy05 {
		content: '';
		margin-top: 14px;
		margin-bottom: 14px;
		left: 0;
		bottom: 0;
		width: 65px;
		height: 3px;
		background: #139349;
	}
}