@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body {
	font-size: 16px;
	font-family: 'Microsoft YaHei', 'simSun';
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
	width: 100%;
	border: 0;
	height: auto;
	transition: all 0.4s;
}

a {
	text-decoration: none;
	cursor: pointer;
	border: 0;
	color: initial;
}

a:hover {
	text-decoration: none
}

.show-div {
	display: block !important;
}

.show-div-flex {
	display: flex !important;
}

.hidden-div {
	display: none !important;
}

/* public */
.f-c-c {
	display: flex;
	align-items: center;
	justify-content: center;
}

.f-c-sb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.f-c-s {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.f-c-e {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.f-s-e {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.f-s-s {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.f-s-c {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.f-e-sb {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.f-s-sb {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.f-e-s {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}

.y-hide1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.y-hide2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

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

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

.y-page {
	flex-direction: column;
	min-height: 100vh;
	padding-top: 126px;
	box-sizing: border-box;
}

.y-p60 {
	box-sizing: border-box;
	padding-left: 60px;
	padding-right: 60px;
}
.y-p174 {
	box-sizing: border-box;
	padding-left: 174px;
	padding-right: 174px;
}
.y-mask {
	width: 2500px;
	height: 1130px;
	position: absolute;
	left: -20%;
	bottom: 0;
	background-position: bottom left;
	background-repeat: no-repeat;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	opacity: 0;
	background-image: url("../img/zhezhaoceng.png");
	z-index: -50;
}

.y-mask.on {
	-webkit-animation: myfirst 3.5s linear;
	animation: myfirst 3.5s linear;
}

@media (max-width: 768px) {
	.y-mask {
		left: -50%;
		display: none;
	}
}

@keyframes myfirst {
	0% {
		opacity: 0;
	}

	1% {
		opacity: 1;
		left: -20%;
		bottom: 0;
		z-index: 10;
		transform: scale(1);
	}

	25% {
		transform: scale(1.6);
		bottom: -10%;
		left: 40%;
		opacity: 1;
		z-index: 10;
	}

	100% {
		transform: scale(2);
		left: 110%;
		opacity: 1;
		z-index: 10;
	}
}

@-moz-keyframes myfirst {
	0% {
		opacity: 0;
	}

	1% {
		opacity: 1;
		left: -20%;
		bottom: 0;
		z-index: 10;
		transform: scale(1);
	}

	25% {
		transform: scale(1.6);
		bottom: -10%;
		left: 40%;
		opacity: 1;
		z-index: 10;
	}

	100% {
		transform: scale(2);
		left: 110%;
		opacity: 1;
		z-index: 10;
	}
}

@-webkit-keyframes myfirst {
	0% {
		opacity: 0;
	}

	1% {
		opacity: 1;
		left: -20%;
		bottom: 0;
		z-index: 10;
		transform: scale(1);
	}

	25% {
		transform: scale(1.6);
		bottom: -10%;
		left: 40%;
		opacity: 1;
		z-index: 10;
	}

	100% {
		transform: scale(2);
		left: 110%;
		opacity: 1;
		z-index: 10;
	}
}

/* header */
.y-head {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
}

.y-head .h-first {
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}

.y-head .h-logo {
	width: 303px;
	display: block;
	height: auto;
}

.y-head .h-l-menu {
	margin-left: 48px;
	height: 126px;
}

.y-head .h-menu {
	height: 100%;
}

.y-head .h-menu:last-child .h-m-name {
	border-right: none;
}

.y-head .h-child {
	background: #fff;
	width: 100%;
	height: 70px;
	box-sizing: border-box;
	padding: 0 60px 0 420px;
	border-top: 1px solid #f1f1f1;
	z-index: -1;
	box-shadow: 0px 8px 8px 1px rgba(44,44,44,0.06);
}

.y-head .h-c-list {
	color: #666;
	font-size: 16px;
	margin: 0 35px;
}

.y-head .h-c-box {
	position: fixed;
	top: 126px;
	left: 0;
	right: 0;
	width: 100%;
	display: none;
}

.y-head .h-menu .h-m-name {
	height: 15px;
	border-right: 2px solid #002B1B;
	width: 122px;
	font-weight: 400;
	font-size: 18px;
	color: #002B1B;
}

.y-head .h-r-list {
	width: 41px;
	margin-left: 20px;
	color: #fff;
	height: 41px;
	background: #003A25;
	border-radius: 50%;
	position: relative;
}

.y-head .h-r-list .iconfont {
	font-size: 22px;
	transition: all 0.4s;
}

.y-head .h-child1 {
	height: max-content !important;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.y-head .h-child1 ul {
	margin-right: 90px;
	flex: none;
}

.y-head .h-c-tit {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
}

.y-head .h-c-txt {
	font-weight: 400;
	margin-top: 20px;
	display: block;
	font-size: 14px;
	color: #333333;
}

.y-head .h-c-cpa {
	/* flex-direction: column; */
	width: 270px;
	margin: 0;
	position: relative;
	padding-bottom: 20px;
}
.y-head .swiper-pagination{
	bottom: 0 !important;
}
.y-head .swiper-pagination span{display: block;}
.y-head .swiper-pagination-bullet-active{
	background: #002B1B;
}
.y-head .h-c-cpa .swiper-slide{
	flex-direction: column;
}
.y-head .h-c-pic {
	width: 100%;
	height: 270px;
	display: block;
	object-fit: cover;
}

.y-head .h-c-cpn {
	font-weight: 400;
	width: 100%;
	text-align: center;
	margin-top: 11px;
	font-size: 24px;
	color: #333333;
}

.y-head .h-c-cpi {
	font-weight: 300;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #333333;
}

.y-head .h-c-btn {
	width: 114px;
	height: 25px;
	background: #CE0000;
	border-radius: 15px 0 15px 0;
	font-weight: 300;
	margin-top: 11px;
	font-size: 16px;
	color: #FFFFFF;
}

.y-head .h-serach {
	border: 1px solid #dbdbdb;
	height: 35px;
	width: 200px;
	border-radius: 5px;
	margin-left: 10px;
	box-sizing: border-box;
	padding: 0 10px;
}

.y-head .h-s-all {
	display: none;
}

.y-head .h-input {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	outline: none;
	border: none;
}

.y-head .h-serach .iconfont {
	font-size: 20px;
	flex: none;
	margin-left: 10px;
	color: #999;
}
.navbar ul {display: flex;align-items: center;}
.navbar {display: none;background: #FFF;height: 50px;align-items: center;justify-content: space-between;box-sizing: border-box;position: relative;flex: none;margin-left: 20px;}
.navbar input {z-index: 99;width: 31px;height: 24px;opacity: 0;cursor: pointer;}
.navbar span {z-index: 99;position: absolute;right: 0px;background:#003A25;top: 30%;width: 30px;height: 2px;border-radius: 15px;pointer-events: none;transition: transform 0.3s ease-in-out, top 0.3s ease-in-out 0.3s;}
.navbar span:nth-child(2) {top: calc(30% + 10px);}
.navbar span:nth-child(3) {top: calc(30% + 20px);}
.navbar ul {background: #fff;overflow: hidden;position: fixed;top: 50px;left: auto;right: 0;width: 0;height: calc(100vh - 50px);transition: all 0.2s;white-space: nowrap;bottom: 0;}
.navbar ul li {list-style: none;margin: 0px 15px;}
.navbar ul .nav-menu {background: #fff;height: max-content;text-decoration: none;font-size: 14px;font-weight: 600;color: #000;display: none;width: 100%;padding: 15px 30px;box-sizing: border-box;border-bottom: 1px solid #f9f9f9;}
.navbar input:checked~ul {box-shadow: rgba(57,56,56,0.2) -11px 11px 20px 0px;position: fixed;top: 50px;z-index: 999;box-sizing: border-box;overflow-y: auto;width: 360px;display: flex;flex-direction: column;background: #fff;}
.navbar input:checked~ul .nav-menu {display: flex;flex-direction: column;overflow: hidden;word-wrap: break-word;width: 100%;flex: none;}
.navbar input:checked~span:nth-child(2) {top: calc(50% - 2px);transform: rotate(-45deg);transition: top 0.3s ease-in-out, transform 0.3s ease-in-out 0.3s;}
.navbar input:checked~span:nth-child(3) {top: calc(50% - 2px);transform: rotate(45deg);transition: top 0.3s ease-in-out, transform 0.3s ease-in-out 0.3s;}
.navbar input:checked~span:nth-child(4) {display: none;transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s;}
.navbar .nav-list {display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.navbar .nav-child {display: none;flex-direction: column;align-items: flex-start;margin-top: 10px;}
.navbar .nav-child .nav-menu{background: none;}
.navbar .nav-list img {width: 15px;}
.navbar .nav-menu1 .nav-menu {padding: 15px;align-items: flex-start !important;flex-direction: initial !important;}
.navbar .nav-child .nav-menu:last-child{border-bottom: none;}

/* footer */
.y-foot {
	height: 148px;
	box-sizing: border-box;
	padding-bottom: 18px;
	width: 100%;
	background: #fff;
}

.y-foot .f-l-item {
	width: 41px;
	height: 41px;
	box-sizing: border-box;
	margin-right: 20px;
	border-radius: 50%;
	border: 1px solid #333333;
	color: #333333;
	transition: all 0.4s;
	cursor: pointer;
	position: relative;
}
.y-foot .f-l-child{
	position: absolute;
	bottom: 120%;
	width: 100px;
	height: 100px;
	background: #fff;
	z-index: 999;
	box-sizing: border-box;
	padding: 5px;
	left: -70%;
	box-shadow: 0px 7px 8px 1px rgba(44,44,44,0.05);
	display: none;
	transition: all 0.4s;
}
.y-foot .f-l-item:hover .f-l-child{
	transition: all 0.4s;
	display: block;
}
.y-foot .f-l-child img{
	width: 100%;
	height: auto;
	display: block;
}
.y-foot .f-l-item .iconfont {
	font-size: 28px;
}

.y-foot .f-l-info {
	font-weight: 300;
	margin-top: 33px;
	font-size: 14px;
	color: #002B1B;
}

.y-foot .f-l-info a {
	color: inherit;
	margin-left: 30px;
}

.y-foot .f-m-list {
	flex-direction: column;
	margin-left: 65px;
	flex: none;
}

.y-foot .f-m-phone {
	font-weight: 300;
	font-size: 14px;
	color: #002B1B;
	line-height: 30px;
}

.y-foot .f-m-phone a {
	color: inherit;
}

.y-foot .f-middle {
	margin-left: auto;
	flex: none;
}

.y-foot .f-r-code {
	margin-left: 45px;
}

.y-foot .f-r-code img {
	width: 111px;
	height: auto;
	display: block;
}

.y-foot .f-r-code span {
	writing-mode: vertical-lr;
	margin-left: 30px;
	font-weight: 300;
	font-size: 14px;
	color: #002B1B;
}

.y-foot .f-right {
	margin-left: 20px;
	flex: none;
}

/* 分页 */
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;}
.pagination li{width:30px;height:30px;border:1px solid #ECECEC;flex:none;display:flex;align-items:center;justify-content:center;margin:10px;}
.pagination span,.pagination a{color:#999;font-size:14px;}
.pagination .active,
.pagination li:hover{background:#124834;border:1px solid #124834;}
.pagination li:hover a,
.pagination .active a,
.pagination .active span{color:#fff;}
.pagination .disabled{background:#fff !important;border:1px solid #ECECEC !important;}

/* 动效 */
.y-line {
	color:inherit;
	position: relative;
	transition: color 0.3s ease-in-out;
}
.y-line::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #003A25;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease-in-out;
}
.y-line1 {
	color:inherit;
	position: relative;
	transition: color 0.3s ease-in-out;
}
.y-line:hover::after {
transform-origin: left center;
transform: scaleX(1);
}
.y-line:not(:hover)::after {
transform-origin: right center;
transform: scaleX(0);
}
.y-line1::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background-color: #003A25;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease-in-out;
}
.y-line1:hover::after {
transform-origin: left center;
transform: scaleX(1);
}
.y-line1:not(:hover)::after {
transform-origin: right center;
transform: scaleX(0);
}
.y-foot .f-l-item:hover{
	background: #333333;
	color:#fff;
	transition: all 0.4s;
}
.y-head .h-r-list:hover{
	border: 1px solid #003A25;
	box-sizing: border-box;
	background: #fff;
	color: #003A25;
	transition: all 0.4s;
}
.y-main{
	flex: 1;
	width: 100%;
}
.y-column{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 36.5%;
	width: 100%;
}
.y-column img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.y-crumbs{
	border-bottom: 1px solid #E6E6E6;
	box-sizing: border-box;
	background: #fff;
}
.y-crumbs .y-cru-list{
	height: 80px;
	margin: 0 40px;
	position: relative;
	font-weight: 300;
	font-size: 16px;
	color: #002B1B;
}
.y-crumbs .y-cru-line{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	display: block;
	background:transparent;
} 
.y-crumbs .y-cru-active .y-cru-line{
	background: #124834;
}

.xw-box2:hover{
	background: #F2F7F6;
	transition: all 0.4s;
}
.ppyl-box3 .b3-pic img:hover,
.xw-box1 .b1-left img:hover,
.jm-box3 .b3-icon img:hover{
	transition: all 0.4s;transform: scale(1.05);
}
.ppyl-box3 .swiper-button-next:hover, .ppyl-box3 .swiper-button-prev:hover{
	background: #002B1B;
	transition: all 0.4s;
}
.ppyl-box3 .swiper-button-next:hover .iconfont,
.ppyl-box3 .swiper-button-prev:hover .iconfont{
	color: #fff;
}
.xwd-main .b1-n-list a:hover{
	color: #002B1B;
}
.xw-box2 .b2-r-btn:hover{
	background: #002B1B;
	transition: all 0.4s;
	color: #fff;
}
.xw-box2 .b2-r-btn:hover .iconfont{
	color: #fff;
}
.xw-box1 .b1-btn:hover{
	background: #fff;
	transition: all 0.4s;
}
.jm-box3 .swiper-button-prev:hover, 
.jm-box3 .swiper-button-next:hover{
	background: #002B1B;
	transition: all 0.4s;
}
.jm-box3 .swiper-button-prev:hover .iconfont, 
.jm-box3 .swiper-button-next:hover .iconfont{
	color: #fff;
}
/* 图片放大 transition: all 0.2s;transform: scale(1.05); */
/* Y轴发生偏移 transition: all 0.2s;transform: translateY(-5px); */